@atlaskit/emoji 70.10.3 → 70.10.5

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 (22) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/components/common/EmojiDeletePreview.js +1 -1
  3. package/dist/cjs/components/common/EmojiUploadPicker.js +3 -2
  4. package/dist/cjs/components/i18n.js +5 -0
  5. package/dist/cjs/components/picker/EmojiPickerComponent.compiled.css +3 -0
  6. package/dist/cjs/components/picker/EmojiPickerComponent.js +8 -2
  7. package/dist/cjs/util/analytics/analytics.js +1 -1
  8. package/dist/es2019/components/common/EmojiDeletePreview.js +1 -1
  9. package/dist/es2019/components/common/EmojiUploadPicker.js +3 -2
  10. package/dist/es2019/components/i18n.js +5 -0
  11. package/dist/es2019/components/picker/EmojiPickerComponent.compiled.css +3 -0
  12. package/dist/es2019/components/picker/EmojiPickerComponent.js +8 -2
  13. package/dist/es2019/util/analytics/analytics.js +1 -1
  14. package/dist/esm/components/common/EmojiDeletePreview.js +1 -1
  15. package/dist/esm/components/common/EmojiUploadPicker.js +3 -2
  16. package/dist/esm/components/i18n.js +5 -0
  17. package/dist/esm/components/picker/EmojiPickerComponent.compiled.css +3 -0
  18. package/dist/esm/components/picker/EmojiPickerComponent.js +8 -2
  19. package/dist/esm/util/analytics/analytics.js +1 -1
  20. package/dist/types/components/i18n.d.ts +5 -0
  21. package/dist/types-ts4.5/components/i18n.d.ts +5 -0
  22. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 70.10.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`1bfdb5118d1c7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1bfdb5118d1c7) -
8
+ Delete emoji screen fix scroll component at bottom
9
+ - Updated dependencies
10
+
11
+ ## 70.10.4
12
+
13
+ ### Patch Changes
14
+
15
+ - [`c5b9254ad3e07`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c5b9254ad3e07) -
16
+ The upload emoji picker copy is updated to reflect new drag and drop functionality
17
+ - Updated dependencies
18
+
3
19
  ## 70.10.3
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/components/common/EmojiDeletePreview.js CHANGED
@@ -121,7 +121,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
121
121
  }, /*#__PURE__*/React.createElement(_CachingEmoji.default, {
122
122
  emoji: emoji
123
123
  })), /*#__PURE__*/React.createElement("div", {
124
- className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp"])
124
+ className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp _n3tdutpp"])
125
125
  }, error && !loading ? /*#__PURE__*/React.createElement(_EmojiErrorMessage.default, {
126
126
  message: formatMessage(_i18n.messages.deleteEmojiFailed),
127
127
  errorStyle: "delete",
package/dist/cjs/components/common/EmojiUploadPicker.js CHANGED
@@ -91,6 +91,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
91
91
  var emojiPlaceholder = formatMessage(_i18n.messages.emojiPlaceholder);
92
92
  var emojiNameAriaLabel = formatMessage(_i18n.messages.emojiNameAriaLabel);
93
93
  var emojiChooseFileTitle = formatMessage(_i18n.messages.emojiChooseFileTitle);
94
+ var emojiChooseFileTitleNew = formatMessage(_i18n.messages.emojiChooseFileDndTitle);
94
95
  var isUploading = uploadStatus === _internalTypes.UploadStatus.Uploading;
95
96
  var addEmojiDisabled = !previewImage || !name || isUploading;
96
97
  return (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement("div", {
@@ -105,7 +106,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
105
106
  className: (0, _runtime.ax)(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
106
107
  }, /*#__PURE__*/React.createElement(_compiled.Box, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
107
108
  return /*#__PURE__*/React.createElement(_FileChooser.default, {
108
- label: emojiChooseFileTitle,
109
+ label: (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
109
110
  onChange: onChooseFile,
110
111
  onClick: onClick,
111
112
  accept: "image/png,image/jpeg,image/gif",
@@ -190,7 +191,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
190
191
  "aria-required": true
191
192
  })), /*#__PURE__*/React.createElement(_compiled.Text, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
192
193
  return /*#__PURE__*/React.createElement(_FileChooser.default, {
193
- label: emojiChooseFileTitle,
194
+ label: (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
194
195
  onChange: onChooseFile,
195
196
  onClick: onClick,
196
197
  accept: "image/png,image/jpeg,image/gif",
package/dist/cjs/components/i18n.js CHANGED
@@ -56,6 +56,11 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
56
56
  defaultMessage: 'Choose file',
57
57
  description: 'Label for the file chooser button in the custom emoji upload panel where users select an image file for their emoji.'
58
58
  },
59
+ emojiChooseFileDndTitle: {
60
+ id: 'fabric.emoji.choose.file.dnd.title',
61
+ defaultMessage: 'Select or drop an image',
62
+ description: 'Label for the file chooser button in the custom emoji upload panel where users select or drag and drop an image file for their emoji.'
63
+ },
59
64
  emojiChooseFileScreenReaderDescription: {
60
65
  id: 'fabric.emoji.choose.file.screenReaderDescription',
61
66
  defaultMessage: 'Choose a file for the emoji. JPG, PNG or GIF. Max size 1 MB',
package/dist/cjs/components/picker/EmojiPickerComponent.compiled.css CHANGED
@@ -22,11 +22,14 @@
22
22
  ._2lx21bp4{flex-direction:column}
23
23
  ._4t3i1784{height:470px}
24
24
  ._4t3i1ckg{height:455px}
25
+ ._4t3i1dsu{height:419px}
25
26
  ._4t3i1sa4{height:390px}
26
27
  ._4t3i2300{height:429px}
28
+ ._4t3i50k7{height:499px}
27
29
  ._4t3iaq3k{height:295px}
28
30
  ._4t3ibqjm{height:310px}
29
31
  ._4t3iixjv{height:375px}
32
+ ._4t3iqbeb{height:339px}
30
33
  ._4t3iuxo9{height:var(--_19dn98e)}
31
34
  ._4t3ivixp{height:349px}
32
35
  ._4t3ixt2k{height:509px}
package/dist/cjs/components/picker/EmojiPickerComponent.js CHANGED
@@ -48,6 +48,7 @@ var emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px
48
48
  var emojiPickerHeight = 295;
49
49
  var emojiPickerHeightWithPreview = 349; // emojiPickerHeight + emojiPickerPreviewHeight;
50
50
  var emojiPickerHeightWithPreviewNew = 310;
51
+ var emojiPickerHeightDeleteRefresh = 339;
51
52
  var emojiPickerWidth = 350;
52
53
  var emojiPickerMinHeight = 260;
53
54
  var heightOffset = 80;
@@ -65,6 +66,11 @@ var withUploadRefreshHeight = {
65
66
  medium: "_4t3i1sa4 _1tke5x59",
66
67
  large: "_4t3i1784 _1tke1pna"
67
68
  };
69
+ var withDeleteRefreshHeight = {
70
+ small: "_4t3iqbeb _1tkegx0z",
71
+ medium: "_4t3i1dsu _1tke5x59",
72
+ large: "_4t3i50k7 _1tke1pna"
73
+ };
68
74
  var withoutPreviewHeight = {
69
75
  small: "_4t3iaq3k _1tkegx0z",
70
76
  medium: "_4t3iixjv _1tke5x59",
@@ -631,7 +637,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
631
637
  role: "dialog",
632
638
  "aria-label": formatMessage(_i18n.messages.emojiPickerTitle),
633
639
  "aria-modal": true,
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]]),
640
+ 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", !!emojiToDelete && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? withDeleteRefreshHeight[size] : uploading && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
635
641
  style: {
636
642
  "--_19dn98e": (0, _runtime.ix)("".concat(emojiPickerHeight, "px")),
637
643
  "--_gsvyy7": (0, _runtime.ix)("".concat(emojiPickerWidth, "px"))
@@ -691,7 +697,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
691
697
  onKeyPress: suppressKeyPress,
692
698
  onKeyUp: suppressKeyPress,
693
699
  onKeyDown: suppressKeyPress,
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]]),
700
+ 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", !!emojiToDelete && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? withDeleteRefreshHeight[size] : uploading && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
695
701
  style: {
696
702
  "--_19dn98e": (0, _runtime.ix)("".concat(emojiPickerHeight, "px")),
697
703
  "--_gsvyy7": (0, _runtime.ix)("".concat(emojiPickerWidth, "px"))
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.2"
23
+ packageVersion: "70.10.4"
24
24
  }, attributes)
25
25
  };
26
26
  };
package/dist/es2019/components/common/EmojiDeletePreview.js CHANGED
@@ -102,7 +102,7 @@ class EmojiDeletePreview extends Component {
102
102
  }, /*#__PURE__*/React.createElement(CachingEmoji, {
103
103
  emoji: emoji
104
104
  })), /*#__PURE__*/React.createElement("div", {
105
- className: ax(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp"])
105
+ className: ax(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp _n3tdutpp"])
106
106
  }, error && !loading ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
107
107
  message: formatMessage(messages.deleteEmojiFailed),
108
108
  errorStyle: "delete",
package/dist/es2019/components/common/EmojiUploadPicker.js CHANGED
@@ -83,6 +83,7 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
83
83
  const emojiPlaceholder = formatMessage(messages.emojiPlaceholder);
84
84
  const emojiNameAriaLabel = formatMessage(messages.emojiNameAriaLabel);
85
85
  const emojiChooseFileTitle = formatMessage(messages.emojiChooseFileTitle);
86
+ const emojiChooseFileTitleNew = formatMessage(messages.emojiChooseFileDndTitle);
86
87
  const isUploading = uploadStatus === UploadStatus.Uploading;
87
88
  const addEmojiDisabled = !previewImage || !name || isUploading;
88
89
  return fg('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement("div", {
@@ -96,7 +97,7 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
96
97
  }, previewImage ? /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiPreviewTitle) : /*#__PURE__*/React.createElement(FormattedMessage, messages.addCustomEmojiLabel))), /*#__PURE__*/React.createElement("div", {
97
98
  className: ax(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
98
99
  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, () => /*#__PURE__*/React.createElement(FileChooser, {
99
- label: emojiChooseFileTitle,
100
+ label: fg('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
100
101
  onChange: onChooseFile,
101
102
  onClick: onClick,
102
103
  accept: "image/png,image/jpeg,image/gif",
@@ -179,7 +180,7 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
179
180
  id: "new-emoji-name-input",
180
181
  "aria-required": true
181
182
  })), /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, () => /*#__PURE__*/React.createElement(FileChooser, {
182
- label: emojiChooseFileTitle,
183
+ label: fg('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
183
184
  onChange: onChooseFile,
184
185
  onClick: onClick,
185
186
  accept: "image/png,image/jpeg,image/gif",
package/dist/es2019/components/i18n.js CHANGED
@@ -50,6 +50,11 @@ export const messages = defineMessages({
50
50
  defaultMessage: 'Choose file',
51
51
  description: 'Label for the file chooser button in the custom emoji upload panel where users select an image file for their emoji.'
52
52
  },
53
+ emojiChooseFileDndTitle: {
54
+ id: 'fabric.emoji.choose.file.dnd.title',
55
+ defaultMessage: 'Select or drop an image',
56
+ description: 'Label for the file chooser button in the custom emoji upload panel where users select or drag and drop an image file for their emoji.'
57
+ },
53
58
  emojiChooseFileScreenReaderDescription: {
54
59
  id: 'fabric.emoji.choose.file.screenReaderDescription',
55
60
  defaultMessage: 'Choose a file for the emoji. JPG, PNG or GIF. Max size 1 MB',
package/dist/es2019/components/picker/EmojiPickerComponent.compiled.css CHANGED
@@ -22,11 +22,14 @@
22
22
  ._2lx21bp4{flex-direction:column}
23
23
  ._4t3i1784{height:470px}
24
24
  ._4t3i1ckg{height:455px}
25
+ ._4t3i1dsu{height:419px}
25
26
  ._4t3i1sa4{height:390px}
26
27
  ._4t3i2300{height:429px}
28
+ ._4t3i50k7{height:499px}
27
29
  ._4t3iaq3k{height:295px}
28
30
  ._4t3ibqjm{height:310px}
29
31
  ._4t3iixjv{height:375px}
32
+ ._4t3iqbeb{height:339px}
30
33
  ._4t3ivixp{height:349px}
31
34
  ._4t3ixt2k{height:509px}
32
35
  ._94n5idpf{bottom:0}
package/dist/es2019/components/picker/EmojiPickerComponent.js CHANGED
@@ -32,6 +32,7 @@ const emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0
32
32
  const emojiPickerHeight = 295;
33
33
  const emojiPickerHeightWithPreview = 349; // emojiPickerHeight + emojiPickerPreviewHeight;
34
34
  const emojiPickerHeightWithPreviewNew = 310;
35
+ const emojiPickerHeightDeleteRefresh = 339;
35
36
  const emojiPickerWidth = 350;
36
37
  const emojiPickerMinHeight = 260;
37
38
  const heightOffset = 80;
@@ -49,6 +50,11 @@ const withUploadRefreshHeight = {
49
50
  medium: "_4t3i1sa4 _1tke5x59",
50
51
  large: "_4t3i1784 _1tke1pna"
51
52
  };
53
+ const withDeleteRefreshHeight = {
54
+ small: "_4t3iqbeb _1tkegx0z",
55
+ medium: "_4t3i1dsu _1tke5x59",
56
+ large: "_4t3i50k7 _1tke1pna"
57
+ };
52
58
  const withoutPreviewHeight = {
53
59
  small: "_4t3iaq3k _1tkegx0z",
54
60
  medium: "_4t3iixjv _1tke5x59",
@@ -541,7 +547,7 @@ const EmojiPickerComponent = ({
541
547
  role: "dialog",
542
548
  "aria-label": formatMessage(messages.emojiPickerTitle),
543
549
  "aria-modal": true,
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]])
550
+ 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", !!emojiToDelete && fg('platform_emoji_picker_refresh') ? withDeleteRefreshHeight[size] : uploading && fg('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]])
545
551
  }, /*#__PURE__*/React.createElement("div", {
546
552
  role: "presentation",
547
553
  onKeyPress: suppressKeyPress,
@@ -597,7 +603,7 @@ const EmojiPickerComponent = ({
597
603
  onKeyPress: suppressKeyPress,
598
604
  onKeyUp: suppressKeyPress,
599
605
  onKeyDown: suppressKeyPress,
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]])
606
+ 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", !!emojiToDelete && fg('platform_emoji_picker_refresh') ? withDeleteRefreshHeight[size] : uploading && fg('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]])
601
607
  }, /*#__PURE__*/React.createElement(CategorySelector, {
602
608
  activeCategoryId: (uploading || emojiToDelete) && fg('platform_emoji_picker_refresh') ? null : activeCategory,
603
609
  dynamicCategories: dynamicCategories,
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.2",
12
+ packageVersion: "70.10.4",
13
13
  ...attributes
14
14
  }
15
15
  });
package/dist/esm/components/common/EmojiDeletePreview.js CHANGED
@@ -112,7 +112,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
112
112
  }, /*#__PURE__*/React.createElement(CachingEmoji, {
113
113
  emoji: emoji
114
114
  })), /*#__PURE__*/React.createElement("div", {
115
- className: ax(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp"])
115
+ className: ax(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp _n3tdutpp"])
116
116
  }, error && !loading ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
117
117
  message: formatMessage(messages.deleteEmojiFailed),
118
118
  errorStyle: "delete",
package/dist/esm/components/common/EmojiUploadPicker.js CHANGED
@@ -83,6 +83,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
83
83
  var emojiPlaceholder = formatMessage(messages.emojiPlaceholder);
84
84
  var emojiNameAriaLabel = formatMessage(messages.emojiNameAriaLabel);
85
85
  var emojiChooseFileTitle = formatMessage(messages.emojiChooseFileTitle);
86
+ var emojiChooseFileTitleNew = formatMessage(messages.emojiChooseFileDndTitle);
86
87
  var isUploading = uploadStatus === UploadStatus.Uploading;
87
88
  var addEmojiDisabled = !previewImage || !name || isUploading;
88
89
  return fg('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement("div", {
@@ -97,7 +98,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
97
98
  className: ax(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
98
99
  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, function () {
99
100
  return /*#__PURE__*/React.createElement(FileChooser, {
100
- label: emojiChooseFileTitle,
101
+ label: fg('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
101
102
  onChange: onChooseFile,
102
103
  onClick: onClick,
103
104
  accept: "image/png,image/jpeg,image/gif",
@@ -182,7 +183,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
182
183
  "aria-required": true
183
184
  })), /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, function () {
184
185
  return /*#__PURE__*/React.createElement(FileChooser, {
185
- label: emojiChooseFileTitle,
186
+ label: fg('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
186
187
  onChange: onChooseFile,
187
188
  onClick: onClick,
188
189
  accept: "image/png,image/jpeg,image/gif",
package/dist/esm/components/i18n.js CHANGED
@@ -50,6 +50,11 @@ export var messages = defineMessages({
50
50
  defaultMessage: 'Choose file',
51
51
  description: 'Label for the file chooser button in the custom emoji upload panel where users select an image file for their emoji.'
52
52
  },
53
+ emojiChooseFileDndTitle: {
54
+ id: 'fabric.emoji.choose.file.dnd.title',
55
+ defaultMessage: 'Select or drop an image',
56
+ description: 'Label for the file chooser button in the custom emoji upload panel where users select or drag and drop an image file for their emoji.'
57
+ },
53
58
  emojiChooseFileScreenReaderDescription: {
54
59
  id: 'fabric.emoji.choose.file.screenReaderDescription',
55
60
  defaultMessage: 'Choose a file for the emoji. JPG, PNG or GIF. Max size 1 MB',
package/dist/esm/components/picker/EmojiPickerComponent.compiled.css CHANGED
@@ -22,11 +22,14 @@
22
22
  ._2lx21bp4{flex-direction:column}
23
23
  ._4t3i1784{height:470px}
24
24
  ._4t3i1ckg{height:455px}
25
+ ._4t3i1dsu{height:419px}
25
26
  ._4t3i1sa4{height:390px}
26
27
  ._4t3i2300{height:429px}
28
+ ._4t3i50k7{height:499px}
27
29
  ._4t3iaq3k{height:295px}
28
30
  ._4t3ibqjm{height:310px}
29
31
  ._4t3iixjv{height:375px}
32
+ ._4t3iqbeb{height:339px}
30
33
  ._4t3iuxo9{height:var(--_19dn98e)}
31
34
  ._4t3ivixp{height:349px}
32
35
  ._4t3ixt2k{height:509px}
package/dist/esm/components/picker/EmojiPickerComponent.js CHANGED
@@ -39,6 +39,7 @@ var emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px
39
39
  var emojiPickerHeight = 295;
40
40
  var emojiPickerHeightWithPreview = 349; // emojiPickerHeight + emojiPickerPreviewHeight;
41
41
  var emojiPickerHeightWithPreviewNew = 310;
42
+ var emojiPickerHeightDeleteRefresh = 339;
42
43
  var emojiPickerWidth = 350;
43
44
  var emojiPickerMinHeight = 260;
44
45
  var heightOffset = 80;
@@ -56,6 +57,11 @@ var withUploadRefreshHeight = {
56
57
  medium: "_4t3i1sa4 _1tke5x59",
57
58
  large: "_4t3i1784 _1tke1pna"
58
59
  };
60
+ var withDeleteRefreshHeight = {
61
+ small: "_4t3iqbeb _1tkegx0z",
62
+ medium: "_4t3i1dsu _1tke5x59",
63
+ large: "_4t3i50k7 _1tke1pna"
64
+ };
59
65
  var withoutPreviewHeight = {
60
66
  small: "_4t3iaq3k _1tkegx0z",
61
67
  medium: "_4t3iixjv _1tke5x59",
@@ -622,7 +628,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
622
628
  role: "dialog",
623
629
  "aria-label": formatMessage(messages.emojiPickerTitle),
624
630
  "aria-modal": true,
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]]),
631
+ 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", !!emojiToDelete && fg('platform_emoji_picker_refresh') ? withDeleteRefreshHeight[size] : uploading && fg('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
626
632
  style: {
627
633
  "--_19dn98e": ix("".concat(emojiPickerHeight, "px")),
628
634
  "--_gsvyy7": ix("".concat(emojiPickerWidth, "px"))
@@ -682,7 +688,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
682
688
  onKeyPress: suppressKeyPress,
683
689
  onKeyUp: suppressKeyPress,
684
690
  onKeyDown: suppressKeyPress,
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]]),
691
+ 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", !!emojiToDelete && fg('platform_emoji_picker_refresh') ? withDeleteRefreshHeight[size] : uploading && fg('platform_emoji_picker_refresh') ? withUploadRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
686
692
  style: {
687
693
  "--_19dn98e": ix("".concat(emojiPickerHeight, "px")),
688
694
  "--_gsvyy7": ix("".concat(emojiPickerWidth, "px"))
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.2"
17
+ packageVersion: "70.10.4"
18
18
  }, attributes)
19
19
  };
20
20
  };
package/dist/types/components/i18n.d.ts CHANGED
@@ -74,6 +74,11 @@ export declare const messages: {
74
74
  description: string;
75
75
  id: string;
76
76
  };
77
+ emojiChooseFileDndTitle: {
78
+ defaultMessage: string;
79
+ description: string;
80
+ id: string;
81
+ };
77
82
  emojiChooseFileScreenReaderDescription: {
78
83
  defaultMessage: string;
79
84
  description: string;
package/dist/types-ts4.5/components/i18n.d.ts CHANGED
@@ -74,6 +74,11 @@ export declare const messages: {
74
74
  description: string;
75
75
  id: string;
76
76
  };
77
+ emojiChooseFileDndTitle: {
78
+ defaultMessage: string;
79
+ description: string;
80
+ id: string;
81
+ };
77
82
  emojiChooseFileScreenReaderDescription: {
78
83
  defaultMessage: string;
79
84
  description: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "70.10.3",
3
+ "version": "70.10.5",
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.3.0",
55
+ "@atlaskit/tmp-editor-statsig": "^82.4.0",
56
56
  "@atlaskit/tokens": "^13.0.0",
57
57
  "@atlaskit/tooltip": "^22.2.0",
58
58
  "@atlaskit/ufo": "^0.5.0",
@@ -80,7 +80,7 @@
80
80
  "@atlaskit/elements-test-helpers": "workspace:^",
81
81
  "@atlaskit/media-core": "^37.1.0",
82
82
  "@atlaskit/ssr": "workspace:^",
83
- "@atlaskit/theme": "^23.2.0",
83
+ "@atlaskit/theme": "^24.0.0",
84
84
  "@atlassian/a11y-jest-testing": "^0.11.0",
85
85
  "@atlassian/feature-flags-test-utils": "^1.1.0",
86
86
  "@emotion/jest": "^11.8.0",