@atlaskit/emoji 69.5.13 → 69.6.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/emoji
 
+## 69.6.1
+
+### Patch Changes
+
+- [`4614dcddb640f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4614dcddb640f) -
+  fix wrong feature gate usage for emoji width: auto gate
+
+## 69.6.0
+
+### Minor Changes
+
+- [`9d77230acd685`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9d77230acd685) -
+  [ux] add escape key support to close emoji picker component for reactions (A11y)
+
+### Patch Changes
+
+- [`c46d8779440a9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c46d8779440a9) -
+  Use width: auto when fitToHeight is defined
+- Updated dependencies
+
 ## 69.5.13
 
 ### Patch Changes
@@ -2161,7 +2181,6 @@
 
   Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
   [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
-
   - @atlaskit/docs@8.3.2
   - @atlaskit/visual-regression@0.1.9
   - @atlaskit/analytics-next@6.3.5
@@ -2448,12 +2467,10 @@ Bumped dependencies.
   safety. Flow types are no longer provided. No behavioural changes.
 
   **Breaking changes**
-
   - `withAnalyticsForSumTypeProps` alias has been removed, please use `withAnalyticsEvents`
   - `AnalyticsContextWrappedComp` alias has been removed, please use `withAnalyticsContext`
 
   **Breaking changes to TypeScript annotations**
-
   - `withAnalyticsEvents` now infers proptypes automatically, consumers no longer need to provide
     props as a generic type.
   - `withAnalyticsContext` now infers proptypes automatically, consumers no longer need to provide
@@ -2534,7 +2551,6 @@ Bumped dependencies.
 - [patch][18dfac7332](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/18dfac7332):
 
   In this PR, we are:
-
   - Re-introducing dist build folders
   - Adding back cjs
   - Replacing es5 by cjs and es2015 by esm
@@ -2583,7 +2599,6 @@ Bumped dependencies.
 ### Minor Changes
 
 - [minor][11cb8d8626](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/11cb8d8626):
-
   - Remove @atlaskit/analytics dependency.
 
 ## 62.1.7
@@ -2608,7 +2623,6 @@ Bumped dependencies.
 ## 62.1.5
 
 - [patch][b0ef06c685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b0ef06c685):
-
   - This is just a safety release in case anything strange happened in in the previous one. See Pull
     Request #5942 for details
 
@@ -2623,13 +2637,11 @@ Bumped dependencies.
 ## 62.1.3
 
 - [patch][ee970b5526](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ee970b5526):
-
   - Detect emoji gender and skintone correctly on selection
 
 ## 62.1.2
 
 - [patch][9eb495b1e0](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9eb495b1e0):
-
   - Remove completely canvas-prebuilt as it does not seem to be used
 
 ## 62.1.1
@@ -2643,13 +2655,11 @@ Bumped dependencies.
 ## 62.1.0
 
 - [minor][f120090dfe](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f120090dfe):
-
   - Add GASv3 analytics to Emoji TypeAhead.
 
 ## 62.0.0
 
 - [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
-
   - Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
     this package, please ensure you use at least this version of react and react-dom.
 
@@ -2692,13 +2702,11 @@ Bumped dependencies.
 ## 59.2.5
 
 - [patch][d3cad2622e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d3cad2622e):
-
   - Removes babel-runtime in favour of @babel/runtime
 
 ## 59.2.4
 
 - [patch][0a4ccaafae](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0a4ccaafae):
-
   - Bump tslib
 
 ## 59.2.3
@@ -2717,7 +2725,6 @@ Bumped dependencies.
 ## 59.2.2
 
 - [patch][3f28e6443c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3f28e6443c):
-
   - @atlaskit/analytics-next-types is deprecated. Now you can use types for @atlaskit/analytics-next
     supplied from itself.
 
@@ -2738,25 +2745,21 @@ Bumped dependencies.
 ## 59.2.0
 
 - [minor][b81d427d5c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b81d427d5c):
-
   - ED-5373: Refactor emoji plugin to use new type ahead
 
 ## 59.1.1
 
 - [patch][d13fad66df](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d13fad66df):
-
   - Enable esModuleInterop for typescript, this allows correct use of default exports
 
 ## 59.1.0
 
 - [minor][ce6fec11a3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ce6fec11a3):
-
   - code split for emoji
 
 ## 59.0.1
 
 - [patch][3fa12076fd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3fa12076fd):
-
   - Fix import statement in emoji analytics
 
 ## 59.0.0
@@ -2770,31 +2773,26 @@ Bumped dependencies.
 ## 58.3.0
 
 - [minor][fdc41108fa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/fdc41108fa):
-
   - Updated analytics to modern form
 
 ## 58.2.0
 
 - [minor][b0210d7ccc](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b0210d7ccc):
-
   - reset jest modules before hydration
 
 ## 58.1.1
 
 - [patch][1bcaa1b991](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1bcaa1b991):
-
   - Add npmignore for index.ts to prevent some jest tests from resolving that instead of index.js
 
 ## 58.1.0
 
 - [minor][b684722884](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b684722884):
-
   - improvement of SSR tests and examples for Fabric Elements
 
 ## 58.0.0
 
 - [major][9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
-
   - Dropped ES5 distributables from the typescript packages
 
 - Updated dependencies
@@ -2847,13 +2845,11 @@ Bumped dependencies.
 ## 56.2.0
 
 - [minor][4072865c1c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4072865c1c):
-
   - added SSR tests to task-decision
 
 ## 56.1.0
 
 - [minor][36bb743af0](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/36bb743af0):
-
   - added/cleaned up ssr tests
 
 ## 56.0.0
@@ -2867,13 +2863,11 @@ Bumped dependencies.
 ## 55.1.0
 
 - [minor][9ab9e467d2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9ab9e467d2):
-
   - Bump version of typestyle for ssr compatibility
 
 ## 55.0.2
 
 - [patch][2d691c1e48](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/2d691c1e48):
-
   - Added aria labels to Emoji upload component
 
 ## 55.0.1
@@ -2893,7 +2887,6 @@ Bumped dependencies.
 ## 54.1.0
 
 - [minor][cf6799312a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cf6799312a):
-
   - Enable striter types for emoji package
 
 ## 54.0.0
@@ -2934,13 +2927,11 @@ Bumped dependencies.
 ## 51.2.0
 
 - [minor][6ef7a45](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6ef7a45):
-
   - FS-1230 New standalone emoji upload component added
 
 ## 51.1.0
 
 - [minor][e60d7aa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e60d7aa):
-
   - updated i18n translations
 
 ## 51.0.0
@@ -2959,15 +2950,12 @@ Bumped dependencies.
 ## 49.1.0
 
 - [patch][53cb129](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/53cb129):
-
   - show emoji preview error in a tooltip, render spinner outside button, css changes
 
 - [minor][514790b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/514790b):
-
   - added i18n support to emoji
 
 - [patch][686de31](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/686de31):
-
   - added maxWidth to other buttons
 
 ## 49.0.0
@@ -2979,24 +2967,20 @@ Bumped dependencies.
 ## 48.0.2
 
 - [patch][0f19693](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0f19693):
-
   - added tests for xregexp transformer, updated README and simplified code
 
 - [patch][b789b3a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b789b3a):
-
   - removed xregexp library dependency from emoji and mention components, added xregexp-transformer
     package to compile xregexp expressions to unicode charsets
 
 ## 48.0.1
 
 - [patch][015fcd0](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/015fcd0):
-
   - Adjusted unit tests to test for the bug noticed in FS-3259. Added multiple atlassian-ftfy emoji
     to test this, so updated a unit test to confirm that there are 14 Atlassian emoji, and also
     added an additional unit test to confirm that FS-3259 was corrected.
 
 - [patch][18203e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/18203e6):
-
   - FS-3259 Fixed bug that caused an emoji to be automatically inserted for a query including a
     closing colon even if there are multiple (an odd number specifically) emoji with an exact
     shortName match.
@@ -3010,7 +2994,6 @@ Bumped dependencies.
 ## 47.0.8
 
 - [patch][b81da9b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b81da9b):
-
   - Fix typescript types to support strictFunctionTypes
 
 ## 47.0.7
@@ -3044,13 +3027,11 @@ Bumped dependencies.
 ## 47.0.5
 
 - [patch][31ac424](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/31ac424):
-
   - FS-1596 Changed sizes of example emojis in test00.
 
 ## 47.0.4
 
 - [patch][90c4702](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/90c4702):
-
   - FS-1734 Removed the try it out section from Emoji and Mentions documentation pages to match
     other pages. The section only contained a link to the same page, so was essentially redundant
     and potentially confusing.
@@ -3058,7 +3039,6 @@ Bumped dependencies.
 ## 47.0.3
 
 - [patch][3061b52](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3061b52):
-
   - AK-5723 - adjust files in package.json to ensure correct publishing of dist/package.json
 
 ## 47.0.2
@@ -3090,7 +3070,6 @@ Bumped dependencies.
 ## 46.0.1
 
 - [patch][49a2a58](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/49a2a58):
-
   - Use onClick from button in emoji
 
 ## 46.0.0
@@ -3102,13 +3081,11 @@ Bumped dependencies.
 ## 45.0.4
 
 - [patch][36c362f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/36c362f):
-
   - FS-3174 - Fix usage of gridSize() and borderRadius()
 
 ## 45.0.3
 
 - [patch][527b954](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/527b954):
-
   - FS-3174 - Remove usage of util-shared-styles from elements components
 
 ## 45.0.2

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

@@ -19,6 +19,7 @@ var _EmojiPlaceholder = _interopRequireDefault(require("./EmojiPlaceholder"));
 var _analytics = require("../../util/analytics");
 var _EmojiCommonProvider = require("../../context/EmojiCommonProvider");
 var _ufoExperiences = require("../../util/analytics/ufoExperiences");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
@@ -220,6 +221,9 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
   var handleOnLoadSuccess = (0, _react.useCallback)(function (emojiId) {
     onEmojiLoadSuccess && onEmojiLoadSuccess(emojiId.id);
   }, [onEmojiLoadSuccess]);
+
+  // use width: auto as long as fitToHeight is defined
+  var autoWidth = (0, _platformFeatureFlags.fg)('platform_emoji_width_auto_fittoheight') ? !!fitToHeight : !!emoji ? false : true;
   return /*#__PURE__*/_react.default.createElement(_EmojiCommonProvider.EmojiCommonProvider, {
     emojiProvider: resolvedEmojiProvider
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -240,7 +244,7 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
     onLoadSuccess: handleOnLoadSuccess,
     showTooltip: showTooltip,
     fitToHeight: fitToHeight,
-    autoWidth: !!emoji ? false : true,
+    autoWidth: autoWidth,
     editorEmoji: editorEmoji
   })));
 };

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

@@ -434,7 +434,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   // stop all key propagation to other event listeners
   var suppressKeyPress = function suppressKeyPress(e) {
     // Allow escape key to propagate so parent components can handle it (behind feature gate)
-    if ((e.key === 'Escape' || e.key === 'Esc') && (0, _platformFeatureFlags.fg)('platform_emoji_picker_escape_propagation')) {
+    if ((e.key === 'Escape' || e.key === 'Esc') && ((0, _platformFeatureFlags.fg)('platform_emoji_picker_escape_propagation') || (0, _platformFeatureFlags.fg)('platform_jira_emoji_picker_escape_propagation'))) {
       return;
     }
     e.stopPropagation();

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

@@ -7,6 +7,7 @@ import EmojiPlaceholder from './EmojiPlaceholder';
 import { sampledUfoRenderedEmoji } from '../../util/analytics';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
+import { fg } from '@atlaskit/platform-feature-flags';
 var ResourcedEmojiComponentRenderStatesEnum = /*#__PURE__*/function (ResourcedEmojiComponentRenderStatesEnum) {
   ResourcedEmojiComponentRenderStatesEnum["INITIAL"] = "INITIAL";
   ResourcedEmojiComponentRenderStatesEnum["FALLBACK"] = "FALLBACK";
@@ -175,6 +176,9 @@ export const ResourcedEmojiComponent = ({
   const handleOnLoadSuccess = useCallback(emojiId => {
     onEmojiLoadSuccess && onEmojiLoadSuccess(emojiId.id);
   }, [onEmojiLoadSuccess]);
+
+  // use width: auto as long as fitToHeight is defined
+  const autoWidth = fg('platform_emoji_width_auto_fittoheight') ? !!fitToHeight : !!emoji ? false : true;
   return /*#__PURE__*/React.createElement(EmojiCommonProvider, {
     emojiProvider: resolvedEmojiProvider
   }, /*#__PURE__*/React.createElement("span", {
@@ -195,7 +199,7 @@ export const ResourcedEmojiComponent = ({
     onLoadSuccess: handleOnLoadSuccess,
     showTooltip: showTooltip,
     fitToHeight: fitToHeight,
-    autoWidth: !!emoji ? false : true,
+    autoWidth: autoWidth,
     editorEmoji: editorEmoji
   })));
 };

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

@@ -372,7 +372,7 @@ const EmojiPickerComponent = ({
   // stop all key propagation to other event listeners
   const suppressKeyPress = e => {
     // Allow escape key to propagate so parent components can handle it (behind feature gate)
-    if ((e.key === 'Escape' || e.key === 'Esc') && fg('platform_emoji_picker_escape_propagation')) {
+    if ((e.key === 'Escape' || e.key === 'Esc') && (fg('platform_emoji_picker_escape_propagation') || fg('platform_jira_emoji_picker_escape_propagation'))) {
       return;
     }
     e.stopPropagation();

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

@@ -13,6 +13,7 @@ import EmojiPlaceholder from './EmojiPlaceholder';
 import { sampledUfoRenderedEmoji } from '../../util/analytics';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
+import { fg } from '@atlaskit/platform-feature-flags';
 var ResourcedEmojiComponentRenderStatesEnum = /*#__PURE__*/function (ResourcedEmojiComponentRenderStatesEnum) {
   ResourcedEmojiComponentRenderStatesEnum["INITIAL"] = "INITIAL";
   ResourcedEmojiComponentRenderStatesEnum["FALLBACK"] = "FALLBACK";
@@ -211,6 +212,9 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
   var handleOnLoadSuccess = useCallback(function (emojiId) {
     onEmojiLoadSuccess && onEmojiLoadSuccess(emojiId.id);
   }, [onEmojiLoadSuccess]);
+
+  // use width: auto as long as fitToHeight is defined
+  var autoWidth = fg('platform_emoji_width_auto_fittoheight') ? !!fitToHeight : !!emoji ? false : true;
   return /*#__PURE__*/React.createElement(EmojiCommonProvider, {
     emojiProvider: resolvedEmojiProvider
   }, /*#__PURE__*/React.createElement("span", {
@@ -231,7 +235,7 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
     onLoadSuccess: handleOnLoadSuccess,
     showTooltip: showTooltip,
     fitToHeight: fitToHeight,
-    autoWidth: !!emoji ? false : true,
+    autoWidth: autoWidth,
     editorEmoji: editorEmoji
   })));
 };

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

@@ -425,7 +425,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   // stop all key propagation to other event listeners
   var suppressKeyPress = function suppressKeyPress(e) {
     // Allow escape key to propagate so parent components can handle it (behind feature gate)
-    if ((e.key === 'Escape' || e.key === 'Esc') && fg('platform_emoji_picker_escape_propagation')) {
+    if ((e.key === 'Escape' || e.key === 'Esc') && (fg('platform_emoji_picker_escape_propagation') || fg('platform_jira_emoji_picker_escape_propagation'))) {
       return;
     }
     e.stopPropagation();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "69.5.13",
+	"version": "69.6.1",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,26 +37,26 @@
 		"@atlaskit/afm-i18n-platform-elements-emoji": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/button": "^23.5.0",
-		"@atlaskit/css": "^0.14.0",
+		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/media-client": "^35.5.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
-		"@atlaskit/primitives": "^14.15.0",
-		"@atlaskit/react-ufo": "^4.11.0",
+		"@atlaskit/primitives": "^15.0.0",
+		"@atlaskit/react-ufo": "^4.12.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.6.0",
-		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tmp-editor-statsig": "^13.12.0",
+		"@atlaskit/tokens": "^6.5.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.3",
+		"@compiled/react": "^0.18.6",
 		"@tanstack/react-virtual": "3.0.0-beta.60",
 		"js-search": "^2.0.0",
 		"lru_map": "^0.4.1",
@@ -127,8 +127,14 @@
 		"platform_emoji_picker_escape_propagation": {
 			"type": "boolean"
 		},
+		"platform_jira_emoji_picker_escape_propagation": {
+			"type": "boolean"
+		},
 		"platform_emoji_ssr_width_auto_allowed": {
 			"type": "boolean"
+		},
+		"platform_emoji_width_auto_fittoheight": {
+			"type": "boolean"
 		}
 	},
 	"scripts": {