@atlaskit/emoji 69.5.13 → 69.6.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/emoji
 
+## 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

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/cjs/util/analytics/analytics.js

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

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/es2019/util/analytics/analytics.js

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

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/dist/esm/util/analytics/analytics.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "69.5.13",
+	"version": "69.6.0",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,20 +37,20 @@
 		"@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/primitives": "^15.0.0",
 		"@atlaskit/react-ufo": "^4.11.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.10.0",
+		"@atlaskit/tokens": "^6.5.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
@@ -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": {