@atlaskit/emoji 73.3.2 → 73.3.4

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

@@ -52,7 +52,6 @@ var _getToneEmoji = require("../../util/get-tone-emoji");
 var _isEmojiDescription = require("../../util/is-emoji-description");
 var _isPromise = require("../../util/is-promise");
 var _productivityColors = require("../../util/productivity-colors");
-var _isRefreshEmojiPickerEnabled = require("../common/isRefreshEmojiPickerEnabled");
 var _RecordSelectionDefault = require("../common/RecordSelectionDefault");
 var _UploadEmoji = require("../common/UploadEmoji");
 var _i18n = require("../i18n");
@@ -71,7 +70,6 @@ var emojiPickerHeightDeleteRefresh = 339;
 var emojiPickerWidth = 350;
 var emojiPickerMinHeight = 260;
 var heightOffset = 80;
-var emojiPicker = null;
 var emojiPickerNew = null;
 var emojiPickerWrapper = null;
 
@@ -130,7 +128,6 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   var _useEmoji = (0, _useEmoji2.useEmoji)(),
     emojiProvider = _useEmoji.emojiProvider,
     isUploadSupported = _useEmoji.isUploadSupported;
-  var isTeamojiExperimentEnabled = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)();
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     filteredEmojis = _useState2[0],
@@ -156,7 +153,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     selectedTone = _useState10[0],
     setSelectedTone = _useState10[1];
   var _useState11 = (0, _react.useState)(function () {
-      return isTeamojiExperimentEnabled ? (0, _productivityColors.getStoredProductivityColor)() : _productivityColors.defaultProductivityColor;
+      return (0, _productivityColors.getStoredProductivityColor)();
     }),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
     selectedProductivityColor = _useState12[0],
@@ -207,11 +204,9 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   var isProgrammaticScroll = (0, _react.useRef)(false);
   var pickerRef = (0, _react.useRef)(null);
   var setPickerRef = (0, _react.useCallback)(function (el) {
-    if (isTeamojiExperimentEnabled) {
-      pickerRef.current = el;
-    }
+    pickerRef.current = el;
     onPickerRef === null || onPickerRef === void 0 || onPickerRef(el);
-  }, [isTeamojiExperimentEnabled, onPickerRef]);
+  }, [onPickerRef]);
   var currentUser = (0, _react.useMemo)(function () {
     return emojiProvider.getCurrentUser();
   }, [emojiProvider]);
@@ -228,7 +223,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   }, [selectedEmoji]);
   var uploadEnabled = isUploadSupported && !uploading;
   var onEmojiLeave = (0, _react.useCallback)(function () {
-    if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() && uploadEnabled) {
+    if (uploadEnabled) {
       setSelectedEmoji(undefined);
     }
   }, [uploadEnabled]);
@@ -236,16 +231,16 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     // Ignore scroll-driven category changes while a programmatic reveal()
     // scroll is in progress — they would flicker the indicator through
     // intermediate categories before landing on the correct one.
-    if (isProgrammaticScroll.current && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
+    if (isProgrammaticScroll.current) {
       return;
     }
     // Ignore scroll-driven category changes while the upload or delete screen is open
-    if ((uploading || emojiToDelete) && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
+    if (uploading || emojiToDelete) {
       return;
     }
     if (activeCategory !== category) {
       setActiveCategory(category);
-      if (!query && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
+      if (!query) {
         lastNonSearchCategory.current = category;
       }
     }
@@ -262,12 +257,10 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       setUploadErrorMessage(undefined);
     });
     fireAnalytics((0, _uploadCancelButton.uploadCancelButton)());
-    if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
-      setTimeout(function () {
-        var _getDocument;
-        (_getDocument = (0, _browserApis.getDocument)()) === null || _getDocument === void 0 || (_getDocument = _getDocument.getElementById('add-custom-emoji')) === null || _getDocument === void 0 || _getDocument.focus();
-      }, 0);
-    }
+    setTimeout(function () {
+      var _getDocument;
+      (_getDocument = (0, _browserApis.getDocument)()) === null || _getDocument === void 0 || (_getDocument = _getDocument.getElementById('add-custom-emoji')) === null || _getDocument === void 0 || _getDocument.focus();
+    }, 0);
   }, [fireAnalytics]);
   var getDynamicCategories = (0, _react.useCallback)(function () {
     if (!emojiProvider.calculateDynamicCategories) {
@@ -313,7 +306,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   }, [filteredEmojis.length, getDynamicCategories, onDynamicCategoryChange, selectedEmoji]);
   var onFrequentEmojiResult = (0, _react.useCallback)(function (frequentEmoji) {
     // change the category of each of the featured emoji
-    var visibleFrequentEmoji = isTeamojiExperimentEnabled ? (0, _filterHiddenEmojis.filterHiddenEmojis)(frequentEmoji) : frequentEmoji;
+    var visibleFrequentEmoji = (0, _filterHiddenEmojis.filterHiddenEmojis)(frequentEmoji);
     var recategorised = visibleFrequentEmoji.map(function (emoji) {
       var clone = JSON.parse(JSON.stringify(emoji));
       clone.category = _constants.frequentCategory;
@@ -322,11 +315,11 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     setStateAfterEmojiChange({
       frequentEmoji: recategorised
     });
-  }, [isTeamojiExperimentEnabled, setStateAfterEmojiChange]);
+  }, [setStateAfterEmojiChange]);
   var onSearchResult = (0, _react.useCallback)(function (searchResults) {
     var frequentlyUsedEmoji = frequentlyUsedEmojis || [];
     var searchQuery = searchResults.query || '';
-    var visibleSearchEmojis = isTeamojiExperimentEnabled ? (0, _filterHiddenEmojis.filterHiddenEmojis)(searchResults.emojis) : searchResults.emojis;
+    var visibleSearchEmojis = (0, _filterHiddenEmojis.filterHiddenEmojis)(searchResults.emojis);
 
     /**
      * If there is no user search in the EmojiPicker then it should display all emoji received from the EmojiRepository and should
@@ -348,7 +341,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       queryLength: searchQuery.length,
       numMatches: visibleSearchEmojis.length
     }));
-  }, [frequentlyUsedEmojis, isTeamojiExperimentEnabled, query, setStateAfterEmojiChange, fireAnalytics]);
+  }, [frequentlyUsedEmojis, query, setStateAfterEmojiChange, fireAnalytics]);
   var onProviderChange = (0, _react.useMemo)(function () {
     return {
       result: onSearchResult
@@ -410,37 +403,29 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     if (!categoryId) {
       return;
     }
-
-    // If the upload or delete screen is open, close it when a category is selected
-    if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
-      if (uploading) {
-        setUploading(false);
-        setUploadErrorMessage(undefined);
-      }
-      if (emojiToDelete) {
-        setEmojiToDelete(undefined);
-      }
+    if (uploading) {
+      setUploading(false);
+      setUploadErrorMessage(undefined);
+    }
+    if (emojiToDelete) {
+      setEmojiToDelete(undefined);
     }
     emojiProvider.findInCategory(categoryId).then(function (emojisInCategory) {
       if (!disableCategories) {
         var newSelectedEmoji;
-        var visibleEmojisInCategory = isTeamojiExperimentEnabled ? (0, _filterHiddenEmojis.filterHiddenEmojis)(emojisInCategory || []) : emojisInCategory || [];
+        var visibleEmojisInCategory = (0, _filterHiddenEmojis.filterHiddenEmojis)(emojisInCategory || []);
         if (visibleEmojisInCategory.length > 0) {
           newSelectedEmoji = (0, _getEmojiVariation.getEmojiVariation)(visibleEmojisInCategory[0], {
             skinTone: selectedTone
           });
         }
         if (emojiPickerList.current) {
-          if (isTeamojiExperimentEnabled) {
-            isProgrammaticScroll.current = true;
-          }
-          emojiPickerList.current.reveal(categoryId, isTeamojiExperimentEnabled);
-          if (isTeamojiExperimentEnabled) {
-            // Clear the flag after the scroll animation has settled.
-            setTimeout(function () {
-              isProgrammaticScroll.current = false;
-            }, 300);
-          }
+          isProgrammaticScroll.current = true;
+          emojiPickerList.current.reveal(categoryId, true);
+          // Clear the flag after the scroll animation has settled.
+          setTimeout(function () {
+            isProgrammaticScroll.current = false;
+          }, 300);
         }
         (0, _reactDom.unstable_batchedUpdates)(function () {
           setActiveCategory(categoryId);
@@ -451,7 +436,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
         }));
       }
     });
-  }, [disableCategories, emojiPickerList, emojiProvider, fireAnalytics, isTeamojiExperimentEnabled, selectedTone, uploading, emojiToDelete]);
+  }, [disableCategories, emojiPickerList, emojiProvider, fireAnalytics, selectedTone, uploading, emojiToDelete]);
   var recordUsageOnSelection = (0, _react.useMemo)(function () {
     return (0, _RecordSelectionDefault.createRecordSelectionDefault)(emojiProvider, onSelectWrapper, function (analytic) {
       return fireAnalytics(analytic(_types.SearchSourceTypes.PICKER));
@@ -474,7 +459,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     };
     if (searchQuery !== query) {
       // Capture the active category before entering search so we can keep it highlighted
-      if (!query && searchQuery && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
+      if (!query && searchQuery) {
         lastNonSearchCategory.current = activeCategory;
       }
       setQuery(searchQuery);
@@ -490,7 +475,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   // cannot reach underlying page drop handlers (e.g. the Confluence editor).
   (0, _react.useEffect)(function () {
     var _getDocument2;
-    if (!uploading || !(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
+    if (!uploading) {
       return;
     }
     var body = (_getDocument2 = (0, _browserApis.getDocument)()) === null || _getDocument2 === void 0 ? void 0 : _getDocument2.body;
@@ -560,10 +545,6 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
               });
               scrollToUploadedEmoji(emojiDescription);
             };
-            if (!(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
-              _context.next = 2;
-              break;
-            }
             uploadShortName = ":".concat(upload.name.toLowerCase(), ":");
             _context.next = 1;
             return emojiProvider.findByShortName(uploadShortName);
@@ -698,9 +679,9 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       emojiProvider.unsubscribe(onProviderChange);
     };
   }, [emojiProvider, onProviderChange]);
-  var showPreview = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? !uploading : selectedEmoji && !uploading;
-  var shouldRenderFooter = showPreview && !(emojiToDelete && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) && !(query && filteredEmojis.length === 0 && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) && (Boolean(selectedEmoji) || uploadEnabled || !(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)());
-  var useFooterSpaceForList = showPreview && !selectedEmoji && !uploadEnabled && !emojiToDelete && !(query && filteredEmojis.length === 0) && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)();
+  var showPreview = !uploading;
+  var shouldRenderFooter = showPreview && !emojiToDelete && !(query && filteredEmojis.length === 0) && (Boolean(selectedEmoji) || uploadEnabled);
+  var useFooterSpaceForList = showPreview && !selectedEmoji && !uploadEnabled && !emojiToDelete && !(query && filteredEmojis.length === 0);
 
   // When the AI emoji section is shown in the upload panel, grow the picker so
   // the section isn't clipped by the fixed upload height.
@@ -711,7 +692,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     role: "dialog",
     "aria-label": formatMessage(_i18n.messages.emojiPickerTitle),
     "aria-modal": true,
-    className: (0, _runtime.ax)([(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? "_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, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? withDeleteRefreshHeight[size] : uploading && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? hasUploadPreviewError ? withUploadRefreshAndPreviewErrorHeight[size] : withUploadRefreshHeight[size] : query && filteredEmojis.length === 0 && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size], showAiUpload && "_4t3ikbql _c71l8k0t"]),
+    className: (0, _runtime.ax)(["_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm", !!emojiToDelete ? withDeleteRefreshHeight[size] : uploading ? hasUploadPreviewError ? withUploadRefreshAndPreviewErrorHeight[size] : withUploadRefreshHeight[size] : query && filteredEmojis.length === 0 ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size], showAiUpload && "_4t3ikbql _c71l8k0t"]),
     style: {
       "--_19dn98e": (0, _runtime.ix)("".concat(emojiPickerHeight, "px")),
       "--_gsvyy7": (0, _runtime.ix)("".concat(emojiPickerWidth, "px"))
@@ -723,7 +704,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onKeyDown: suppressKeyPress,
     className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1yb4 _1tkeidpf", showAiUpload && "_1reo15vq _18m91wug"])
   }, /*#__PURE__*/React.createElement(_CategorySelector.default, {
-    activeCategoryId: (uploading || emojiToDelete) && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? null : activeCategory,
+    activeCategoryId: uploading || emojiToDelete ? null : activeCategory,
     dynamicCategories: dynamicCategories,
     disableCategories: disableCategories,
     onCategorySelected: onCategorySelected
@@ -738,13 +719,13 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onSearch: onSearch,
     query: query,
     selectedTone: selectedTone,
-    selectedProductivityColor: isTeamojiExperimentEnabled ? selectedProductivityColor : undefined,
+    selectedProductivityColor: selectedProductivityColor,
     loading: loading,
     ref: emojiPickerList,
     initialUploadName: query,
     onToneSelected: onToneSelected,
     onToneSelectorCancelled: onToneSelectorCancelled,
-    onProductivityColorSelected: isTeamojiExperimentEnabled ? onProductivityColorSelected : undefined,
+    onProductivityColorSelected: onProductivityColorSelected,
     toneEmoji: toneEmoji,
     uploading: uploading,
     emojiToDelete: emojiToDelete,

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

@@ -13,7 +13,6 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
 var _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
-var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
 var _CachingEmoji = _interopRequireDefault(require("../common/CachingEmoji"));
 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); }
@@ -35,7 +34,7 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
   var rowIndex = (virtualItemContext === null || virtualItemContext === void 0 ? void 0 : virtualItemContext.index) || 0;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var preventFocusOnMouseDown = (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabledNoExposure)();
+  var preventFocusOnMouseDown = true;
   var handleFocus = function handleFocus(index) {
     return function (emojiId, emoji, event) {
       setEmojisFocus({

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

@@ -1,6 +1,4 @@
-._x3do1uh4{border-top:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
 ._x3doia51{border-top:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._16jlidpf{flex-grow:0}
-._16qsvjqj{box-shadow:0 -1px 1px 0 var(--ds-border,#0b120e24)}
 ._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._1o9zidpf{flex-shrink:0}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}

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

@@ -14,10 +14,8 @@ var _reactIntl = require("react-intl");
 var _box = require("@atlaskit/primitives/compiled/box");
 var _AddEmoji = require("../common/AddEmoji");
 var _EmojiPreviewComponent = require("../common/EmojiPreviewComponent");
-var _isRefreshEmojiPickerEnabled = require("../common/isRefreshEmojiPickerEnabled");
 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 emojiPickerFooter = null;
-var emojiPickerFooterWithTopShadow = null;
 var emojiPickerFooterWithTopShadowNew = null;
 var emojiPreviewContainerStyles = {
   emojiPreviewContainer: "_ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
@@ -28,7 +26,7 @@ var EmojiPickerFooter = function EmojiPickerFooter(_ref) {
     onOpenUpload = _ref.onOpenUpload,
     uploadEnabled = _ref.uploadEnabled;
   var intl = (0, _reactIntl.useIntl)();
-  return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiPickerFooterTestId,
     className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug", "_x3doia51"])
   }, selectedEmoji ? /*#__PURE__*/React.createElement(_box.Box, {
@@ -39,11 +37,6 @@ var EmojiPickerFooter = function EmojiPickerFooter(_ref) {
     onOpenUpload: onOpenUpload,
     uploadEnabled: uploadEnabled,
     intl: intl
-  })) : /*#__PURE__*/React.createElement("div", {
-    "data-testid": emojiPickerFooterTestId,
-    className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug", "_x3do1uh4 _16qsvjqj"])
-  }, selectedEmoji && /*#__PURE__*/React.createElement(_EmojiPreviewComponent.EmojiPreviewComponent, {
-    emoji: selectedEmoji
   }));
 };
 var _default_1 = /*#__PURE__*/(0, _react.memo)(EmojiPickerFooter);

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

@@ -1,6 +1,5 @@
 ._19itahnd{border:var(--ds-border,#0b120e24) var(--ds-border-width,1px) solid}
-._2rko1mok{border-radius:var(--ds-radius-large,8px)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1bah1yb4{justify-content:space-between}
 ._1bsb1edt{width:350px}
 ._1e0c1txw{display:flex}

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

@@ -19,7 +19,6 @@ var _react = _interopRequireDefault(require("react"));
 var _EmojiCommonProvider = require("../../context/EmojiCommonProvider");
 var _ufoExperiences = require("../../util/analytics/ufoExperiences");
 var _constants = require("../../util/constants");
-var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
 var _LoadingEmojiComponent = _interopRequireDefault(require("../common/LoadingEmojiComponent"));
 var _UfoErrorBoundary = require("../common/UfoErrorBoundary");
 var _emojiPickerLoader = require("./emojiPickerLoader");
@@ -27,10 +26,6 @@ var _LoadingItem = require("./LoadingItem");
 var _excluded = ["emojiProvider"];
 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)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  return (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabled)();
-};
-var emojiPicker = null;
 var emojiPickerNew = null;
 var EmojiPickerInternal = exports.EmojiPickerInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
   function EmojiPickerInternal(props) {
@@ -64,12 +59,9 @@ var EmojiPickerInternal = exports.EmojiPickerInternal = /*#__PURE__*/function (_
         }
       };
       _ufoExperiences.ufoExperiences['emoji-picker-opened'].markFMP();
-      return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         ref: handlePickerRef,
         className: (0, _runtime.ax)(["_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
-      }, item.renderItem()) : /*#__PURE__*/_react.default.createElement("div", {
-        ref: handlePickerRef,
-        className: (0, _runtime.ax)(["_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
       }, item.renderItem());
     }
   }, {

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

@@ -15,7 +15,6 @@ var _constants = require("../../util/constants");
 var _filterHiddenEmojis = require("../../util/filter-hidden-emojis");
 var _productivityColors = require("../../util/productivity-colors");
 var _EmojiActions = _interopRequireDefault(require("../common/EmojiActions"));
-var _isRefreshEmojiPickerEnabled = require("../common/isRefreshEmojiPickerEnabled");
 var _i18n = require("../i18n");
 var _categories = require("./categories");
 var _CategoryHeadingItem = require("./CategoryHeadingItem");
@@ -119,17 +118,16 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
     categoriesChanged = _useState0[0],
     setCategoriesChanged = _useState0[1];
-  var isTeamojiExperimentEnabled = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)();
   var visibleEmojis = (0, _react.useMemo)(function () {
-    return isTeamojiExperimentEnabled ? (0, _filterHiddenEmojis.filterHiddenEmojis)(emojis) : emojis;
-  }, [emojis, isTeamojiExperimentEnabled]);
+    return (0, _filterHiddenEmojis.filterHiddenEmojis)(emojis);
+  }, [emojis]);
   var productivityColorPreviewEmojis = (0, _react.useMemo)(function () {
-    return isTeamojiExperimentEnabled ? (0, _productivityColors.getProductivityColorPreviewEmojis)(visibleEmojis) : {};
-  }, [isTeamojiExperimentEnabled, visibleEmojis]);
+    return (0, _productivityColors.getProductivityColorPreviewEmojis)(visibleEmojis);
+  }, [visibleEmojis]);
   var addToCategoryMap = (0, _react.useCallback)(function (categoryToGroupMap, emoji, category) {
     var _categoryToGroupMap$c;
     if (!categoryToGroupMap[category]) {
-      var categoryDefinition = isTeamojiExperimentEnabled ? _categories.CategoryDescriptionMapNew[category] : _categories.CategoryDescriptionMap[category];
+      var categoryDefinition = _categories.CategoryDescriptionMapNew[category];
       if (!categoryDefinition) {
         return categoryToGroupMap;
       }
@@ -142,10 +140,10 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     }
     (_categoryToGroupMap$c = categoryToGroupMap[category]) === null || _categoryToGroupMap$c === void 0 || _categoryToGroupMap$c.emojis.push(emoji);
     return categoryToGroupMap;
-  }, [isTeamojiExperimentEnabled]);
+  }, []);
   var groupByCategory = (0, _react.useCallback)(function (currentUser) {
     return function (categoryToGroupMap, emoji) {
-      if (isTeamojiExperimentEnabled && emoji.type === 'ATLASSIAN' && emoji.category !== _constants.frequentCategory) {
+      if (emoji.type === 'ATLASSIAN' && emoji.category !== _constants.frequentCategory) {
         addToCategoryMap(categoryToGroupMap, emoji, atlassianCategory);
         var group = categoryToGroupMap[atlassianCategory];
         if (group) {
@@ -165,8 +163,6 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
           }
           subcategory.emojis.push(emoji);
         }
-      } else if (emoji.type === 'ATLASSIAN' && emoji.category !== _constants.frequentCategory) {
-        addToCategoryMap(categoryToGroupMap, emoji, atlassianCategory);
       } else {
         addToCategoryMap(categoryToGroupMap, emoji, emoji.category);
       }
@@ -176,7 +172,7 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
       }
       return categoryToGroupMap;
     };
-  }, [addToCategoryMap, isTeamojiExperimentEnabled]);
+  }, [addToCategoryMap]);
   var findAtlassianSubcategoryToActivate = (0, _react.useCallback)(function (startIndex) {
     var row = virtualItems[startIndex];
     if (row instanceof _CategoryHeadingItem.CategoryHeadingItem && row.props.id === atlassianCategory) {
@@ -213,11 +209,9 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     if (!query) {
       // Calculate category in view - only relevant if categories shown, i.e. no query
       var currentCategory = findCategoryToActivate(rowItem);
-      if (isTeamojiExperimentEnabled) {
-        var currentAtlassianSubcategory = findAtlassianSubcategoryToActivate(startIndex);
-        if (activeAtlassianSubcategory !== currentAtlassianSubcategory) {
-          setActiveAtlassianSubcategory(currentAtlassianSubcategory);
-        }
+      var currentAtlassianSubcategory = findAtlassianSubcategoryToActivate(startIndex);
+      if (activeAtlassianSubcategory !== currentAtlassianSubcategory) {
+        setActiveAtlassianSubcategory(currentAtlassianSubcategory);
       }
       if (currentCategory !== null && activeCategoryId !== currentCategory) {
         if (onCategoryActivated) {
@@ -225,13 +219,13 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
         }
       }
     }
-  }, [virtualItems, query, activeAtlassianSubcategory, activeCategoryId, findAtlassianSubcategoryToActivate, isTeamojiExperimentEnabled, onCategoryActivated]);
+  }, [virtualItems, query, activeAtlassianSubcategory, activeCategoryId, findAtlassianSubcategoryToActivate, onCategoryActivated]);
   var buildEmojiGroupedByCategory = (0, _react.useCallback)(function (emojis, currentUser) {
     var categoryToGroupMap = emojis.reduce(groupByCategory(currentUser), {});
     setAllEmojiGroups(Object.keys(categoryToGroupMap).map(function (key) {
       return categoryToGroupMap[key];
     }).map(function (group) {
-      if (isTeamojiExperimentEnabled && selectedProductivityColor) {
+      if (selectedProductivityColor) {
         var _group$subcategories;
         group.emojis = (0, _productivityColors.filterProductivityEmojisByColor)(group.emojis, selectedProductivityColor);
         (_group$subcategories = group.subcategories) === null || _group$subcategories === void 0 || _group$subcategories.forEach(function (subcategory) {
@@ -247,7 +241,7 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
       }
       return group;
     }).sort(byOrder));
-  }, [groupByCategory, isTeamojiExperimentEnabled, selectedProductivityColor]);
+  }, [groupByCategory, selectedProductivityColor]);
   var buildEmojiRows = (0, _react.useCallback)(function (items, category, title, emojis, showDelete) {
     var remainingEmojis = emojis;
     while (remainingEmojis.length > 0) {
@@ -262,14 +256,14 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
         onDelete: onEmojiDelete,
         onMouseMove: onEmojiActive,
         onFocus: onEmojiActive,
-        onMouseLeave: isTeamojiExperimentEnabled ? onEmojiLeave : undefined
+        onMouseLeave: onEmojiLeave
       }));
     }
-  }, [isTeamojiExperimentEnabled, onEmojiActive, onEmojiDelete, onEmojiLeave, onEmojiSelected]);
+  }, [onEmojiActive, onEmojiDelete, onEmojiLeave, onEmojiSelected]);
   var buildVirtualItemFromGroup = (0, _react.useCallback)(function (group) {
     var _group$subcategories3;
     var items = [];
-    var hasAtlassianSubcategories = isTeamojiExperimentEnabled && group.category === atlassianCategory && !!((_group$subcategories3 = group.subcategories) !== null && _group$subcategories3 !== void 0 && _group$subcategories3.length);
+    var hasAtlassianSubcategories = group.category === atlassianCategory && !!((_group$subcategories3 = group.subcategories) !== null && _group$subcategories3 !== void 0 && _group$subcategories3.length);
     if (!hasAtlassianSubcategories) {
       items.push(new _CategoryHeadingItem.CategoryHeadingItem({
         id: group.category,
@@ -304,7 +298,7 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
       buildEmojiRows(items, group.category, group.title, group.emojis, group.title === _constants.userCustomTitle);
     }
     return items;
-  }, [buildEmojiRows, isTeamojiExperimentEnabled]);
+  }, [buildEmojiRows]);
   var buildVirtualItems = (0, _react.useCallback)(function () {
     var items = [];
     var prevFirstCategory = categoryTracker.getFirstCategory();
@@ -313,8 +307,8 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
       items.push(new _LoadingItem.LoadingItem());
     } else {
       if (query) {
-        var search = isTeamojiExperimentEnabled ? _categories.CategoryDescriptionMapNew.SEARCH : _categories.CategoryDescriptionMap.SEARCH;
-        if (visibleEmojis.length === 0 && isTeamojiExperimentEnabled) {
+        var search = _categories.CategoryDescriptionMapNew.SEARCH;
+        if (visibleEmojis.length === 0) {
           // Show a "No results" category heading, then a no-results illustration below it
           items.push(new _CategoryHeadingItem.CategoryHeadingItem({
             id: _constants.searchCategory,
@@ -341,7 +335,7 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
         allEmojiGroups.forEach(function (group) {
           // Optimisation - avoid re-rendering unaffected groups for the current selectedShortcut
           // by not passing it to irrelevant groups
-          categoryTracker.add(isTeamojiExperimentEnabled || group.category === atlassianCategory ? group.category : group.emojis[0].category, items.length);
+          categoryTracker.add(group.category, items.length);
           items = [].concat((0, _toConsumableArray2.default)(items), (0, _toConsumableArray2.default)(buildVirtualItemFromGroup(group)));
           if (group.category === _constants.yourUploadsCategory) {
             setLastYourUploadsRow(items.length - 1);
@@ -358,7 +352,7 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [allEmojiGroups, buildVirtualItemFromGroup, formatMessage, isTeamojiExperimentEnabled, loading, onOpenUpload, query, uploadEnabled, visibleEmojis]);
+  }, [allEmojiGroups, buildVirtualItemFromGroup, formatMessage, loading, onOpenUpload, query, uploadEnabled, visibleEmojis]);
   var findCategoryToActivate = function findCategoryToActivate(row) {
     var category = null;
     if (row instanceof _CategoryHeadingItem.CategoryHeadingItem) {
@@ -482,12 +476,12 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [virtualItems, categoriesChanged]);
   var virtualListHeight = (0, _react.useMemo)(function () {
-    if (query && visibleEmojis.length === 0 && isTeamojiExperimentEnabled) {
+    if (query && visibleEmojis.length === 0) {
       // No-results state: expand the list height to fit heading + illustration without scrolling
       return _EmojiPickerSizes.sizes.categoryHeadingHeight + _EmojiPickerSizes.sizes.noResultsHeight + (0, _emojiPickerHeightOffset.emojiPickerHeightOffset)(size);
     }
-    return isTeamojiExperimentEnabled ? _EmojiPickerSizes.sizes.listHeightNew + (0, _emojiPickerHeightOffset.emojiPickerHeightOffset)(size) + (useFooterSpaceForList ? _constants.emojiPickerPreviewHeight : 0) : _EmojiPickerSizes.sizes.listHeight + (0, _emojiPickerHeightOffset.emojiPickerHeightOffset)(size);
-  }, [size, query, visibleEmojis.length, isTeamojiExperimentEnabled, useFooterSpaceForList]);
+    return _EmojiPickerSizes.sizes.listHeightNew + (0, _emojiPickerHeightOffset.emojiPickerHeightOffset)(size) + (useFooterSpaceForList ? _constants.emojiPickerPreviewHeight : 0);
+  }, [size, query, visibleEmojis.length, useFooterSpaceForList]);
   return /*#__PURE__*/_react.default.createElement(_EmojiPickerTabPanel.default, {
     showSearchResults: !!query
   }, /*#__PURE__*/_react.default.createElement(_EmojiActions.default, {
@@ -495,10 +489,10 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     onToneSelected: onToneSelected,
     onToneSelectorCancelled: onToneSelectorCancelled,
     toneEmoji: toneEmoji,
-    activeCategoryId: isTeamojiExperimentEnabled ? activeCategoryId : undefined,
-    activeAtlassianSubcategory: isTeamojiExperimentEnabled ? activeAtlassianSubcategory : undefined,
-    productivityColorPreviewEmojis: isTeamojiExperimentEnabled ? productivityColorPreviewEmojis : undefined,
-    selectedProductivityColor: isTeamojiExperimentEnabled ? selectedProductivityColor : undefined,
+    activeCategoryId: activeCategoryId,
+    activeAtlassianSubcategory: activeAtlassianSubcategory,
+    productivityColorPreviewEmojis: productivityColorPreviewEmojis,
+    selectedProductivityColor: selectedProductivityColor,
     uploading: uploading,
     uploadEnabled: uploadEnabled,
     emojiToDelete: emojiToDelete,
@@ -511,7 +505,7 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     onDeleteEmoji: onDeleteEmoji,
     onFileChooserClicked: onFileChooserClicked,
     onOpenUpload: onOpenUpload,
-    onProductivityColorSelected: isTeamojiExperimentEnabled ? onProductivityColorSelected : undefined,
+    onProductivityColorSelected: onProductivityColorSelected,
     query: query,
     onChange: onSearch,
     resultsCount: visibleEmojis.length,

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

@@ -9,7 +9,6 @@
 ._1bsb1osq{width:100%}
 ._1e0cglyw{display:none}
 ._1goxglyw::-ms-clear{display:none}
-._1q51t94y{padding-block-start:1px}
 ._1q51yh40{padding-block-start:2px}
 ._1qu2glyw{outline-style:none}
 ._3um015vq{visibility:hidden}

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

@@ -17,14 +17,11 @@ var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
 var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
 var _constants = require("../../util/constants");
-var _isRefreshEmojiPickerEnabled = require("../common/isRefreshEmojiPickerEnabled");
 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); }
-var input = null;
 var inputNew = null;
 var textFieldWrapperNew = null;
 var pickerSearch = null;
-var searchIcon = null;
 var searchIconNew = null;
 var hidden = null;
 var emojiPickerSearchTestId = exports.emojiPickerSearchTestId = 'emoji-picker-search';
@@ -63,7 +60,7 @@ var EmojiPickerListSearch = exports.EmojiPickerListSearch = function EmojiPicker
     role: "status"
   }, dirty ? query === '' ? formatMessage(_i18n.messages.searchResultsStatusSeeAll) : formatMessage(_i18n.messages.searchResultsStatus, {
     count: resultsCount
-  }) : null), (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : null), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_n6341l7x _18z11b66"])
   }, /*#__PURE__*/_react.default.createElement(_textField.default, {
     role: "searchbox",
@@ -84,24 +81,5 @@ var EmojiPickerListSearch = exports.EmojiPickerListSearch = function EmojiPicker
     ref: textRef,
     isCompact: true,
     className: (0, _runtime.ax)(["_11c8fhey _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _syaz1kw7 _80om1kw7 _1q51yh40 _y4tize3t _85i5v77o _bozg12x7 _1bsb1osq _13xeglyw _1goxglyw"])
-  })) : /*#__PURE__*/_react.default.createElement(_textField.default, {
-    role: "searchbox",
-    "aria-label": formatMessage(_i18n.messages.searchLabel),
-    autoComplete: "off",
-    name: "search",
-    placeholder: "".concat(formatMessage(_i18n.messages.searchPlaceholder), "..."),
-    defaultValue: query || '',
-    onChange: handleOnChange,
-    elemBeforeInput: /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _runtime.ax)(["_tzy4105o _18u01i6y"])
-    }, /*#__PURE__*/_react.default.createElement(_search.default, {
-      color: "currentColor",
-      spacing: "spacious",
-      label: ""
-    })),
-    testId: emojiPickerSearchTestId,
-    ref: textRef,
-    isCompact: true,
-    className: (0, _runtime.ax)(["_11c8fhey _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _syaz1kw7 _80om1kw7 _1q51t94y _y4tize3t _85i5v77o _bozg12x7 _1bsb1osq _13xeglyw _1goxglyw"])
-  }));
+  })));
 };

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.sizes = void 0;
 var _constants = require("../../util/constants");
 var sizes = exports.sizes = {
-  listHeight: _constants.emojiPickerListHeight,
   listHeightNew: _constants.emojiPickerListHeightNew,
   listWidth: _constants.emojiPickerWidth,
   searchHeight: 52,