@atlaskit/emoji 73.3.2 → 73.3.4

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

@@ -14,7 +14,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactVirtual = require("@tanstack/react-virtual");
 var _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
 var _constants = require("../../util/constants");
-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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -63,7 +62,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react.default.forwardRef(f
     var elemBottom = elementRect.bottom;
     var parentTop = parentRect.top;
     var parentBottom = parentRect.bottom;
-    var isVisible = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? elemTop >= parentTop && elemBottom <= parentBottom : elemBottom > parentTop && elemTop < parentBottom;
+    var isVisible = elemTop >= parentTop && elemBottom <= parentBottom;
     return isVisible;
   };
   var getFirstVisibleListElementIndex = (0, _react.useCallback)(function () {
@@ -82,7 +81,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react.default.forwardRef(f
       var _virtualList$firstVis;
       return ((_virtualList$firstVis = virtualList[firstVisibleIndex]) === null || _virtualList$firstVis === void 0 ? void 0 : _virtualList$firstVis.index) || 0;
     }
-    return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? ((_virtualList$ = virtualList[0]) === null || _virtualList$ === void 0 ? void 0 : _virtualList$.index) || 0 : 0;
+    return ((_virtualList$ = virtualList[0]) === null || _virtualList$ === void 0 ? void 0 : _virtualList$.index) || 0;
   }, [rowVirtualizer]);
 
   /**

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

@@ -4,11 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CategoryDescriptionMapNew = exports.CategoryDescriptionMap = void 0;
+exports.CategoryDescriptionMapNew = void 0;
 var _atlassian = _interopRequireDefault(require("@atlaskit/icon-lab/core/atlassian"));
-var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
 var _basketball = _interopRequireDefault(require("@atlaskit/icon/core/basketball"));
-var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/core/check-circle"));
 var _clock = _interopRequireDefault(require("@atlaskit/icon/core/clock"));
 var _emoji = _interopRequireDefault(require("@atlaskit/icon/core/emoji"));
 var _emojiAdd = _interopRequireDefault(require("@atlaskit/icon/core/emoji-add"));
@@ -19,87 +17,6 @@ var _takeoutFood = _interopRequireDefault(require("@atlaskit/icon/core/takeout-f
 var _tree = _interopRequireDefault(require("@atlaskit/icon/core/tree"));
 var _vehicleCar = _interopRequireDefault(require("@atlaskit/icon/core/vehicle-car"));
 var _constants = require("../../util/constants");
-var CategoryDescriptionMap = exports.CategoryDescriptionMap = {
-  SEARCH: {
-    id: 'SEARCH',
-    name: 'categoriesSearchResults',
-    // refers to i18n categoriesSearchResults key
-    icon: undefined,
-    order: 0
-  },
-  FREQUENT: {
-    id: 'FREQUENT',
-    name: 'frequentCategory',
-    icon: _clock.default,
-    order: 1
-  },
-  PEOPLE: {
-    id: 'PEOPLE',
-    name: 'peopleCategory',
-    icon: _emoji.default,
-    order: 2
-  },
-  NATURE: {
-    id: 'NATURE',
-    name: 'natureCategory',
-    icon: _tree.default,
-    order: 3
-  },
-  FOODS: {
-    id: 'FOODS',
-    name: 'foodsCategory',
-    icon: _takeoutFood.default,
-    order: 4
-  },
-  ACTIVITY: {
-    id: 'ACTIVITY',
-    name: 'activityCategory',
-    icon: _basketball.default,
-    order: 5
-  },
-  PLACES: {
-    id: 'PLACES',
-    name: 'placesCategory',
-    icon: _vehicleCar.default,
-    order: 6
-  },
-  OBJECTS: {
-    id: 'OBJECTS',
-    name: 'objectsCategory',
-    icon: _lightbulb.default,
-    order: 7
-  },
-  SYMBOLS: {
-    id: 'SYMBOLS',
-    name: 'symbolsCategory',
-    icon: _heart.default,
-    order: 8
-  },
-  FLAGS: {
-    id: 'FLAGS',
-    name: 'flagsCategory',
-    icon: _flag.default,
-    order: 9
-  },
-  ATLASSIAN: {
-    id: 'ATLASSIAN',
-    name: 'productivityCategory',
-    icon: _checkCircle.default,
-    order: 10
-  },
-  USER_CUSTOM: {
-    id: _constants.customCategory,
-    name: _constants.userCustomTitle,
-    icon: _add.default,
-    order: 11
-  },
-  CUSTOM: {
-    id: _constants.customCategory,
-    name: _constants.customTitle,
-    icon: _add.default,
-    order: 12
-  }
-};
 var CategoryDescriptionMapNew = exports.CategoryDescriptionMapNew = {
   SEARCH: {
     id: 'SEARCH',

package/dist/cjs/components/uploader/EmojiUploadComponent.js

@@ -32,7 +32,6 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
   var emojiProvider = props.emojiProvider,
     createAnalyticsEvent = props.createAnalyticsEvent,
     onUploaderRef = props.onUploaderRef,
-    disableFocusLock = props.disableFocusLock,
     contentId = props.contentId;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -135,7 +134,6 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
     onUploadCancelled: onUploadCancelled,
     onUploadEmoji: onUploadEmoji,
     errorMessage: uploadErrorMessage ? /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, uploadErrorMessage) : null,
-    disableFocusLock: disableFocusLock,
     contentId: contentId,
     fireAnalytics: fireAnalytics
   })));

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

@@ -19,7 +19,7 @@ var createEvent = exports.createEvent = function createEvent(eventType, action,
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "73.3.1"
+      packageVersion: "73.3.3"
     }, attributes)
   };
 };

package/dist/cjs/util/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.yourUploadsCategory = exports.userCustomTitle = exports.sizeGap = exports.selectedToneStorageKey = exports.selectedProductivityColorStorageKey = exports.searchCategory = exports.scaledEmojiHeightH4 = exports.scaledEmojiHeightH3 = exports.scaledEmojiHeightH2 = exports.scaledEmojiHeightH1 = exports.migrationUserId = exports.localStoragePrefix = exports.frequentCategory = exports.emojiPickerWidth = exports.emojiPickerPreviewHeight = exports.emojiPickerMinHeight = exports.emojiPickerListHeightNew = exports.emojiPickerListHeight = exports.emojiPickerHeightWithPreview = exports.emojiPickerHeight = exports.denseEmojiHeightH4 = exports.denseEmojiHeightH3 = exports.denseEmojiHeightH2 = exports.denseEmojiHeightH1 = exports.deleteEmojiLabel = exports.defaultListLimit = exports.defaultInlineEmojiHeight = exports.defaultEmojiPickerSize = exports.defaultEmojiHeight = exports.defaultDenseEmojiHeight = exports.defaultCategories = exports.dataURLPrefix = exports.customType = exports.customTitle = exports.customCategory = exports.analyticsEmojiPrefix = exports.TONESELECTOR_KEYBOARD_KEYS_SUPPORTED = exports.SAMPLING_RATE_EMOJI_RESOURCE_FETCHED_EXP = exports.SAMPLING_RATE_EMOJI_RENDERED_EXP = exports.MAX_ORDINAL = exports.KeyboardNavigationDirection = exports.KeyboardKeys = exports.EMOJI_SEARCH_DEBOUNCE = exports.EMOJI_LIST_PAGE_COUNT = exports.EMOJI_LIST_COLUMNS = exports.EMOJI_KEYBOARD_KEYS_SUPPORTED = exports.EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED = exports.DEFAULT_TONE = exports.CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED = void 0;
+exports.yourUploadsCategory = exports.userCustomTitle = exports.sizeGap = exports.selectedToneStorageKey = exports.selectedProductivityColorStorageKey = exports.searchCategory = exports.scaledEmojiHeightH4 = exports.scaledEmojiHeightH3 = exports.scaledEmojiHeightH2 = exports.scaledEmojiHeightH1 = exports.migrationUserId = exports.localStoragePrefix = exports.frequentCategory = exports.emojiPickerWidth = exports.emojiPickerPreviewHeight = exports.emojiPickerMinHeight = exports.emojiPickerListHeightNew = exports.emojiPickerHeightWithPreview = exports.emojiPickerHeight = exports.denseEmojiHeightH4 = exports.denseEmojiHeightH3 = exports.denseEmojiHeightH2 = exports.denseEmojiHeightH1 = exports.deleteEmojiLabel = exports.defaultListLimit = exports.defaultInlineEmojiHeight = exports.defaultEmojiPickerSize = exports.defaultEmojiHeight = exports.defaultDenseEmojiHeight = exports.defaultCategories = exports.dataURLPrefix = exports.customType = exports.customTitle = exports.customCategory = exports.analyticsEmojiPrefix = exports.TONESELECTOR_KEYBOARD_KEYS_SUPPORTED = exports.SAMPLING_RATE_EMOJI_RESOURCE_FETCHED_EXP = exports.SAMPLING_RATE_EMOJI_RENDERED_EXP = exports.MAX_ORDINAL = exports.KeyboardNavigationDirection = exports.KeyboardKeys = exports.EMOJI_SEARCH_DEBOUNCE = exports.EMOJI_LIST_PAGE_COUNT = exports.EMOJI_LIST_COLUMNS = exports.EMOJI_KEYBOARD_KEYS_SUPPORTED = exports.EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED = exports.DEFAULT_TONE = exports.CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED = void 0;
 var customCategory = exports.customCategory = 'CUSTOM';
 var frequentCategory = exports.frequentCategory = 'FREQUENT';
 var customType = exports.customType = 'SITE';
@@ -38,7 +38,6 @@ var sizeGap = exports.sizeGap = 80;
 var defaultEmojiPickerSize = exports.defaultEmojiPickerSize = 'medium';
 var emojiPickerMinHeight = exports.emojiPickerMinHeight = 260;
 var emojiPickerHeight = exports.emojiPickerHeight = 295;
-var emojiPickerListHeight = exports.emojiPickerListHeight = emojiPickerHeight - 58; // picker height - actions height
 var emojiPickerListHeightNew = exports.emojiPickerListHeightNew = emojiPickerHeight - 102; // picker height - actions height - preview height
 
 var emojiPickerPreviewHeight = exports.emojiPickerPreviewHeight = 54;

package/dist/es2019/api/EmojiRepository.js

@@ -6,7 +6,6 @@ import { SearchSort } from '../types';
 import { defaultCategories, frequentCategory } from '../util/constants';
 import { getCategoryId } from '../util/get-category-id';
 import { isEmojiDescriptionWithVariations } from '../util/is-emoji-description-with-variations';
-import { isTeamoji26RefreshEmojiPickerEnabled } from '../util/teamoji26RefreshEmojiPicker';
 import { tokenizerRegex } from './EmojiRepositoryRegex';
 import { getEmojiVariation } from './getEmojiVariation';
 import { createSearchEmojiComparator } from './internal/createSearchEmojiComparator';
@@ -93,9 +92,6 @@ const findEmojiIndex = (emojis, toFind) => {
   });
   return match;
 };
-const isRefreshEmojiPickerEnabled = () => {
-  return isTeamoji26RefreshEmojiPickerEnabled();
-};
 export default class EmojiRepository {
   // protected to allow subclasses to access (for testing and storybooks).
 
@@ -306,9 +302,7 @@ export default class EmojiRepository {
     this.fullSearch.searchIndex = new UnorderedSearchIndex();
     this.fullSearch.addIndex('name');
     this.fullSearch.addIndex('shortName');
-    if (isRefreshEmojiPickerEnabled()) {
-      this.fullSearch.addIndex('keywords');
-    }
+    this.fullSearch.addIndex('keywords');
     this.fullSearch.addDocuments(this.getAllSearchableEmojis());
     this.fullSearchReady = true;
   }

package/dist/es2019/api/EmojiResource.js

@@ -12,7 +12,6 @@ import { isMediaEmoji } from '../util/is-media-emoji';
 import { isPromise } from '../util/is-promise';
 import debug from '../util/logger';
 import storageAvailable from '../util/storage-available';
-import { isTeamoji26RefreshEmojiPickerEnabled } from '../util/teamoji26RefreshEmojiPicker';
 import { promiseWithTimeout } from '../util/timed-promise';
 import { toEmojiId } from '../util/to-emoji-id';
 import EmojiLoader from './EmojiLoader';
@@ -54,14 +53,13 @@ export class EmojiResource extends AbstractResource {
     const migrateRemainingEmojiProviders = fg('migrate-remaining-emoji-provider-integrations');
     const rewriteEmojiGatewayPath = url => migrateRemainingEmojiProviders ? url.replace('gateway/api/emoji', 'gateway/api/elements/emoji') : url.replace('/gateway/api/emoji', '/gateway/api/elements/emoji');
     const stargateEmojiPathEnabled = fg('use-elements-stargate-emoji-path') || migrateRemainingEmojiProviders;
-    const teamoji26RefreshEmojiPickerEnabled = isTeamoji26RefreshEmojiPickerEnabled();
     const singleEmojiApi = config.singleEmojiApi;
     const optimisticImageApi = config.optimisticImageApi;
     const providers = config.providers.map(provider => {
       const rewrittenUrl = stargateEmojiPathEnabled ? rewriteEmojiGatewayPath(provider.url) : provider.url;
       return {
         ...provider,
-        url: teamoji26RefreshEmojiPickerEnabled ? addTeamoji26QueryParam(rewrittenUrl) : rewrittenUrl
+        url: addTeamoji26QueryParam(rewrittenUrl)
       };
     });
     this.emojiProviderConfig = {

package/dist/es2019/components/common/DeleteButton.js

@@ -6,7 +6,6 @@ import Button from '@atlaskit/button/standard-button';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import { Box } from '@atlaskit/primitives/compiled/box';
 import { deleteEmojiLabel } from '../../util/constants';
-import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 import { emojiDeleteButton } from './styles';
 const styles = {
   boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
@@ -19,22 +18,17 @@ const refreshedDeleteButton = null;
  */
 export const RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
 const DeleteButton = props => {
-  const isRefreshEnabled = isRefreshEmojiPickerEnabled();
   return /*#__PURE__*/React.createElement("span", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", isRefreshEnabled && "_154ir5cr _1xi2r5cr", emojiDeleteButton]),
+    className: ax(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", "_154ir5cr _1xi2r5cr", emojiDeleteButton]),
     "data-testid": RENDER_EMOJI_DELETE_BUTTON_TESTID
   }, /*#__PURE__*/React.createElement(Button, {
     iconBefore: /*#__PURE__*/React.createElement(Box, {
       xcss: styles.boxWrapperStyle
-    }, isRefreshEnabled ? /*#__PURE__*/React.createElement(CrossCircleIcon, {
+    }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
       label: deleteEmojiLabel,
       color: "var(--ds-icon, #292A2E)",
       size: "medium"
-    }) : /*#__PURE__*/React.createElement(CrossCircleIcon, {
-      label: deleteEmojiLabel,
-      color: "var(--ds-text-subtle, #505258)",
-      size: "small"
     })),
     onClick: props.onClick
     // TODO: (from codemod) "link" and "subtle-link" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.

package/dist/es2019/components/common/EmojiActions.compiled.css

@@ -1,10 +1,8 @@
 ._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._n7zl1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}._154i15iq{top:calc(100% + var(--ds-space-050, 4px))}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._154i15iq{top:calc(100% + var(--ds-space-050, 4px))}
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
 ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
-._16qsjgpa{box-shadow:0 1px 1px 0 var(--ds-border,#0b120e24)}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._19bvidpf{padding-left:0}
 ._1bahesu3{justify-content:flex-end}

package/dist/es2019/components/common/EmojiActions.js

@@ -9,10 +9,8 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { DEFAULT_TONE } from '../../util/constants';
 import { messages } from '../i18n';
 import { EmojiPickerListSearch } from '../picker/EmojiPickerListSearch';
-import { AddOwnEmoji } from './AddOwnEmoji';
 import EmojiDeletePreview from './EmojiDeletePreview';
 import EmojiUploadPicker from './EmojiUploadPicker';
-import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 import ProductivityColorSelector, { productivityColorSelectorId } from './ProductivityColorSelector';
 import { setSkinToneAriaLabelText } from './setSkinToneAriaLabelText';
 import TonePreviewButton from './TonePreviewButton';
@@ -28,7 +26,6 @@ const productivityColorPopupAnchor = null;
 // Matches the ADS tooltip layer so the selector sits above picker content.
 const productivityColorPopupZIndex = 9999;
 const productivityColorPopupPosition = null;
-const previewFooter = null;
 const previewFooterNew = null;
 const atlassianSubcategoriesWithProductivityColorSelector = ['Objects', 'Productivity', 'Logos'];
 const ProductivityColorPopupContent = ({
@@ -144,7 +141,7 @@ const TonesWrapper = props => {
       openProductivityColorSelectorWithKeyboard.current = true;
     }
   }, []);
-  const shouldShowProductivityColorSelector = !!(activeCategoryId === 'ATLASSIAN' && activeAtlassianSubcategory && atlassianSubcategoriesWithProductivityColorSelector.includes(activeAtlassianSubcategory) && productivityColorPreviewEmojis && selectedProductivityColor && onProductivityColorSelected && isRefreshEmojiPickerEnabled());
+  const shouldShowProductivityColorSelector = !!(activeCategoryId === 'ATLASSIAN' && activeAtlassianSubcategory && atlassianSubcategoriesWithProductivityColorSelector.includes(activeAtlassianSubcategory) && productivityColorPreviewEmojis && selectedProductivityColor && onProductivityColorSelected);
   if (shouldShowProductivityColorSelector) {
     const previewEmoji = (productivityColorPreviewEmojis === null || productivityColorPreviewEmojis === void 0 ? void 0 : productivityColorPreviewEmojis[selectedProductivityColor]) || Object.values(productivityColorPreviewEmojis || {})[0];
     if (!previewEmoji) {
@@ -199,7 +196,6 @@ const TonesWrapper = props => {
     isVisible: !showToneSelector
   }));
 };
-// TODO: remove this on cleanup of platform_teamoji_26_refresh_emoji_picker
 export const EmojiActions = props => {
   const {
     onToneSelected,
@@ -220,7 +216,7 @@ export const EmojiActions = props => {
   } = props;
   const [showToneSelector, setShowToneSelector] = useState(false);
   const wasProductivityColorSelectorOpen = useRef(false);
-  const shouldUseProductivityColorControl = !!(props.activeCategoryId === 'ATLASSIAN' && props.activeAtlassianSubcategory && atlassianSubcategoriesWithProductivityColorSelector.includes(props.activeAtlassianSubcategory) && props.productivityColorPreviewEmojis && props.selectedProductivityColor && props.onProductivityColorSelected && isRefreshEmojiPickerEnabled());
+  const shouldUseProductivityColorControl = !!(props.activeCategoryId === 'ATLASSIAN' && props.activeAtlassianSubcategory && atlassianSubcategoriesWithProductivityColorSelector.includes(props.activeAtlassianSubcategory) && props.productivityColorPreviewEmojis && props.selectedProductivityColor && props.onProductivityColorSelected);
   const onToneOpenHandler = useCallback(() => setShowToneSelector(true), []);
   const onToneCloseHandler = useCallback(() => setShowToneSelector(false), []);
   const onToneToggleHandler = useCallback(() => {
@@ -257,7 +253,7 @@ export const EmojiActions = props => {
     }
   }, [shouldUseProductivityColorControl, showToneSelector]);
   if (uploading) {
-    return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: ax(["_16jlidpf _1o9zidpf _i0dl1wug"])
     }, /*#__PURE__*/React.createElement(EmojiUploadPicker, {
       onUploadCancelled: onUploadCancelled,
@@ -268,35 +264,18 @@ export const EmojiActions = props => {
       onUploadPreviewErrorChange: onUploadPreviewErrorChange,
       contentId: props.contentId,
       fireAnalytics: props.fireAnalytics
-    })) : /*#__PURE__*/React.createElement("div", {
-      className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _n7zl1uh4 _16qsjgpa"])
-    }, /*#__PURE__*/React.createElement(EmojiUploadPicker, {
-      onUploadCancelled: onUploadCancelled,
-      onUploadEmoji: onUploadEmoji,
-      onFileChooserClicked: onFileChooserClicked,
-      errorMessage: uploadErrorMessage,
-      initialUploadName: initialUploadName,
-      onUploadPreviewErrorChange: onUploadPreviewErrorChange,
-      contentId: props.contentId,
-      fireAnalytics: props.fireAnalytics
     }));
   }
   if (emojiToDelete) {
-    return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: ax(["_16jlidpf _1o9zidpf _i0dl1wug"])
     }, /*#__PURE__*/React.createElement(EmojiDeletePreview, {
       emoji: emojiToDelete,
       onDeleteEmoji: onDeleteEmoji,
       onCloseDelete: onCloseDelete
-    })) : /*#__PURE__*/React.createElement("div", {
-      className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _n7zl1uh4 _16qsjgpa"])
-    }, /*#__PURE__*/React.createElement(EmojiDeletePreview, {
-      emoji: emojiToDelete,
-      onDeleteEmoji: onDeleteEmoji,
-      onCloseDelete: onCloseDelete
     }));
   }
-  return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiActionsTestId,
     onMouseLeave: onMouseLeaveHandler,
     onBlur: fg('platform_suppression_removal_fix_reactions') ? onBlurHandler : undefined,
@@ -314,25 +293,7 @@ export const EmojiActions = props => {
     onToneSelected: onToneSelectedHandler,
     onToneToggle: onToneToggleHandler,
     showToneSelector: showToneSelector
-  })))) : /*#__PURE__*/React.createElement("div", {
-    "data-testid": emojiActionsTestId,
-    onMouseLeave: onMouseLeaveHandler,
-    onBlur: fg('platform_suppression_removal_fix_reactions') ? onBlurHandler : undefined,
-    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _n7zl1uh4 _16qsjgpa"])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o"])
-  }, /*#__PURE__*/React.createElement(EmojiPickerListSearch, {
-    onChange: onChange,
-    query: query,
-    resultsCount: resultsCount,
-    isVisible: !showToneSelector
-  }), /*#__PURE__*/React.createElement(TonesWrapper, _extends({}, props, {
-    onToneOpen: onToneOpenHandler,
-    onToneClose: onToneCloseHandler,
-    onToneSelected: onToneSelectedHandler,
-    onToneToggle: onToneToggleHandler,
-    showToneSelector: showToneSelector
-  }))), /*#__PURE__*/React.createElement(AddOwnEmoji, props));
+  }))));
 };
 
 // eslint-disable-next-line @typescript-eslint/no-restricted-types

package/dist/es2019/components/common/EmojiDeletePreview.compiled.css

@@ -1,39 +1,24 @@
-._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._1sc1wadc span{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko1tm3{border-radius:var(--ds-radius-xxlarge,1pc)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
-._zulputpp{gap:var(--ds-space-150,9pt)}
-._16jlkb7n{flex-grow:1}
+._zulputpp{gap:var(--ds-space-150,9pt)}._16jlkb7n{flex-grow:1}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
-._19bvu2gc{padding-left:var(--ds-space-100,8px)}
-._19l3zwfg img{max-height:2pc}
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
 ._1bah1h6o{justify-content:center}
-._1bah1yb4{justify-content:space-between}
 ._1bahesu3{justify-content:flex-end}
 ._1e0c1txw{display:flex}
 ._1o9zkb7n{flex-shrink:1}
-._1qz31b66 .emoji-submit-delete{margin-right:var(--ds-space-050,4px)}
 ._1tke1sa4{min-height:390px}
-._1txfwu06 .emoji-submit-delete{font-weight:var(--ds-font-weight-bold,653)}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4cvr1y6m{align-items:flex-start}
-._4t3i1ylp{height:40px}
-._4t3i53f4{height:75pt}
-._4t3ivbgk{height:4pc}
 ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
 ._bna7t9kd img{height:72px}
-._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._i0dl1wug{flex-basis:auto}
-._m73io7ol .emoji-submit-delete{width:84px}
 ._mezjt9kd img{width:72px}
-._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
-._rtyst9kd img{max-width:72px}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
-._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}
 ._y3gn1e5h{text-align:left}

package/dist/es2019/components/common/EmojiDeletePreview.js

@@ -15,12 +15,7 @@ import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { messages } from '../i18n';
 import CachingEmoji from './CachingEmoji';
 import EmojiErrorMessage, { emojiErrorScreenreaderTestId } from './EmojiErrorMessage';
-import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 import RetryableButton from './RetryableButton';
-const deleteFooter = null;
-const deletePreview = null;
-const deleteText = null;
-const previewButtonGroup = null;
 const deletePreviewNew = null;
 const deleteTextSection = null;
 const emojiPreviewLargeBox = null;
@@ -31,9 +26,7 @@ class EmojiDeletePreview extends Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "stopClickPropagationForRefreshEmojiPicker", event => {
-      if (isRefreshEmojiPickerEnabled()) {
-        event === null || event === void 0 ? void 0 : event.stopPropagation();
-      }
+      event === null || event === void 0 ? void 0 : event.stopPropagation();
     });
     _defineProperty(this, "onSubmit", event => {
       this.stopClickPropagationForRefreshEmojiPicker(event);
@@ -86,59 +79,18 @@ class EmojiDeletePreview extends Component {
     const {
       formatMessage
     } = intl;
-    if (isRefreshEmojiPickerEnabled()) {
-      return /*#__PURE__*/React.createElement(FocusLock, {
-        noFocusGuards: true
-      }, /*#__PURE__*/React.createElement("div", {
-        "data-testid": emojiDeletePreviewTestId,
-        className: ax(["_zulputpp _1e0c1txw _2lx21bp4 _1tke1sa4 _ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi _vchhusvi"])
-      }, /*#__PURE__*/React.createElement("div", {
-        className: ax(["_zulp1b66 _1e0c1txw _2lx21bp4 _4cvr1y6m _y3gn1e5h"])
-      }, /*#__PURE__*/React.createElement(Box, {
-        paddingBlockEnd: "space.100"
-      }, /*#__PURE__*/React.createElement(Heading, {
-        size: "small"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.deleteEmojiTitle))), /*#__PURE__*/React.createElement(Text, {
-        color: "color.text.subtle",
-        size: "small"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.deleteEmojiDescription, {
-        values: {
-          emojiShortName: emoji.shortName
-        }
-      })))), /*#__PURE__*/React.createElement("div", {
-        className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _2rko1tm3 _1e0c1txw _4cvr1h6o _1bah1h6o _bfhk1gly _1sc1wadc _mezjt9kd _bna7t9kd"])
-      }, /*#__PURE__*/React.createElement(CachingEmoji, {
-        emoji: emoji
-      })), /*#__PURE__*/React.createElement("div", {
-        className: ax(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp _n3tdutpp"])
-      }, error && !loading ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
-        message: formatMessage(messages.deleteEmojiFailed),
-        errorStyle: "delete",
-        tooltip: true
-      }) : null, /*#__PURE__*/React.createElement(VisuallyHidden, {
-        id: deleteEmojiLabelId
-      }, formatMessage(messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(AkButton, {
-        appearance: "subtle",
-        onClick: this.onCancel
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel)), /*#__PURE__*/React.createElement(RetryableButton, {
-        label: formatMessage(messages.deleteEmojiLabel),
-        onSubmit: this.onSubmit,
-        appearance: "danger",
-        loading: loading,
-        error: error,
-        ariaLabelledBy: `${emojiErrorScreenreaderTestId} ${deleteEmojiLabelId}`
-      }))));
-    }
     return /*#__PURE__*/React.createElement(FocusLock, {
       noFocusGuards: true
     }, /*#__PURE__*/React.createElement("div", {
       "data-testid": emojiDeletePreviewTestId,
-      className: ax(["_4t3i53f4 _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1txw _2lx21bp4 _1bahesu3"])
+      className: ax(["_zulputpp _1e0c1txw _2lx21bp4 _1tke1sa4 _ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi _vchhusvi"])
     }, /*#__PURE__*/React.createElement("div", {
-      className: ax(["_4t3ivbgk"])
+      className: ax(["_zulp1b66 _1e0c1txw _2lx21bp4 _4cvr1y6m _y3gn1e5h"])
+    }, /*#__PURE__*/React.createElement(Box, {
+      paddingBlockEnd: "space.100"
     }, /*#__PURE__*/React.createElement(Heading, {
-      size: "xxsmall"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.deleteEmojiTitle)), /*#__PURE__*/React.createElement(Text, {
+      size: "small"
+    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.deleteEmojiTitle))), /*#__PURE__*/React.createElement(Text, {
       color: "color.text.subtle",
       size: "small"
     }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.deleteEmojiDescription, {
@@ -146,28 +98,28 @@ class EmojiDeletePreview extends Component {
         emojiShortName: emoji.shortName
       }
     })))), /*#__PURE__*/React.createElement("div", {
-      className: ax(["_11c8fhey _1e0c1txw _4t3i1ylp _4cvr1h6o _1bah1yb4 _19l3zwfg _rtyst9kd _m73io7ol _1txfwu06 _1qz31b66"])
+      className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _2rko1tm3 _1e0c1txw _4cvr1h6o _1bah1h6o _bfhk1gly _1sc1wadc _mezjt9kd _bna7t9kd"])
     }, /*#__PURE__*/React.createElement(CachingEmoji, {
       emoji: emoji
-    }), /*#__PURE__*/React.createElement("div", {
-      className: ax(["_1e0c1txw"])
-    }, error ? !loading ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
+    })), /*#__PURE__*/React.createElement("div", {
+      className: ax(["_zulpu2gc _1e0c1txw _4cvr1h6o _1bahesu3 _19pkutpp _n3tdutpp"])
+    }, error && !loading ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
       message: formatMessage(messages.deleteEmojiFailed),
       errorStyle: "delete",
       tooltip: true
-    }) : null : null, /*#__PURE__*/React.createElement(VisuallyHidden, {
+    }) : null, /*#__PURE__*/React.createElement(VisuallyHidden, {
       id: deleteEmojiLabelId
-    }, formatMessage(messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(RetryableButton, {
+    }, formatMessage(messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(AkButton, {
+      appearance: "subtle",
+      onClick: this.onCancel
+    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel)), /*#__PURE__*/React.createElement(RetryableButton, {
       label: formatMessage(messages.deleteEmojiLabel),
       onSubmit: this.onSubmit,
       appearance: "danger",
       loading: loading,
       error: error,
       ariaLabelledBy: `${emojiErrorScreenreaderTestId} ${deleteEmojiLabelId}`
-    }), /*#__PURE__*/React.createElement(AkButton, {
-      appearance: "subtle",
-      onClick: this.onCancel
-    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel))))));
+    }))));
   }
 }
 

package/dist/es2019/components/common/EmojiErrorMessage.js

@@ -7,7 +7,6 @@ import { ErrorMessage } from '@atlaskit/form/error-message';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { messages } from '../i18n';
-import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 const errorMessageStyles = {
   chooseFile: "_1e0c1txw _syaz1tmw _u5f319bv _1bah1y6m",
   delete: "_1e0c1txw _syaz1tmw _4cvr1h6o _1bahesu3 _u5f31b66",
@@ -38,15 +37,9 @@ const EmojiErrorMessage = props => {
     label: formatMessage(messages.error),
     spacing: "spacious",
     testId: emojiErrorIconTestId
-  }))) : isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+  }))) : /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiErrorMessageTestId
-  }, /*#__PURE__*/React.createElement(ErrorMessage, null, message)) : /*#__PURE__*/React.createElement("div", {
-    "data-testid": emojiErrorMessageTestId,
-    className: ax([errorMessageStyles[errorStyle]])
-  }, /*#__PURE__*/React.createElement(ErrorIcon, {
-    color: "currentColor",
-    label: formatMessage(messages.error)
-  }), message);
+  }, /*#__PURE__*/React.createElement(ErrorMessage, null, message));
   return visualContent;
 };
 export default EmojiErrorMessage;

package/dist/es2019/components/common/EmojiRadioButton.js

@@ -4,14 +4,13 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { memo, forwardRef } from 'react';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../util/constants';
-import { isTeamoji26RefreshEmojiPickerEnabledNoExposure } from '../../util/teamoji26RefreshEmojiPicker';
 import Emoji from './Emoji';
 const emojiButton = null;
 const emojiRadio = {
   default: "_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1y54 _1i1213zc"
 };
 const handleKeyDown = (props, event) => {
-  if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && isTeamoji26RefreshEmojiPickerEnabledNoExposure()) {
+  if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
     var _props$onArrowKey;
     event.preventDefault();
     event.stopPropagation();
@@ -49,7 +48,7 @@ export const EmojiRadioButton = /*#__PURE__*/forwardRef((props, ref) => {
       return (_props$onSelected = props.onSelected) === null || _props$onSelected === void 0 ? void 0 : _props$onSelected.call(props);
     },
     onKeyDown: event => handleKeyDown(props, event),
-    onChange: isTeamoji26RefreshEmojiPickerEnabledNoExposure() ? e => e.preventDefault() : undefined,
+    onChange: e => e.preventDefault(),
     className: ax([emojiRadio.default])
   }), /*#__PURE__*/React.createElement(Emoji, {
     emoji: emoji,