@atlaskit/emoji 64.2.0 → 64.4.0

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 (184) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/cjs/api/EmojiResource.js +36 -1
  3. package/dist/cjs/api/media/SiteEmojiResource.js +10 -2
  4. package/dist/cjs/components/common/CachingEmoji.js +38 -12
  5. package/dist/cjs/components/common/DeleteButton.js +9 -13
  6. package/dist/cjs/components/common/Emoji.js +25 -36
  7. package/dist/cjs/components/common/EmojiActions.js +26 -31
  8. package/dist/cjs/components/common/EmojiButton.js +7 -7
  9. package/dist/cjs/components/common/EmojiDeletePreview.js +20 -26
  10. package/dist/cjs/components/common/EmojiErrorMessage.js +10 -14
  11. package/dist/cjs/components/common/EmojiPlaceholder.js +5 -12
  12. package/dist/cjs/components/common/EmojiPreview.js +20 -40
  13. package/dist/cjs/components/common/EmojiPreviewComponent.js +34 -0
  14. package/dist/cjs/components/common/EmojiUploadPicker.js +26 -24
  15. package/dist/cjs/components/common/EmojiUploadPreview.js +22 -28
  16. package/dist/cjs/components/common/RecordSelectionDefault.js +8 -2
  17. package/dist/cjs/components/common/ResourcedEmoji.js +25 -9
  18. package/dist/cjs/components/common/ResourcedEmojiComponent.js +33 -11
  19. package/dist/cjs/components/common/RetryableButton.js +12 -18
  20. package/dist/cjs/components/common/Scrollable.js +5 -10
  21. package/dist/cjs/components/common/UfoErrorBoundary.js +52 -0
  22. package/dist/cjs/components/common/UploadEmoji.js +8 -0
  23. package/dist/cjs/components/common/styles.js +210 -266
  24. package/dist/cjs/components/picker/CategorySelector.js +13 -12
  25. package/dist/cjs/components/picker/EmojiPicker.js +17 -6
  26. package/dist/cjs/components/picker/EmojiPickerCategoryHeading.js +8 -14
  27. package/dist/cjs/components/picker/EmojiPickerComponent.js +51 -30
  28. package/dist/cjs/components/picker/EmojiPickerEmojiRow.js +8 -12
  29. package/dist/cjs/components/picker/EmojiPickerFooter.js +8 -14
  30. package/dist/cjs/components/picker/EmojiPickerList.js +28 -9
  31. package/dist/cjs/components/picker/EmojiPickerListSearch.js +10 -8
  32. package/dist/cjs/components/picker/EmojiPickerVirtualItems.js +9 -15
  33. package/dist/cjs/components/picker/styles.js +113 -161
  34. package/dist/cjs/components/typeahead/EmojiTypeAheadComponent.js +40 -24
  35. package/dist/cjs/components/typeahead/EmojiTypeAheadItem.js +10 -13
  36. package/dist/cjs/components/typeahead/EmojiTypeAheadList.js +17 -22
  37. package/dist/cjs/components/typeahead/styles.js +17 -19
  38. package/dist/cjs/components/uploader/EmojiUploadComponent.js +22 -15
  39. package/dist/cjs/components/uploader/styles.js +4 -4
  40. package/dist/cjs/index.js +9 -3
  41. package/dist/cjs/types.js +12 -2
  42. package/dist/cjs/util/{analytics.js → analytics/analytics.js} +12 -10
  43. package/dist/cjs/util/analytics/index.js +205 -0
  44. package/dist/cjs/util/analytics/samplingUfo.js +278 -0
  45. package/dist/cjs/util/analytics/ufoExperiences.js +46 -0
  46. package/dist/cjs/util/analytics/useSampledUFOComponentExperience.js +49 -0
  47. package/dist/cjs/util/constants.js +10 -3
  48. package/dist/cjs/version.json +1 -1
  49. package/dist/es2019/api/EmojiResource.js +28 -1
  50. package/dist/es2019/api/media/SiteEmojiResource.js +10 -2
  51. package/dist/es2019/components/common/CachingEmoji.js +34 -12
  52. package/dist/es2019/components/common/DeleteButton.js +8 -6
  53. package/dist/es2019/components/common/Emoji.js +27 -36
  54. package/dist/es2019/components/common/EmojiActions.js +26 -24
  55. package/dist/es2019/components/common/EmojiButton.js +6 -6
  56. package/dist/es2019/components/common/EmojiDeletePreview.js +20 -20
  57. package/dist/es2019/components/common/EmojiErrorMessage.js +9 -8
  58. package/dist/es2019/components/common/EmojiPlaceholder.js +5 -8
  59. package/dist/es2019/components/common/EmojiPreview.js +19 -35
  60. package/dist/es2019/components/common/EmojiPreviewComponent.js +21 -0
  61. package/dist/es2019/components/common/EmojiUploadPicker.js +25 -22
  62. package/dist/es2019/components/common/EmojiUploadPreview.js +22 -22
  63. package/dist/es2019/components/common/RecordSelectionDefault.js +9 -2
  64. package/dist/es2019/components/common/ResourcedEmoji.js +22 -5
  65. package/dist/es2019/components/common/ResourcedEmojiComponent.js +32 -11
  66. package/dist/es2019/components/common/RetryableButton.js +10 -11
  67. package/dist/es2019/components/common/Scrollable.js +6 -10
  68. package/dist/es2019/components/common/UfoErrorBoundary.js +11 -0
  69. package/dist/es2019/components/common/UploadEmoji.js +4 -0
  70. package/dist/es2019/components/common/styles.js +195 -262
  71. package/dist/es2019/components/picker/CategorySelector.js +15 -12
  72. package/dist/es2019/components/picker/EmojiPicker.js +15 -6
  73. package/dist/es2019/components/picker/EmojiPickerCategoryHeading.js +8 -8
  74. package/dist/es2019/components/picker/EmojiPickerComponent.js +46 -22
  75. package/dist/es2019/components/picker/EmojiPickerEmojiRow.js +8 -7
  76. package/dist/es2019/components/picker/EmojiPickerFooter.js +8 -8
  77. package/dist/es2019/components/picker/EmojiPickerList.js +28 -8
  78. package/dist/es2019/components/picker/EmojiPickerListSearch.js +11 -8
  79. package/dist/es2019/components/picker/EmojiPickerVirtualItems.js +10 -8
  80. package/dist/es2019/components/picker/styles.js +112 -160
  81. package/dist/es2019/components/typeahead/EmojiTypeAheadComponent.js +35 -17
  82. package/dist/es2019/components/typeahead/EmojiTypeAheadItem.js +12 -13
  83. package/dist/es2019/components/typeahead/EmojiTypeAheadList.js +18 -19
  84. package/dist/es2019/components/typeahead/styles.js +14 -15
  85. package/dist/es2019/components/uploader/EmojiUploadComponent.js +19 -9
  86. package/dist/es2019/components/uploader/styles.js +4 -4
  87. package/dist/es2019/index.js +4 -3
  88. package/dist/es2019/types.js +10 -1
  89. package/dist/es2019/util/{analytics.js → analytics/analytics.js} +17 -11
  90. package/dist/es2019/util/analytics/index.js +4 -0
  91. package/dist/es2019/util/analytics/samplingUfo.js +147 -0
  92. package/dist/es2019/util/analytics/ufoExperiences.js +34 -0
  93. package/dist/es2019/util/analytics/useSampledUFOComponentExperience.js +39 -0
  94. package/dist/es2019/util/constants.js +5 -1
  95. package/dist/es2019/version.json +1 -1
  96. package/dist/esm/api/EmojiResource.js +32 -1
  97. package/dist/esm/api/media/SiteEmojiResource.js +10 -2
  98. package/dist/esm/components/common/CachingEmoji.js +36 -12
  99. package/dist/esm/components/common/DeleteButton.js +8 -6
  100. package/dist/esm/components/common/Emoji.js +26 -29
  101. package/dist/esm/components/common/EmojiActions.js +26 -25
  102. package/dist/esm/components/common/EmojiButton.js +6 -6
  103. package/dist/esm/components/common/EmojiDeletePreview.js +19 -20
  104. package/dist/esm/components/common/EmojiErrorMessage.js +9 -8
  105. package/dist/esm/components/common/EmojiPlaceholder.js +5 -8
  106. package/dist/esm/components/common/EmojiPreview.js +19 -33
  107. package/dist/esm/components/common/EmojiPreviewComponent.js +20 -0
  108. package/dist/esm/components/common/EmojiUploadPicker.js +27 -25
  109. package/dist/esm/components/common/EmojiUploadPreview.js +21 -22
  110. package/dist/esm/components/common/RecordSelectionDefault.js +6 -3
  111. package/dist/esm/components/common/ResourcedEmoji.js +22 -9
  112. package/dist/esm/components/common/ResourcedEmojiComponent.js +32 -10
  113. package/dist/esm/components/common/RetryableButton.js +11 -12
  114. package/dist/esm/components/common/Scrollable.js +6 -10
  115. package/dist/esm/components/common/UfoErrorBoundary.js +38 -0
  116. package/dist/esm/components/common/UploadEmoji.js +4 -0
  117. package/dist/esm/components/common/styles.js +192 -242
  118. package/dist/esm/components/picker/CategorySelector.js +14 -12
  119. package/dist/esm/components/picker/EmojiPicker.js +13 -6
  120. package/dist/esm/components/picker/EmojiPickerCategoryHeading.js +8 -8
  121. package/dist/esm/components/picker/EmojiPickerComponent.js +47 -22
  122. package/dist/esm/components/picker/EmojiPickerEmojiRow.js +8 -7
  123. package/dist/esm/components/picker/EmojiPickerFooter.js +8 -8
  124. package/dist/esm/components/picker/EmojiPickerList.js +29 -8
  125. package/dist/esm/components/picker/EmojiPickerListSearch.js +10 -8
  126. package/dist/esm/components/picker/EmojiPickerVirtualItems.js +9 -8
  127. package/dist/esm/components/picker/styles.js +108 -149
  128. package/dist/esm/components/typeahead/EmojiTypeAheadComponent.js +35 -17
  129. package/dist/esm/components/typeahead/EmojiTypeAheadItem.js +11 -13
  130. package/dist/esm/components/typeahead/EmojiTypeAheadList.js +17 -19
  131. package/dist/esm/components/typeahead/styles.js +14 -14
  132. package/dist/esm/components/uploader/EmojiUploadComponent.js +19 -9
  133. package/dist/esm/components/uploader/styles.js +4 -4
  134. package/dist/esm/index.js +4 -3
  135. package/dist/esm/types.js +10 -1
  136. package/dist/esm/util/{analytics.js → analytics/analytics.js} +9 -7
  137. package/dist/esm/util/analytics/index.js +4 -0
  138. package/dist/esm/util/analytics/samplingUfo.js +259 -0
  139. package/dist/esm/util/analytics/ufoExperiences.js +34 -0
  140. package/dist/esm/util/analytics/useSampledUFOComponentExperience.js +39 -0
  141. package/dist/esm/util/constants.js +5 -1
  142. package/dist/esm/version.json +1 -1
  143. package/dist/types/api/EmojiResource.d.ts +1 -0
  144. package/dist/types/components/common/CachingEmoji.d.ts +8 -6
  145. package/dist/types/components/common/EmojiActions.d.ts +2 -3
  146. package/dist/types/components/common/EmojiDeletePreview.d.ts +3 -3
  147. package/dist/types/components/common/EmojiErrorMessage.d.ts +2 -1
  148. package/dist/types/components/common/EmojiPreview.d.ts +2 -3
  149. package/dist/types/components/common/EmojiPreviewComponent.d.ts +7 -0
  150. package/dist/types/components/common/EmojiUploadPreview.d.ts +3 -3
  151. package/dist/types/components/common/ResourcedEmoji.d.ts +2 -0
  152. package/dist/types/components/common/ResourcedEmojiComponent.d.ts +6 -0
  153. package/dist/types/components/common/RetryableButton.d.ts +0 -2
  154. package/dist/types/components/common/UfoErrorBoundary.d.ts +8 -0
  155. package/dist/types/components/common/styles.d.ts +44 -44
  156. package/dist/types/components/picker/EmojiPicker.d.ts +2 -3
  157. package/dist/types/components/picker/EmojiPickerComponent.d.ts +6 -0
  158. package/dist/types/components/picker/EmojiPickerList.d.ts +10 -0
  159. package/dist/types/components/picker/styles.d.ts +17 -18
  160. package/dist/types/components/typeahead/EmojiTypeAheadComponent.d.ts +6 -0
  161. package/dist/types/components/typeahead/styles.d.ts +8 -7
  162. package/dist/types/components/uploader/EmojiUploadComponent.d.ts +1 -0
  163. package/dist/types/components/uploader/styles.d.ts +2 -2
  164. package/dist/types/index.d.ts +3 -3
  165. package/dist/types/types.d.ts +6 -0
  166. package/dist/types/util/{analytics.d.ts → analytics/analytics.d.ts} +7 -7
  167. package/dist/types/util/analytics/index.d.ts +6 -0
  168. package/dist/types/util/analytics/samplingUfo.d.ts +31 -0
  169. package/dist/types/util/analytics/ufoExperiences.d.ts +12 -0
  170. package/dist/types/util/analytics/useSampledUFOComponentExperience.d.ts +8 -0
  171. package/dist/types/util/constants.d.ts +2 -0
  172. package/package.json +10 -9
  173. package/dist/cjs/components/picker/EmojiPickerPreview.js +0 -87
  174. package/dist/cjs/context/EmojiContext.js +0 -11
  175. package/dist/cjs/context/EmojiContextProvider.js +0 -22
  176. package/dist/es2019/components/picker/EmojiPickerPreview.js +0 -43
  177. package/dist/es2019/context/EmojiContext.js +0 -2
  178. package/dist/es2019/context/EmojiContextProvider.js +0 -10
  179. package/dist/esm/components/picker/EmojiPickerPreview.js +0 -67
  180. package/dist/esm/context/EmojiContext.js +0 -2
  181. package/dist/esm/context/EmojiContextProvider.js +0 -9
  182. package/dist/types/components/picker/EmojiPickerPreview.d.ts +0 -9
  183. package/dist/types/context/EmojiContext.d.ts +0 -4
  184. package/dist/types/context/EmojiContextProvider.d.ts +0 -7
@@ -23,9 +23,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
23
23
 
24
24
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
25
 
26
- var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
26
+ var _core = require("@emotion/core");
27
27
 
28
- var _classnames = _interopRequireDefault(require("classnames"));
28
+ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
29
29
 
30
30
  var _react = _interopRequireWildcard(require("react"));
31
31
 
@@ -41,7 +41,7 @@ var _Scrollable = _interopRequireDefault(require("../common/Scrollable"));
41
41
 
42
42
  var _EmojiTypeAheadItem = _interopRequireDefault(require("./EmojiTypeAheadItem"));
43
43
 
44
- var styles = _interopRequireWildcard(require("./styles"));
44
+ var _styles = require("./styles");
45
45
 
46
46
  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); }
47
47
 
@@ -230,10 +230,9 @@ var EmojiTypeAheadList = /*#__PURE__*/function (_PureComponent) {
230
230
 
231
231
  if (emojis && emojis.length) {
232
232
  this.items = {};
233
- return /*#__PURE__*/_react.default.createElement("div", null, emojis.map(function (emoji, idx) {
233
+ return (0, _core.jsx)("div", null, emojis.map(function (emoji, idx) {
234
234
  var key = getKey(emoji);
235
-
236
- var item = /*#__PURE__*/_react.default.createElement(_EmojiTypeAheadItem.default, {
235
+ var item = (0, _core.jsx)(_EmojiTypeAheadItem.default, {
237
236
  emoji: emoji,
238
237
  key: key,
239
238
  selected: _this2.isSelectedEmoji(emoji, idx),
@@ -247,7 +246,6 @@ var EmojiTypeAheadList = /*#__PURE__*/function (_PureComponent) {
247
246
  }
248
247
  }
249
248
  });
250
-
251
249
  return item;
252
250
  }));
253
251
  }
@@ -263,34 +261,31 @@ var EmojiTypeAheadList = /*#__PURE__*/function (_PureComponent) {
263
261
  }, {
264
262
  key: "render",
265
263
  value: function render() {
266
- var _classNames;
267
-
268
264
  var _this$props2 = this.props,
269
265
  emojis = _this$props2.emojis,
270
266
  loading = _this$props2.loading;
271
267
  var hasEmoji = emojis && emojis.length;
272
- var classes = (0, _classnames.default)((_classNames = {
273
- 'ak-emoji-typeahead-list': true
274
- }, (0, _defineProperty2.default)(_classNames, styles.typeAheadList, true), (0, _defineProperty2.default)(_classNames, styles.typeAheadEmpty, !hasEmoji && !loading), _classNames));
268
+ var classes = [_styles.typeAheadList, !hasEmoji && !loading && _styles.typeAheadEmpty];
275
269
  var listBody;
276
270
 
277
271
  if (loading) {
278
- listBody = /*#__PURE__*/_react.default.createElement("div", {
279
- className: styles.emojiTypeAheadSpinnerContainer
280
- }, /*#__PURE__*/_react.default.createElement("div", {
281
- className: styles.emojiTypeAheadSpinner
282
- }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
272
+ listBody = (0, _core.jsx)("div", {
273
+ css: _styles.emojiTypeAheadSpinnerContainer
274
+ }, (0, _core.jsx)("div", {
275
+ css: _styles.emojiTypeAheadSpinner
276
+ }, (0, _core.jsx)(_spinner.default, {
283
277
  size: "medium"
284
278
  })));
285
279
  } else {
286
280
  listBody = this.renderItems(emojis);
287
281
  }
288
282
 
289
- return /*#__PURE__*/_react.default.createElement("div", {
290
- className: styles.typeAheadListContainer
291
- }, /*#__PURE__*/_react.default.createElement("div", {
292
- className: classes
293
- }, /*#__PURE__*/_react.default.createElement(_Scrollable.default, {
283
+ return (0, _core.jsx)("div", {
284
+ css: _styles.typeAheadListContainer
285
+ }, (0, _core.jsx)("div", {
286
+ className: 'ak-emoji-typeahead-list',
287
+ css: classes
288
+ }, (0, _core.jsx)(_Scrollable.default, {
294
289
  ref: this.handleScrollableRef,
295
290
  maxHeight: "".concat(_sharedStyles.emojiTypeAheadMaxHeight, "px")
296
291
  }, listBody)));
@@ -1,27 +1,24 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
- exports.typeAheadListContainer = exports.typeAheadList = exports.typeAheadItemRow = exports.typeAheadItem = exports.typeAheadEmpty = exports.selected = exports.emojiTypeAheadSpinnerContainer = exports.emojiTypeAheadSpinner = exports.emojiTypeAhead = void 0;
9
-
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
6
+ exports.typeaheadSelected = exports.typeAheadListContainer = exports.typeAheadList = exports.typeAheadItemRow = exports.typeAheadItem = exports.typeAheadEmpty = exports.selected = exports.emojiTypeAheadSpinnerContainer = exports.emojiTypeAheadSpinner = exports.emojiTypeAhead = void 0;
11
7
 
12
- var _typestyle = require("typestyle");
8
+ var _core = require("@emotion/core");
13
9
 
14
10
  var _tokens = require("@atlaskit/tokens");
15
11
 
16
12
  var _sharedStyles = require("../../util/shared-styles");
17
13
 
18
- var selected = 'emoji-typeahead-selected';
19
- exports.selected = selected;
20
14
  var emojiTypeAhead = 'emoji-typeahead-element';
21
15
  exports.emojiTypeAhead = emojiTypeAhead;
22
- var typeAheadListContainer = 'emoji-typeahead-list-container';
16
+ var typeAheadListContainer = 'emoji-typeahead-list-container'; // editor-core is using this static class name for testing
17
+
23
18
  exports.typeAheadListContainer = typeAheadListContainer;
24
- var typeAheadList = (0, _typestyle.style)({
19
+ var typeaheadSelected = 'emoji-typeahead-selected';
20
+ exports.typeaheadSelected = typeaheadSelected;
21
+ var typeAheadList = (0, _core.css)({
25
22
  background: (0, _tokens.token)('elevation.surface.overlay', 'white'),
26
23
  border: "1px solid ".concat(_sharedStyles.noDialogContainerBorderColor),
27
24
  borderRadius: _sharedStyles.noDialogContainerBorderRadius,
@@ -30,36 +27,37 @@ var typeAheadList = (0, _typestyle.style)({
30
27
  width: _sharedStyles.emojiTypeAheadWidth
31
28
  });
32
29
  exports.typeAheadList = typeAheadList;
33
- var typeAheadEmpty = (0, _typestyle.style)({
30
+ var typeAheadEmpty = (0, _core.css)({
34
31
  display: 'none'
35
32
  });
36
33
  exports.typeAheadEmpty = typeAheadEmpty;
37
- var typeAheadItem = (0, _typestyle.style)({
34
+ var selected = (0, _core.css)({
35
+ backgroundColor: _sharedStyles.emojiPreviewSelectedColor
36
+ });
37
+ exports.selected = selected;
38
+ var typeAheadItem = (0, _core.css)({
38
39
  cursor: 'pointer',
39
40
  display: 'block',
40
41
  listStyleType: 'none',
41
42
  overflow: 'hidden',
42
- width: _sharedStyles.emojiTypeAheadWidth,
43
- $nest: (0, _defineProperty2.default)({}, "&.".concat(selected), {
44
- backgroundColor: _sharedStyles.emojiPreviewSelectedColor
45
- })
43
+ width: _sharedStyles.emojiTypeAheadWidth
46
44
  });
47
45
  exports.typeAheadItem = typeAheadItem;
48
- var typeAheadItemRow = (0, _typestyle.style)({
46
+ var typeAheadItemRow = (0, _core.css)({
49
47
  display: 'flex',
50
48
  flexDirection: 'row',
51
49
  flexWrap: 'wrap',
52
50
  verticalAlign: 'middle'
53
51
  });
54
52
  exports.typeAheadItemRow = typeAheadItemRow;
55
- var emojiTypeAheadSpinnerContainer = (0, _typestyle.style)({
53
+ var emojiTypeAheadSpinnerContainer = (0, _core.css)({
56
54
  position: 'relative',
57
55
  height: "".concat(_sharedStyles.emojiTypeAheadMaxHeight, "px"),
58
56
  paddingTop: "".concat(((_sharedStyles.emojiTypeAheadMaxHeight - 30) / 2).toFixed(), "px"),
59
57
  boxSizing: 'border-box'
60
58
  });
61
59
  exports.emojiTypeAheadSpinnerContainer = emojiTypeAheadSpinnerContainer;
62
- var emojiTypeAheadSpinner = (0, _typestyle.style)({
60
+ var emojiTypeAheadSpinner = (0, _core.css)({
63
61
  textAlign: 'center'
64
62
  });
65
63
  exports.emojiTypeAheadSpinner = emojiTypeAheadSpinner;
@@ -2,8 +2,6 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
@@ -23,13 +21,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
23
21
 
24
22
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
23
 
26
- var _react = _interopRequireWildcard(require("react"));
27
-
28
- var _reactIntlNext = require("react-intl-next");
24
+ var _core = require("@emotion/core");
29
25
 
30
- var _classnames = _interopRequireDefault(require("classnames"));
26
+ var _react = require("react");
31
27
 
32
- var styles = _interopRequireWildcard(require("./styles"));
28
+ var _reactIntlNext = require("react-intl-next");
33
29
 
34
30
  var _EmojiResource = require("../../api/EmojiResource");
35
31
 
@@ -39,9 +35,9 @@ var _UploadEmoji = require("../common/UploadEmoji");
39
35
 
40
36
  var _analytics = require("../../util/analytics");
41
37
 
42
- 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); }
38
+ var _styles = require("./styles");
43
39
 
44
- 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; }
40
+ var _ufoExperiences = require("../../util/analytics/ufoExperiences");
45
41
 
46
42
  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); }; }
47
43
 
@@ -60,6 +56,12 @@ var EmojiUploadComponent = /*#__PURE__*/function (_PureComponent) {
60
56
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onUploadEmoji", function (upload, retry) {
61
57
  var emojiProvider = _this.props.emojiProvider;
62
58
 
59
+ _ufoExperiences.ufoExperiences['emoji-uploaded'].start();
60
+
61
+ _ufoExperiences.ufoExperiences['emoji-uploaded'].addMetadata({
62
+ retry: retry
63
+ });
64
+
63
65
  _this.fireAnalytics((0, _analytics.uploadConfirmButton)({
64
66
  retry: retry
65
67
  }));
@@ -115,16 +117,21 @@ var EmojiUploadComponent = /*#__PURE__*/function (_PureComponent) {
115
117
  }
116
118
 
117
119
  (0, _createClass2.default)(EmojiUploadComponent, [{
120
+ key: "componentWillUnmount",
121
+ value: function componentWillUnmount() {
122
+ _ufoExperiences.ufoExperiences['emoji-uploaded'].abort();
123
+ }
124
+ }, {
118
125
  key: "render",
119
126
  value: function render() {
120
127
  var uploadErrorMessage = this.state.uploadErrorMessage;
121
- var errorMessage = uploadErrorMessage ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, uploadErrorMessage) : null;
122
- return /*#__PURE__*/_react.default.createElement("div", {
123
- className: (0, _classnames.default)([styles.emojiUploadWidget]),
128
+ var errorMessage = uploadErrorMessage ? (0, _core.jsx)(_reactIntlNext.FormattedMessage, uploadErrorMessage) : null;
129
+ return (0, _core.jsx)("div", {
130
+ css: _styles.emojiUploadWidget,
124
131
  ref: this.props.onUploaderRef
125
- }, /*#__PURE__*/_react.default.createElement("div", {
126
- className: (0, _classnames.default)([styles.emojiUploadFooter])
127
- }, /*#__PURE__*/_react.default.createElement(_EmojiUploadPicker.default, {
132
+ }, (0, _core.jsx)("div", {
133
+ css: _styles.emojiUploadFooter
134
+ }, (0, _core.jsx)(_EmojiUploadPicker.default, {
128
135
  ref: this.onUploaderRef,
129
136
  onFileChooserClicked: this.onFileChooserClicked,
130
137
  onUploadCancelled: this.onUploadCancelled,
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.emojiUploadWidget = exports.emojiUploadFooter = void 0;
7
7
 
8
- var _typestyle = require("typestyle");
9
-
10
8
  var _tokens = require("@atlaskit/tokens");
11
9
 
12
10
  var _constants = require("../../util/constants");
13
11
 
12
+ var _core = require("@emotion/core");
13
+
14
14
  // Uploader
15
- var emojiUploadWidget = (0, _typestyle.style)({
15
+ var emojiUploadWidget = (0, _core.css)({
16
16
  display: 'flex',
17
17
  flexDirection: 'column',
18
18
  justifyContent: 'center',
@@ -27,7 +27,7 @@ var emojiUploadWidget = (0, _typestyle.style)({
27
27
  }); /// Footer
28
28
 
29
29
  exports.emojiUploadWidget = emojiUploadWidget;
30
- var emojiUploadFooter = (0, _typestyle.style)({
30
+ var emojiUploadFooter = (0, _core.css)({
31
31
  flex: '0 0 auto'
32
32
  });
33
33
  exports.emojiUploadFooter = emojiUploadFooter;
package/dist/cjs/index.js CHANGED
@@ -111,7 +111,7 @@ Object.defineProperty(exports, "emojiImage", {
111
111
  Object.defineProperty(exports, "emojiNode", {
112
112
  enumerable: true,
113
113
  get: function get() {
114
- return _styles.emojiNode;
114
+ return _styles.emojiNodeStyles;
115
115
  }
116
116
  });
117
117
  Object.defineProperty(exports, "emojiPickerHeight", {
@@ -147,13 +147,13 @@ Object.defineProperty(exports, "recordSelectionSucceededSli", {
147
147
  Object.defineProperty(exports, "selectOnHover", {
148
148
  enumerable: true,
149
149
  get: function get() {
150
- return _styles.selectOnHover;
150
+ return _styles.selectOnHoverStyles;
151
151
  }
152
152
  });
153
153
  Object.defineProperty(exports, "selected", {
154
154
  enumerable: true,
155
155
  get: function get() {
156
- return _styles.selected;
156
+ return _styles.commonSelectedStyles;
157
157
  }
158
158
  });
159
159
  Object.defineProperty(exports, "toEmojiId", {
@@ -168,6 +168,12 @@ Object.defineProperty(exports, "toOptionalEmojiId", {
168
168
  return _typeHelpers.toOptionalEmojiId;
169
169
  }
170
170
  });
171
+ Object.defineProperty(exports, "ufoExperiences", {
172
+ enumerable: true,
173
+ get: function get() {
174
+ return _analytics.ufoExperiences;
175
+ }
176
+ });
171
177
 
172
178
  var _utilServiceSupport = require("@atlaskit/util-service-support");
173
179
 
package/dist/cjs/types.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.SearchSort = void 0;
6
+ exports.SearchSort = exports.ProviderTypes = void 0;
7
7
 
8
8
  /**
9
9
  * Minimum information to defined an emoji is the shortName.
@@ -41,4 +41,14 @@ exports.SearchSort = SearchSort;
41
41
  SearchSort[SearchSort["None"] = 0] = "None";
42
42
  SearchSort[SearchSort["Default"] = 1] = "Default";
43
43
  SearchSort[SearchSort["UsageFrequency"] = 2] = "UsageFrequency";
44
- })(SearchSort || (exports.SearchSort = SearchSort = {}));
44
+ })(SearchSort || (exports.SearchSort = SearchSort = {}));
45
+
46
+ var ProviderTypes;
47
+ exports.ProviderTypes = ProviderTypes;
48
+
49
+ (function (ProviderTypes) {
50
+ ProviderTypes["SITE"] = "SITE";
51
+ ProviderTypes["STANDARD"] = "STANDARD";
52
+ ProviderTypes["ATLASSIAN"] = "ATLASSIAN";
53
+ ProviderTypes["UNKNOWN"] = "UNKNOWN";
54
+ })(ProviderTypes || (exports.ProviderTypes = ProviderTypes = {}));
@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.uploadSucceededEvent = exports.uploadFailedEvent = exports.uploadConfirmButton = exports.uploadCancelButton = exports.uploadBeginButton = exports.typeaheadSelectedEvent = exports.typeaheadRenderedEvent = exports.typeaheadCancelledEvent = exports.toneSelectorOpenedEvent = exports.toneSelectorClosedEvent = exports.toneSelectedEvent = exports.selectedFileEvent = exports.recordSelectionSucceededSli = exports.recordSelectionFailedSli = exports.pickerSearchedEvent = exports.pickerClickedEvent = exports.openedPickerEvent = exports.insertionSucceeded = exports.insertionFailed = exports.deleteConfirmEvent = exports.deleteCancelEvent = exports.deleteBeginEvent = exports.createAndFireEventInElementsChannel = exports.closedPickerEvent = exports.categoryClickedEvent = void 0;
8
+ exports.uploadSucceededEvent = exports.uploadFailedEvent = exports.uploadConfirmButton = exports.uploadCancelButton = exports.uploadBeginButton = exports.typeaheadSelectedEvent = exports.typeaheadRenderedEvent = exports.typeaheadCancelledEvent = exports.toneSelectorOpenedEvent = exports.toneSelectorClosedEvent = exports.toneSelectedEvent = exports.selectedFileEvent = exports.recordSucceeded = exports.recordSelectionSucceededSli = exports.recordSelectionFailedSli = exports.recordFailed = exports.pickerSearchedEvent = exports.pickerClickedEvent = exports.openedPickerEvent = exports.deleteConfirmEvent = exports.deleteCancelEvent = exports.deleteBeginEvent = exports.createAndFireEventInElementsChannel = exports.closedPickerEvent = exports.categoryClickedEvent = void 0;
9
9
 
10
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
11
 
12
12
  var _analyticsNext = require("@atlaskit/analytics-next");
13
13
 
14
- var _version = require("../version.json");
14
+ var _version = require("../../version.json");
15
15
 
16
16
  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
17
17
 
@@ -40,21 +40,21 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
40
40
  };
41
41
  };
42
42
 
43
- var insertionSucceeded = function insertionSucceeded(source) {
43
+ var recordSucceeded = function recordSucceeded(source) {
44
44
  return createEvent('operational', 'succeeded', 'recordEmojiSelection', undefined, {
45
45
  source: source
46
46
  });
47
47
  };
48
48
 
49
- exports.insertionSucceeded = insertionSucceeded;
49
+ exports.recordSucceeded = recordSucceeded;
50
50
 
51
- var insertionFailed = function insertionFailed(source) {
51
+ var recordFailed = function recordFailed(source) {
52
52
  return createEvent('operational', 'failed', 'recordEmojiSelection', undefined, {
53
53
  source: source
54
54
  });
55
55
  };
56
56
 
57
- exports.insertionFailed = insertionFailed;
57
+ exports.recordFailed = recordFailed;
58
58
 
59
59
  var emojiPickerEvent = function emojiPickerEvent(action) {
60
60
  var attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -264,24 +264,26 @@ var typeaheadRenderedEvent = function typeaheadRenderedEvent(duration, query, em
264
264
  return createEvent('operational', 'rendered', 'emojiTypeahead', undefined, _objectSpread({
265
265
  duration: duration
266
266
  }, extractCommonAttributes(query, emojiList)));
267
- };
267
+ }; // it's used in editor typeahead to fire success record analytics
268
+
268
269
 
269
270
  exports.typeaheadRenderedEvent = typeaheadRenderedEvent;
270
271
 
271
272
  var recordSelectionSucceededSli = function recordSelectionSucceededSli(options) {
272
273
  return function () {
273
274
  if (options && options.createAnalyticsEvent) {
274
- (0, _analyticsNext.createAndFireEvent)('editor')(insertionSucceeded('typeahead'))(options.createAnalyticsEvent);
275
+ (0, _analyticsNext.createAndFireEvent)('editor')(recordSucceeded('typeahead'))(options.createAnalyticsEvent);
275
276
  }
276
277
  };
277
- };
278
+ }; // it's used in editor typeahead to fire failure record analytics
279
+
278
280
 
279
281
  exports.recordSelectionSucceededSli = recordSelectionSucceededSli;
280
282
 
281
283
  var recordSelectionFailedSli = function recordSelectionFailedSli(options) {
282
284
  return function (err) {
283
285
  if (options && options.createAnalyticsEvent) {
284
- (0, _analyticsNext.createAndFireEvent)('editor')(insertionFailed('typeahead'))(options.createAnalyticsEvent);
286
+ (0, _analyticsNext.createAndFireEvent)('editor')(recordFailed('typeahead'))(options.createAnalyticsEvent);
285
287
  }
286
288
 
287
289
  return Promise.reject(err);
@@ -0,0 +1,205 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "categoryClickedEvent", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _analytics.categoryClickedEvent;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "clearSampled", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _samplingUfo.clearSampled;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "closedPickerEvent", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _analytics.closedPickerEvent;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "createAndFireEventInElementsChannel", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _analytics.createAndFireEventInElementsChannel;
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "deleteBeginEvent", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _analytics.deleteBeginEvent;
34
+ }
35
+ });
36
+ Object.defineProperty(exports, "deleteCancelEvent", {
37
+ enumerable: true,
38
+ get: function get() {
39
+ return _analytics.deleteCancelEvent;
40
+ }
41
+ });
42
+ Object.defineProperty(exports, "deleteConfirmEvent", {
43
+ enumerable: true,
44
+ get: function get() {
45
+ return _analytics.deleteConfirmEvent;
46
+ }
47
+ });
48
+ Object.defineProperty(exports, "isExperienceSampled", {
49
+ enumerable: true,
50
+ get: function get() {
51
+ return _samplingUfo.isExperienceSampled;
52
+ }
53
+ });
54
+ Object.defineProperty(exports, "openedPickerEvent", {
55
+ enumerable: true,
56
+ get: function get() {
57
+ return _analytics.openedPickerEvent;
58
+ }
59
+ });
60
+ Object.defineProperty(exports, "pickerClickedEvent", {
61
+ enumerable: true,
62
+ get: function get() {
63
+ return _analytics.pickerClickedEvent;
64
+ }
65
+ });
66
+ Object.defineProperty(exports, "pickerSearchedEvent", {
67
+ enumerable: true,
68
+ get: function get() {
69
+ return _analytics.pickerSearchedEvent;
70
+ }
71
+ });
72
+ Object.defineProperty(exports, "recordFailed", {
73
+ enumerable: true,
74
+ get: function get() {
75
+ return _analytics.recordFailed;
76
+ }
77
+ });
78
+ Object.defineProperty(exports, "recordSelectionFailedSli", {
79
+ enumerable: true,
80
+ get: function get() {
81
+ return _analytics.recordSelectionFailedSli;
82
+ }
83
+ });
84
+ Object.defineProperty(exports, "recordSelectionSucceededSli", {
85
+ enumerable: true,
86
+ get: function get() {
87
+ return _analytics.recordSelectionSucceededSli;
88
+ }
89
+ });
90
+ Object.defineProperty(exports, "recordSucceeded", {
91
+ enumerable: true,
92
+ get: function get() {
93
+ return _analytics.recordSucceeded;
94
+ }
95
+ });
96
+ Object.defineProperty(exports, "sampledUfoRenderedEmoji", {
97
+ enumerable: true,
98
+ get: function get() {
99
+ return _ufoExperiences.sampledUfoRenderedEmoji;
100
+ }
101
+ });
102
+ Object.defineProperty(exports, "selectedFileEvent", {
103
+ enumerable: true,
104
+ get: function get() {
105
+ return _analytics.selectedFileEvent;
106
+ }
107
+ });
108
+ Object.defineProperty(exports, "toneSelectedEvent", {
109
+ enumerable: true,
110
+ get: function get() {
111
+ return _analytics.toneSelectedEvent;
112
+ }
113
+ });
114
+ Object.defineProperty(exports, "toneSelectorClosedEvent", {
115
+ enumerable: true,
116
+ get: function get() {
117
+ return _analytics.toneSelectorClosedEvent;
118
+ }
119
+ });
120
+ Object.defineProperty(exports, "toneSelectorOpenedEvent", {
121
+ enumerable: true,
122
+ get: function get() {
123
+ return _analytics.toneSelectorOpenedEvent;
124
+ }
125
+ });
126
+ Object.defineProperty(exports, "typeaheadCancelledEvent", {
127
+ enumerable: true,
128
+ get: function get() {
129
+ return _analytics.typeaheadCancelledEvent;
130
+ }
131
+ });
132
+ Object.defineProperty(exports, "typeaheadRenderedEvent", {
133
+ enumerable: true,
134
+ get: function get() {
135
+ return _analytics.typeaheadRenderedEvent;
136
+ }
137
+ });
138
+ Object.defineProperty(exports, "typeaheadSelectedEvent", {
139
+ enumerable: true,
140
+ get: function get() {
141
+ return _analytics.typeaheadSelectedEvent;
142
+ }
143
+ });
144
+ Object.defineProperty(exports, "ufoExperiences", {
145
+ enumerable: true,
146
+ get: function get() {
147
+ return _ufoExperiences.ufoExperiences;
148
+ }
149
+ });
150
+ Object.defineProperty(exports, "ufoExperiencesSampled", {
151
+ enumerable: true,
152
+ get: function get() {
153
+ return _samplingUfo.ufoExperiencesSampled;
154
+ }
155
+ });
156
+ Object.defineProperty(exports, "uploadBeginButton", {
157
+ enumerable: true,
158
+ get: function get() {
159
+ return _analytics.uploadBeginButton;
160
+ }
161
+ });
162
+ Object.defineProperty(exports, "uploadCancelButton", {
163
+ enumerable: true,
164
+ get: function get() {
165
+ return _analytics.uploadCancelButton;
166
+ }
167
+ });
168
+ Object.defineProperty(exports, "uploadConfirmButton", {
169
+ enumerable: true,
170
+ get: function get() {
171
+ return _analytics.uploadConfirmButton;
172
+ }
173
+ });
174
+ Object.defineProperty(exports, "uploadFailedEvent", {
175
+ enumerable: true,
176
+ get: function get() {
177
+ return _analytics.uploadFailedEvent;
178
+ }
179
+ });
180
+ Object.defineProperty(exports, "uploadSucceededEvent", {
181
+ enumerable: true,
182
+ get: function get() {
183
+ return _analytics.uploadSucceededEvent;
184
+ }
185
+ });
186
+ Object.defineProperty(exports, "useSampledUFOComponentExperience", {
187
+ enumerable: true,
188
+ get: function get() {
189
+ return _useSampledUFOComponentExperience.useSampledUFOComponentExperience;
190
+ }
191
+ });
192
+ Object.defineProperty(exports, "withSampling", {
193
+ enumerable: true,
194
+ get: function get() {
195
+ return _samplingUfo.withSampling;
196
+ }
197
+ });
198
+
199
+ var _samplingUfo = require("./samplingUfo");
200
+
201
+ var _analytics = require("./analytics");
202
+
203
+ var _ufoExperiences = require("./ufoExperiences");
204
+
205
+ var _useSampledUFOComponentExperience = require("./useSampledUFOComponentExperience");