@atlaskit/emoji 70.15.2 → 70.15.3

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

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useIntl } from 'react-intl';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { customCategory, defaultEmojiPickerSize, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
 import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
 import CategoryTracker from './CategoryTracker';
@@ -137,7 +137,7 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
   }, [groupByCategory]);
   var addToCategoryMap = function addToCategoryMap(categoryToGroupMap, emoji, category) {
     if (!categoryToGroupMap[category]) {
-      var categoryDefinition = fg('platform_emoji_picker_refresh') ? CategoryDescriptionMapNew[category] : CategoryDescriptionMap[category];
+      var categoryDefinition = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? CategoryDescriptionMapNew[category] : CategoryDescriptionMap[category];
       categoryToGroupMap[category] = {
         emojis: [],
         title: categoryDefinition.name,
@@ -168,7 +168,7 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
         onDelete: onEmojiDelete,
         onMouseMove: onEmojiActive,
         onFocus: onEmojiActive,
-        onMouseLeave: fg('platform_emoji_picker_refresh') ? onEmojiLeave : undefined
+        onMouseLeave: FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? onEmojiLeave : undefined
       }));
     }
     return items;
@@ -181,8 +181,8 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
       items.push(new LoadingItem());
     } else {
       if (query) {
-        var search = fg('platform_emoji_picker_refresh') ? CategoryDescriptionMapNew.SEARCH : CategoryDescriptionMap.SEARCH;
-        if (emojis.length === 0 && fg('platform_emoji_picker_refresh')) {
+        var search = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? CategoryDescriptionMapNew.SEARCH : CategoryDescriptionMap.SEARCH;
+        if (emojis.length === 0 && FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
           // Show a "No results" category heading, then a no-results illustration below it
           items.push(new CategoryHeadingItem({
             id: searchCategory,
@@ -336,11 +336,11 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [virtualItems, categoriesChanged]);
   var virtualListHeight = useMemo(function () {
-    if (query && emojis.length === 0 && fg('platform_emoji_picker_refresh')) {
+    if (query && emojis.length === 0 && FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
       // No-results state: expand the list height to fit heading + illustration without scrolling
       return sizes.categoryHeadingHeight + sizes.noResultsHeight + emojiPickerHeightOffset(size);
     }
-    return fg('platform_emoji_picker_refresh') ? sizes.listHeightNew + emojiPickerHeightOffset(size) : sizes.listHeight + emojiPickerHeightOffset(size);
+    return FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? sizes.listHeightNew + emojiPickerHeightOffset(size) : sizes.listHeight + emojiPickerHeightOffset(size);
   }, [size, query, emojis.length]);
   return /*#__PURE__*/React.createElement(EmojiPickerTabPanel, {
     showSearchResults: !!query

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

@@ -5,11 +5,11 @@ import { ax, ix } from "@compiled/react/runtime";
 import SearchIcon from '@atlaskit/icon/core/search';
 import TextField from '@atlaskit/textfield';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import { fg } from '@atlaskit/platform-feature-flags';
 import React, { useLayoutEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { useDebouncedCallback } from 'use-debounce';
 import { EMOJI_SEARCH_DEBOUNCE } from '../../util/constants';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { messages } from '../i18n';
 var input = null;
 var inputNew = null;
@@ -62,7 +62,7 @@ export var EmojiPickerListSearch = function EmojiPickerListSearch(props) {
     role: "status"
   }, dirty ? query === '' ? formatMessage(messages.searchResultsStatusSeeAll) : formatMessage(messages.searchResultsStatus, {
     count: resultsCount
-  }) : null), fg('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement("div", {
+  }) : null), FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
     className: ax(["_n6341l7x _18z11b66"])
   }, /*#__PURE__*/React.createElement(TextField, {
     role: "searchbox",

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "70.15.2",
+	"version": "70.15.3",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,6 +42,7 @@
 		"@atlaskit/browser-apis": "^0.0.2",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
+		"@atlaskit/feature-gate-js-client": "^5.7.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/heading": "^5.4.0",
 		"@atlaskit/icon": "^35.4.0",
@@ -141,9 +142,6 @@
 		"increase-emoji-client-upload-timeout": {
 			"type": "boolean"
 		},
-		"platform_emoji_picker_refresh": {
-			"type": "boolean"
-		},
 		"platform_emoji_keep_picker_open_on_upload": {
 			"type": "boolean"
 		},
@@ -157,6 +155,12 @@
 			"type": "boolean"
 		}
 	},
+	"platform-experiments": {
+		"platform_teamoji_26_refresh_emoji_picker": {
+			"param": "isEnabled",
+			"defaultValue": false
+		}
+	},
 	"scripts": {
 		"setup-first-time": "yarn run setup-local-config; yarn run setup-env",
 		"setup-local-config": "cp -nv local-config-template.ts local-config.ts",