@atlaskit/emoji 70.3.4 → 70.4.1

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

@@ -1,6 +1,7 @@
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { customCategory, defaultEmojiPickerSize, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
-import { CategoryDescriptionMap } from './categories';
+import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
 import CategoryTracker from './CategoryTracker';
 import { sizes } from './EmojiPickerSizes';
 import { CategoryHeadingItem, EmojisRowItem, LoadingItem, virtualItemRenderer } from './EmojiPickerVirtualItems';
@@ -107,7 +108,7 @@ export const EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef((pro
   }, [groupByCategory]);
   const addToCategoryMap = (categoryToGroupMap, emoji, category) => {
     if (!categoryToGroupMap[category]) {
-      const categoryDefinition = CategoryDescriptionMap[category];
+      const categoryDefinition = fg('platform_emoji_picker_refresh') ? CategoryDescriptionMapNew[category] : CategoryDescriptionMap[category];
       categoryToGroupMap[category] = {
         emojis: [],
         title: categoryDefinition.name,

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

@@ -1,5 +1,6 @@
 import BasketballIcon from '@atlaskit/icon/core/basketball';
 import AddIcon from '@atlaskit/icon/core/add';
+import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
 import FlagIcon from '@atlaskit/icon/core/flag';
 import TakeoutFoodIcon from '@atlaskit/icon/core/takeout-food';
 import ClockIcon from '@atlaskit/icon/core/clock';
@@ -90,4 +91,85 @@ export const CategoryDescriptionMap = {
     icon: AddIcon,
     order: 12
   }
+};
+export const CategoryDescriptionMapNew = {
+  SEARCH: {
+    id: 'SEARCH',
+    name: 'categoriesSearchResults',
+    // refers to i18n categoriesSearchResults key
+    icon: undefined,
+    order: 0
+  },
+  FREQUENT: {
+    id: 'FREQUENT',
+    name: 'frequentCategory',
+    icon: ClockIcon,
+    order: 1
+  },
+  PEOPLE: {
+    id: 'PEOPLE',
+    name: 'peopleCategory',
+    icon: EmojiIcon,
+    order: 2
+  },
+  NATURE: {
+    id: 'NATURE',
+    name: 'natureCategory',
+    icon: TreeIcon,
+    order: 3
+  },
+  FOODS: {
+    id: 'FOODS',
+    name: 'foodsCategory',
+    icon: TakeoutFoodIcon,
+    order: 4
+  },
+  ACTIVITY: {
+    id: 'ACTIVITY',
+    name: 'activityCategory',
+    icon: BasketballIcon,
+    order: 5
+  },
+  PLACES: {
+    id: 'PLACES',
+    name: 'placesCategory',
+    icon: VehicleCarIcon,
+    order: 6
+  },
+  OBJECTS: {
+    id: 'OBJECTS',
+    name: 'objectsCategory',
+    icon: LightbulbIcon,
+    order: 7
+  },
+  SYMBOLS: {
+    id: 'SYMBOLS',
+    name: 'symbolsCategory',
+    icon: HeartIcon,
+    order: 8
+  },
+  FLAGS: {
+    id: 'FLAGS',
+    name: 'flagsCategory',
+    icon: FlagIcon,
+    order: 9
+  },
+  ATLASSIAN: {
+    id: 'ATLASSIAN',
+    name: 'productivityCategory',
+    icon: CheckCircleIcon,
+    order: 10
+  },
+  USER_CUSTOM: {
+    id: customCategory,
+    name: userCustomTitle,
+    icon: AddIcon,
+    order: 11
+  },
+  CUSTOM: {
+    id: customCategory,
+    name: customTitle,
+    icon: EmojiAddIcon,
+    order: 12
+  }
 };

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

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

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

@@ -6,7 +6,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useState, useRef, memo, useLayoutEffect, useCallback } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { FormattedMessage, injectIntl } from 'react-intl';
+import { FormattedMessage, injectIntl, useIntl } from 'react-intl';
 import EmojiDeletePreview from './EmojiDeletePreview';
 import EmojiUploadPicker from './EmojiUploadPicker';
 import TonePreviewButton from './TonePreviewButton';
@@ -15,6 +15,7 @@ import { EmojiPickerListSearch } from '../picker/EmojiPickerListSearch';
 import { messages } from '../i18n';
 import AkButton from '@atlaskit/button/standard-button';
 import AddIcon from '@atlaskit/icon/core/add';
+import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
 import { setSkinToneAriaLabelText } from './setSkinToneAriaLabelText';
 import { emojiPickerAddEmoji } from './styles';
 import { DEFAULT_TONE } from '../../util/constants';
@@ -35,15 +36,20 @@ export var uploadEmojiTestId = 'upload-emoji';
 var AddOwnEmoji = function AddOwnEmoji(props) {
   var onOpenUpload = props.onOpenUpload,
     uploadEnabled = props.uploadEnabled;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/React.createElement(Fragment, null, uploadEnabled && /*#__PURE__*/React.createElement("div", {
     "data-testid": uploadEmojiTestId,
     className: ax(["_1wpz1h6o _18u019bv _otyr19bv"])
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.addCustomEmojiLabel, function (label) {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, fg('platform_emoji_picker_refresh') ? messages.addEmojiLabel : messages.addCustomEmojiLabel, function (label) {
     return /*#__PURE__*/React.createElement(AkButton, {
       onClick: onOpenUpload,
       iconBefore: /*#__PURE__*/React.createElement(Box, {
         xcss: styles.icon
-      }, /*#__PURE__*/React.createElement(AddIcon, {
+      }, fg('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement(EmojiAddIcon, {
+        color: "currentColor",
+        label: formatMessage(messages.addCustomEmojiLabel)
+      }) : /*#__PURE__*/React.createElement(AddIcon, {
         color: "currentColor",
         label: ""
       })),

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

@@ -19,6 +19,7 @@ import EmojiErrorMessage from './EmojiErrorMessage';
 import EmojiUploadPreview from './EmojiUploadPreview';
 import FileChooser from './FileChooser';
 import { UploadStatus } from './internal-types';
+import { fg } from '@atlaskit/platform-feature-flags';
 var closeEmojiUploadButton = null;
 var emojiUpload = null;
 var emojiUploadTop = null;
@@ -78,7 +79,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
   }, /*#__PURE__*/React.createElement("label", {
     htmlFor: "new-emoji-name-input",
     className: ax(["_1w90azsu", "_11c8wadc _k48p1pd9"])
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.addCustomEmojiLabel)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, fg('platform_emoji_picker_refresh') ? messages.addEmojiLabel : messages.addCustomEmojiLabel)), /*#__PURE__*/React.createElement("div", {
     className: ax(["_1e0c1txw"])
   }, /*#__PURE__*/React.createElement(AkButton, {
     onClick: onUploadCancelled,

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

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl';
+export var messages = defineMessages({
+  addCustomEmojiLabel: {
+    id: 'addCustomEmojiLabel',
+    defaultMessage: 'Add custom emoji',
+    description: 'Accessible label for add custom emoji button'
+  }
+});

package/dist/esm/components/picker/CategorySelector.compiled.css

@@ -2,23 +2,39 @@
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._v564h5h4{transition:color .2s ease}
 ._189eidpf{border-width:0}._16jlidpf{flex-grow:0}
+._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1bah1b1v{justify-content:space-around}
+._1bah1h6o{justify-content:center}
+._1doc1dm9{border-bottom-width:var(--ds-border-width-selected,2px)}
+._1doce4h9{border-bottom-width:var(--ds-border-width,1px)}
 ._1e0c1txw{display:flex}
+._1il9nqa1{border-bottom-style:solid}
+._1o3i1j28{border-bottom-color:transparent}
+._1o3i1l7x{border-bottom-color:var(--ds-border,#0b120e24)}
+._1o3ia755{border-bottom-color:var(--ds-border-brand,#1868db)}
 ._1o9zidpf{flex-shrink:0}
 ._2lx2vrvc{flex-direction:row}
+._4cvr1fhb{align-items:stretch}
 ._4cvr1h6o{align-items:center}
 ._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._dpd31txw button{display:flex}
 ._i0dl1wug{flex-basis:auto}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
 ._syaz6x5g{color:var(--ds-text-selected,#1868db)}
+._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
+._1jc41ihb:hover{border-bottom-color:var(--ds-border-bold,#7d818a)}
+._1jc4a755:hover{border-bottom-color:var(--ds-border-brand,#1868db)}
+._30l31rpy:hover{color:var(--ds-text-subtlest,#6b6e76)}
 ._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}

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

@@ -5,22 +5,28 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useIntl } from 'react-intl';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED, defaultCategories, KeyboardKeys } from '../../util/constants';
 import { messages } from '../i18n';
-import { CategoryDescriptionMap } from './categories';
+import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
 import { usePrevious } from '../../hooks/usePrevious';
 import { RENDER_EMOJI_PICKER_LIST_TESTID } from './EmojiPickerList';
 var styles = {
   commonCategory: "_2rko12b0 _v564h5h4 _189eidpf _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
+  commonCategoryNew: "_v564h5h4 _189eidpf _bfhksm61 _ca0qpxbi _n3tdpxbi _19bv12x7 _u5f312x7 _1e0c1txw _4cvr1h6o _1bah1h6o",
   defaultCategory: "_syaz1rpy _30l36x5g",
+  defaultCategoryNew: "_syaz1rpy _1doc1dm9 _1il9nqa1 _1o3i1j28 _30l31rpy _1jc41ihb",
   activeCategory: "_syaz6x5g _30l36x5g",
+  activeCategoryNew: "_syaz6x5g _1doc1dm9 _1il9nqa1 _1o3ia755 _30l36x5g _1jc4a755",
   disabledCategory: "_syaz1rpy"
 };
 var categorySelector = null;
+var categorySelectorNew = null;
 var categorySelectorTablist = null;
+var categorySelectorTablistNew = null;
 export var sortCategories = function sortCategories(c1, c2) {
   return CategoryDescriptionMap[c1].order - CategoryDescriptionMap[c2].order;
 };
@@ -29,7 +35,7 @@ var addNewCategories = function addNewCategories(oldCategories, newCategories) {
     return oldCategories;
   }
   return oldCategories.concat(newCategories.filter(function (category) {
-    return !!CategoryDescriptionMap[category];
+    return !!(fg('platform_emoji_picker_refresh') ? CategoryDescriptionMapNew : CategoryDescriptionMap)[category];
   })).sort(sortCategories);
 };
 export var categorySelectorComponentTestId = 'category-selector-component';
@@ -108,16 +114,46 @@ var CategorySelector = function CategorySelector(props) {
   };
   var categoriesSection;
   if (categories) {
-    categoriesSection = /*#__PURE__*/React.createElement("div", {
+    categoriesSection = fg('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement("div", {
       role: "tablist",
       "aria-label": formatMessage(messages.categoriesSelectorLabel),
       "data-testid": categorySelectorComponentTestId,
       ref: categoryRef,
-      className: ax(["_ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1e0c1txw _2lx2vrvc _1bah1b1v _4cvr1h6o"])
+      className: ax(["_ca0qze3t _n3tdze3t _19bvu2gc _u5f3u2gc _1e0c1txw _2lx2vrvc _1bah1b1v _4cvr1fhb"])
     }, categories.map(function (categoryId, index) {
       var category = CategoryDescriptionMap[categoryId];
       var Icon = category.icon;
       var categoryName = formatMessage(messages[category.name]);
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        content: categoryName,
+        position: "bottom",
+        key: category.id
+      }, /*#__PURE__*/React.createElement(Pressable, {
+        id: "category-selector-".concat(category.id),
+        "data-focus-index": index,
+        "aria-label": categoryName,
+        "aria-controls": currentFocus === index ? RENDER_EMOJI_PICKER_LIST_TESTID : undefined,
+        "aria-selected": categoryId === activeCategoryId,
+        xcss: cx(styles.commonCategoryNew, styles.defaultCategoryNew, categoryId === activeCategoryId && styles.activeCategoryNew, disableCategories && styles.disabledCategory),
+        isDisabled: disableCategories,
+        onClick: handleClick(categoryId, index),
+        testId: categorySelectorCategoryTestId(categoryId),
+        tabIndex: currentFocus === index ? 0 : -1,
+        onKeyDown: handleKeyDown,
+        role: "tab"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        label: categoryName
+      })));
+    })) : /*#__PURE__*/React.createElement("div", {
+      role: "tablist",
+      "aria-label": formatMessage(messages.categoriesSelectorLabel),
+      "data-testid": categorySelectorComponentTestId,
+      ref: categoryRef,
+      className: ax(["_ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1e0c1txw _2lx2vrvc _1bah1b1v _4cvr1h6o"])
+    }, categories.map(function (categoryId, index) {
+      var category = fg('platform_emoji_picker_refresh') ? CategoryDescriptionMapNew[categoryId] : CategoryDescriptionMap[categoryId];
+      var Icon = category.icon;
+      var categoryName = formatMessage(messages[category.name]);
       return /*#__PURE__*/React.createElement(Tooltip, {
         content: categoryName,
         position: "bottom",
@@ -140,7 +176,9 @@ var CategorySelector = function CategorySelector(props) {
       })));
     }));
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return fg('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement("div", {
+    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _bfhkvuon _ca0qze3t _n3tdze3t _1doce4h9 _1il9nqa1 _1o3i1l7x _dpd31txw"])
+  }, categoriesSection) : /*#__PURE__*/React.createElement("div", {
     className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _bfhkhfxm _dpd31txw"])
   }, categoriesSection);
 };

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

@@ -119,6 +119,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   var openTime = useRef(0);
   var isMounting = useRef(true);
   var previousEmojiProvider = useRef(emojiProvider);
+  var isProgrammaticScroll = useRef(false);
   var currentUser = useMemo(function () {
     return emojiProvider.getCurrentUser();
   }, [emojiProvider]);
@@ -134,6 +135,12 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     }
   }, [selectedEmoji]);
   var onCategoryActivated = useCallback(function (category) {
+    // Ignore scroll-driven category changes while a programmatic reveal()
+    // scroll is in progress — they would flicker the indicator through
+    // intermediate categories before landing on the correct one.
+    if (isProgrammaticScroll.current && fg('platform_emoji_picker_refresh')) {
+      return;
+    }
     if (activeCategory !== category) {
       setActiveCategory(category);
     }
@@ -295,7 +302,16 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
           });
         }
         if (emojiPickerList.current) {
+          if (fg('platform_emoji_picker_refresh')) {
+            isProgrammaticScroll.current = true;
+          }
           emojiPickerList.current.reveal(categoryId);
+          if (fg('platform_emoji_picker_refresh')) {
+            // Clear the flag after the scroll animation has settled.
+            setTimeout(function () {
+              isProgrammaticScroll.current = false;
+            }, 300);
+          }
         }
         batchedUpdates(function () {
           setActiveCategory(categoryId);

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

@@ -1,8 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { customCategory, defaultEmojiPickerSize, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
-import { CategoryDescriptionMap } from './categories';
+import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
 import CategoryTracker from './CategoryTracker';
 import { sizes } from './EmojiPickerSizes';
 import { CategoryHeadingItem, EmojisRowItem, LoadingItem, virtualItemRenderer } from './EmojiPickerVirtualItems';
@@ -131,7 +132,7 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
   }, [groupByCategory]);
   var addToCategoryMap = function addToCategoryMap(categoryToGroupMap, emoji, category) {
     if (!categoryToGroupMap[category]) {
-      var categoryDefinition = CategoryDescriptionMap[category];
+      var categoryDefinition = fg('platform_emoji_picker_refresh') ? CategoryDescriptionMapNew[category] : CategoryDescriptionMap[category];
       categoryToGroupMap[category] = {
         emojis: [],
         title: categoryDefinition.name,

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

@@ -1,5 +1,6 @@
 import BasketballIcon from '@atlaskit/icon/core/basketball';
 import AddIcon from '@atlaskit/icon/core/add';
+import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
 import FlagIcon from '@atlaskit/icon/core/flag';
 import TakeoutFoodIcon from '@atlaskit/icon/core/takeout-food';
 import ClockIcon from '@atlaskit/icon/core/clock';
@@ -90,4 +91,85 @@ export var CategoryDescriptionMap = {
     icon: AddIcon,
     order: 12
   }
+};
+export var CategoryDescriptionMapNew = {
+  SEARCH: {
+    id: 'SEARCH',
+    name: 'categoriesSearchResults',
+    // refers to i18n categoriesSearchResults key
+    icon: undefined,
+    order: 0
+  },
+  FREQUENT: {
+    id: 'FREQUENT',
+    name: 'frequentCategory',
+    icon: ClockIcon,
+    order: 1
+  },
+  PEOPLE: {
+    id: 'PEOPLE',
+    name: 'peopleCategory',
+    icon: EmojiIcon,
+    order: 2
+  },
+  NATURE: {
+    id: 'NATURE',
+    name: 'natureCategory',
+    icon: TreeIcon,
+    order: 3
+  },
+  FOODS: {
+    id: 'FOODS',
+    name: 'foodsCategory',
+    icon: TakeoutFoodIcon,
+    order: 4
+  },
+  ACTIVITY: {
+    id: 'ACTIVITY',
+    name: 'activityCategory',
+    icon: BasketballIcon,
+    order: 5
+  },
+  PLACES: {
+    id: 'PLACES',
+    name: 'placesCategory',
+    icon: VehicleCarIcon,
+    order: 6
+  },
+  OBJECTS: {
+    id: 'OBJECTS',
+    name: 'objectsCategory',
+    icon: LightbulbIcon,
+    order: 7
+  },
+  SYMBOLS: {
+    id: 'SYMBOLS',
+    name: 'symbolsCategory',
+    icon: HeartIcon,
+    order: 8
+  },
+  FLAGS: {
+    id: 'FLAGS',
+    name: 'flagsCategory',
+    icon: FlagIcon,
+    order: 9
+  },
+  ATLASSIAN: {
+    id: 'ATLASSIAN',
+    name: 'productivityCategory',
+    icon: CheckCircleIcon,
+    order: 10
+  },
+  USER_CUSTOM: {
+    id: customCategory,
+    name: userCustomTitle,
+    icon: AddIcon,
+    order: 11
+  },
+  CUSTOM: {
+    id: customCategory,
+    name: customTitle,
+    icon: EmojiAddIcon,
+    order: 12
+  }
 };

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.3.3"
+      packageVersion: "0.0.0-development"
     }, attributes)
   };
 };

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

@@ -0,0 +1,7 @@
+export declare const messages: {
+    addCustomEmojiLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/components/picker/categories.d.ts

@@ -5,4 +5,5 @@ type CategoryDescriptionRecord = {
     [key in CategoryGroupKey]: CategoryDescription;
 };
 export declare const CategoryDescriptionMap: CategoryDescriptionRecord;
+export declare const CategoryDescriptionMapNew: CategoryDescriptionRecord;
 export {};

package/dist/types-ts4.5/components/common/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const messages: {
+    addCustomEmojiLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types-ts4.5/components/picker/categories.d.ts

@@ -5,4 +5,5 @@ type CategoryDescriptionRecord = {
     [key in CategoryGroupKey]: CategoryDescription;
 };
 export declare const CategoryDescriptionMap: CategoryDescriptionRecord;
+export declare const CategoryDescriptionMapNew: CategoryDescriptionRecord;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "70.3.4",
+	"version": "70.4.1",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,13 +43,13 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/heading": "^5.4.0",
 		"@atlaskit/icon": "^34.4.0",
-		"@atlaskit/media-client": "^36.1.0",
+		"@atlaskit/media-client": "^36.2.0",
 		"@atlaskit/media-client-react": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^77.0.0",
+		"@atlaskit/tmp-editor-statsig": "^77.3.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.0.0",
 		"@atlaskit/ufo": "^0.4.0",
@@ -79,7 +79,7 @@
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/theme": "^23.2.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
-		"@atlassian/feature-flags-test-utils": "^1.0.0",
+		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@emotion/jest": "^11.8.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
@@ -139,6 +139,9 @@
 		},
 		"increase-emoji-client-upload-timeout": {
 			"type": "boolean"
+		},
+		"platform_emoji_picker_refresh": {
+			"type": "boolean"
 		}
 	},
 	"scripts": {

package/afm-jira/tsconfig.json

@@ -1,78 +0,0 @@
-{
-	"extends": "../../../../tsconfig.local-consumption.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../jira/tsDist/@atlaskit__emoji/app",
-		"rootDir": "../",
-		"composite": true,
-		"noCheck": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/button/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/css/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/heading/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-client/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-client-react/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/textfield/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../editor/tmp-editor-statsig/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../data/ufo-external/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../util-service-support/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/visually-hidden/afm-jira/tsconfig.json"
-		}
-	]
-}