@atlaskit/emoji 67.8.2 → 67.8.4

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/emoji
 
+## 67.8.4
+
+### Patch Changes
+
+- [#151009](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/151009)
+  [`5b6829417c2e1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5b6829417c2e1) -
+  Ignore emoji img element in TTVC
+- [#150635](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150635)
+  [`a9a115fa11aa0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a9a115fa11aa0) -
+  remove findDOMNode in emoji typeahead
+
+## 67.8.3
+
+### Patch Changes
+
+- [#148344](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/148344)
+  [`980b03261e807`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/980b03261e807) -
+  Skipping duplicated resource id for now
+- Updated dependencies
+
 ## 67.8.2
 
 ### Patch Changes

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

@@ -12,7 +12,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _EmojiUtils = require("../../api/EmojiUtils");
 var _constants = require("../../util/constants");
@@ -26,6 +25,7 @@ var _browserSupport = _interopRequireDefault(require("../../util/browser-support
 var _useInView3 = require("../../hooks/useInView");
 var _ufoExperiences = require("../../util/analytics/ufoExperiences");
 var _DeletableEmojiTooltipContent = require("./DeletableEmojiTooltipContent");
+var _isSsr = require("../../util/is-ssr");
 var _excluded = ["emoji", "fitToHeight", "selected", "selectOnHover", "className", "showTooltip", "showDelete", "shouldBeInteractive", "tabIndex", "onSelected", "onMouseMove", "onFocus", "onDelete", "onLoadError", "onLoadSuccess", "disableLazyLoad", "autoWidth", "children", "type", "editorEmoji"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -172,7 +172,8 @@ var ImageEmoji = exports.ImageEmoji = function ImageEmoji(props) {
   if (fitToHeight && width && height) {
     // Presize image, to prevent reflow due to size changes after loading
     sizing = {
-      width: autoWidth ? 'auto' : fitToHeight / height * width,
+      // Size of <img> needs to be deterministic when rendered on server-side. Auto will cause width to be 0 before image is loaded.
+      width: autoWidth && !(0, _isSsr.isSSR)() ? 'auto' : fitToHeight / height * width,
       height: fitToHeight
     };
   }
@@ -225,7 +226,7 @@ var ImageEmoji = exports.ImageEmoji = function ImageEmoji(props) {
     loading: disableLazyLoad ? 'eager' : 'lazy',
     src: src,
     key: src,
-    alt: (0, _platformFeatureFlags.fg)('platform_change_emoji_alt_value') ? emoji.name || emoji.shortName : emoji.shortName,
+    alt: emoji.name || emoji.shortName,
     "data-emoji-short-name": emoji.shortName,
     "data-emoji-id": emoji.id,
     "data-emoji-text": emoji.fallback || emoji.shortName

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

@@ -1,30 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _ResourcedEmojiComponent = require("./ResourcedEmojiComponent");
 var _UfoErrorBoundary = require("./UfoErrorBoundary");
 var _analytics = require("../../util/analytics");
 var _constants = require("../../util/constants");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var ResourcedEmojiComponent = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_resourcedEmojiComponent" */'./ResourcedEmojiComponent'));
-    }).then(function (component) {
-      return component.ResourcedEmojiComponent;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ResourcedEmoji = function ResourcedEmoji(props) {
   var emojiId = props.emojiId,
     optimisticImageURL = props.optimisticImageURL;
@@ -51,6 +38,6 @@ var ResourcedEmoji = function ResourcedEmoji(props) {
   }, [emojiId, optimisticImageURL]);
   return /*#__PURE__*/_react.default.createElement(_UfoErrorBoundary.UfoErrorBoundary, {
     experiences: [_analytics.ufoExperiences['emoji-rendered'].getInstance(props.emojiId.id || props.emojiId.shortName)]
-  }, /*#__PURE__*/_react.default.createElement(ResourcedEmojiComponent, props));
+  }, /*#__PURE__*/_react.default.createElement(_ResourcedEmojiComponent.ResourcedEmojiComponent, props));
 };
 var _default = exports.default = ResourcedEmoji;

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

@@ -14,9 +14,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _reactDom = require("react-dom");
 var _react2 = require("react");
 var styles = _interopRequireWildcard(require("./styles"));
+var _reactDom = require("react-dom");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
@@ -39,11 +40,10 @@ var Scrollable = exports.default = /*#__PURE__*/function (_PureComponent) {
     // API
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "reveal", function (child, forceToTop) {
       if (child && _this.scrollableDiv) {
-        var childNode = (0, _reactDom.findDOMNode)(child);
         // Not using Element.scrollIntoView as it scrolls even to top/bottom of view even if
         // already visible
         var scrollableRect = _this.scrollableDiv.getBoundingClientRect();
-        var elementRect = childNode.getBoundingClientRect();
+        var elementRect = (0, _platformFeatureFlags.fg)('platform_editor_react18_phase2') ? child.getBoundingClientRect() : (0, _reactDom.findDOMNode)(child).getBoundingClientRect();
         if (forceToTop || elementRect.top < scrollableRect.top) {
           _this.scrollableDiv.scrollTop += elementRect.top - scrollableRect.top;
         } else if (elementRect.bottom > scrollableRect.bottom) {

package/dist/cjs/components/i18n.js

@@ -106,11 +106,13 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Emoji name',
     description: 'verb - button label to search'
   },
+  /*
   searchResultsStatus: {
-    id: 'fabric.emoji.search.status',
-    defaultMessage: 'Found {count} emojis',
-    description: 'search results status for screenreader to read out'
+  	id: 'fabric.emoji.search.status',
+  	defaultMessage: 'Found {count} emojis',
+  	description: 'search results status for screenreader to read out',
   },
+   */
   searchResultsStatusSeeAll: {
     id: 'fabric.emoji.search.status',
     defaultMessage: 'Seeing all emojis',

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

@@ -71,7 +71,8 @@ var EmojiPickerListSearch = exports.EmojiPickerListSearch = function EmojiPicker
     }, (0, _react.jsx)(_visuallyHidden.default, {
       id: "emoji-search-results-status",
       role: "status"
-    }, dirty && query === '' && formatMessage(_i18n.messages.searchResultsStatusSeeAll), query !== '' && formatMessage(_i18n.messages.searchResultsStatus, {
+    }, dirty && query === '' && formatMessage(_i18n.messages.searchResultsStatusSeeAll), query !== '' && formatMessage(_i18n.messages.searchResultsStatusSeeAll, {
+      // change to messages.searchResultsStatus once translated
       count: resultsCount
     })), (0, _react.jsx)(_textfield.default, {
       role: "searchbox",

package/dist/cjs/components/typeahead/EmojiTypeAheadItem.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -27,12 +28,12 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var EmojiTypeAheadItem = exports.default = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(EmojiTypeAheadItem, _PureComponent);
-  var _super = _createSuper(EmojiTypeAheadItem);
-  function EmojiTypeAheadItem() {
+var EmojiTypeAheadItemInternal = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(EmojiTypeAheadItemInternal, _PureComponent);
+  var _super = _createSuper(EmojiTypeAheadItemInternal);
+  function EmojiTypeAheadItemInternal() {
     var _this;
-    (0, _classCallCheck2.default)(this, EmojiTypeAheadItem);
+    (0, _classCallCheck2.default)(this, EmojiTypeAheadItemInternal);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -57,7 +58,7 @@ var EmojiTypeAheadItem = exports.default = /*#__PURE__*/function (_PureComponent
     });
     return _this;
   }
-  (0, _createClass2.default)(EmojiTypeAheadItem, [{
+  (0, _createClass2.default)(EmojiTypeAheadItemInternal, [{
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
@@ -75,7 +76,8 @@ var EmojiTypeAheadItem = exports.default = /*#__PURE__*/function (_PureComponent
         css: classes,
         onMouseDown: this.onEmojiSelected,
         onMouseMove: this.onEmojiMenuItemMouseMove,
-        "data-emoji-id": emoji.shortName
+        "data-emoji-id": emoji.shortName,
+        ref: this.props.forwardedRef
       }, (0, _react2.jsx)("div", {
         css: _styles.typeAheadItemRow
       }, emoji && (0, _react2.jsx)(_EmojiPreviewComponent.EmojiPreviewComponent, {
@@ -83,5 +85,11 @@ var EmojiTypeAheadItem = exports.default = /*#__PURE__*/function (_PureComponent
       }))));
     }
   }]);
-  return EmojiTypeAheadItem;
-}(_react.PureComponent);
+  return EmojiTypeAheadItemInternal;
+}(_react.PureComponent);
+var EmojiTypeAheadItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  return (0, _react2.jsx)(EmojiTypeAheadItemInternal, (0, _extends2.default)({}, props, {
+    forwardedRef: ref
+  }));
+});
+var _default = exports.default = EmojiTypeAheadItem;

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

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

package/dist/cjs/util/is-ssr.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSSR = isSSR;
+function isSSR() {
+  try {
+    var _process;
+    return Boolean(
+    // In most places there is no document when running on server-side
+    typeof document === 'undefined' ||
+    // When SSRing editor with full cycle mode we define the document
+    // Check Confluence specific environment variable
+    typeof process !== 'undefined' && ((_process = process) === null || _process === void 0 || (_process = _process.env) === null || _process === void 0 ? void 0 : _process.REACT_SSR));
+  } catch (e) {
+    // Catch possible error that might occur and just return false
+    return false;
+  }
+}

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

@@ -6,7 +6,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useCallback, forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { shouldUseAltRepresentation } from '../../api/EmojiUtils';
 import { deleteEmojiLabel, EMOJI_KEYBOARD_KEYS_SUPPORTED, KeyboardKeys, SAMPLING_RATE_EMOJI_RENDERED_EXP } from '../../util/constants';
@@ -20,6 +19,7 @@ import browserSupport from '../../util/browser-support';
 import { useInView } from '../../hooks/useInView';
 import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
 import { DeletableEmojiTooltipContent, DeletableEmojiTooltipContentForScreenReader } from './DeletableEmojiTooltipContent';
+import { isSSR } from '../../util/is-ssr';
 const handleMouseDown = (props, event) => {
   // Clicked emoji delete button
   if (event.target instanceof Element && event.target.getAttribute('aria-label') === deleteEmojiLabel) {
@@ -172,7 +172,8 @@ export const ImageEmoji = props => {
   if (fitToHeight && width && height) {
     // Presize image, to prevent reflow due to size changes after loading
     sizing = {
-      width: autoWidth ? 'auto' : fitToHeight / height * width,
+      // Size of <img> needs to be deterministic when rendered on server-side. Auto will cause width to be 0 before image is loaded.
+      width: autoWidth && !isSSR() ? 'auto' : fitToHeight / height * width,
       height: fitToHeight
     };
   }
@@ -221,7 +222,7 @@ export const ImageEmoji = props => {
     loading: disableLazyLoad ? 'eager' : 'lazy',
     src: src,
     key: src,
-    alt: fg('platform_change_emoji_alt_value') ? emoji.name || emoji.shortName : emoji.shortName,
+    alt: emoji.name || emoji.shortName,
     "data-emoji-short-name": emoji.shortName,
     "data-emoji-id": emoji.id,
     "data-emoji-text": emoji.fallback || emoji.shortName

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

@@ -1,12 +1,8 @@
 import React, { useEffect } from 'react';
-import Loadable from 'react-loadable';
+import { ResourcedEmojiComponent } from './ResourcedEmojiComponent';
 import { UfoErrorBoundary } from './UfoErrorBoundary';
 import { sampledUfoRenderedEmoji, ufoExperiences } from '../../util/analytics';
 import { SAMPLING_RATE_EMOJI_RENDERED_EXP } from '../../util/constants';
-const ResourcedEmojiComponent = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_resourcedEmojiComponent" */'./ResourcedEmojiComponent').then(component => component.ResourcedEmojiComponent),
-  loading: () => null
-});
 const ResourcedEmoji = props => {
   const {
     emojiId,

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

@@ -7,9 +7,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { findDOMNode } from 'react-dom';
 import { PureComponent } from 'react';
 import * as styles from './styles';
+import { findDOMNode } from 'react-dom';
+import { fg } from '@atlaskit/platform-feature-flags';
 export default class Scrollable extends PureComponent {
   constructor(...args) {
     super(...args);
@@ -17,11 +18,10 @@ export default class Scrollable extends PureComponent {
     // API
     _defineProperty(this, "reveal", (child, forceToTop) => {
       if (child && this.scrollableDiv) {
-        const childNode = findDOMNode(child);
         // Not using Element.scrollIntoView as it scrolls even to top/bottom of view even if
         // already visible
         const scrollableRect = this.scrollableDiv.getBoundingClientRect();
-        const elementRect = childNode.getBoundingClientRect();
+        const elementRect = fg('platform_editor_react18_phase2') ? child.getBoundingClientRect() : findDOMNode(child).getBoundingClientRect();
         if (forceToTop || elementRect.top < scrollableRect.top) {
           this.scrollableDiv.scrollTop += elementRect.top - scrollableRect.top;
         } else if (elementRect.bottom > scrollableRect.bottom) {

package/dist/es2019/components/i18n.js

@@ -100,11 +100,13 @@ export const messages = defineMessages({
     defaultMessage: 'Emoji name',
     description: 'verb - button label to search'
   },
+  /*
   searchResultsStatus: {
-    id: 'fabric.emoji.search.status',
-    defaultMessage: 'Found {count} emojis',
-    description: 'search results status for screenreader to read out'
+  	id: 'fabric.emoji.search.status',
+  	defaultMessage: 'Found {count} emojis',
+  	description: 'search results status for screenreader to read out',
   },
+   */
   searchResultsStatusSeeAll: {
     id: 'fabric.emoji.search.status',
     defaultMessage: 'Seeing all emojis',

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

@@ -55,7 +55,8 @@ export const EmojiPickerListSearch = props => {
     }, jsx(VisuallyHidden, {
       id: "emoji-search-results-status",
       role: "status"
-    }, dirty && query === '' && formatMessage(messages.searchResultsStatusSeeAll), query !== '' && formatMessage(messages.searchResultsStatus, {
+    }, dirty && query === '' && formatMessage(messages.searchResultsStatusSeeAll), query !== '' && formatMessage(messages.searchResultsStatusSeeAll, {
+      // change to messages.searchResultsStatus once translated
       count: resultsCount
     })), jsx(TextField, {
       role: "searchbox",

package/dist/es2019/components/typeahead/EmojiTypeAheadItem.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
@@ -12,7 +13,7 @@ import { leftClick } from '../../util/mouse';
 import { EmojiPreviewComponent } from '../common/EmojiPreviewComponent';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { typeAheadItem, selected as selectedStyles, typeAheadItemRow, typeaheadSelected } from './styles';
-export default class EmojiTypeAheadItem extends PureComponent {
+class EmojiTypeAheadItemInternal extends PureComponent {
   constructor(...args) {
     super(...args);
     // internal, used for callbacks
@@ -53,11 +54,18 @@ export default class EmojiTypeAheadItem extends PureComponent {
       css: classes,
       onMouseDown: this.onEmojiSelected,
       onMouseMove: this.onEmojiMenuItemMouseMove,
-      "data-emoji-id": emoji.shortName
+      "data-emoji-id": emoji.shortName,
+      ref: this.props.forwardedRef
     }, jsx("div", {
       css: typeAheadItemRow
     }, emoji && jsx(EmojiPreviewComponent, {
       emoji: emoji
     }))));
   }
-}
+}
+const EmojiTypeAheadItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return jsx(EmojiTypeAheadItemInternal, _extends({}, props, {
+    forwardedRef: ref
+  }));
+});
+export default EmojiTypeAheadItem;

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

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

package/dist/es2019/util/is-ssr.js

@@ -0,0 +1,14 @@
+export function isSSR() {
+  try {
+    var _process, _process$env;
+    return Boolean(
+    // In most places there is no document when running on server-side
+    typeof document === 'undefined' ||
+    // When SSRing editor with full cycle mode we define the document
+    // Check Confluence specific environment variable
+    typeof process !== 'undefined' && ((_process = process) === null || _process === void 0 ? void 0 : (_process$env = _process.env) === null || _process$env === void 0 ? void 0 : _process$env.REACT_SSR));
+  } catch (e) {
+    // Catch possible error that might occur and just return false
+    return false;
+  }
+}

package/dist/esm/components/common/Emoji.js

@@ -12,7 +12,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useEffect, useCallback, forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { shouldUseAltRepresentation } from '../../api/EmojiUtils';
 import { deleteEmojiLabel, EMOJI_KEYBOARD_KEYS_SUPPORTED, KeyboardKeys, SAMPLING_RATE_EMOJI_RENDERED_EXP } from '../../util/constants';
@@ -26,6 +25,7 @@ import browserSupport from '../../util/browser-support';
 import { useInView } from '../../hooks/useInView';
 import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
 import { DeletableEmojiTooltipContent, DeletableEmojiTooltipContentForScreenReader } from './DeletableEmojiTooltipContent';
+import { isSSR } from '../../util/is-ssr';
 var handleMouseDown = function handleMouseDown(props, event) {
   // Clicked emoji delete button
   if (event.target instanceof Element && event.target.getAttribute('aria-label') === deleteEmojiLabel) {
@@ -164,7 +164,8 @@ export var ImageEmoji = function ImageEmoji(props) {
   if (fitToHeight && width && height) {
     // Presize image, to prevent reflow due to size changes after loading
     sizing = {
-      width: autoWidth ? 'auto' : fitToHeight / height * width,
+      // Size of <img> needs to be deterministic when rendered on server-side. Auto will cause width to be 0 before image is loaded.
+      width: autoWidth && !isSSR() ? 'auto' : fitToHeight / height * width,
       height: fitToHeight
     };
   }
@@ -217,7 +218,7 @@ export var ImageEmoji = function ImageEmoji(props) {
     loading: disableLazyLoad ? 'eager' : 'lazy',
     src: src,
     key: src,
-    alt: fg('platform_change_emoji_alt_value') ? emoji.name || emoji.shortName : emoji.shortName,
+    alt: emoji.name || emoji.shortName,
     "data-emoji-short-name": emoji.shortName,
     "data-emoji-id": emoji.id,
     "data-emoji-text": emoji.fallback || emoji.shortName

package/dist/esm/components/common/ResourcedEmoji.js

@@ -1,18 +1,8 @@
 import React, { useEffect } from 'react';
-import Loadable from 'react-loadable';
+import { ResourcedEmojiComponent } from './ResourcedEmojiComponent';
 import { UfoErrorBoundary } from './UfoErrorBoundary';
 import { sampledUfoRenderedEmoji, ufoExperiences } from '../../util/analytics';
 import { SAMPLING_RATE_EMOJI_RENDERED_EXP } from '../../util/constants';
-var ResourcedEmojiComponent = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_resourcedEmojiComponent" */'./ResourcedEmojiComponent').then(function (component) {
-      return component.ResourcedEmojiComponent;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});
 var ResourcedEmoji = function ResourcedEmoji(props) {
   var emojiId = props.emojiId,
     optimisticImageURL = props.optimisticImageURL;

package/dist/esm/components/common/Scrollable.js

@@ -15,9 +15,10 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { findDOMNode } from 'react-dom';
 import { PureComponent } from 'react';
 import * as styles from './styles';
+import { findDOMNode } from 'react-dom';
+import { fg } from '@atlaskit/platform-feature-flags';
 var Scrollable = /*#__PURE__*/function (_PureComponent) {
   _inherits(Scrollable, _PureComponent);
   var _super = _createSuper(Scrollable);
@@ -32,11 +33,10 @@ var Scrollable = /*#__PURE__*/function (_PureComponent) {
     // API
     _defineProperty(_assertThisInitialized(_this), "reveal", function (child, forceToTop) {
       if (child && _this.scrollableDiv) {
-        var childNode = findDOMNode(child);
         // Not using Element.scrollIntoView as it scrolls even to top/bottom of view even if
         // already visible
         var scrollableRect = _this.scrollableDiv.getBoundingClientRect();
-        var elementRect = childNode.getBoundingClientRect();
+        var elementRect = fg('platform_editor_react18_phase2') ? child.getBoundingClientRect() : findDOMNode(child).getBoundingClientRect();
         if (forceToTop || elementRect.top < scrollableRect.top) {
           _this.scrollableDiv.scrollTop += elementRect.top - scrollableRect.top;
         } else if (elementRect.bottom > scrollableRect.bottom) {

package/dist/esm/components/i18n.js

@@ -100,11 +100,13 @@ export var messages = defineMessages({
     defaultMessage: 'Emoji name',
     description: 'verb - button label to search'
   },
+  /*
   searchResultsStatus: {
-    id: 'fabric.emoji.search.status',
-    defaultMessage: 'Found {count} emojis',
-    description: 'search results status for screenreader to read out'
+  	id: 'fabric.emoji.search.status',
+  	defaultMessage: 'Found {count} emojis',
+  	description: 'search results status for screenreader to read out',
   },
+   */
   searchResultsStatusSeeAll: {
     id: 'fabric.emoji.search.status',
     defaultMessage: 'Seeing all emojis',

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

@@ -59,7 +59,8 @@ export var EmojiPickerListSearch = function EmojiPickerListSearch(props) {
     }, jsx(VisuallyHidden, {
       id: "emoji-search-results-status",
       role: "status"
-    }, dirty && query === '' && formatMessage(messages.searchResultsStatusSeeAll), query !== '' && formatMessage(messages.searchResultsStatus, {
+    }, dirty && query === '' && formatMessage(messages.searchResultsStatusSeeAll), query !== '' && formatMessage(messages.searchResultsStatusSeeAll, {
+      // change to messages.searchResultsStatus once translated
       count: resultsCount
     })), jsx(TextField, {
       role: "searchbox",

package/dist/esm/components/typeahead/EmojiTypeAheadItem.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -20,12 +21,12 @@ import { leftClick } from '../../util/mouse';
 import { EmojiPreviewComponent } from '../common/EmojiPreviewComponent';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { typeAheadItem, selected as selectedStyles, typeAheadItemRow, typeaheadSelected } from './styles';
-var EmojiTypeAheadItem = /*#__PURE__*/function (_PureComponent) {
-  _inherits(EmojiTypeAheadItem, _PureComponent);
-  var _super = _createSuper(EmojiTypeAheadItem);
-  function EmojiTypeAheadItem() {
+var EmojiTypeAheadItemInternal = /*#__PURE__*/function (_PureComponent) {
+  _inherits(EmojiTypeAheadItemInternal, _PureComponent);
+  var _super = _createSuper(EmojiTypeAheadItemInternal);
+  function EmojiTypeAheadItemInternal() {
     var _this;
-    _classCallCheck(this, EmojiTypeAheadItem);
+    _classCallCheck(this, EmojiTypeAheadItemInternal);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -50,7 +51,7 @@ var EmojiTypeAheadItem = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-  _createClass(EmojiTypeAheadItem, [{
+  _createClass(EmojiTypeAheadItemInternal, [{
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
@@ -68,7 +69,8 @@ var EmojiTypeAheadItem = /*#__PURE__*/function (_PureComponent) {
         css: classes,
         onMouseDown: this.onEmojiSelected,
         onMouseMove: this.onEmojiMenuItemMouseMove,
-        "data-emoji-id": emoji.shortName
+        "data-emoji-id": emoji.shortName,
+        ref: this.props.forwardedRef
       }, jsx("div", {
         css: typeAheadItemRow
       }, emoji && jsx(EmojiPreviewComponent, {
@@ -76,6 +78,11 @@ var EmojiTypeAheadItem = /*#__PURE__*/function (_PureComponent) {
       }))));
     }
   }]);
-  return EmojiTypeAheadItem;
+  return EmojiTypeAheadItemInternal;
 }(PureComponent);
-export { EmojiTypeAheadItem as default };
+var EmojiTypeAheadItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return jsx(EmojiTypeAheadItemInternal, _extends({}, props, {
+    forwardedRef: ref
+  }));
+});
+export default EmojiTypeAheadItem;

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

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

package/dist/esm/util/is-ssr.js

@@ -0,0 +1,14 @@
+export function isSSR() {
+  try {
+    var _process;
+    return Boolean(
+    // In most places there is no document when running on server-side
+    typeof document === 'undefined' ||
+    // When SSRing editor with full cycle mode we define the document
+    // Check Confluence specific environment variable
+    typeof process !== 'undefined' && ((_process = process) === null || _process === void 0 || (_process = _process.env) === null || _process === void 0 ? void 0 : _process.REACT_SSR));
+  } catch (e) {
+    // Catch possible error that might occur and just return false
+    return false;
+  }
+}

package/dist/types/components/common/ResourcedEmoji.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Props as ResourcedEmojiProps } from './ResourcedEmojiComponent';
+import { type Props as ResourcedEmojiProps } from './ResourcedEmojiComponent';
 export interface Props extends ResourcedEmojiProps {
 }
 declare const ResourcedEmoji: (props: React.PropsWithChildren<Props>) => JSX.Element;

package/dist/types/components/common/ToneSelector.d.ts

@@ -16,5 +16,5 @@ export interface Props {
 export declare const toneSelectorTestId = "tone-selector";
 type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
 export declare const ToneSelectorInternal: (props: PropsWithAnalyticsEventsPropsType) => jsx.JSX.Element;
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
 export default _default;

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

@@ -99,11 +99,6 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    searchResultsStatus: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     searchResultsStatusSeeAll: {
         id: string;
         defaultMessage: string;

package/dist/types/components/typeahead/EmojiTypeAheadItem.d.ts

@@ -3,8 +3,6 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
-import { PureComponent } from 'react';
 import type { EmojiDescription, EmojiProvider, OnEmojiEvent } from '../../types';
 export interface Props {
     onMouseMove: OnEmojiEvent;
@@ -12,9 +10,7 @@ export interface Props {
     selected: boolean;
     emoji: EmojiDescription;
     emojiProvider?: EmojiProvider;
+    forwardedRef?: React.Ref<HTMLDivElement>;
 }
-export default class EmojiTypeAheadItem extends PureComponent<Props, {}> {
-    onEmojiSelected: React.MouseEventHandler<HTMLDivElement>;
-    onEmojiMenuItemMouseMove: React.MouseEventHandler<HTMLDivElement>;
-    render(): jsx.JSX.Element;
-}
+declare const EmojiTypeAheadItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default EmojiTypeAheadItem;

package/dist/types/util/is-ssr.d.ts

@@ -0,0 +1 @@
+export declare function isSSR(): boolean;

package/dist/types/util/type-helpers.d.ts

@@ -11,7 +11,7 @@ export declare const hasDataURLImage: (rep: EmojiRepresentation) => boolean;
 export declare const isLoadedMediaEmoji: (emoji: EmojiDescription) => boolean;
 export declare const isEmojiDescriptionWithVariations: (emoji: OptionalEmojiDescription) => emoji is EmojiDescriptionWithVariations;
 export declare const isEmojiVariationDescription: (object: any) => object is EmojiVariationDescription;
-export declare const isMessagesKey: (key: string) => key is "deleteEmojiTooltip" | "deleteEmojiTooltipForScreenreader" | "deleteEmojiTitle" | "deleteEmojiDescription" | "deleteEmojiLabel" | "addCustomEmojiLabel" | "emojiPlaceholder" | "emojiNameAriaLabel" | "emojiChooseFileTitle" | "emojiChooseFileScreenReaderDescription" | "emojiSelectSkinToneButtonAriaLabelText" | "emojiSelectSkinToneListAriaLabelText" | "emojiImageRequirements" | "emojiPreviewTitle" | "emojiPreview" | "addEmojiLabel" | "retryLabel" | "cancelLabel" | "searchPlaceholder" | "searchLabel" | "searchResultsStatus" | "searchResultsStatusSeeAll" | "categoriesSelectorLabel" | "categoriesSearchResults" | "frequentCategory" | "peopleCategory" | "natureCategory" | "foodsCategory" | "activityCategory" | "placesCategory" | "objectsCategory" | "symbolsCategory" | "flagsCategory" | "productivityCategory" | "userUploadsCustomCategory" | "allUploadsCustomCategory" | "deleteEmojiFailed" | "emojiInvalidImage" | "emojiUploadFailed" | "emojiImageTooBig" | "emojiPickerTitle" | "emojiPickerListPanel" | "emojiPickerGrid" | "emojiButtonRoleDescription" | "error";
+export declare const isMessagesKey: (key: string) => key is "deleteEmojiTooltip" | "deleteEmojiTooltipForScreenreader" | "deleteEmojiTitle" | "deleteEmojiDescription" | "deleteEmojiLabel" | "addCustomEmojiLabel" | "emojiPlaceholder" | "emojiNameAriaLabel" | "emojiChooseFileTitle" | "emojiChooseFileScreenReaderDescription" | "emojiSelectSkinToneButtonAriaLabelText" | "emojiSelectSkinToneListAriaLabelText" | "emojiImageRequirements" | "emojiPreviewTitle" | "emojiPreview" | "addEmojiLabel" | "retryLabel" | "cancelLabel" | "searchPlaceholder" | "searchLabel" | "searchResultsStatusSeeAll" | "categoriesSelectorLabel" | "categoriesSearchResults" | "frequentCategory" | "peopleCategory" | "natureCategory" | "foodsCategory" | "activityCategory" | "placesCategory" | "objectsCategory" | "symbolsCategory" | "flagsCategory" | "productivityCategory" | "userUploadsCustomCategory" | "allUploadsCustomCategory" | "deleteEmojiFailed" | "emojiInvalidImage" | "emojiUploadFailed" | "emojiImageTooBig" | "emojiPickerTitle" | "emojiPickerListPanel" | "emojiPickerGrid" | "emojiButtonRoleDescription" | "error";
 export declare const toEmojiId: (emoji: EmojiDescription) => EmojiId;
 export declare const toOptionalEmojiId: (emoji: OptionalEmojiDescription) => EmojiId | undefined;
 export declare const isEmojiIdEqual: (l?: EmojiId, r?: EmojiId) => boolean | undefined;

package/dist/types-ts4.5/components/common/ResourcedEmoji.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Props as ResourcedEmojiProps } from './ResourcedEmojiComponent';
+import { type Props as ResourcedEmojiProps } from './ResourcedEmojiComponent';
 export interface Props extends ResourcedEmojiProps {
 }
 declare const ResourcedEmoji: (props: React.PropsWithChildren<Props>) => JSX.Element;

package/dist/types-ts4.5/components/common/ToneSelector.d.ts

@@ -16,5 +16,5 @@ export interface Props {
 export declare const toneSelectorTestId = "tone-selector";
 type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
 export declare const ToneSelectorInternal: (props: PropsWithAnalyticsEventsPropsType) => jsx.JSX.Element;
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
 export default _default;

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

@@ -99,11 +99,6 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    searchResultsStatus: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     searchResultsStatusSeeAll: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/components/typeahead/EmojiTypeAheadItem.d.ts

@@ -3,8 +3,6 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
-import { PureComponent } from 'react';
 import type { EmojiDescription, EmojiProvider, OnEmojiEvent } from '../../types';
 export interface Props {
     onMouseMove: OnEmojiEvent;
@@ -12,9 +10,7 @@ export interface Props {
     selected: boolean;
     emoji: EmojiDescription;
     emojiProvider?: EmojiProvider;
+    forwardedRef?: React.Ref<HTMLDivElement>;
 }
-export default class EmojiTypeAheadItem extends PureComponent<Props, {}> {
-    onEmojiSelected: React.MouseEventHandler<HTMLDivElement>;
-    onEmojiMenuItemMouseMove: React.MouseEventHandler<HTMLDivElement>;
-    render(): jsx.JSX.Element;
-}
+declare const EmojiTypeAheadItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default EmojiTypeAheadItem;

package/dist/types-ts4.5/util/is-ssr.d.ts

@@ -0,0 +1 @@
+export declare function isSSR(): boolean;

package/dist/types-ts4.5/util/type-helpers.d.ts

@@ -11,7 +11,7 @@ export declare const hasDataURLImage: (rep: EmojiRepresentation) => boolean;
 export declare const isLoadedMediaEmoji: (emoji: EmojiDescription) => boolean;
 export declare const isEmojiDescriptionWithVariations: (emoji: OptionalEmojiDescription) => emoji is EmojiDescriptionWithVariations;
 export declare const isEmojiVariationDescription: (object: any) => object is EmojiVariationDescription;
-export declare const isMessagesKey: (key: string) => key is "deleteEmojiTooltip" | "deleteEmojiTooltipForScreenreader" | "deleteEmojiTitle" | "deleteEmojiDescription" | "deleteEmojiLabel" | "addCustomEmojiLabel" | "emojiPlaceholder" | "emojiNameAriaLabel" | "emojiChooseFileTitle" | "emojiChooseFileScreenReaderDescription" | "emojiSelectSkinToneButtonAriaLabelText" | "emojiSelectSkinToneListAriaLabelText" | "emojiImageRequirements" | "emojiPreviewTitle" | "emojiPreview" | "addEmojiLabel" | "retryLabel" | "cancelLabel" | "searchPlaceholder" | "searchLabel" | "searchResultsStatus" | "searchResultsStatusSeeAll" | "categoriesSelectorLabel" | "categoriesSearchResults" | "frequentCategory" | "peopleCategory" | "natureCategory" | "foodsCategory" | "activityCategory" | "placesCategory" | "objectsCategory" | "symbolsCategory" | "flagsCategory" | "productivityCategory" | "userUploadsCustomCategory" | "allUploadsCustomCategory" | "deleteEmojiFailed" | "emojiInvalidImage" | "emojiUploadFailed" | "emojiImageTooBig" | "emojiPickerTitle" | "emojiPickerListPanel" | "emojiPickerGrid" | "emojiButtonRoleDescription" | "error";
+export declare const isMessagesKey: (key: string) => key is "deleteEmojiTooltip" | "deleteEmojiTooltipForScreenreader" | "deleteEmojiTitle" | "deleteEmojiDescription" | "deleteEmojiLabel" | "addCustomEmojiLabel" | "emojiPlaceholder" | "emojiNameAriaLabel" | "emojiChooseFileTitle" | "emojiChooseFileScreenReaderDescription" | "emojiSelectSkinToneButtonAriaLabelText" | "emojiSelectSkinToneListAriaLabelText" | "emojiImageRequirements" | "emojiPreviewTitle" | "emojiPreview" | "addEmojiLabel" | "retryLabel" | "cancelLabel" | "searchPlaceholder" | "searchLabel" | "searchResultsStatusSeeAll" | "categoriesSelectorLabel" | "categoriesSearchResults" | "frequentCategory" | "peopleCategory" | "natureCategory" | "foodsCategory" | "activityCategory" | "placesCategory" | "objectsCategory" | "symbolsCategory" | "flagsCategory" | "productivityCategory" | "userUploadsCustomCategory" | "allUploadsCustomCategory" | "deleteEmojiFailed" | "emojiInvalidImage" | "emojiUploadFailed" | "emojiImageTooBig" | "emojiPickerTitle" | "emojiPickerListPanel" | "emojiPickerGrid" | "emojiButtonRoleDescription" | "error";
 export declare const toEmojiId: (emoji: EmojiDescription) => EmojiId;
 export declare const toOptionalEmojiId: (emoji: OptionalEmojiDescription) => EmojiId | undefined;
 export declare const isEmojiIdEqual: (l?: EmojiId, r?: EmojiId) => boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "67.8.2",
+	"version": "67.8.4",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/button": "^20.2.0",
-		"@atlaskit/icon": "^22.18.0",
+		"@atlaskit/icon": "^22.22.0",
 		"@atlaskit/media-client": "^28.0.0",
 		"@atlaskit/media-client-react": "^2.2.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
@@ -44,7 +44,7 @@
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/tokens": "^2.0.0",
-		"@atlaskit/tooltip": "^18.7.0",
+		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/util-service-support": "^6.2.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
@@ -120,7 +120,7 @@
 		"platform_index_emoji_just_in_time": {
 			"type": "boolean"
 		},
-		"platform_change_emoji_alt_value": {
+		"platform_editor_react18_phase2": {
 			"type": "boolean"
 		}
 	},