@atlaskit/emoji 71.7.2 → 71.7.3

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/emoji
 
+## 71.7.3
+
+### Patch Changes
+
+- [`f294eca9448a6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f294eca9448a6) -
+  If emoji upload is disabled, retain previously selected emoji in preview
+
 ## 71.7.2
 
 ### Patch Changes

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

@@ -208,11 +208,12 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       setSelectedEmoji(emoji);
     }
   }, [selectedEmoji]);
+  var uploadEnabled = isUploadSupported && !uploading;
   var onEmojiLeave = (0, _react.useCallback)(function () {
-    if (isRefreshEmojiPickerEnabled()) {
+    if (isRefreshEmojiPickerEnabled() && uploadEnabled) {
       setSelectedEmoji(undefined);
     }
-  }, []);
+  }, [uploadEnabled]);
   var onCategoryActivated = (0, _react.useCallback)(function (category) {
     // Ignore scroll-driven category changes while a programmatic reveal()
     // scroll is in progress — they would flicker the indicator through
@@ -678,7 +679,6 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       emojiProvider.unsubscribe(onProviderChange);
     };
   }, [emojiProvider, onProviderChange]);
-  var uploadEnabled = isUploadSupported && !uploading;
   var showPreview = isRefreshEmojiPickerEnabled() ? !uploading : selectedEmoji && !uploading;
   var shouldRenderFooter = showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && (Boolean(selectedEmoji) || uploadEnabled || !isRefreshEmojiPickerEnabled());
   var useFooterSpaceForList = showPreview && !selectedEmoji && !uploadEnabled && !emojiToDelete && !(query && filteredEmojis.length === 0) && isRefreshEmojiPickerEnabled();

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: "71.7.1"
+      packageVersion: "71.7.2"
     }, attributes)
   };
 };

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

@@ -145,11 +145,12 @@ const EmojiPickerComponent = ({
       setSelectedEmoji(emoji);
     }
   }, [selectedEmoji]);
+  const uploadEnabled = isUploadSupported && !uploading;
   const onEmojiLeave = useCallback(() => {
-    if (isRefreshEmojiPickerEnabled()) {
+    if (isRefreshEmojiPickerEnabled() && uploadEnabled) {
       setSelectedEmoji(undefined);
     }
-  }, []);
+  }, [uploadEnabled]);
   const onCategoryActivated = useCallback(category => {
     // Ignore scroll-driven category changes while a programmatic reveal()
     // scroll is in progress — they would flicker the indicator through
@@ -583,7 +584,6 @@ const EmojiPickerComponent = ({
       emojiProvider.unsubscribe(onProviderChange);
     };
   }, [emojiProvider, onProviderChange]);
-  const uploadEnabled = isUploadSupported && !uploading;
   const showPreview = isRefreshEmojiPickerEnabled() ? !uploading : selectedEmoji && !uploading;
   const shouldRenderFooter = showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && (Boolean(selectedEmoji) || uploadEnabled || !isRefreshEmojiPickerEnabled());
   const useFooterSpaceForList = showPreview && !selectedEmoji && !uploadEnabled && !emojiToDelete && !(query && filteredEmojis.length === 0) && isRefreshEmojiPickerEnabled();

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

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

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

@@ -199,11 +199,12 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       setSelectedEmoji(emoji);
     }
   }, [selectedEmoji]);
+  var uploadEnabled = isUploadSupported && !uploading;
   var onEmojiLeave = useCallback(function () {
-    if (isRefreshEmojiPickerEnabled()) {
+    if (isRefreshEmojiPickerEnabled() && uploadEnabled) {
       setSelectedEmoji(undefined);
     }
-  }, []);
+  }, [uploadEnabled]);
   var onCategoryActivated = useCallback(function (category) {
     // Ignore scroll-driven category changes while a programmatic reveal()
     // scroll is in progress — they would flicker the indicator through
@@ -669,7 +670,6 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       emojiProvider.unsubscribe(onProviderChange);
     };
   }, [emojiProvider, onProviderChange]);
-  var uploadEnabled = isUploadSupported && !uploading;
   var showPreview = isRefreshEmojiPickerEnabled() ? !uploading : selectedEmoji && !uploading;
   var shouldRenderFooter = showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && (Boolean(selectedEmoji) || uploadEnabled || !isRefreshEmojiPickerEnabled());
   var useFooterSpaceForList = showPreview && !selectedEmoji && !uploadEnabled && !emojiToDelete && !(query && filteredEmojis.length === 0) && isRefreshEmojiPickerEnabled();

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.7.2",
+	"version": "71.7.3",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"