@atlaskit/emoji 70.11.2 → 70.12.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/emoji
 
+## 70.12.0
+
+### Minor Changes
+
+- [`5048d8b2e4dea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5048d8b2e4dea) -
+  Revert emoji empty state changes due to resolution issues
+
 ## 70.11.2
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -43,9 +43,6 @@
 		{
 			"path": "../../../design-system/icon/afm-cc/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/image/afm-cc/tsconfig.json"
-		},
 		{
 			"path": "../../../media/media-client/afm-cc/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -43,9 +43,6 @@
 		{
 			"path": "../../../design-system/icon/afm-products/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/image/afm-products/tsconfig.json"
-		},
 		{
 			"path": "../../../media/media-client/afm-products/tsconfig.json"
 		},

package/dist/cjs/components/i18n.js

@@ -231,16 +231,6 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     defaultMessage: 'An emoji with this name exists already',
     description: 'Error message shown when the user tries to upload an emoji with a name that already exists in the custom emoji set'
   },
-  emojiPickerNoResults: {
-    id: 'fabric.emoji.picker.no.results',
-    defaultMessage: 'No results',
-    description: 'Heading shown in the emoji picker when a search query returns no matching emojis.'
-  },
-  emojiPickerAddCustomEmoji: {
-    id: 'fabric.emoji.picker.add.custom.emoji',
-    defaultMessage: 'Add custom emoji',
-    description: 'Label for the button shown in the emoji picker no-results screen that opens the custom emoji upload panel.'
-  },
   emojiPickerTitle: {
     id: 'fabric.emoji.picker',
     defaultMessage: 'Emoji picker',

package/dist/cjs/components/picker/EmojiPickerComponent.compiled.css

@@ -21,16 +21,13 @@
 ._1xi2idpf{right:0}
 ._2lx21bp4{flex-direction:column}
 ._4t3i1784{height:470px}
-._4t3i19lm{height:514px}
 ._4t3i1ckg{height:455px}
 ._4t3i1dsu{height:419px}
-._4t3i1j8x{height:354px}
 ._4t3i1sa4{height:390px}
 ._4t3i2300{height:429px}
 ._4t3i50k7{height:499px}
 ._4t3iaq3k{height:295px}
 ._4t3ibqjm{height:310px}
-._4t3iihnn{height:434px}
 ._4t3iixjv{height:375px}
 ._4t3iqbeb{height:339px}
 ._4t3iuxo9{height:var(--_19dn98e)}

package/dist/cjs/components/picker/EmojiPickerComponent.js

@@ -76,12 +76,6 @@ var withoutPreviewHeight = {
   medium: "_4t3iixjv _1tke5x59",
   large: "_4t3i1ckg _1tke1pna"
 };
-var emojiPickerHeightNoResults = 354;
-var withNoResultsRefreshHeight = {
-  small: "_4t3i1j8x _1tkegx0z",
-  medium: "_4t3iihnn _1tke5x59",
-  large: "_4t3i19lm _1tke1pna"
-};
 var FREQUENTLY_USED_MAX = 16;
 var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   var onSelection = _ref.onSelection,
@@ -156,7 +150,6 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   }, []);
   var openTime = (0, _react.useRef)(0);
   var isMounting = (0, _react.useRef)(true);
-  var lastNonSearchCategory = (0, _react.useRef)(activeCategory);
   var previousEmojiProvider = (0, _react.useRef)(emojiProvider);
   var isProgrammaticScroll = (0, _react.useRef)(false);
   var pickerRef = (0, _react.useRef)(null);
@@ -198,11 +191,8 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     }
     if (activeCategory !== category) {
       setActiveCategory(category);
-      if (!query && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh')) {
-        lastNonSearchCategory.current = category;
-      }
     }
-  }, [activeCategory, uploading, emojiToDelete, query]);
+  }, [activeCategory, uploading, emojiToDelete]);
   var calculateElapsedTime = function calculateElapsedTime() {
     return Date.now() - openTime.current;
   };
@@ -419,10 +409,6 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       source: _types.SearchSourceTypes.PICKER
     };
     if (searchQuery !== query) {
-      // Capture the active category before entering search so we can keep it highlighted
-      if (!query && searchQuery && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh')) {
-        lastNonSearchCategory.current = activeCategory;
-      }
       setQuery(searchQuery);
     }
     updateEmojis(searchQuery, options);
@@ -430,7 +416,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       // scroll to top when search, which is search results section
       scrollToTopOfList();
     }
-  }, [activeCategory, query, filteredEmojis, selectedTone, updateEmojis, scrollToTopOfList]);
+  }, [query, filteredEmojis, selectedTone, updateEmojis, scrollToTopOfList]);
 
   // When the upload screen is open, intercept any file drag at the window level so it
   // cannot reach underlying page drop handlers (e.g. the Confluence editor).
@@ -651,7 +637,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       role: "dialog",
       "aria-label": formatMessage(_i18n.messages.emojiPickerTitle),
       "aria-modal": true,
-      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] : query && filteredEmojis.length === 0 && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
+      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]]),
       style: {
         "--_19dn98e": (0, _runtime.ix)("".concat(emojiPickerHeight, "px")),
         "--_gsvyy7": (0, _runtime.ix)("".concat(emojiPickerWidth, "px"))
@@ -696,7 +682,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       onOpenUpload: onOpenUpload,
       size: size,
       activeCategoryId: activeCategory
-    }), showPreview && !(emojiToDelete && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh')) && !(query && filteredEmojis.length === 0 && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(_EmojiPickerFooter.default, {
+    }), showPreview && !(emojiToDelete && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(_EmojiPickerFooter.default, {
       selectedEmoji: selectedEmoji,
       uploadEnabled: isUploadSupported && !uploading,
       onOpenUpload: onOpenUpload
@@ -711,7 +697,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onKeyPress: suppressKeyPress,
     onKeyUp: suppressKeyPress,
     onKeyDown: suppressKeyPress,
-    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] : query && filteredEmojis.length === 0 && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
+    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]]),
     style: {
       "--_19dn98e": (0, _runtime.ix)("".concat(emojiPickerHeight, "px")),
       "--_gsvyy7": (0, _runtime.ix)("".concat(emojiPickerWidth, "px"))
@@ -750,7 +736,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onOpenUpload: onOpenUpload,
     size: size,
     activeCategoryId: activeCategory
-  }), showPreview && !(emojiToDelete && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh')) && !(query && filteredEmojis.length === 0 && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(_EmojiPickerFooter.default, {
+  }), showPreview && !(emojiToDelete && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(_EmojiPickerFooter.default, {
     selectedEmoji: selectedEmoji,
     uploadEnabled: isUploadSupported && !uploading,
     onOpenUpload: onOpenUpload

package/dist/cjs/components/picker/EmojiPickerList.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.RENDER_EMOJI_PICKER_LIST_TESTID = exports.EmojiPickerVirtualListInternal = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _reactIntl = require("react-intl");
 var _react = _interopRequireWildcard(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../util/constants");
@@ -21,7 +20,6 @@ var _utils = require("./utils");
 var _VirtualList = require("./VirtualList");
 var _EmojiPickerListContext = require("../../context/EmojiPickerListContext");
 var _EmojiPickerTabPanel = _interopRequireDefault(require("./EmojiPickerTabPanel"));
-var _i18n = require("../i18n");
 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" != _typeof(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); }
 /**
  * Test id for wrapper Emoji Picker List div
@@ -70,8 +68,6 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     onFileChooserClicked = props.onFileChooserClicked,
     onOpenUpload = props.onOpenUpload,
     activeCategoryId = props.activeCategoryId;
-  var _useIntl = (0, _reactIntl.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
   var listRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -189,27 +185,14 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
       items.push(new _EmojiPickerVirtualItems.LoadingItem());
     } else {
       if (query) {
-        var search = (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? _categories.CategoryDescriptionMapNew.SEARCH : _categories.CategoryDescriptionMap.SEARCH;
-        if (emojis.length === 0 && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh')) {
-          // Show a "No results" category heading, then a no-results illustration below it
-          items.push(new _EmojiPickerVirtualItems.CategoryHeadingItem({
-            id: _constants.searchCategory,
-            title: formatMessage(_i18n.messages.emojiPickerNoResults),
-            className: categoryClassname
-          }));
-          items.push(new _EmojiPickerVirtualItems.NoResultsItem({
-            onOpenUpload: onOpenUpload,
-            uploadEnabled: uploadEnabled
-          }));
-        } else {
-          // Only a single "result" category
-          items = [].concat((0, _toConsumableArray2.default)(items), (0, _toConsumableArray2.default)(buildVirtualItemFromGroup({
-            category: _constants.searchCategory,
-            title: search.name,
-            emojis: emojis,
-            order: search.order
-          })));
-        }
+        var search = _categories.CategoryDescriptionMap.SEARCH;
+        // Only a single "result" category
+        items = [].concat((0, _toConsumableArray2.default)(items), (0, _toConsumableArray2.default)(buildVirtualItemFromGroup({
+          category: _constants.searchCategory,
+          title: search.name,
+          emojis: emojis,
+          order: search.order
+        })));
       } else {
         // Group by category
 
@@ -234,7 +217,7 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [allEmojiGroups, loading, query, emojis, onOpenUpload, uploadEnabled, formatMessage]);
+  }, [allEmojiGroups, loading, query, emojis]);
   var findCategoryToActivate = function findCategoryToActivate(row) {
     var category = null;
     if (row instanceof _EmojiPickerVirtualItems.CategoryHeadingItem) {
@@ -344,12 +327,8 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [virtualItems, categoriesChanged]);
   var virtualListHeight = (0, _react.useMemo)(function () {
-    if (query && emojis.length === 0 && (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh')) {
-      // No-results state: expand the list height to fit heading + illustration without scrolling
-      return _EmojiPickerSizes.sizes.categoryHeadingHeight + _EmojiPickerSizes.sizes.noResultsHeight + (0, _utils.emojiPickerHeightOffset)(size);
-    }
     return (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? _EmojiPickerSizes.sizes.listHeightNew + (0, _utils.emojiPickerHeightOffset)(size) : _EmojiPickerSizes.sizes.listHeight + (0, _utils.emojiPickerHeightOffset)(size);
-  }, [size, query, emojis.length]);
+  }, [size]);
   return /*#__PURE__*/_react.default.createElement(_EmojiPickerTabPanel.default, {
     showSearchResults: !!query
   }, /*#__PURE__*/_react.default.createElement(_EmojiActions.default, {

package/dist/cjs/components/picker/EmojiPickerSizes.js

@@ -19,8 +19,6 @@ var sizes = exports.sizes = {
   // 32px height
   loadingRowHeight: 150,
   // Fills remaining space without scrolling when loading.
-  noResultsHeight: 300,
-  // illustration (200px) + button + padding + gap
   uploadActionHeight: 40,
   // 40px height
   emojiPerRow: 8

package/dist/cjs/components/picker/EmojiPickerVirtualItems.js

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.virtualItemRenderer = exports.NoResultsItem = exports.LoadingItem = exports.EmojisRowItem = exports.CategoryHeadingItem = exports.AbstractItem = void 0;
+exports.virtualItemRenderer = exports.LoadingItem = exports.EmojisRowItem = exports.CategoryHeadingItem = exports.AbstractItem = void 0;
 require("./EmojiPickerVirtualItems.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
@@ -20,7 +20,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _EmojiPickerCategoryHeading = _interopRequireDefault(require("./EmojiPickerCategoryHeading"));
 var _EmojiPickerEmojiRow = _interopRequireDefault(require("./EmojiPickerEmojiRow"));
-var _EmojiPickerNoResults = _interopRequireDefault(require("./EmojiPickerNoResults"));
 var _EmojiPickerSizes = require("./EmojiPickerSizes");
 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" != _typeof(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); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -76,19 +75,6 @@ var CategoryHeadingItem = exports.CategoryHeadingItem = /*#__PURE__*/function (_
   (0, _inherits2.default)(CategoryHeadingItem, _AbstractItem3);
   return (0, _createClass2.default)(CategoryHeadingItem);
 }(AbstractItem);
-var NoResultsItem = exports.NoResultsItem = /*#__PURE__*/function (_AbstractItem4) {
-  function NoResultsItem(props) {
-    var _this4;
-    (0, _classCallCheck2.default)(this, NoResultsItem);
-    _this4 = _callSuper(this, NoResultsItem, [props, _EmojiPickerSizes.sizes.noResultsHeight]);
-    (0, _defineProperty2.default)(_this4, "renderItem", function () {
-      return /*#__PURE__*/React.createElement(_EmojiPickerNoResults.default, _this4.props);
-    });
-    return _this4;
-  }
-  (0, _inherits2.default)(NoResultsItem, _AbstractItem4);
-  return (0, _createClass2.default)(NoResultsItem);
-}(AbstractItem);
 var virtualItemRenderer = exports.virtualItemRenderer = function virtualItemRenderer(rows, context) {
   var index = context.index,
     key = context.key;

package/dist/cjs/util/analytics/analytics.js

@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "70.11.1"
+      packageVersion: "70.11.2"
     }, attributes)
   };
 };

package/dist/es2019/components/i18n.js

@@ -225,16 +225,6 @@ export const messages = defineMessages({
     defaultMessage: 'An emoji with this name exists already',
     description: 'Error message shown when the user tries to upload an emoji with a name that already exists in the custom emoji set'
   },
-  emojiPickerNoResults: {
-    id: 'fabric.emoji.picker.no.results',
-    defaultMessage: 'No results',
-    description: 'Heading shown in the emoji picker when a search query returns no matching emojis.'
-  },
-  emojiPickerAddCustomEmoji: {
-    id: 'fabric.emoji.picker.add.custom.emoji',
-    defaultMessage: 'Add custom emoji',
-    description: 'Label for the button shown in the emoji picker no-results screen that opens the custom emoji upload panel.'
-  },
   emojiPickerTitle: {
     id: 'fabric.emoji.picker',
     defaultMessage: 'Emoji picker',

package/dist/es2019/components/picker/EmojiPickerComponent.compiled.css

@@ -21,16 +21,13 @@
 ._1xi2idpf{right:0}
 ._2lx21bp4{flex-direction:column}
 ._4t3i1784{height:470px}
-._4t3i19lm{height:514px}
 ._4t3i1ckg{height:455px}
 ._4t3i1dsu{height:419px}
-._4t3i1j8x{height:354px}
 ._4t3i1sa4{height:390px}
 ._4t3i2300{height:429px}
 ._4t3i50k7{height:499px}
 ._4t3iaq3k{height:295px}
 ._4t3ibqjm{height:310px}
-._4t3iihnn{height:434px}
 ._4t3iixjv{height:375px}
 ._4t3iqbeb{height:339px}
 ._4t3ivixp{height:349px}

package/dist/es2019/components/picker/EmojiPickerComponent.js

@@ -60,12 +60,6 @@ const withoutPreviewHeight = {
   medium: "_4t3iixjv _1tke5x59",
   large: "_4t3i1ckg _1tke1pna"
 };
-const emojiPickerHeightNoResults = 354;
-const withNoResultsRefreshHeight = {
-  small: "_4t3i1j8x _1tkegx0z",
-  medium: "_4t3iihnn _1tke5x59",
-  large: "_4t3i19lm _1tke1pna"
-};
 const FREQUENTLY_USED_MAX = 16;
 const EmojiPickerComponent = ({
   onSelection,
@@ -98,7 +92,6 @@ const EmojiPickerComponent = ({
   const emojiPickerList = useMemo(() => /*#__PURE__*/createRef(), []);
   const openTime = useRef(0);
   const isMounting = useRef(true);
-  const lastNonSearchCategory = useRef(activeCategory);
   const previousEmojiProvider = useRef(emojiProvider);
   const isProgrammaticScroll = useRef(false);
   const pickerRef = useRef(null);
@@ -140,11 +133,8 @@ const EmojiPickerComponent = ({
     }
     if (activeCategory !== category) {
       setActiveCategory(category);
-      if (!query && fg('platform_emoji_picker_refresh')) {
-        lastNonSearchCategory.current = category;
-      }
     }
-  }, [activeCategory, uploading, emojiToDelete, query]);
+  }, [activeCategory, uploading, emojiToDelete]);
   const calculateElapsedTime = () => {
     return Date.now() - openTime.current;
   };
@@ -357,10 +347,6 @@ const EmojiPickerComponent = ({
       source: SearchSourceTypes.PICKER
     };
     if (searchQuery !== query) {
-      // Capture the active category before entering search so we can keep it highlighted
-      if (!query && searchQuery && fg('platform_emoji_picker_refresh')) {
-        lastNonSearchCategory.current = activeCategory;
-      }
       setQuery(searchQuery);
     }
     updateEmojis(searchQuery, options);
@@ -368,7 +354,7 @@ const EmojiPickerComponent = ({
       // scroll to top when search, which is search results section
       scrollToTopOfList();
     }
-  }, [activeCategory, query, filteredEmojis, selectedTone, updateEmojis, scrollToTopOfList]);
+  }, [query, filteredEmojis, selectedTone, updateEmojis, scrollToTopOfList]);
 
   // When the upload screen is open, intercept any file drag at the window level so it
   // cannot reach underlying page drop handlers (e.g. the Confluence editor).
@@ -561,7 +547,7 @@ const EmojiPickerComponent = ({
       role: "dialog",
       "aria-label": formatMessage(messages.emojiPickerTitle),
       "aria-modal": true,
-      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] : query && filteredEmojis.length === 0 && fg('platform_emoji_picker_refresh') ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]])
+      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]])
     }, /*#__PURE__*/React.createElement("div", {
       role: "presentation",
       onKeyPress: suppressKeyPress,
@@ -602,7 +588,7 @@ const EmojiPickerComponent = ({
       onOpenUpload: onOpenUpload,
       size: size,
       activeCategoryId: activeCategory
-    }), showPreview && !(emojiToDelete && fg('platform_emoji_picker_refresh')) && !(query && filteredEmojis.length === 0 && fg('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
+    }), showPreview && !(emojiToDelete && fg('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
       selectedEmoji: selectedEmoji,
       uploadEnabled: isUploadSupported && !uploading,
       onOpenUpload: onOpenUpload
@@ -617,7 +603,7 @@ const EmojiPickerComponent = ({
     onKeyPress: suppressKeyPress,
     onKeyUp: suppressKeyPress,
     onKeyDown: suppressKeyPress,
-    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] : query && filteredEmojis.length === 0 && fg('platform_emoji_picker_refresh') ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]])
+    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]])
   }, /*#__PURE__*/React.createElement(CategorySelector, {
     activeCategoryId: (uploading || emojiToDelete) && fg('platform_emoji_picker_refresh') ? null : activeCategory,
     dynamicCategories: dynamicCategories,
@@ -652,7 +638,7 @@ const EmojiPickerComponent = ({
     onOpenUpload: onOpenUpload,
     size: size,
     activeCategoryId: activeCategory
-  }), showPreview && !(emojiToDelete && fg('platform_emoji_picker_refresh')) && !(query && filteredEmojis.length === 0 && fg('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
+  }), showPreview && !(emojiToDelete && fg('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
     selectedEmoji: selectedEmoji,
     uploadEnabled: isUploadSupported && !uploading,
     onOpenUpload: onOpenUpload

package/dist/es2019/components/picker/EmojiPickerList.js

@@ -1,17 +1,15 @@
-import { useIntl } from 'react-intl';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { customCategory, defaultEmojiPickerSize, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
 import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
 import CategoryTracker from './CategoryTracker';
 import { sizes } from './EmojiPickerSizes';
-import { CategoryHeadingItem, EmojisRowItem, LoadingItem, NoResultsItem, virtualItemRenderer } from './EmojiPickerVirtualItems';
+import { CategoryHeadingItem, EmojisRowItem, LoadingItem, virtualItemRenderer } from './EmojiPickerVirtualItems';
 import EmojiActions from '../common/EmojiActions';
 import { emojiPickerHeightOffset, scrollToRow } from './utils';
 import { VirtualList } from './VirtualList';
 import { EmojiPickerListContextProvider } from '../../context/EmojiPickerListContext';
 import EmojiPickerTabPanel from './EmojiPickerTabPanel';
-import { messages } from '../i18n';
 
 /**
  * Test id for wrapper Emoji Picker List div
@@ -54,9 +52,6 @@ export const EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef((pro
     onOpenUpload,
     activeCategoryId
   } = props;
-  const {
-    formatMessage
-  } = useIntl();
   const listRef = useRef(null);
   const [allEmojiGroups, setAllEmojiGroups] = useState([]);
   const [virtualItems, setVirtualItems] = useState([]);
@@ -158,27 +153,14 @@ export const EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef((pro
       items.push(new LoadingItem());
     } else {
       if (query) {
-        const search = fg('platform_emoji_picker_refresh') ? CategoryDescriptionMapNew.SEARCH : CategoryDescriptionMap.SEARCH;
-        if (emojis.length === 0 && fg('platform_emoji_picker_refresh')) {
-          // Show a "No results" category heading, then a no-results illustration below it
-          items.push(new CategoryHeadingItem({
-            id: searchCategory,
-            title: formatMessage(messages.emojiPickerNoResults),
-            className: categoryClassname
-          }));
-          items.push(new NoResultsItem({
-            onOpenUpload,
-            uploadEnabled
-          }));
-        } else {
-          // Only a single "result" category
-          items = [...items, ...buildVirtualItemFromGroup({
-            category: searchCategory,
-            title: search.name,
-            emojis,
-            order: search.order
-          })];
-        }
+        const search = CategoryDescriptionMap.SEARCH;
+        // Only a single "result" category
+        items = [...items, ...buildVirtualItemFromGroup({
+          category: searchCategory,
+          title: search.name,
+          emojis,
+          order: search.order
+        })];
       } else {
         // Group by category
 
@@ -203,7 +185,7 @@ export const EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef((pro
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [allEmojiGroups, loading, query, emojis, onOpenUpload, uploadEnabled, formatMessage]);
+  }, [allEmojiGroups, loading, query, emojis]);
   const findCategoryToActivate = row => {
     let category = null;
     if (row instanceof CategoryHeadingItem) {
@@ -312,12 +294,8 @@ export const EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef((pro
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [virtualItems, categoriesChanged]);
   const virtualListHeight = useMemo(() => {
-    if (query && emojis.length === 0 && fg('platform_emoji_picker_refresh')) {
-      // No-results state: expand the list height to fit heading + illustration without scrolling
-      return sizes.categoryHeadingHeight + sizes.noResultsHeight + emojiPickerHeightOffset(size);
-    }
     return fg('platform_emoji_picker_refresh') ? sizes.listHeightNew + emojiPickerHeightOffset(size) : sizes.listHeight + emojiPickerHeightOffset(size);
-  }, [size, query, emojis.length]);
+  }, [size]);
   return /*#__PURE__*/React.createElement(EmojiPickerTabPanel, {
     showSearchResults: !!query
   }, /*#__PURE__*/React.createElement(EmojiActions, {

package/dist/es2019/components/picker/EmojiPickerSizes.js

@@ -13,8 +13,6 @@ export const sizes = {
   // 32px height
   loadingRowHeight: 150,
   // Fills remaining space without scrolling when loading.
-  noResultsHeight: 300,
-  // illustration (200px) + button + padding + gap
   uploadActionHeight: 40,
   // 40px height
   emojiPerRow: 8

package/dist/es2019/components/picker/EmojiPickerVirtualItems.js

@@ -7,7 +7,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import Spinner from '@atlaskit/spinner';
 import EmojiPickerCategoryHeading from './EmojiPickerCategoryHeading';
 import EmojiPickerEmojiRow from './EmojiPickerEmojiRow';
-import EmojiPickerNoResults from './EmojiPickerNoResults';
 import { sizes } from './EmojiPickerSizes';
 const emojiPickerSpinner = null;
 export class AbstractItem {
@@ -40,12 +39,6 @@ export class CategoryHeadingItem extends AbstractItem {
     _defineProperty(this, "renderItem", () => /*#__PURE__*/React.createElement(EmojiPickerCategoryHeading, this.props));
   }
 }
-export class NoResultsItem extends AbstractItem {
-  constructor(props) {
-    super(props, sizes.noResultsHeight);
-    _defineProperty(this, "renderItem", () => /*#__PURE__*/React.createElement(EmojiPickerNoResults, this.props));
-  }
-}
 export const virtualItemRenderer = (rows, context) => {
   const {
     index,

package/dist/es2019/util/analytics/analytics.js

@@ -9,7 +9,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "70.11.1",
+    packageVersion: "70.11.2",
     ...attributes
   }
 });

package/dist/esm/components/i18n.js

@@ -225,16 +225,6 @@ export var messages = defineMessages({
     defaultMessage: 'An emoji with this name exists already',
     description: 'Error message shown when the user tries to upload an emoji with a name that already exists in the custom emoji set'
   },
-  emojiPickerNoResults: {
-    id: 'fabric.emoji.picker.no.results',
-    defaultMessage: 'No results',
-    description: 'Heading shown in the emoji picker when a search query returns no matching emojis.'
-  },
-  emojiPickerAddCustomEmoji: {
-    id: 'fabric.emoji.picker.add.custom.emoji',
-    defaultMessage: 'Add custom emoji',
-    description: 'Label for the button shown in the emoji picker no-results screen that opens the custom emoji upload panel.'
-  },
   emojiPickerTitle: {
     id: 'fabric.emoji.picker',
     defaultMessage: 'Emoji picker',

package/dist/esm/components/picker/EmojiPickerComponent.compiled.css

@@ -21,16 +21,13 @@
 ._1xi2idpf{right:0}
 ._2lx21bp4{flex-direction:column}
 ._4t3i1784{height:470px}
-._4t3i19lm{height:514px}
 ._4t3i1ckg{height:455px}
 ._4t3i1dsu{height:419px}
-._4t3i1j8x{height:354px}
 ._4t3i1sa4{height:390px}
 ._4t3i2300{height:429px}
 ._4t3i50k7{height:499px}
 ._4t3iaq3k{height:295px}
 ._4t3ibqjm{height:310px}
-._4t3iihnn{height:434px}
 ._4t3iixjv{height:375px}
 ._4t3iqbeb{height:339px}
 ._4t3iuxo9{height:var(--_19dn98e)}

package/dist/esm/components/picker/EmojiPickerComponent.js

@@ -67,12 +67,6 @@ var withoutPreviewHeight = {
   medium: "_4t3iixjv _1tke5x59",
   large: "_4t3i1ckg _1tke1pna"
 };
-var emojiPickerHeightNoResults = 354;
-var withNoResultsRefreshHeight = {
-  small: "_4t3i1j8x _1tkegx0z",
-  medium: "_4t3iihnn _1tke5x59",
-  large: "_4t3i19lm _1tke1pna"
-};
 var FREQUENTLY_USED_MAX = 16;
 var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   var onSelection = _ref.onSelection,
@@ -147,7 +141,6 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   }, []);
   var openTime = useRef(0);
   var isMounting = useRef(true);
-  var lastNonSearchCategory = useRef(activeCategory);
   var previousEmojiProvider = useRef(emojiProvider);
   var isProgrammaticScroll = useRef(false);
   var pickerRef = useRef(null);
@@ -189,11 +182,8 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     }
     if (activeCategory !== category) {
       setActiveCategory(category);
-      if (!query && fg('platform_emoji_picker_refresh')) {
-        lastNonSearchCategory.current = category;
-      }
     }
-  }, [activeCategory, uploading, emojiToDelete, query]);
+  }, [activeCategory, uploading, emojiToDelete]);
   var calculateElapsedTime = function calculateElapsedTime() {
     return Date.now() - openTime.current;
   };
@@ -410,10 +400,6 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       source: SearchSourceTypes.PICKER
     };
     if (searchQuery !== query) {
-      // Capture the active category before entering search so we can keep it highlighted
-      if (!query && searchQuery && fg('platform_emoji_picker_refresh')) {
-        lastNonSearchCategory.current = activeCategory;
-      }
       setQuery(searchQuery);
     }
     updateEmojis(searchQuery, options);
@@ -421,7 +407,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       // scroll to top when search, which is search results section
       scrollToTopOfList();
     }
-  }, [activeCategory, query, filteredEmojis, selectedTone, updateEmojis, scrollToTopOfList]);
+  }, [query, filteredEmojis, selectedTone, updateEmojis, scrollToTopOfList]);
 
   // When the upload screen is open, intercept any file drag at the window level so it
   // cannot reach underlying page drop handlers (e.g. the Confluence editor).
@@ -642,7 +628,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       role: "dialog",
       "aria-label": formatMessage(messages.emojiPickerTitle),
       "aria-modal": true,
-      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] : query && filteredEmojis.length === 0 && fg('platform_emoji_picker_refresh') ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
+      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]]),
       style: {
         "--_19dn98e": ix("".concat(emojiPickerHeight, "px")),
         "--_gsvyy7": ix("".concat(emojiPickerWidth, "px"))
@@ -687,7 +673,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       onOpenUpload: onOpenUpload,
       size: size,
       activeCategoryId: activeCategory
-    }), showPreview && !(emojiToDelete && fg('platform_emoji_picker_refresh')) && !(query && filteredEmojis.length === 0 && fg('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
+    }), showPreview && !(emojiToDelete && fg('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
       selectedEmoji: selectedEmoji,
       uploadEnabled: isUploadSupported && !uploading,
       onOpenUpload: onOpenUpload
@@ -702,7 +688,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onKeyPress: suppressKeyPress,
     onKeyUp: suppressKeyPress,
     onKeyDown: suppressKeyPress,
-    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] : query && filteredEmojis.length === 0 && fg('platform_emoji_picker_refresh') ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
+    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]]),
     style: {
       "--_19dn98e": ix("".concat(emojiPickerHeight, "px")),
       "--_gsvyy7": ix("".concat(emojiPickerWidth, "px"))
@@ -741,7 +727,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onOpenUpload: onOpenUpload,
     size: size,
     activeCategoryId: activeCategory
-  }), showPreview && !(emojiToDelete && fg('platform_emoji_picker_refresh')) && !(query && filteredEmojis.length === 0 && fg('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
+  }), showPreview && !(emojiToDelete && fg('platform_emoji_picker_refresh')) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
     selectedEmoji: selectedEmoji,
     uploadEnabled: isUploadSupported && !uploading,
     onOpenUpload: onOpenUpload

package/dist/esm/components/picker/EmojiPickerList.js

@@ -1,19 +1,17 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useIntl } from 'react-intl';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { customCategory, defaultEmojiPickerSize, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
 import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
 import CategoryTracker from './CategoryTracker';
 import { sizes } from './EmojiPickerSizes';
-import { CategoryHeadingItem, EmojisRowItem, LoadingItem, NoResultsItem, virtualItemRenderer } from './EmojiPickerVirtualItems';
+import { CategoryHeadingItem, EmojisRowItem, LoadingItem, virtualItemRenderer } from './EmojiPickerVirtualItems';
 import EmojiActions from '../common/EmojiActions';
 import { emojiPickerHeightOffset, scrollToRow as _scrollToRow } from './utils';
 import { VirtualList } from './VirtualList';
 import { EmojiPickerListContextProvider } from '../../context/EmojiPickerListContext';
 import EmojiPickerTabPanel from './EmojiPickerTabPanel';
-import { messages } from '../i18n';
 
 /**
  * Test id for wrapper Emoji Picker List div
@@ -62,8 +60,6 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     onFileChooserClicked = props.onFileChooserClicked,
     onOpenUpload = props.onOpenUpload,
     activeCategoryId = props.activeCategoryId;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
   var listRef = useRef(null);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -181,27 +177,14 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
       items.push(new LoadingItem());
     } else {
       if (query) {
-        var search = fg('platform_emoji_picker_refresh') ? CategoryDescriptionMapNew.SEARCH : CategoryDescriptionMap.SEARCH;
-        if (emojis.length === 0 && fg('platform_emoji_picker_refresh')) {
-          // Show a "No results" category heading, then a no-results illustration below it
-          items.push(new CategoryHeadingItem({
-            id: searchCategory,
-            title: formatMessage(messages.emojiPickerNoResults),
-            className: categoryClassname
-          }));
-          items.push(new NoResultsItem({
-            onOpenUpload: onOpenUpload,
-            uploadEnabled: uploadEnabled
-          }));
-        } else {
-          // Only a single "result" category
-          items = [].concat(_toConsumableArray(items), _toConsumableArray(buildVirtualItemFromGroup({
-            category: searchCategory,
-            title: search.name,
-            emojis: emojis,
-            order: search.order
-          })));
-        }
+        var search = CategoryDescriptionMap.SEARCH;
+        // Only a single "result" category
+        items = [].concat(_toConsumableArray(items), _toConsumableArray(buildVirtualItemFromGroup({
+          category: searchCategory,
+          title: search.name,
+          emojis: emojis,
+          order: search.order
+        })));
       } else {
         // Group by category
 
@@ -226,7 +209,7 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [allEmojiGroups, loading, query, emojis, onOpenUpload, uploadEnabled, formatMessage]);
+  }, [allEmojiGroups, loading, query, emojis]);
   var findCategoryToActivate = function findCategoryToActivate(row) {
     var category = null;
     if (row instanceof CategoryHeadingItem) {
@@ -336,12 +319,8 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [virtualItems, categoriesChanged]);
   var virtualListHeight = useMemo(function () {
-    if (query && emojis.length === 0 && fg('platform_emoji_picker_refresh')) {
-      // No-results state: expand the list height to fit heading + illustration without scrolling
-      return sizes.categoryHeadingHeight + sizes.noResultsHeight + emojiPickerHeightOffset(size);
-    }
     return fg('platform_emoji_picker_refresh') ? sizes.listHeightNew + emojiPickerHeightOffset(size) : sizes.listHeight + emojiPickerHeightOffset(size);
-  }, [size, query, emojis.length]);
+  }, [size]);
   return /*#__PURE__*/React.createElement(EmojiPickerTabPanel, {
     showSearchResults: !!query
   }, /*#__PURE__*/React.createElement(EmojiActions, {

package/dist/esm/components/picker/EmojiPickerSizes.js

@@ -13,8 +13,6 @@ export var sizes = {
   // 32px height
   loadingRowHeight: 150,
   // Fills remaining space without scrolling when loading.
-  noResultsHeight: 300,
-  // illustration (200px) + button + padding + gap
   uploadActionHeight: 40,
   // 40px height
   emojiPerRow: 8

package/dist/esm/components/picker/EmojiPickerVirtualItems.js

@@ -14,7 +14,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import Spinner from '@atlaskit/spinner';
 import EmojiPickerCategoryHeading from './EmojiPickerCategoryHeading';
 import EmojiPickerEmojiRow from './EmojiPickerEmojiRow';
-import EmojiPickerNoResults from './EmojiPickerNoResults';
 import { sizes } from './EmojiPickerSizes';
 var emojiPickerSpinner = null;
 export var AbstractItem = /*#__PURE__*/_createClass(function AbstractItem(props, height) {
@@ -67,19 +66,6 @@ export var CategoryHeadingItem = /*#__PURE__*/function (_AbstractItem3) {
   _inherits(CategoryHeadingItem, _AbstractItem3);
   return _createClass(CategoryHeadingItem);
 }(AbstractItem);
-export var NoResultsItem = /*#__PURE__*/function (_AbstractItem4) {
-  function NoResultsItem(props) {
-    var _this4;
-    _classCallCheck(this, NoResultsItem);
-    _this4 = _callSuper(this, NoResultsItem, [props, sizes.noResultsHeight]);
-    _defineProperty(_this4, "renderItem", function () {
-      return /*#__PURE__*/React.createElement(EmojiPickerNoResults, _this4.props);
-    });
-    return _this4;
-  }
-  _inherits(NoResultsItem, _AbstractItem4);
-  return _createClass(NoResultsItem);
-}(AbstractItem);
 export var virtualItemRenderer = function virtualItemRenderer(rows, context) {
   var index = context.index,
     key = context.key;

package/dist/esm/util/analytics/analytics.js

@@ -14,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "70.11.1"
+      packageVersion: "70.11.2"
     }, attributes)
   };
 };

package/dist/types/components/i18n.d.ts

@@ -119,21 +119,11 @@ export declare const messages: {
         description: string;
         id: string;
     };
-    emojiPickerAddCustomEmoji: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
     emojiPickerGrid: {
         defaultMessage: string;
         description: string;
         id: string;
     };
-    emojiPickerNoResults: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
     emojiPickerListPanel: {
         defaultMessage: string;
         description: string;

package/dist/types/components/picker/EmojiPickerSizes.d.ts

@@ -7,7 +7,6 @@ export declare const sizes: {
     listHeightNew: number;
     listWidth: number;
     loadingRowHeight: number;
-    noResultsHeight: number;
     searchHeight: number;
     uploadActionHeight: number;
 };

package/dist/types/components/picker/EmojiPickerVirtualItems.d.ts

@@ -5,7 +5,6 @@
 import type { ReactNode } from 'react';
 import { type Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
 import { type Props as EmojiRowProps } from './EmojiPickerEmojiRow';
-import { type Props as NoResultsProps } from './EmojiPickerNoResults';
 import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
 export interface RenderItem {
     (context?: VirtualItemContext): ReactNode;
@@ -33,8 +32,4 @@ export declare class CategoryHeadingItem extends AbstractItem<CategoryHeadingPro
     constructor(props: CategoryHeadingProps);
     renderItem: () => JSX.Element;
 }
-export declare class NoResultsItem extends AbstractItem<NoResultsProps> {
-    constructor(props: NoResultsProps);
-    renderItem: () => JSX.Element;
-}
-export declare const virtualItemRenderer: (rows: VirtualItem<CategoryHeadingProps | EmojiRowProps | NoResultsProps | {}>[], context: VirtualItemContext) => JSX.Element;
+export declare const virtualItemRenderer: (rows: VirtualItem<CategoryHeadingProps | EmojiRowProps | {}>[], context: VirtualItemContext) => JSX.Element;

package/dist/types-ts4.5/components/i18n.d.ts

@@ -119,21 +119,11 @@ export declare const messages: {
         description: string;
         id: string;
     };
-    emojiPickerAddCustomEmoji: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
     emojiPickerGrid: {
         defaultMessage: string;
         description: string;
         id: string;
     };
-    emojiPickerNoResults: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
     emojiPickerListPanel: {
         defaultMessage: string;
         description: string;

package/dist/types-ts4.5/components/picker/EmojiPickerSizes.d.ts

@@ -7,7 +7,6 @@ export declare const sizes: {
     listHeightNew: number;
     listWidth: number;
     loadingRowHeight: number;
-    noResultsHeight: number;
     searchHeight: number;
     uploadActionHeight: number;
 };

package/dist/types-ts4.5/components/picker/EmojiPickerVirtualItems.d.ts

@@ -5,7 +5,6 @@
 import type { ReactNode } from 'react';
 import { type Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
 import { type Props as EmojiRowProps } from './EmojiPickerEmojiRow';
-import { type Props as NoResultsProps } from './EmojiPickerNoResults';
 import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
 export interface RenderItem {
     (context?: VirtualItemContext): ReactNode;
@@ -33,8 +32,4 @@ export declare class CategoryHeadingItem extends AbstractItem<CategoryHeadingPro
     constructor(props: CategoryHeadingProps);
     renderItem: () => JSX.Element;
 }
-export declare class NoResultsItem extends AbstractItem<NoResultsProps> {
-    constructor(props: NoResultsProps);
-    renderItem: () => JSX.Element;
-}
-export declare const virtualItemRenderer: (rows: VirtualItem<CategoryHeadingProps | EmojiRowProps | NoResultsProps | {}>[], context: VirtualItemContext) => JSX.Element;
+export declare const virtualItemRenderer: (rows: VirtualItem<CategoryHeadingProps | EmojiRowProps | {}>[], context: VirtualItemContext) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "70.11.2",
+	"version": "70.12.0",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,7 +45,6 @@
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/heading": "^5.4.0",
 		"@atlaskit/icon": "^35.3.0",
-		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/media-client": "^36.3.0",
 		"@atlaskit/media-client-react": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",

package/dist/cjs/components/picker/EmojiPickerNoResults.compiled.css

@@ -1,12 +0,0 @@
-
-._zulppxbi{gap:var(--ds-space-200,1pc)}._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
-._1bah1h6o{justify-content:center}
-._1bsb1osq{width:100%}
-._1e0c1txw{display:flex}
-._2lx21bp4{flex-direction:column}
-._4cvr1h6o{align-items:center}
-._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
-._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
-._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
-._vchhusvi{box-sizing:border-box}
-._y3gn1h6o{text-align:center}

package/dist/cjs/components/picker/EmojiPickerNoResults.js

@@ -1,50 +0,0 @@
-/* EmojiPickerNoResults.tsx generated by @compiled/babel-plugin v0.39.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RENDER_EMOJI_PICKER_NO_RESULTS_TESTID = void 0;
-require("./EmojiPickerNoResults.compiled.css");
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _reactIntl = require("react-intl");
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-var _image = _interopRequireDefault(require("@atlaskit/image"));
-var _i18n = require("../i18n");
-var _dark = _interopRequireDefault(require("./assets/spot/search-no-result/dark.svg"));
-var _light = _interopRequireDefault(require("./assets/spot/search-no-result/light.svg"));
-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" != _typeof(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); }
-var noResultsContainer = null;
-var RENDER_EMOJI_PICKER_NO_RESULTS_TESTID = exports.RENDER_EMOJI_PICKER_NO_RESULTS_TESTID = 'render-emoji-picker-no-results';
-var EmojiPickerNoResults = function EmojiPickerNoResults(_ref) {
-  var onOpenUpload = _ref.onOpenUpload,
-    uploadEnabled = _ref.uploadEnabled;
-  var handleOpenUpload = (0, _react.useCallback)(function (event) {
-    if ((0, _platformFeatureFlags.fg)('platform_emoji_keep_picker_open_on_upload')) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-    onOpenUpload();
-  }, [onOpenUpload]);
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": RENDER_EMOJI_PICKER_NO_RESULTS_TESTID,
-    className: (0, _runtime.ax)(["_zulppxbi _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _ca0q1ejb _u5f3pxbi _n3td1ejb _19bvpxbi _y3gn1h6o _1bsb1osq _vchhusvi"])
-  }, /*#__PURE__*/React.createElement(_image.default, {
-    src: _light.default,
-    srcDark: _dark.default,
-    alt: "",
-    width: 200
-  }), uploadEnabled && /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiPickerAddCustomEmoji, function (label) {
-    return /*#__PURE__*/React.createElement(_standardButton.default, {
-      onClick: handleOpenUpload,
-      appearance: "default",
-      tabIndex: 0
-    }, label);
-  }));
-};
-var _default = exports.default = EmojiPickerNoResults;

package/dist/es2019/components/picker/EmojiPickerNoResults.compiled.css

@@ -1,12 +0,0 @@
-
-._zulppxbi{gap:var(--ds-space-200,1pc)}._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
-._1bah1h6o{justify-content:center}
-._1bsb1osq{width:100%}
-._1e0c1txw{display:flex}
-._2lx21bp4{flex-direction:column}
-._4cvr1h6o{align-items:center}
-._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
-._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
-._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
-._vchhusvi{box-sizing:border-box}
-._y3gn1h6o{text-align:center}

package/dist/es2019/components/picker/EmojiPickerNoResults.js

@@ -1,40 +0,0 @@
-/* EmojiPickerNoResults.tsx generated by @compiled/babel-plugin v0.39.1 */
-import "./EmojiPickerNoResults.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { useCallback } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { FormattedMessage } from 'react-intl';
-import AkButton from '@atlaskit/button/standard-button';
-import Image from '@atlaskit/image';
-import { messages } from '../i18n';
-import SearchNoResultDark from './assets/spot/search-no-result/dark.svg';
-import SearchNoResultLight from './assets/spot/search-no-result/light.svg';
-const noResultsContainer = null;
-export const RENDER_EMOJI_PICKER_NO_RESULTS_TESTID = 'render-emoji-picker-no-results';
-const EmojiPickerNoResults = ({
-  onOpenUpload,
-  uploadEnabled
-}) => {
-  const handleOpenUpload = useCallback(event => {
-    if (fg('platform_emoji_keep_picker_open_on_upload')) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-    onOpenUpload();
-  }, [onOpenUpload]);
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": RENDER_EMOJI_PICKER_NO_RESULTS_TESTID,
-    className: ax(["_zulppxbi _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _ca0q1ejb _u5f3pxbi _n3td1ejb _19bvpxbi _y3gn1h6o _1bsb1osq _vchhusvi"])
-  }, /*#__PURE__*/React.createElement(Image, {
-    src: SearchNoResultLight,
-    srcDark: SearchNoResultDark,
-    alt: "",
-    width: 200
-  }), uploadEnabled && /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiPickerAddCustomEmoji, label => /*#__PURE__*/React.createElement(AkButton, {
-    onClick: handleOpenUpload,
-    appearance: "default",
-    tabIndex: 0
-  }, label)));
-};
-export default EmojiPickerNoResults;

package/dist/esm/components/picker/EmojiPickerNoResults.compiled.css

@@ -1,12 +0,0 @@
-
-._zulppxbi{gap:var(--ds-space-200,1pc)}._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
-._1bah1h6o{justify-content:center}
-._1bsb1osq{width:100%}
-._1e0c1txw{display:flex}
-._2lx21bp4{flex-direction:column}
-._4cvr1h6o{align-items:center}
-._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
-._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
-._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
-._vchhusvi{box-sizing:border-box}
-._y3gn1h6o{text-align:center}

package/dist/esm/components/picker/EmojiPickerNoResults.js

@@ -1,41 +0,0 @@
-/* EmojiPickerNoResults.tsx generated by @compiled/babel-plugin v0.39.1 */
-import "./EmojiPickerNoResults.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { useCallback } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { FormattedMessage } from 'react-intl';
-import AkButton from '@atlaskit/button/standard-button';
-import Image from '@atlaskit/image';
-import { messages } from '../i18n';
-import SearchNoResultDark from './assets/spot/search-no-result/dark.svg';
-import SearchNoResultLight from './assets/spot/search-no-result/light.svg';
-var noResultsContainer = null;
-export var RENDER_EMOJI_PICKER_NO_RESULTS_TESTID = 'render-emoji-picker-no-results';
-var EmojiPickerNoResults = function EmojiPickerNoResults(_ref) {
-  var onOpenUpload = _ref.onOpenUpload,
-    uploadEnabled = _ref.uploadEnabled;
-  var handleOpenUpload = useCallback(function (event) {
-    if (fg('platform_emoji_keep_picker_open_on_upload')) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-    onOpenUpload();
-  }, [onOpenUpload]);
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": RENDER_EMOJI_PICKER_NO_RESULTS_TESTID,
-    className: ax(["_zulppxbi _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _ca0q1ejb _u5f3pxbi _n3td1ejb _19bvpxbi _y3gn1h6o _1bsb1osq _vchhusvi"])
-  }, /*#__PURE__*/React.createElement(Image, {
-    src: SearchNoResultLight,
-    srcDark: SearchNoResultDark,
-    alt: "",
-    width: 200
-  }), uploadEnabled && /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiPickerAddCustomEmoji, function (label) {
-    return /*#__PURE__*/React.createElement(AkButton, {
-      onClick: handleOpenUpload,
-      appearance: "default",
-      tabIndex: 0
-    }, label);
-  }));
-};
-export default EmojiPickerNoResults;

package/dist/types/components/picker/EmojiPickerNoResults.d.ts

@@ -1,7 +0,0 @@
-export declare const RENDER_EMOJI_PICKER_NO_RESULTS_TESTID = "render-emoji-picker-no-results";
-export interface Props {
-    onOpenUpload: () => void;
-    uploadEnabled: boolean;
-}
-declare const EmojiPickerNoResults: ({ onOpenUpload, uploadEnabled }: Props) => JSX.Element;
-export default EmojiPickerNoResults;

package/dist/types-ts4.5/components/picker/EmojiPickerNoResults.d.ts

@@ -1,7 +0,0 @@
-export declare const RENDER_EMOJI_PICKER_NO_RESULTS_TESTID = "render-emoji-picker-no-results";
-export interface Props {
-    onOpenUpload: () => void;
-    uploadEnabled: boolean;
-}
-declare const EmojiPickerNoResults: ({ onOpenUpload, uploadEnabled }: Props) => JSX.Element;
-export default EmojiPickerNoResults;