@atlaskit/emoji 73.3.2 → 73.3.4

package/dist/cjs/components/common/EmojiUploadPicker.js

@@ -14,37 +14,26 @@ var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var _reactIntl = require("react-intl");
 var _browserApis = require("@atlaskit/browser-apis");
 var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _box = require("@atlaskit/primitives/compiled/box");
-var _text = require("@atlaskit/primitives/compiled/text");
 var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
 var ImageUtil = _interopRequireWildcard(require("../../util/image"));
 var _logger = _interopRequireDefault(require("../../util/logger"));
 var _i18n = require("../i18n");
 var _CreateEmojiWithRovo = _interopRequireDefault(require("./CreateEmojiWithRovo"));
 var _EmojiErrorMessage = _interopRequireDefault(require("./EmojiErrorMessage"));
-var _EmojiUploadPreview = _interopRequireDefault(require("./EmojiUploadPreview"));
 var _FileChooser = _interopRequireDefault(require("./FileChooser"));
 var _internalTypes = require("./internal-types");
-var _isRefreshEmojiPickerEnabled = require("./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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var closeEmojiUploadButton = null;
 var uploadAddRowNew = null;
-var emojiUpload = null;
 var emojiUploadNew = null;
-var emojiUploadTop = null;
 var emojiUploadTopNew = null;
 var labelStyles = null;
 var labelStylesNew = null;
-var uploadChooseFileEmojiName = null;
 var uploadChooseFileMessage = null;
-var uploadChooseFileRow = null;
 var uploadChooseFileRowNew = null;
 var supportedEmojiUploadMimeTypes = new Set(['image/png', 'image/jpeg', 'image/gif']);
 var supportedEmojiUploadExtensions = ['.png', '.jpg', '.jpeg', '.gif'];
@@ -69,9 +58,6 @@ var toDefaultUploadName = function toDefaultUploadName(fileName) {
   return sanitizeName(nameWithoutExtension).slice(0, maxNameLength);
 };
 var isSupportedEmojiUploadFileType = function isSupportedEmojiUploadFileType(file) {
-  if (!(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
-    return true;
-  }
   if (supportedEmojiUploadMimeTypes.has(file.type)) {
     return true;
   }
@@ -95,7 +81,6 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
     aiSection = props.aiSection,
     intl = props.intl;
   var formatMessage = intl.formatMessage;
-  var disableChooser = !name;
   var fileChooserButtonDescriptionId = 'choose.emoji.file.button.screen.reader.description.id';
   var inputRef = (0, _react.useRef)(null);
   var onKeyDownHandler = (0, _react.useCallback)(function (event) {
@@ -109,14 +94,12 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     });
   }, []);
-  var cancelLabel = formatMessage(_i18n.messages.cancelLabel);
   var emojiPlaceholder = formatMessage(_i18n.messages.emojiPlaceholder);
   var emojiNameAriaLabel = formatMessage(_i18n.messages.emojiNameAriaLabel);
-  var emojiChooseFileTitle = formatMessage(_i18n.messages.emojiChooseFileTitle);
   var emojiChooseFileTitleNew = formatMessage(_i18n.messages.emojiChooseFileDndTitle);
   var isUploading = uploadStatus === _internalTypes.UploadStatus.Uploading;
   var addEmojiDisabled = !previewImage || !name || isUploading;
-  return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": uploadEmojiComponentTestId,
     className: (0, _runtime.ax)(["_ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _1e0c1txw _2lx21bp4 _1bah1b1v"])
   }, /*#__PURE__*/React.createElement("div", {
@@ -128,7 +111,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
     className: (0, _runtime.ax)(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
   }, /*#__PURE__*/React.createElement(_box.Box, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
     return /*#__PURE__*/React.createElement(_FileChooser.default, {
-      label: (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? emojiChooseFileTitleNew : emojiChooseFileTitle,
+      label: emojiChooseFileTitleNew,
       onChange: onChooseFile,
       onClick: onClick,
       accept: "image/png,image/jpeg,image/gif",
@@ -173,62 +156,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
     appearance: "primary",
     isDisabled: addEmojiDisabled,
     isLoading: isUploading
-  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.addEmojiLabel)))) : /*#__PURE__*/React.createElement("div", {
-    "data-testid": uploadEmojiComponentTestId,
-    className: (0, _runtime.ax)(["_ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1txw _2lx21bp4 _1bah1b1v"])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_11c8wadc _n3tdu2gc _1e0c1txw _1bah1yb4 _4cvresu3"])
-  }, /*#__PURE__*/React.createElement("label", {
-    htmlFor: "new-emoji-name-input",
-    className: (0, _runtime.ax)(["_1w90azsu", "_11c8wadc _k48p1pd9"])
-  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.addCustomEmojiLabel)), /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_1e0c1txw"])
-  }, /*#__PURE__*/React.createElement(_standardButton.default, {
-    onClick: onUploadCancelled,
-    "aria-label": cancelLabel,
-    appearance: "subtle",
-    spacing: "none",
-    shouldFitContainer: true,
-    testId: cancelEmojiUploadPickerTestId,
-    name: _i18n.messages.addCustomEmojiLabel.defaultMessage
-  }, /*#__PURE__*/React.createElement(_cross.default, {
-    color: "currentColor",
-    label: cancelLabel
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_1e0c1txw _1bah1yb4 _n3tdu2gc _gy1p12x7"])
-  }, /*#__PURE__*/React.createElement("span", {
-    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug _1rwq1j28 _scffidpf _xmji1r31 _gxxuglyw _34ir1o36 _coc6glyw _9bj2glyw"])
-  }, /*#__PURE__*/React.createElement(_textField.default, {
-    placeholder: emojiPlaceholder,
-    "aria-label": emojiNameAriaLabel,
-    maxLength: maxNameLength,
-    onChange: onNameChange,
-    onKeyDown: onKeyDownHandler,
-    value: name,
-    isCompact: true,
-    autoFocus: true,
-    testId: uploadEmojiNameInputTestId,
-    ref: inputRef,
-    id: "new-emoji-name-input",
-    "aria-required": true
-  })), /*#__PURE__*/React.createElement(_text.Text, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
-    return /*#__PURE__*/React.createElement(_FileChooser.default, {
-      label: (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? emojiChooseFileTitleNew : emojiChooseFileTitle,
-      onChange: onChooseFile,
-      onClick: onClick,
-      accept: "image/png,image/jpeg,image/gif",
-      ariaDescribedBy: fileChooserButtonDescriptionId,
-      isDisabled: disableChooser
-    });
-  }))), /*#__PURE__*/React.createElement("div", {
-    id: fileChooserButtonDescriptionId
-  }, !errorMessage ? /*#__PURE__*/React.createElement(_text.Text, {
-    as: "p",
-    size: "small"
-  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiImageRequirements)) : /*#__PURE__*/React.createElement(_EmojiErrorMessage.default, {
-    errorStyle: "chooseFile",
-    message: errorMessage
-  })));
+  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.addEmojiLabel))));
 });
 var EmojiUploadPicker = function EmojiUploadPicker(props) {
   var _document$activeEleme;
@@ -237,8 +165,6 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     onUploadEmoji = props.onUploadEmoji,
     onFileChooserClicked = props.onFileChooserClicked,
     onUploadCancelled = props.onUploadCancelled,
-    _props$disableFocusLo = props.disableFocusLock,
-    disableFocusLock = _props$disableFocusLo === void 0 ? false : _props$disableFocusLo,
     contentId = props.contentId,
     fireAnalytics = props.fireAnalytics,
     onUploadPreviewErrorChange = props.onUploadPreviewErrorChange,
@@ -354,7 +280,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
             case 0:
               _context.prev = 0;
               setFilename(file.name);
-              if (!name && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
+              if (!name) {
                 setName(toDefaultUploadName(file.name));
               }
               _context.next = 1;
@@ -426,7 +352,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
   var onChooseFileClicked = function onChooseFileClicked() {
     onFileChooserClicked && onFileChooserClicked();
   };
-  var isDuplicateNameError = errorMessage !== null && errorMessage !== undefined && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)();
+  var isDuplicateNameError = errorMessage !== null && errorMessage !== undefined;
 
   // "Create an emoji with Rovo" AI generation section. Only rendered when the
   // experiment is on AND a page content id is available (the image generation
@@ -438,14 +364,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     fireAnalytics: fireAnalytics,
     onEmojiGenerated: onEmojiGenerated
   }) : null;
-  var content = name && previewImage && !(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement(_EmojiUploadPreview.default, {
-    errorMessage: errorMessage,
-    name: name,
-    onAddEmoji: onAddEmoji,
-    onUploadCancelled: cancelUpload,
-    previewImage: previewImage,
-    uploadStatus: uploadStatus
-  }) : /*#__PURE__*/React.createElement(ChooseEmojiFile, {
+  var content = /*#__PURE__*/React.createElement(ChooseEmojiFile, {
     name: name,
     onChooseFile: onChooseFile,
     onClick: onChooseFileClicked,
@@ -459,9 +378,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     aiSection: aiSection,
     intl: intl
   });
-  return disableFocusLock || (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? content : /*#__PURE__*/React.createElement(_reactFocusLock.default, {
-    noFocusGuards: true
-  }, content);
+  return content;
 };
 
 // eslint-disable-next-line @typescript-eslint/no-restricted-types

package/dist/cjs/components/common/FileChooser.js

@@ -16,7 +16,6 @@ var _upload = _interopRequireDefault(require("@atlaskit/icon/core/upload"));
 var _dropTargetForExternal = require("@atlaskit/pragmatic-drag-and-drop/adapter/drop-target-for-external");
 var _containsFiles = require("@atlaskit/pragmatic-drag-and-drop/utils/contains-files");
 var _getFiles = require("@atlaskit/pragmatic-drag-and-drop/utils/get-files");
-var _isRefreshEmojiPickerEnabled = require("./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 chooseFileButtonTestId = exports.chooseFileButtonTestId = 'choose-file-button';
 var fileUploadInputTestId = exports.fileUploadInputTestId = 'file-upload';
@@ -76,7 +75,7 @@ var FileChooser = function FileChooser(props) {
   }, [onChange]);
   (0, _react.useEffect)(function () {
     var element = dropzoneRef.current;
-    if (!element || !(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
+    if (!element) {
       return;
     }
     var suppressNativeFileDrop = function suppressNativeFileDrop(event) {
@@ -178,31 +177,22 @@ var FileChooser = function FileChooser(props) {
     },
     "data-testid": fileUploadInputTestId
   });
-  if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: dropzoneRef,
-      "data-testid": dropzoneTestId,
-      "data-dragging": isDragging ? 'true' : undefined,
-      role: "region",
-      "aria-label": label,
-      className: (0, _runtime.ax)(["_zulpu2gc _2rko1qi0 _189ee4h9 _1dqogq9o _1h6d1l7x _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _4t3i7l9q _u5f3utpp _19bvutpp _bfhkhfxm _80omtlke _k8m01rje _1oec1ign _6fl4574g", isDragging && "_1h6dq98m _bfhkufnl"])
-    }, previewImage ? /*#__PURE__*/_react.default.createElement("img", {
-      src: previewImage,
-      alt: previewAlt,
-      className: (0, _runtime.ax)(["_c71l1j4a _p12f1osq _5ral1f51"])
-    }) : /*#__PURE__*/_react.default.createElement(_button.default, {
-      onClick: handleOnChooseFile,
-      isDisabled: isDisabled,
-      appearance: "subtle",
-      iconBefore: _upload.default,
-      "aria-describedby": ariaDescribedBy,
-      testId: chooseFileButtonTestId,
-      ref: fileButtonRef
-    }, label), hiddenInput);
-  }
-  return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_button.default, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: dropzoneRef,
+    "data-testid": dropzoneTestId,
+    "data-dragging": isDragging ? 'true' : undefined,
+    role: "region",
+    "aria-label": label,
+    className: (0, _runtime.ax)(["_zulpu2gc _2rko1qi0 _189ee4h9 _1dqogq9o _1h6d1l7x _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _4t3i7l9q _u5f3utpp _19bvutpp _bfhkhfxm _80omtlke _k8m01rje _1oec1ign _6fl4574g", isDragging && "_1h6dq98m _bfhkufnl"])
+  }, previewImage ? /*#__PURE__*/_react.default.createElement("img", {
+    src: previewImage,
+    alt: previewAlt,
+    className: (0, _runtime.ax)(["_c71l1j4a _p12f1osq _5ral1f51"])
+  }) : /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: handleOnChooseFile,
     isDisabled: isDisabled,
+    appearance: "subtle",
+    iconBefore: _upload.default,
     "aria-describedby": ariaDescribedBy,
     testId: chooseFileButtonTestId,
     ref: fileButtonRef

package/dist/cjs/components/common/TonePreviewButton.compiled.css

@@ -1,7 +1,6 @@
 ._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._19itidpf{border:0}
-._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}._11bcidpf::-moz-focus-inner{border-width:0}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._11bcidpf::-moz-focus-inner{border-width:0}
 ._dqozglyw::-moz-focus-inner{border-style:none}
 ._19bvidpf{padding-left:0}
 ._1at812x7>span{padding-top:var(--ds-space-075,6px)}

package/dist/cjs/components/common/TonePreviewButton.js

@@ -11,7 +11,6 @@ require("./TonePreviewButton.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
 var _Emoji = _interopRequireDefault(require("./Emoji"));
 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 tonePreviewTestId = exports.tonePreviewTestId = 'tone-preview';
@@ -30,7 +29,7 @@ var TonePreviewButton = exports.TonePreviewButton = /*#__PURE__*/(0, _react.forw
     onSelected = props.onSelected,
     _props$isVisible = props.isVisible,
     isVisible = _props$isVisible === void 0 ? true : _props$isVisible;
-  return (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabledNoExposure)() ? /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     ref: ref,
     onClick: onSelected,
     onKeyDown: onKeyDown,
@@ -44,27 +43,7 @@ var TonePreviewButton = exports.TonePreviewButton = /*#__PURE__*/(0, _react.forw
     },
     "data-testid": tonePreviewTestId,
     type: "button",
-    className: (0, _runtime.ax)(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc", !isVisible && "_tzy4idpf _3um015vq _1e0cglyw", "_19itia51", "_2rko1qi0"])
-  }, /*#__PURE__*/React.createElement(_Emoji.default, {
-    emoji: emoji,
-    selectOnHover: selectOnHover,
-    shouldBeInteractive: false,
-    "aria-hidden": true
-  })) : /*#__PURE__*/React.createElement("button", {
-    ref: ref,
-    onClick: onSelected,
-    onKeyDown: onKeyDown,
-    "aria-label": ariaLabelText,
-    "aria-expanded": ariaExpanded,
-    "aria-controls": ariaControls
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      overflow: 'hidden'
-    },
-    "data-testid": tonePreviewTestId,
-    type: "button",
-    className: (0, _runtime.ax)(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc", !isVisible && "_tzy4idpf _3um015vq _1e0cglyw"])
+    className: (0, _runtime.ax)(["_19itidpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc", !isVisible && "_tzy4idpf _3um015vq _1e0cglyw", "_19itia51", "_2rko1qi0"])
   }, /*#__PURE__*/React.createElement(_Emoji.default, {
     emoji: emoji,
     selectOnHover: selectOnHover,

package/dist/cjs/components/common/ToneSelectorInternal.js

@@ -19,7 +19,6 @@ var _toneSelectedEvent = require("../../util/analytics/toneSelectedEvent");
 var _toneSelectorOpenedEvent = require("../../util/analytics/toneSelectorOpenedEvent");
 var _i18n = require("../i18n");
 var _EmojiRadioButton = _interopRequireDefault(require("./EmojiRadioButton"));
-var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
 var _setSkinToneAriaLabelText = require("./setSkinToneAriaLabelText");
 var _ToneSelector = require("./ToneSelector");
 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); }
@@ -113,7 +112,7 @@ var ToneSelectorInternal = exports.ToneSelectorInternal = function ToneSelectorI
     onMouseDown: onMouseDownHandler,
     className: (0, _runtime.ax)([!isVisible && "_tzy4idpf _3um015vq _1e0cglyw"])
   }, emojiToneCollection.map(function (tone, renderIndex) {
-    return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/_react.default.createElement(_EmojiRadioButton.default, {
+    return /*#__PURE__*/_react.default.createElement(_EmojiRadioButton.default, {
       ref: function ref(el) {
         radioRefs.current[renderIndex] = el;
         if (tone.isSelected && selectedToneRadioRef) {
@@ -129,14 +128,6 @@ var ToneSelectorInternal = exports.ToneSelectorInternal = function ToneSelectorI
       },
       onSelected: onToneSelectedHandler(tone.toneIndex),
       selectOnHover: true
-    }) : /*#__PURE__*/_react.default.createElement(_EmojiRadioButton.default, {
-      ref: tone.isSelected ? selectedToneRadioRef : null,
-      defaultChecked: tone.isSelected,
-      ariaLabelText: tone.label,
-      key: "".concat(tone.id),
-      emoji: tone,
-      onSelected: onToneSelectedHandler(tone.toneIndex),
-      selectOnHover: true
     });
   }));
 };

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

@@ -1,10 +1,8 @@
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._v564h5h4{transition:color .2s ease}
 ._189eidpf{border-width:0}._13li1mok{border-top-left-radius:var(--ds-radius-large,8px)}
 ._16jlidpf{flex-grow:0}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
-._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1bah1b1v{justify-content:space-around}
 ._1bah1h6o{justify-content:center}
 ._1doc1dm9{border-bottom-width:var(--ds-border-width-selected,2px)}
@@ -18,15 +16,12 @@
 ._2lx2vrvc{flex-direction:row}
 ._4cvr1fhb{align-items:stretch}
 ._4cvr1h6o{align-items:center}
-._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
-._ca0q12x7{padding-top:var(--ds-space-075,6px)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._dpd31txw button{display:flex}
 ._i0dl1wug{flex-basis:auto}
-._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._qrwq1mok{border-top-right-radius:var(--ds-radius-large,8px)}
@@ -34,7 +29,6 @@
 ._syaz6x5g{color:var(--ds-text-selected,#1868db)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
-._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._1jc41ihb:hover{border-bottom-color:var(--ds-border-bold,#7d818a)}
 ._1jc4a755:hover{border-bottom-color:var(--ds-border-brand,#1868db)}
 ._30l31rpy:hover{color:var(--ds-text-subtlest,#6b6e76)}

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

@@ -18,34 +18,27 @@ var _pressable = require("@atlaskit/primitives/compiled/pressable");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _usePrevious = require("../../hooks/usePrevious");
 var _constants = require("../../util/constants");
-var _isRefreshEmojiPickerEnabled = require("../common/isRefreshEmojiPickerEnabled");
 var _i18n = require("../i18n");
 var _categories = require("./categories");
 var _categorySelectorCategoryTestId = require("./categorySelectorCategoryTestId");
 var _EmojiPickerList = require("./EmojiPickerList");
-var _sortCategories = require("./sortCategories");
 var _sortCategoriesNew = require("./sortCategoriesNew");
 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 styles = {
-  commonCategory: "_2rko12b0 _v564h5h4 _189eidpf _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
   commonCategoryNew: "_v564h5h4 _189eidpf _bfhksm61 _ca0qu2gc _n3tdu2gc _19bv12x7 _u5f312x7 _1e0c1txw _4cvr1h6o _1bah1h6o",
-  defaultCategory: "_syaz1rpy _30l36x5g",
   defaultCategoryNew: "_syaz1rpy _1doc1dm9 _1il9nqa1 _1o3i1j28 _30l31rpy _1jc41ihb",
-  activeCategory: "_syaz6x5g _30l36x5g",
   activeCategoryNew: "_syaz6x5g _1doc1dm9 _1il9nqa1 _1o3ia755 _30l36x5g _1jc4a755",
   disabledCategory: "_syaz1rpy"
 };
-var categorySelector = null;
 var categorySelectorNew = null;
-var categorySelectorTablist = null;
 var categorySelectorTablistNew = null;
 var addNewCategories = function addNewCategories(oldCategories, newCategories) {
   if (!newCategories) {
     return oldCategories;
   }
   return oldCategories.concat(newCategories.filter(function (category) {
-    return !!((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? _categories.CategoryDescriptionMapNew : _categories.CategoryDescriptionMap)[category];
-  })).sort((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? _sortCategoriesNew.sortCategoriesNew : _sortCategories.sortCategories);
+    return !!_categories.CategoryDescriptionMapNew[category];
+  })).sort(_sortCategoriesNew.sortCategoriesNew);
 };
 var categorySelectorComponentTestId = exports.categorySelectorComponentTestId = 'category-selector-component';
 var CategorySelector = function CategorySelector(props) {
@@ -139,14 +132,14 @@ var CategorySelector = function CategorySelector(props) {
   };
   var categoriesSection;
   if (categories) {
-    categoriesSection = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
+    categoriesSection = /*#__PURE__*/React.createElement("div", {
       role: "tablist",
       "aria-label": formatMessage(_i18n.messages.categoriesSelectorLabel),
       "data-testid": categorySelectorComponentTestId,
       ref: categoryRef,
       className: (0, _runtime.ax)(["_ca0qze3t _n3tdze3t _19bvu2gc _u5f3u2gc _1e0c1txw _2lx2vrvc _1bah1b1v _4cvr1fhb"])
     }, categories.map(function (categoryId, index) {
-      var category = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? _categories.CategoryDescriptionMapNew[categoryId] : _categories.CategoryDescriptionMap[categoryId];
+      var category = _categories.CategoryDescriptionMapNew[categoryId];
       var Icon = category.icon;
       var categoryName = formatMessage(_i18n.messages[category.name]);
       return /*#__PURE__*/React.createElement(_Tooltip.default, {
@@ -169,42 +162,10 @@ var CategorySelector = function CategorySelector(props) {
       }, /*#__PURE__*/React.createElement(Icon, {
         label: categoryName
       })));
-    })) : /*#__PURE__*/React.createElement("div", {
-      role: "tablist",
-      "aria-label": formatMessage(_i18n.messages.categoriesSelectorLabel),
-      "data-testid": categorySelectorComponentTestId,
-      ref: categoryRef,
-      className: (0, _runtime.ax)(["_ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1e0c1txw _2lx2vrvc _1bah1b1v _4cvr1h6o"])
-    }, categories.map(function (categoryId, index) {
-      var category = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? _categories.CategoryDescriptionMapNew[categoryId] : _categories.CategoryDescriptionMap[categoryId];
-      var Icon = category.icon;
-      var categoryName = formatMessage(_i18n.messages[category.name]);
-      return /*#__PURE__*/React.createElement(_Tooltip.default, {
-        content: categoryName,
-        position: "bottom",
-        key: category.id
-      }, /*#__PURE__*/React.createElement(_pressable.Pressable, {
-        id: "category-selector-".concat(category.id),
-        "data-focus-index": index,
-        "aria-label": categoryName,
-        "aria-controls": currentFocus === index ? _EmojiPickerList.RENDER_EMOJI_PICKER_LIST_TESTID : undefined,
-        "aria-selected": categoryId === activeCategoryId,
-        xcss: (0, _css.cx)(styles.commonCategory, styles.defaultCategory, categoryId === activeCategoryId && styles.activeCategory, disableCategories && styles.disabledCategory),
-        isDisabled: disableCategories,
-        onClick: handleClick(categoryId, index),
-        testId: (0, _categorySelectorCategoryTestId.categorySelectorCategoryTestId)(categoryId),
-        tabIndex: currentFocus === index ? 0 : -1,
-        onKeyDown: handleKeyDown,
-        role: "tab"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        label: categoryName
-      })));
     }));
   }
-  return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _bfhkvuon _13li1mok _qrwq1mok _ca0qze3t _n3tdze3t _1doce4h9 _1il9nqa1 _1o3i1l7x _dpd31txw"])
-  }, categoriesSection) : /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _bfhkhfxm _dpd31txw"])
   }, categoriesSection);
 };
 var _default = exports.default = CategorySelector;

package/dist/cjs/components/picker/EmojiPickerComponent.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)}._16jlkb7n{flex-grow:1}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16jlkb7n{flex-grow:1}
 ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m915vq{overflow-y:hidden}
 ._18m91wug{overflow-y:auto}