@atlaskit/emoji 73.2.0 → 73.3.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/emoji
 
+## 73.3.0
+
+### Minor Changes
+
+- [`69008f6bdcb98`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/69008f6bdcb98) -
+  Adjust all mention picker rows and emoji results to use 6px vertical padding, 8px between rows,
+  and 2px between primary and secondary text behind platform_editor_mentions_email_search.
+
+  Center the avatar and text within the 50px selection row and reserve the 8px gap outside the
+  selection and focus backgrounds.
+
+  Share the presentational picker row between mentions and emoji through
+  `@atlaskit/user-picker/picker-item-content`.
+
+  Apply the same gated preview spacing to the emoji picker footer, and use 12px horizontal padding
+  and avatar-to-text spacing for both mentions and emoji.
+
+  Consolidate byline formatting within the email-search layout, keeping the original byline
+  components in the legacy path and subtext presentation internal to each layout.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 73.2.1
+
+### Patch Changes
+
+- [`d5c2acafa064f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d5c2acafa064f) -
+  Cleanup feature gate `platform_emoji_prevent_img_src_changing_all`. Preserve optimistic emoji
+  images when catalogue data arrives on all surfaces.
+
 ## 73.2.0
 
 ### Minor Changes

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

@@ -10,6 +10,8 @@ exports.EmojiPreviewComponent = void 0;
 require("./EmojiPreviewComponent.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+var _pickerItemContent = require("@atlaskit/user-picker/picker-item-content");
 var _CachingEmoji = _interopRequireDefault(require("./CachingEmoji"));
 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 emojiName = null;
@@ -17,7 +19,7 @@ var emojiShortName = null;
 var preview = null;
 var previewImg = null;
 var previewText = null;
-var EmojiPreviewComponent = exports.EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
+var EmojiPreviewComponentLegacy = function EmojiPreviewComponentLegacy(_ref) {
   var emoji = _ref.emoji;
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx2vrvc _1n261q9c _4t3izwfg _4cvr1h6o"])
@@ -33,4 +35,23 @@ var EmojiPreviewComponent = exports.EmojiPreviewComponent = function EmojiPrevie
   }, emoji.name), /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_11c8wadc _1reo15vq _18m915vq _1e0c1ule _syazazsu _vwz4kb7n _otyr1i6y _n3tdv77o _1bto1l2s _o5721q9c _10hwfhey _pnmbi7uo"])
   }, emoji.shortName)));
+};
+var previewImageNext = null;
+var EmojiPreviewComponentNext = function EmojiPreviewComponentNext(_ref2) {
+  var emoji = _ref2.emoji;
+  return /*#__PURE__*/React.createElement(_pickerItemContent.PickerItemContent, {
+    avatar: /*#__PURE__*/React.createElement("span", {
+      className: (0, _runtime.ax)(["_1e0c1o8l _1bsbzwfg _12s6idpf _1e4didpf _1dvqidpf _vwlxidpf _1gdiidpf _1f45idpf _pdfdidpf _mwo3idpf _5ilezwfg _boltzwfg _1pc7zwfg _u5wqzwfg _w7981kw7 _1vqe1kw7 _1l4xidpf _1l79idpf _118didpf _1pa4idpf _1pglh2mm _1vjf1ssb _1h6o1ssb _8fp6dbra _1os4zwfg _1e7azwfg _7mh21ule", "_1e0c1txw"])
+    }, /*#__PURE__*/React.createElement(_CachingEmoji.default, {
+      key: emoji.id || emoji.shortName,
+      emoji: emoji
+    })),
+    title: emoji.name ? /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1e0c1ule _syazi7uo _1bto1l2s _o5721q9c _299mangw"])
+    }, emoji.name) : emoji.shortName,
+    subtext: emoji.name ? emoji.shortName : undefined
+  });
+};
+var EmojiPreviewComponent = exports.EmojiPreviewComponent = function EmojiPreviewComponent(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_mentions_email_search') ? /*#__PURE__*/React.createElement(EmojiPreviewComponentNext, props) : /*#__PURE__*/React.createElement(EmojiPreviewComponentLegacy, props);
 };

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

@@ -10,7 +10,6 @@ exports.default = exports.ResourcedEmojiComponent = void 0;
 require("./ResourcedEmojiComponent.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -20,14 +19,10 @@ var _types = require("../../types");
 var _hasUfoMarked = require("../../util/analytics/hasUfoMarked");
 var _sampledUfoRenderedEmoji = require("../../util/analytics/sampledUfoRenderedEmoji");
 var _constants = require("../../util/constants");
-var _isImageRepresentation = require("../../util/is-image-representation");
-var _isMediaRepresentation = require("../../util/is-media-representation");
 var _isPromise = require("../../util/is-promise");
 var _Emoji = _interopRequireDefault(require("./Emoji"));
 var _EmojiPlaceholder = _interopRequireDefault(require("./EmojiPlaceholder"));
 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; }
 var ignoreWrapperStyles = null;
 var ResourcedEmojiComponentRenderStatesEnum = /*#__PURE__*/function (ResourcedEmojiComponentRenderStatesEnum) {
   ResourcedEmojiComponentRenderStatesEnum["INITIAL"] = "INITIAL";
@@ -208,8 +203,8 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
         }
       };
     }
-    // extend prevention to all surfaces
-    if (optimisticImageURL && (0, _fg.fg)('platform_emoji_prevent_img_src_changing_all')) {
+    // Keep the optimistic representation stable when catalogue data arrives.
+    if (optimisticImageURL) {
       return {
         id: id,
         shortName: shortName,
@@ -224,34 +219,6 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
         }
       };
     }
-    if (optimisticImageURL) {
-      if (emoji && ((0, _isImageRepresentation.isImageRepresentation)(emoji.representation) || (0, _isMediaRepresentation.isMediaRepresentation)(emoji === null || emoji === void 0 ? void 0 : emoji.representation))) {
-        var _emoji$representation = emoji.representation,
-          width = _emoji$representation.width,
-          height = _emoji$representation.height;
-        return _objectSpread(_objectSpread({}, emoji), {}, {
-          representation: {
-            width: width,
-            height: height,
-            imagePath: optimisticImageURL
-          }
-        });
-      } else {
-        return {
-          id: id,
-          shortName: shortName,
-          fallback: fallback,
-          type: '',
-          category: '',
-          representation: {
-            height: fitToHeight || _constants.defaultEmojiHeight,
-            width: fitToHeight || _constants.defaultEmojiHeight,
-            imagePath: optimisticImageURL
-          },
-          searchable: true
-        };
-      }
-    }
     return emoji;
   }, [emoji, optimisticImageURL, fallback, fitToHeight, id, shortName, pageTitleEmoji]);
   var handleOnLoadError = (0, _react.useCallback)(function (emojiId) {

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.1.4"
+      packageVersion: "73.2.1"
     }, attributes)
   };
 };

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

@@ -2,13 +2,15 @@
 import "./EmojiPreviewComponent.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { PickerItemContent } from '@atlaskit/user-picker/picker-item-content';
 import CachingEmoji from './CachingEmoji';
 const emojiName = null;
 const emojiShortName = null;
 const preview = null;
 const previewImg = null;
 const previewText = null;
-export const EmojiPreviewComponent = ({
+const EmojiPreviewComponentLegacy = ({
   emoji
 }) => {
   return /*#__PURE__*/React.createElement("div", {
@@ -25,4 +27,20 @@ export const EmojiPreviewComponent = ({
   }, emoji.name), /*#__PURE__*/React.createElement("div", {
     className: ax(["_11c8wadc _1reo15vq _18m915vq _1e0c1ule _syazazsu _vwz4kb7n _otyr1i6y _n3tdv77o _1bto1l2s _o5721q9c _10hwfhey _pnmbi7uo"])
   }, emoji.shortName)));
-};
+};
+const previewImageNext = null;
+const EmojiPreviewComponentNext = ({
+  emoji
+}) => /*#__PURE__*/React.createElement(PickerItemContent, {
+  avatar: /*#__PURE__*/React.createElement("span", {
+    className: ax(["_1e0c1o8l _1bsbzwfg _12s6idpf _1e4didpf _1dvqidpf _vwlxidpf _1gdiidpf _1f45idpf _pdfdidpf _mwo3idpf _5ilezwfg _boltzwfg _1pc7zwfg _u5wqzwfg _w7981kw7 _1vqe1kw7 _1l4xidpf _1l79idpf _118didpf _1pa4idpf _1pglh2mm _1vjf1ssb _1h6o1ssb _8fp6dbra _1os4zwfg _1e7azwfg _7mh21ule", "_1e0c1txw"])
+  }, /*#__PURE__*/React.createElement(CachingEmoji, {
+    key: emoji.id || emoji.shortName,
+    emoji: emoji
+  })),
+  title: emoji.name ? /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1reo15vq _18m915vq _1e0c1ule _syazi7uo _1bto1l2s _o5721q9c _299mangw"])
+  }, emoji.name) : emoji.shortName,
+  subtext: emoji.name ? emoji.shortName : undefined
+});
+export const EmojiPreviewComponent = props => isExperimentEnabled('platform_editor_mentions_email_search') ? /*#__PURE__*/React.createElement(EmojiPreviewComponentNext, props) : /*#__PURE__*/React.createElement(EmojiPreviewComponentLegacy, props);

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

@@ -8,8 +8,6 @@ import { UfoEmojiTimings } from '../../types';
 import { hasUfoMarked } from '../../util/analytics/hasUfoMarked';
 import { sampledUfoRenderedEmoji } from '../../util/analytics/sampledUfoRenderedEmoji';
 import { defaultEmojiHeight } from '../../util/constants';
-import { isImageRepresentation } from '../../util/is-image-representation';
-import { isMediaRepresentation } from '../../util/is-media-representation';
 import { isPromise } from '../../util/is-promise';
 import Emoji from './Emoji';
 import EmojiPlaceholder from './EmojiPlaceholder';
@@ -159,8 +157,8 @@ export const ResourcedEmojiComponent = ({
         }
       };
     }
-    // extend prevention to all surfaces
-    if (optimisticImageURL && fg('platform_emoji_prevent_img_src_changing_all')) {
+    // Keep the optimistic representation stable when catalogue data arrives.
+    if (optimisticImageURL) {
       return {
         id,
         shortName,
@@ -175,36 +173,6 @@ export const ResourcedEmojiComponent = ({
         }
       };
     }
-    if (optimisticImageURL) {
-      if (emoji && (isImageRepresentation(emoji.representation) || isMediaRepresentation(emoji === null || emoji === void 0 ? void 0 : emoji.representation))) {
-        const {
-          width,
-          height
-        } = emoji.representation;
-        return {
-          ...emoji,
-          representation: {
-            width,
-            height,
-            imagePath: optimisticImageURL
-          }
-        };
-      } else {
-        return {
-          id,
-          shortName,
-          fallback,
-          type: '',
-          category: '',
-          representation: {
-            height: fitToHeight || defaultEmojiHeight,
-            width: fitToHeight || defaultEmojiHeight,
-            imagePath: optimisticImageURL
-          },
-          searchable: true
-        };
-      }
-    }
     return emoji;
   }, [emoji, optimisticImageURL, fallback, fitToHeight, id, shortName, pageTitleEmoji]);
   const handleOnLoadError = useCallback(emojiId => {

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

@@ -7,7 +7,7 @@ export const createEvent = (eventType, action, actionSubject, actionSubjectId, a
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "73.1.4",
+    packageVersion: "73.2.1",
     ...attributes
   }
 });

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

@@ -2,13 +2,15 @@
 import "./EmojiPreviewComponent.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { PickerItemContent } from '@atlaskit/user-picker/picker-item-content';
 import CachingEmoji from './CachingEmoji';
 var emojiName = null;
 var emojiShortName = null;
 var preview = null;
 var previewImg = null;
 var previewText = null;
-export var EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
+var EmojiPreviewComponentLegacy = function EmojiPreviewComponentLegacy(_ref) {
   var emoji = _ref.emoji;
   return /*#__PURE__*/React.createElement("div", {
     className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx2vrvc _1n261q9c _4t3izwfg _4cvr1h6o"])
@@ -24,4 +26,23 @@ export var EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
   }, emoji.name), /*#__PURE__*/React.createElement("div", {
     className: ax(["_11c8wadc _1reo15vq _18m915vq _1e0c1ule _syazazsu _vwz4kb7n _otyr1i6y _n3tdv77o _1bto1l2s _o5721q9c _10hwfhey _pnmbi7uo"])
   }, emoji.shortName)));
+};
+var previewImageNext = null;
+var EmojiPreviewComponentNext = function EmojiPreviewComponentNext(_ref2) {
+  var emoji = _ref2.emoji;
+  return /*#__PURE__*/React.createElement(PickerItemContent, {
+    avatar: /*#__PURE__*/React.createElement("span", {
+      className: ax(["_1e0c1o8l _1bsbzwfg _12s6idpf _1e4didpf _1dvqidpf _vwlxidpf _1gdiidpf _1f45idpf _pdfdidpf _mwo3idpf _5ilezwfg _boltzwfg _1pc7zwfg _u5wqzwfg _w7981kw7 _1vqe1kw7 _1l4xidpf _1l79idpf _118didpf _1pa4idpf _1pglh2mm _1vjf1ssb _1h6o1ssb _8fp6dbra _1os4zwfg _1e7azwfg _7mh21ule", "_1e0c1txw"])
+    }, /*#__PURE__*/React.createElement(CachingEmoji, {
+      key: emoji.id || emoji.shortName,
+      emoji: emoji
+    })),
+    title: emoji.name ? /*#__PURE__*/React.createElement("div", {
+      className: ax(["_1reo15vq _18m915vq _1e0c1ule _syazi7uo _1bto1l2s _o5721q9c _299mangw"])
+    }, emoji.name) : emoji.shortName,
+    subtext: emoji.name ? emoji.shortName : undefined
+  });
+};
+export var EmojiPreviewComponent = function EmojiPreviewComponent(props) {
+  return isExperimentEnabled('platform_editor_mentions_email_search') ? /*#__PURE__*/React.createElement(EmojiPreviewComponentNext, props) : /*#__PURE__*/React.createElement(EmojiPreviewComponentLegacy, props);
 };

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

@@ -1,11 +1,8 @@
 /* ResourcedEmojiComponent.tsx generated by @compiled/babel-plugin v3.0.2 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ResourcedEmojiComponent.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-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) { _defineProperty(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; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -14,8 +11,6 @@ import { UfoEmojiTimings } from '../../types';
 import { hasUfoMarked } from '../../util/analytics/hasUfoMarked';
 import { sampledUfoRenderedEmoji } from '../../util/analytics/sampledUfoRenderedEmoji';
 import { defaultEmojiHeight } from '../../util/constants';
-import { isImageRepresentation } from '../../util/is-image-representation';
-import { isMediaRepresentation } from '../../util/is-media-representation';
 import { isPromise } from '../../util/is-promise';
 import Emoji from './Emoji';
 import EmojiPlaceholder from './EmojiPlaceholder';
@@ -199,8 +194,8 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
         }
       };
     }
-    // extend prevention to all surfaces
-    if (optimisticImageURL && fg('platform_emoji_prevent_img_src_changing_all')) {
+    // Keep the optimistic representation stable when catalogue data arrives.
+    if (optimisticImageURL) {
       return {
         id: id,
         shortName: shortName,
@@ -215,34 +210,6 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
         }
       };
     }
-    if (optimisticImageURL) {
-      if (emoji && (isImageRepresentation(emoji.representation) || isMediaRepresentation(emoji === null || emoji === void 0 ? void 0 : emoji.representation))) {
-        var _emoji$representation = emoji.representation,
-          width = _emoji$representation.width,
-          height = _emoji$representation.height;
-        return _objectSpread(_objectSpread({}, emoji), {}, {
-          representation: {
-            width: width,
-            height: height,
-            imagePath: optimisticImageURL
-          }
-        });
-      } else {
-        return {
-          id: id,
-          shortName: shortName,
-          fallback: fallback,
-          type: '',
-          category: '',
-          representation: {
-            height: fitToHeight || defaultEmojiHeight,
-            width: fitToHeight || defaultEmojiHeight,
-            imagePath: optimisticImageURL
-          },
-          searchable: true
-        };
-      }
-    }
     return emoji;
   }, [emoji, optimisticImageURL, fallback, fitToHeight, id, shortName, pageTitleEmoji]);
   var handleOnLoadError = useCallback(function (emojiId) {

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

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

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

@@ -2,5 +2,5 @@ import type { EmojiDescription } from '../../types';
 type Props = {
     emoji: EmojiDescription;
 };
-export declare const EmojiPreviewComponent: ({ emoji }: Props) => JSX.Element;
+export declare const EmojiPreviewComponent: (props: Props) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "73.2.0",
+	"version": "73.3.0",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/browser-apis": "^1.2.0",
 		"@atlaskit/button": "^25.6.0",
 		"@atlaskit/css": "^1.1.0",
-		"@atlaskit/feature-gate-js-client": "^7.0.0",
+		"@atlaskit/feature-gate-js-client": "^7.1.0",
 		"@atlaskit/form": "^18.3.0",
 		"@atlaskit/heading": "^8.0.0",
 		"@atlaskit/icon": "^38.0.0",
@@ -54,10 +54,11 @@
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/textfield": "^10.3.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^248.0.0",
+		"@atlaskit/tmp-editor-statsig": "^248.1.0",
 		"@atlaskit/tokens": "^20.8.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/ufo": "^2.0.0",
+		"@atlaskit/user-picker": "^14.5.0",
 		"@atlaskit/util-service-support": "^7.4.0",
 		"@atlaskit/visually-hidden": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -124,9 +125,6 @@
 		"platform_emoji_prevent_img_src_changing": {
 			"type": "boolean"
 		},
-		"platform_emoji_prevent_img_src_changing_all": {
-			"type": "boolean"
-		},
 		"platform_suppression_removal_fix_reactions": {
 			"type": "boolean"
 		},