@atlaskit/emoji 70.10.2 → 70.10.3

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 (23) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/common/EmojiUploadPicker.compiled.css +3 -3
  3. package/dist/cjs/components/common/EmojiUploadPicker.js +4 -3
  4. package/dist/cjs/components/picker/EmojiPicker.compiled.css +1 -0
  5. package/dist/cjs/components/picker/EmojiPicker.js +6 -1
  6. package/dist/cjs/components/picker/EmojiPickerComponent.compiled.css +4 -0
  7. package/dist/cjs/components/picker/EmojiPickerComponent.js +11 -4
  8. package/dist/cjs/util/analytics/analytics.js +1 -1
  9. package/dist/es2019/components/common/EmojiUploadPicker.compiled.css +3 -3
  10. package/dist/es2019/components/common/EmojiUploadPicker.js +4 -3
  11. package/dist/es2019/components/picker/EmojiPicker.compiled.css +1 -0
  12. package/dist/es2019/components/picker/EmojiPicker.js +6 -1
  13. package/dist/es2019/components/picker/EmojiPickerComponent.compiled.css +4 -0
  14. package/dist/es2019/components/picker/EmojiPickerComponent.js +11 -4
  15. package/dist/es2019/util/analytics/analytics.js +1 -1
  16. package/dist/esm/components/common/EmojiUploadPicker.compiled.css +3 -3
  17. package/dist/esm/components/common/EmojiUploadPicker.js +4 -3
  18. package/dist/esm/components/picker/EmojiPicker.compiled.css +1 -0
  19. package/dist/esm/components/picker/EmojiPicker.js +6 -1
  20. package/dist/esm/components/picker/EmojiPickerComponent.compiled.css +4 -0
  21. package/dist/esm/components/picker/EmojiPickerComponent.js +11 -4
  22. package/dist/esm/util/analytics/analytics.js +1 -1
  23. package/package.json +3 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 70.10.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`3bdfab536342f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3bdfab536342f) -
8
+ Updated the delete emoji screen to match the upload emoji screen
9
+ - Updated dependencies
10
+
3
11
  ## 70.10.2
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/components/common/EmojiUploadPicker.compiled.css CHANGED
@@ -1,3 +1,4 @@
1
+ ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
2
  ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
3
  ._scffidpf input{border:0}
3
4
  ._zulp12x7{gap:var(--ds-space-075,6px)}
@@ -18,16 +19,15 @@
18
19
  ._4cvr1h6o{align-items:center}
19
20
  ._4cvresu3{align-items:flex-end}
20
21
  ._9bj2glyw input::-ms-clear{display:none}
21
- ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
22
+ ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
22
23
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
23
24
  ._coc6glyw input:invalid{box-shadow:none}
24
25
  ._gxxuglyw input{outline-style:none}
25
26
  ._gy1p12x7{column-gap:var(--ds-space-075,6px)}
26
27
  ._i0dl1wug{flex-basis:auto}
27
28
  ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
28
- ._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
29
29
  ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
30
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
30
+ ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
31
31
  ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
32
32
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
33
33
  ._xmji1r31 input{outline-color:currentColor}
package/dist/cjs/components/common/EmojiUploadPicker.js CHANGED
@@ -38,6 +38,7 @@ var emojiUploadNew = null;
38
38
  var emojiUploadTop = null;
39
39
  var emojiUploadTopNew = null;
40
40
  var labelStyles = null;
41
+ var labelStylesNew = null;
41
42
  var uploadChooseFileEmojiName = null;
42
43
  var uploadChooseFileMessage = null;
43
44
  var uploadChooseFileRow = null;
@@ -96,10 +97,10 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
96
97
  "data-testid": uploadEmojiComponentTestId,
97
98
  className: (0, _runtime.ax)(["_ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _1e0c1txw _2lx21bp4 _1bah1b1v"])
98
99
  }, /*#__PURE__*/React.createElement("div", {
99
- className: (0, _runtime.ax)(["_11c8wadc _n3tdv77o _1e0c1txw _1bah1yb4 _4cvresu3"])
100
+ className: (0, _runtime.ax)(["_ca0q12x7 _n3tdutpp _1e0c1txw _1bah1yb4 _4cvresu3"])
100
101
  }, /*#__PURE__*/React.createElement("label", {
101
102
  htmlFor: "new-emoji-name-input",
102
- className: (0, _runtime.ax)(["_1w90azsu", "_11c8wadc _k48p1pd9"])
103
+ className: (0, _runtime.ax)(["_1w90azsu", "_11c8fhey _k48p1pd9"])
103
104
  }, previewImage ? /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiPreviewTitle) : /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.addCustomEmojiLabel))), /*#__PURE__*/React.createElement("div", {
104
105
  className: (0, _runtime.ax)(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
105
106
  }, /*#__PURE__*/React.createElement(_compiled.Box, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
@@ -138,7 +139,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
138
139
  errorStyle: "chooseFile",
139
140
  message: nameErrorMessage
140
141
  }))), /*#__PURE__*/React.createElement("div", {
141
- className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _1bahesu3 _4cvr1h6o _ca0qpxbi _n3td1ejb"])
142
+ className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _1bahesu3 _4cvr1h6o _ca0qu2gc _n3tdutpp"])
142
143
  }, /*#__PURE__*/React.createElement(_new.default, {
143
144
  onClick: onUploadCancelled,
144
145
  appearance: "subtle",
package/dist/cjs/components/picker/EmojiPicker.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._19itahnd{border:var(--ds-border,#0b120e24) var(--ds-border-width,1px) solid}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
4
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
4
5
  ._1bah1yb4{justify-content:space-between}
5
6
  ._1bsb1edt{width:350px}
package/dist/cjs/components/picker/EmojiPicker.js CHANGED
@@ -17,6 +17,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
17
17
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
18
18
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
19
19
  var _react = _interopRequireDefault(require("react"));
20
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
21
  var _analyticsNext = require("@atlaskit/analytics-next");
21
22
  var _analytics = require("../../util/analytics");
22
23
  var _LoadingEmojiComponent = _interopRequireDefault(require("../common/LoadingEmojiComponent"));
@@ -29,6 +30,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
29
30
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
30
31
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
31
32
  var emojiPicker = null;
33
+ var emojiPickerNew = null;
32
34
  var emojiPickerModuleLoader = function emojiPickerModuleLoader() {
33
35
  return Promise.resolve().then(function () {
34
36
  return _interopRequireWildcard(require( /* webpackChunkName:"@atlaskit-internal_emojiPickerComponent" */'./EmojiPickerComponent'));
@@ -76,7 +78,10 @@ var EmojiPickerInternal = exports.EmojiPickerInternal = /*#__PURE__*/function (_
76
78
  }
77
79
  };
78
80
  _analytics.ufoExperiences['emoji-picker-opened'].markFMP();
79
- return /*#__PURE__*/_react.default.createElement("div", {
81
+ return (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? /*#__PURE__*/_react.default.createElement("div", {
82
+ ref: handlePickerRef,
83
+ className: (0, _runtime.ax)(["_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
84
+ }, item.renderItem()) : /*#__PURE__*/_react.default.createElement("div", {
80
85
  ref: handlePickerRef,
81
86
  className: (0, _runtime.ax)(["_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
82
87
  }, item.renderItem());
package/dist/cjs/components/picker/EmojiPickerComponent.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._19itahnd{border:var(--ds-border,#0b120e24) var(--ds-border-width,1px) solid}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
4
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._154iidpf{top:0}
4
5
  ._16jlkb7n{flex-grow:1}
5
6
  ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
@@ -19,9 +20,12 @@
19
20
  ._1ul910mj{min-width:var(--_gsvyy7)}
20
21
  ._1xi2idpf{right:0}
21
22
  ._2lx21bp4{flex-direction:column}
23
+ ._4t3i1784{height:470px}
22
24
  ._4t3i1ckg{height:455px}
25
+ ._4t3i1sa4{height:390px}
23
26
  ._4t3i2300{height:429px}
24
27
  ._4t3iaq3k{height:295px}
28
+ ._4t3ibqjm{height:310px}
25
29
  ._4t3iixjv{height:375px}
26
30
  ._4t3iuxo9{height:var(--_19dn98e)}
27
31
  ._4t3ivixp{height:349px}
package/dist/cjs/components/picker/EmojiPickerComponent.js CHANGED
@@ -47,10 +47,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
47
47
  var emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)";
48
48
  var emojiPickerHeight = 295;
49
49
  var emojiPickerHeightWithPreview = 349; // emojiPickerHeight + emojiPickerPreviewHeight;
50
+ var emojiPickerHeightWithPreviewNew = 310;
50
51
  var emojiPickerWidth = 350;
51
52
  var emojiPickerMinHeight = 260;
52
53
  var heightOffset = 80;
53
54
  var emojiPicker = null;
55
+ var emojiPickerNew = null;
54
56
  var uploadOverlay = null;
55
57
  var emojiPickerWrapper = null;
56
58
  var withPreviewHeight = {
@@ -58,6 +60,11 @@ var withPreviewHeight = {
58
60
  medium: "_4t3i2300 _1tke5x59",
59
61
  large: "_4t3ixt2k _1tke1pna"
60
62
  };
63
+ var withUploadRefreshHeight = {
64
+ small: "_4t3ibqjm _1tkegx0z",
65
+ medium: "_4t3i1sa4 _1tke5x59",
66
+ large: "_4t3i1784 _1tke1pna"
67
+ };
61
68
  var withoutPreviewHeight = {
62
69
  small: "_4t3iaq3k _1tkegx0z",
63
70
  medium: "_4t3iixjv _1tke5x59",
@@ -624,7 +631,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
624
631
  role: "dialog",
625
632
  "aria-label": formatMessage(_i18n.messages.emojiPickerTitle),
626
633
  "aria-modal": true,
627
- className: (0, _runtime.ax)(["_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm", showPreview && withPreviewHeight[size], !showPreview && withoutPreviewHeight[size]]),
634
+ className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? "_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm" : "_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm", (uploading || !!emojiToDelete) && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
628
635
  style: {
629
636
  "--_19dn98e": (0, _runtime.ix)("".concat(emojiPickerHeight, "px")),
630
637
  "--_gsvyy7": (0, _runtime.ix)("".concat(emojiPickerWidth, "px"))
@@ -684,7 +691,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
684
691
  onKeyPress: suppressKeyPress,
685
692
  onKeyUp: suppressKeyPress,
686
693
  onKeyDown: suppressKeyPress,
687
- className: (0, _runtime.ax)(["_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm", showPreview || (uploading || !!emojiToDelete) && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
694
+ className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? "_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm" : "_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm", (uploading || !!emojiToDelete) && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
688
695
  style: {
689
696
  "--_19dn98e": (0, _runtime.ix)("".concat(emojiPickerHeight, "px")),
690
697
  "--_gsvyy7": (0, _runtime.ix)("".concat(emojiPickerWidth, "px"))
@@ -728,7 +735,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
728
735
  uploadEnabled: isUploadSupported && !uploading,
729
736
  onOpenUpload: onOpenUpload
730
737
  }), uploading && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') && /*#__PURE__*/React.createElement("div", {
731
- className: (0, _runtime.ax)(["_2rkofajl _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
738
+ className: (0, _runtime.ax)(["_2rko1mok _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
732
739
  }, /*#__PURE__*/React.createElement(_EmojiUploadPicker.default, {
733
740
  onUploadEmoji: onUploadEmoji,
734
741
  onUploadCancelled: onUploadCancelled,
@@ -736,7 +743,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
736
743
  errorMessage: formattedErrorMessage,
737
744
  initialUploadName: query
738
745
  })), emojiToDelete && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') && /*#__PURE__*/React.createElement("div", {
739
- className: (0, _runtime.ax)(["_2rkofajl _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
746
+ className: (0, _runtime.ax)(["_2rko1mok _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
740
747
  }, /*#__PURE__*/React.createElement(_EmojiDeletePreview.default, {
741
748
  emoji: emojiToDelete,
742
749
  onDeleteEmoji: onDeleteEmoji,
package/dist/cjs/util/analytics/analytics.js CHANGED
@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
20
20
  actionSubjectId: actionSubjectId,
21
21
  attributes: _objectSpread({
22
22
  packageName: "@atlaskit/emoji",
23
- packageVersion: "70.10.1"
23
+ packageVersion: "70.10.2"
24
24
  }, attributes)
25
25
  };
26
26
  };
package/dist/es2019/components/common/EmojiUploadPicker.compiled.css CHANGED
@@ -1,3 +1,4 @@
1
+ ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
2
  ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
3
  ._scffidpf input{border:0}
3
4
  ._zulp12x7{gap:var(--ds-space-075,6px)}
@@ -18,16 +19,15 @@
18
19
  ._4cvr1h6o{align-items:center}
19
20
  ._4cvresu3{align-items:flex-end}
20
21
  ._9bj2glyw input::-ms-clear{display:none}
21
- ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
22
+ ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
22
23
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
23
24
  ._coc6glyw input:invalid{box-shadow:none}
24
25
  ._gxxuglyw input{outline-style:none}
25
26
  ._gy1p12x7{column-gap:var(--ds-space-075,6px)}
26
27
  ._i0dl1wug{flex-basis:auto}
27
28
  ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
28
- ._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
29
29
  ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
30
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
30
+ ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
31
31
  ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
32
32
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
33
33
  ._xmji1r31 input{outline-color:currentColor}
package/dist/es2019/components/common/EmojiUploadPicker.js CHANGED
@@ -27,6 +27,7 @@ const emojiUploadNew = null;
27
27
  const emojiUploadTop = null;
28
28
  const emojiUploadTopNew = null;
29
29
  const labelStyles = null;
30
+ const labelStylesNew = null;
30
31
  const uploadChooseFileEmojiName = null;
31
32
  const uploadChooseFileMessage = null;
32
33
  const uploadChooseFileRow = null;
@@ -88,10 +89,10 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
88
89
  "data-testid": uploadEmojiComponentTestId,
89
90
  className: ax(["_ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _1e0c1txw _2lx21bp4 _1bah1b1v"])
90
91
  }, /*#__PURE__*/React.createElement("div", {
91
- className: ax(["_11c8wadc _n3tdv77o _1e0c1txw _1bah1yb4 _4cvresu3"])
92
+ className: ax(["_ca0q12x7 _n3tdutpp _1e0c1txw _1bah1yb4 _4cvresu3"])
92
93
  }, /*#__PURE__*/React.createElement("label", {
93
94
  htmlFor: "new-emoji-name-input",
94
- className: ax(["_1w90azsu", "_11c8wadc _k48p1pd9"])
95
+ className: ax(["_1w90azsu", "_11c8fhey _k48p1pd9"])
95
96
  }, previewImage ? /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiPreviewTitle) : /*#__PURE__*/React.createElement(FormattedMessage, messages.addCustomEmojiLabel))), /*#__PURE__*/React.createElement("div", {
96
97
  className: ax(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
97
98
  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, () => /*#__PURE__*/React.createElement(FileChooser, {
@@ -128,7 +129,7 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
128
129
  errorStyle: "chooseFile",
129
130
  message: nameErrorMessage
130
131
  }))), /*#__PURE__*/React.createElement("div", {
131
- className: ax(["_zulpu2gc _1e0c1txw _1bahesu3 _4cvr1h6o _ca0qpxbi _n3td1ejb"])
132
+ className: ax(["_zulpu2gc _1e0c1txw _1bahesu3 _4cvr1h6o _ca0qu2gc _n3tdutpp"])
132
133
  }, /*#__PURE__*/React.createElement(Button, {
133
134
  onClick: onUploadCancelled,
134
135
  appearance: "subtle",
package/dist/es2019/components/picker/EmojiPicker.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._19itahnd{border:var(--ds-border,#0b120e24) var(--ds-border-width,1px) solid}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
4
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
4
5
  ._1bah1yb4{justify-content:space-between}
5
6
  ._1bsb1edt{width:350px}
package/dist/es2019/components/picker/EmojiPicker.js CHANGED
@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import "./EmojiPicker.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React from 'react';
6
+ import { fg } from '@atlaskit/platform-feature-flags';
6
7
  import { withAnalyticsEvents } from '@atlaskit/analytics-next';
7
8
  import { ufoExperiences } from '../../util/analytics';
8
9
  import LoadingEmojiComponent from '../common/LoadingEmojiComponent';
@@ -11,6 +12,7 @@ import { UfoErrorBoundary } from '../common/UfoErrorBoundary';
11
12
  import { defaultEmojiPickerSize } from '../../util/constants';
12
13
  import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
13
14
  const emojiPicker = null;
15
+ const emojiPickerNew = null;
14
16
  const emojiPickerModuleLoader = () => import( /* webpackChunkName:"@atlaskit-internal_emojiPickerComponent" */'./EmojiPickerComponent');
15
17
  const emojiPickerLoader = () => emojiPickerModuleLoader().then(module => module.default);
16
18
  export const preloadEmojiPicker = () => {
@@ -40,7 +42,10 @@ export class EmojiPickerInternal extends LoadingEmojiComponent {
40
42
  }
41
43
  };
42
44
  ufoExperiences['emoji-picker-opened'].markFMP();
43
- return /*#__PURE__*/React.createElement("div", {
45
+ return fg('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement("div", {
46
+ ref: handlePickerRef,
47
+ className: ax(["_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
48
+ }, item.renderItem()) : /*#__PURE__*/React.createElement("div", {
44
49
  ref: handlePickerRef,
45
50
  className: ax(["_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
46
51
  }, item.renderItem());
package/dist/es2019/components/picker/EmojiPickerComponent.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._19itahnd{border:var(--ds-border,#0b120e24) var(--ds-border-width,1px) solid}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
4
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._154iidpf{top:0}
4
5
  ._16jlkb7n{flex-grow:1}
5
6
  ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
@@ -19,9 +20,12 @@
19
20
  ._1ul91edt{min-width:350px}
20
21
  ._1xi2idpf{right:0}
21
22
  ._2lx21bp4{flex-direction:column}
23
+ ._4t3i1784{height:470px}
22
24
  ._4t3i1ckg{height:455px}
25
+ ._4t3i1sa4{height:390px}
23
26
  ._4t3i2300{height:429px}
24
27
  ._4t3iaq3k{height:295px}
28
+ ._4t3ibqjm{height:310px}
25
29
  ._4t3iixjv{height:375px}
26
30
  ._4t3ivixp{height:349px}
27
31
  ._4t3ixt2k{height:509px}
package/dist/es2019/components/picker/EmojiPickerComponent.js CHANGED
@@ -31,10 +31,12 @@ import { messages } from '../i18n';
31
31
  const emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)";
32
32
  const emojiPickerHeight = 295;
33
33
  const emojiPickerHeightWithPreview = 349; // emojiPickerHeight + emojiPickerPreviewHeight;
34
+ const emojiPickerHeightWithPreviewNew = 310;
34
35
  const emojiPickerWidth = 350;
35
36
  const emojiPickerMinHeight = 260;
36
37
  const heightOffset = 80;
37
38
  const emojiPicker = null;
39
+ const emojiPickerNew = null;
38
40
  const uploadOverlay = null;
39
41
  const emojiPickerWrapper = null;
40
42
  const withPreviewHeight = {
@@ -42,6 +44,11 @@ const withPreviewHeight = {
42
44
  medium: "_4t3i2300 _1tke5x59",
43
45
  large: "_4t3ixt2k _1tke1pna"
44
46
  };
47
+ const withUploadRefreshHeight = {
48
+ small: "_4t3ibqjm _1tkegx0z",
49
+ medium: "_4t3i1sa4 _1tke5x59",
50
+ large: "_4t3i1784 _1tke1pna"
51
+ };
45
52
  const withoutPreviewHeight = {
46
53
  small: "_4t3iaq3k _1tkegx0z",
47
54
  medium: "_4t3iixjv _1tke5x59",
@@ -534,7 +541,7 @@ const EmojiPickerComponent = ({
534
541
  role: "dialog",
535
542
  "aria-label": formatMessage(messages.emojiPickerTitle),
536
543
  "aria-modal": true,
537
- className: ax(["_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iaq3k _1bsb1edt _1ul91edt _c71l1y6z _kqswh2mm", showPreview && withPreviewHeight[size], !showPreview && withoutPreviewHeight[size]])
544
+ className: ax([fg('platform_emoji_picker_refresh') ? "_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iaq3k _1bsb1edt _1ul91edt _c71l1y6z _kqswh2mm" : "_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iaq3k _1bsb1edt _1ul91edt _c71l1y6z _kqswh2mm", (uploading || !!emojiToDelete) && fg('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]])
538
545
  }, /*#__PURE__*/React.createElement("div", {
539
546
  role: "presentation",
540
547
  onKeyPress: suppressKeyPress,
@@ -590,7 +597,7 @@ const EmojiPickerComponent = ({
590
597
  onKeyPress: suppressKeyPress,
591
598
  onKeyUp: suppressKeyPress,
592
599
  onKeyDown: suppressKeyPress,
593
- className: ax(["_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iaq3k _1bsb1edt _1ul91edt _c71l1y6z _kqswh2mm", showPreview || (uploading || !!emojiToDelete) && fg('platform_emoji_picker_refresh') ? withPreviewHeight[size] : withoutPreviewHeight[size]])
600
+ className: ax([fg('platform_emoji_picker_refresh') ? "_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iaq3k _1bsb1edt _1ul91edt _c71l1y6z _kqswh2mm" : "_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iaq3k _1bsb1edt _1ul91edt _c71l1y6z _kqswh2mm", (uploading || !!emojiToDelete) && fg('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]])
594
601
  }, /*#__PURE__*/React.createElement(CategorySelector, {
595
602
  activeCategoryId: (uploading || emojiToDelete) && fg('platform_emoji_picker_refresh') ? null : activeCategory,
596
603
  dynamicCategories: dynamicCategories,
@@ -630,7 +637,7 @@ const EmojiPickerComponent = ({
630
637
  uploadEnabled: isUploadSupported && !uploading,
631
638
  onOpenUpload: onOpenUpload
632
639
  }), uploading && fg('platform_emoji_picker_refresh') && /*#__PURE__*/React.createElement("div", {
633
- className: ax(["_2rkofajl _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
640
+ className: ax(["_2rko1mok _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
634
641
  }, /*#__PURE__*/React.createElement(EmojiUploadPicker, {
635
642
  onUploadEmoji: onUploadEmoji,
636
643
  onUploadCancelled: onUploadCancelled,
@@ -638,7 +645,7 @@ const EmojiPickerComponent = ({
638
645
  errorMessage: formattedErrorMessage,
639
646
  initialUploadName: query
640
647
  })), emojiToDelete && fg('platform_emoji_picker_refresh') && /*#__PURE__*/React.createElement("div", {
641
- className: ax(["_2rkofajl _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
648
+ className: ax(["_2rko1mok _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
642
649
  }, /*#__PURE__*/React.createElement(EmojiDeletePreviewComponent, {
643
650
  emoji: emojiToDelete,
644
651
  onDeleteEmoji: onDeleteEmoji,
package/dist/es2019/util/analytics/analytics.js CHANGED
@@ -9,7 +9,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
9
9
  actionSubjectId,
10
10
  attributes: {
11
11
  packageName: "@atlaskit/emoji",
12
- packageVersion: "70.10.1",
12
+ packageVersion: "70.10.2",
13
13
  ...attributes
14
14
  }
15
15
  });
package/dist/esm/components/common/EmojiUploadPicker.compiled.css CHANGED
@@ -1,3 +1,4 @@
1
+ ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
2
  ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
3
  ._scffidpf input{border:0}
3
4
  ._zulp12x7{gap:var(--ds-space-075,6px)}
@@ -18,16 +19,15 @@
18
19
  ._4cvr1h6o{align-items:center}
19
20
  ._4cvresu3{align-items:flex-end}
20
21
  ._9bj2glyw input::-ms-clear{display:none}
21
- ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
22
+ ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
22
23
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
23
24
  ._coc6glyw input:invalid{box-shadow:none}
24
25
  ._gxxuglyw input{outline-style:none}
25
26
  ._gy1p12x7{column-gap:var(--ds-space-075,6px)}
26
27
  ._i0dl1wug{flex-basis:auto}
27
28
  ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
28
- ._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
29
29
  ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
30
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
30
+ ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
31
31
  ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
32
32
  ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
33
33
  ._xmji1r31 input{outline-color:currentColor}
package/dist/esm/components/common/EmojiUploadPicker.js CHANGED
@@ -30,6 +30,7 @@ var emojiUploadNew = null;
30
30
  var emojiUploadTop = null;
31
31
  var emojiUploadTopNew = null;
32
32
  var labelStyles = null;
33
+ var labelStylesNew = null;
33
34
  var uploadChooseFileEmojiName = null;
34
35
  var uploadChooseFileMessage = null;
35
36
  var uploadChooseFileRow = null;
@@ -88,10 +89,10 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
88
89
  "data-testid": uploadEmojiComponentTestId,
89
90
  className: ax(["_ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _1e0c1txw _2lx21bp4 _1bah1b1v"])
90
91
  }, /*#__PURE__*/React.createElement("div", {
91
- className: ax(["_11c8wadc _n3tdv77o _1e0c1txw _1bah1yb4 _4cvresu3"])
92
+ className: ax(["_ca0q12x7 _n3tdutpp _1e0c1txw _1bah1yb4 _4cvresu3"])
92
93
  }, /*#__PURE__*/React.createElement("label", {
93
94
  htmlFor: "new-emoji-name-input",
94
- className: ax(["_1w90azsu", "_11c8wadc _k48p1pd9"])
95
+ className: ax(["_1w90azsu", "_11c8fhey _k48p1pd9"])
95
96
  }, previewImage ? /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiPreviewTitle) : /*#__PURE__*/React.createElement(FormattedMessage, messages.addCustomEmojiLabel))), /*#__PURE__*/React.createElement("div", {
96
97
  className: ax(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
97
98
  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, function () {
@@ -130,7 +131,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
130
131
  errorStyle: "chooseFile",
131
132
  message: nameErrorMessage
132
133
  }))), /*#__PURE__*/React.createElement("div", {
133
- className: ax(["_zulpu2gc _1e0c1txw _1bahesu3 _4cvr1h6o _ca0qpxbi _n3td1ejb"])
134
+ className: ax(["_zulpu2gc _1e0c1txw _1bahesu3 _4cvr1h6o _ca0qu2gc _n3tdutpp"])
134
135
  }, /*#__PURE__*/React.createElement(Button, {
135
136
  onClick: onUploadCancelled,
136
137
  appearance: "subtle",
package/dist/esm/components/picker/EmojiPicker.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._19itahnd{border:var(--ds-border,#0b120e24) var(--ds-border-width,1px) solid}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
4
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
4
5
  ._1bah1yb4{justify-content:space-between}
5
6
  ._1bsb1edt{width:350px}
package/dist/esm/components/picker/EmojiPicker.js CHANGED
@@ -12,6 +12,7 @@ import { ax, ix } from "@compiled/react/runtime";
12
12
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
13
13
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
14
14
  import React from 'react';
15
+ import { fg } from '@atlaskit/platform-feature-flags';
15
16
  import { withAnalyticsEvents } from '@atlaskit/analytics-next';
16
17
  import { ufoExperiences } from '../../util/analytics';
17
18
  import LoadingEmojiComponent from '../common/LoadingEmojiComponent';
@@ -20,6 +21,7 @@ import { UfoErrorBoundary } from '../common/UfoErrorBoundary';
20
21
  import { defaultEmojiPickerSize } from '../../util/constants';
21
22
  import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
22
23
  var emojiPicker = null;
24
+ var emojiPickerNew = null;
23
25
  var emojiPickerModuleLoader = function emojiPickerModuleLoader() {
24
26
  return import( /* webpackChunkName:"@atlaskit-internal_emojiPickerComponent" */'./EmojiPickerComponent');
25
27
  };
@@ -65,7 +67,10 @@ export var EmojiPickerInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
65
67
  }
66
68
  };
67
69
  ufoExperiences['emoji-picker-opened'].markFMP();
68
- return /*#__PURE__*/React.createElement("div", {
70
+ return fg('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement("div", {
71
+ ref: handlePickerRef,
72
+ className: ax(["_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
73
+ }, item.renderItem()) : /*#__PURE__*/React.createElement("div", {
69
74
  ref: handlePickerRef,
70
75
  className: ax(["_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
71
76
  }, item.renderItem());
package/dist/esm/components/picker/EmojiPickerComponent.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._19itahnd{border:var(--ds-border,#0b120e24) var(--ds-border-width,1px) solid}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
4
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._154iidpf{top:0}
4
5
  ._16jlkb7n{flex-grow:1}
5
6
  ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
@@ -19,9 +20,12 @@
19
20
  ._1ul910mj{min-width:var(--_gsvyy7)}
20
21
  ._1xi2idpf{right:0}
21
22
  ._2lx21bp4{flex-direction:column}
23
+ ._4t3i1784{height:470px}
22
24
  ._4t3i1ckg{height:455px}
25
+ ._4t3i1sa4{height:390px}
23
26
  ._4t3i2300{height:429px}
24
27
  ._4t3iaq3k{height:295px}
28
+ ._4t3ibqjm{height:310px}
25
29
  ._4t3iixjv{height:375px}
26
30
  ._4t3iuxo9{height:var(--_19dn98e)}
27
31
  ._4t3ivixp{height:349px}
package/dist/esm/components/picker/EmojiPickerComponent.js CHANGED
@@ -38,10 +38,12 @@ import { messages } from '../i18n';
38
38
  var emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)";
39
39
  var emojiPickerHeight = 295;
40
40
  var emojiPickerHeightWithPreview = 349; // emojiPickerHeight + emojiPickerPreviewHeight;
41
+ var emojiPickerHeightWithPreviewNew = 310;
41
42
  var emojiPickerWidth = 350;
42
43
  var emojiPickerMinHeight = 260;
43
44
  var heightOffset = 80;
44
45
  var emojiPicker = null;
46
+ var emojiPickerNew = null;
45
47
  var uploadOverlay = null;
46
48
  var emojiPickerWrapper = null;
47
49
  var withPreviewHeight = {
@@ -49,6 +51,11 @@ var withPreviewHeight = {
49
51
  medium: "_4t3i2300 _1tke5x59",
50
52
  large: "_4t3ixt2k _1tke1pna"
51
53
  };
54
+ var withUploadRefreshHeight = {
55
+ small: "_4t3ibqjm _1tkegx0z",
56
+ medium: "_4t3i1sa4 _1tke5x59",
57
+ large: "_4t3i1784 _1tke1pna"
58
+ };
52
59
  var withoutPreviewHeight = {
53
60
  small: "_4t3iaq3k _1tkegx0z",
54
61
  medium: "_4t3iixjv _1tke5x59",
@@ -615,7 +622,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
615
622
  role: "dialog",
616
623
  "aria-label": formatMessage(messages.emojiPickerTitle),
617
624
  "aria-modal": true,
618
- className: ax(["_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm", showPreview && withPreviewHeight[size], !showPreview && withoutPreviewHeight[size]]),
625
+ className: ax([fg('platform_emoji_picker_refresh') ? "_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm" : "_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm", (uploading || !!emojiToDelete) && fg('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
619
626
  style: {
620
627
  "--_19dn98e": ix("".concat(emojiPickerHeight, "px")),
621
628
  "--_gsvyy7": ix("".concat(emojiPickerWidth, "px"))
@@ -675,7 +682,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
675
682
  onKeyPress: suppressKeyPress,
676
683
  onKeyUp: suppressKeyPress,
677
684
  onKeyDown: suppressKeyPress,
678
- className: ax(["_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm", showPreview || (uploading || !!emojiToDelete) && fg('platform_emoji_picker_refresh') ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
685
+ className: ax([fg('platform_emoji_picker_refresh') ? "_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm" : "_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm", (uploading || !!emojiToDelete) && fg('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
679
686
  style: {
680
687
  "--_19dn98e": ix("".concat(emojiPickerHeight, "px")),
681
688
  "--_gsvyy7": ix("".concat(emojiPickerWidth, "px"))
@@ -719,7 +726,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
719
726
  uploadEnabled: isUploadSupported && !uploading,
720
727
  onOpenUpload: onOpenUpload
721
728
  }), uploading && fg('platform_emoji_picker_refresh') && /*#__PURE__*/React.createElement("div", {
722
- className: ax(["_2rkofajl _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
729
+ className: ax(["_2rko1mok _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
723
730
  }, /*#__PURE__*/React.createElement(EmojiUploadPicker, {
724
731
  onUploadEmoji: onUploadEmoji,
725
732
  onUploadCancelled: onUploadCancelled,
@@ -727,7 +734,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
727
734
  errorMessage: formattedErrorMessage,
728
735
  initialUploadName: query
729
736
  })), emojiToDelete && fg('platform_emoji_picker_refresh') && /*#__PURE__*/React.createElement("div", {
730
- className: ax(["_2rkofajl _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
737
+ className: ax(["_2rko1mok _kqswstnw _154iidpf _1ltvidpf _1xi2idpf _94n5idpf _bfhk1bhr _1pbykb7n _18m91wug"])
731
738
  }, /*#__PURE__*/React.createElement(EmojiDeletePreviewComponent, {
732
739
  emoji: emojiToDelete,
733
740
  onDeleteEmoji: onDeleteEmoji,
package/dist/esm/util/analytics/analytics.js CHANGED
@@ -14,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
14
14
  actionSubjectId: actionSubjectId,
15
15
  attributes: _objectSpread({
16
16
  packageName: "@atlaskit/emoji",
17
- packageVersion: "70.10.1"
17
+ packageVersion: "70.10.2"
18
18
  }, attributes)
19
19
  };
20
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "70.10.2",
3
+ "version": "70.10.3",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -52,7 +52,7 @@
52
52
  "@atlaskit/primitives": "^19.0.0",
53
53
  "@atlaskit/spinner": "^19.1.0",
54
54
  "@atlaskit/textfield": "^8.3.0",
55
- "@atlaskit/tmp-editor-statsig": "^82.0.0",
55
+ "@atlaskit/tmp-editor-statsig": "^82.3.0",
56
56
  "@atlaskit/tokens": "^13.0.0",
57
57
  "@atlaskit/tooltip": "^22.2.0",
58
58
  "@atlaskit/ufo": "^0.5.0",
@@ -97,6 +97,7 @@
97
97
  "p-wait-for": "^3.2.0",
98
98
  "react": "^18.2.0",
99
99
  "react-addons-perf": "^15.3.2",
100
+ "react-dom": "^18.2.0",
100
101
  "react-intl": "^6.6.2",
101
102
  "react-test-renderer": "^18.2.0",
102
103
  "rxjs": "^5.5.0",