@atlaskit/emoji 71.0.0 → 71.1.0

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

@@ -4,6 +4,8 @@ import { useIntl } from 'react-intl';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { customCategory, defaultEmojiPickerSize, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
+import { filterProductivityEmojisByColor, getProductivityColorPreviewEmojis } from '../../util/productivity-colors';
+import { filterHiddenEmojis } from '../../util/hidden-emojis';
 import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
 import CategoryTracker from './CategoryTracker';
 import { sizes } from './EmojiPickerSizes';
@@ -71,7 +73,9 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     onCloseDelete = props.onCloseDelete,
     onFileChooserClicked = props.onFileChooserClicked,
     onOpenUpload = props.onOpenUpload,
-    activeCategoryId = props.activeCategoryId;
+    onProductivityColorSelected = props.onProductivityColorSelected,
+    activeCategoryId = props.activeCategoryId,
+    selectedProductivityColor = props.selectedProductivityColor;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var listRef = useRef(null);
@@ -95,6 +99,12 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     categoriesChanged = _useState8[0],
     setCategoriesChanged = _useState8[1];
   var isTeamojiExperimentEnabled = FeatureGates.getExperimentValue(teamojiRefreshExperimentName, 'isEnabled', false);
+  var visibleEmojis = useMemo(function () {
+    return isTeamojiExperimentEnabled ? filterHiddenEmojis(emojis) : emojis;
+  }, [emojis, isTeamojiExperimentEnabled]);
+  var productivityColorPreviewEmojis = useMemo(function () {
+    return isTeamojiExperimentEnabled ? getProductivityColorPreviewEmojis(visibleEmojis) : {};
+  }, [isTeamojiExperimentEnabled, visibleEmojis]);
   var addToCategoryMap = useCallback(function (categoryToGroupMap, emoji, category) {
     if (!categoryToGroupMap[category]) {
       var categoryDefinition = isTeamojiExperimentEnabled ? CategoryDescriptionMapNew[category] : CategoryDescriptionMap[category];
@@ -175,16 +185,23 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     setAllEmojiGroups(Object.keys(categoryToGroupMap).map(function (key) {
       return categoryToGroupMap[key];
     }).map(function (group) {
-      if (group.category !== frequentCategory) {
+      if (isTeamojiExperimentEnabled && selectedProductivityColor) {
         var _group$subcategories;
-        group.emojis.sort(byOrder);
+        group.emojis = filterProductivityEmojisByColor(group.emojis, selectedProductivityColor);
         (_group$subcategories = group.subcategories) === null || _group$subcategories === void 0 || _group$subcategories.forEach(function (subcategory) {
+          subcategory.emojis = filterProductivityEmojisByColor(subcategory.emojis, selectedProductivityColor);
+        });
+      }
+      if (group.category !== frequentCategory) {
+        var _group$subcategories2;
+        group.emojis.sort(byOrder);
+        (_group$subcategories2 = group.subcategories) === null || _group$subcategories2 === void 0 || _group$subcategories2.forEach(function (subcategory) {
           subcategory.emojis.sort(byOrder);
         });
       }
       return group;
     }).sort(byOrder));
-  }, [groupByCategory]);
+  }, [groupByCategory, isTeamojiExperimentEnabled, selectedProductivityColor]);
   var buildEmojiRows = useCallback(function (items, category, title, emojis, showDelete) {
     var remainingEmojis = emojis;
     while (remainingEmojis.length > 0) {
@@ -204,9 +221,9 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     }
   }, [isTeamojiExperimentEnabled, onEmojiActive, onEmojiDelete, onEmojiLeave, onEmojiSelected]);
   var buildVirtualItemFromGroup = useCallback(function (group) {
-    var _group$subcategories2;
+    var _group$subcategories3;
     var items = [];
-    var hasAtlassianSubcategories = isTeamojiExperimentEnabled && group.category === atlassianCategory && !!((_group$subcategories2 = group.subcategories) !== null && _group$subcategories2 !== void 0 && _group$subcategories2.length);
+    var hasAtlassianSubcategories = isTeamojiExperimentEnabled && group.category === atlassianCategory && !!((_group$subcategories3 = group.subcategories) !== null && _group$subcategories3 !== void 0 && _group$subcategories3.length);
     if (!hasAtlassianSubcategories) {
       items.push(new CategoryHeadingItem({
         id: group.category,
@@ -251,7 +268,7 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     } else {
       if (query) {
         var search = isTeamojiExperimentEnabled ? CategoryDescriptionMapNew.SEARCH : CategoryDescriptionMap.SEARCH;
-        if (emojis.length === 0 && isTeamojiExperimentEnabled) {
+        if (visibleEmojis.length === 0 && isTeamojiExperimentEnabled) {
           // Show a "No results" category heading, then a no-results illustration below it
           items.push(new CategoryHeadingItem({
             id: searchCategory,
@@ -267,7 +284,7 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
           items = [].concat(_toConsumableArray(items), _toConsumableArray(buildVirtualItemFromGroup({
             category: searchCategory,
             title: search.name,
-            emojis: emojis,
+            emojis: visibleEmojis,
             order: search.order
           })));
         }
@@ -295,7 +312,7 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [allEmojiGroups, buildVirtualItemFromGroup, emojis, formatMessage, isTeamojiExperimentEnabled, loading, onOpenUpload, query, uploadEnabled]);
+  }, [allEmojiGroups, buildVirtualItemFromGroup, formatMessage, isTeamojiExperimentEnabled, loading, onOpenUpload, query, uploadEnabled, visibleEmojis]);
   var findCategoryToActivate = function findCategoryToActivate(row) {
     var category = null;
     if (row instanceof CategoryHeadingItem) {
@@ -390,9 +407,9 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
   });
   useEffect(function () {
     if (!query) {
-      buildEmojiGroupedByCategory(emojis, currentUser);
+      buildEmojiGroupedByCategory(visibleEmojis, currentUser);
     }
-  }, [emojis, selectedTone, loading, query, currentUser, buildEmojiGroupedByCategory]);
+  }, [visibleEmojis, selectedTone, selectedProductivityColor, loading, query, currentUser, buildEmojiGroupedByCategory]);
   useEffect(function () {
     buildVirtualItems();
   }, [allEmojiGroups, buildVirtualItems]);
@@ -401,16 +418,17 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
       onRowsRendered({
         startIndex: 0
       });
+      setCategoriesChanged(false);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [virtualItems, categoriesChanged]);
   var virtualListHeight = useMemo(function () {
-    if (query && emojis.length === 0 && isTeamojiExperimentEnabled) {
+    if (query && visibleEmojis.length === 0 && isTeamojiExperimentEnabled) {
       // No-results state: expand the list height to fit heading + illustration without scrolling
       return sizes.categoryHeadingHeight + sizes.noResultsHeight + emojiPickerHeightOffset(size);
     }
     return isTeamojiExperimentEnabled ? sizes.listHeightNew + emojiPickerHeightOffset(size) : sizes.listHeight + emojiPickerHeightOffset(size);
-  }, [size, query, emojis.length, isTeamojiExperimentEnabled]);
+  }, [size, query, visibleEmojis.length, isTeamojiExperimentEnabled]);
   return /*#__PURE__*/React.createElement(EmojiPickerTabPanel, {
     showSearchResults: !!query
   }, /*#__PURE__*/React.createElement(EmojiActions, {
@@ -418,6 +436,9 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     onToneSelected: onToneSelected,
     onToneSelectorCancelled: onToneSelectorCancelled,
     toneEmoji: toneEmoji,
+    activeCategoryId: isTeamojiExperimentEnabled ? activeCategoryId : undefined,
+    productivityColorPreviewEmojis: isTeamojiExperimentEnabled ? productivityColorPreviewEmojis : undefined,
+    selectedProductivityColor: isTeamojiExperimentEnabled ? selectedProductivityColor : undefined,
     uploading: uploading,
     uploadEnabled: uploadEnabled,
     emojiToDelete: emojiToDelete,
@@ -429,9 +450,10 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     onDeleteEmoji: onDeleteEmoji,
     onFileChooserClicked: onFileChooserClicked,
     onOpenUpload: onOpenUpload,
+    onProductivityColorSelected: isTeamojiExperimentEnabled ? onProductivityColorSelected : undefined,
     query: query,
     onChange: onSearch,
-    resultsCount: emojis.length
+    resultsCount: visibleEmojis.length
   }), /*#__PURE__*/React.createElement(EmojiPickerListContextProvider, {
     initialEmojisFocus: {
       rowIndex: 1,

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

@@ -8,6 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useCallback, useImperativeHandle } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { fg } from '@atlaskit/platform-feature-flags';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext';
 import { EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED, EMOJI_LIST_COLUMNS, EMOJI_LIST_PAGE_COUNT, KeyboardNavigationDirection, KeyboardKeys } from '../../util/constants';
 var virtualList = null;
@@ -55,13 +56,11 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var elemBottom = elementRect.bottom;
     var parentTop = parentRect.top;
     var parentBottom = parentRect.bottom;
-
-    // Only completely visible elements return true:
-    var isVisible = elemTop >= parentTop && elemBottom <= parentBottom;
+    var isVisible = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? elemTop >= parentTop && elemBottom <= parentBottom : elemBottom > parentTop && elemTop < parentBottom;
     return isVisible;
   };
   var getFirstVisibleListElementIndex = useCallback(function () {
-    var _parentRef$current;
+    var _parentRef$current, _virtualList$;
     var virtualList = rowVirtualizer.getVirtualItems();
     var renderedElements = (_parentRef$current = parentRef.current) === null || _parentRef$current === void 0 || (_parentRef$current = _parentRef$current.firstChild) === null || _parentRef$current === void 0 ? void 0 : _parentRef$current.childNodes;
     if (virtualList.length === 0 || !renderedElements || renderedElements.length === 0) {
@@ -76,7 +75,7 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var _virtualList$firstVis;
       return ((_virtualList$firstVis = virtualList[firstVisibleIndex]) === null || _virtualList$firstVis === void 0 ? void 0 : _virtualList$firstVis.index) || 0;
     }
-    return 0;
+    return FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? ((_virtualList$ = virtualList[0]) === null || _virtualList$ === void 0 ? void 0 : _virtualList$.index) || 0 : 0;
   }, [rowVirtualizer]);
 
   /**

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.17.10"
+      packageVersion: "71.0.1"
     }, attributes)
   };
 };

package/dist/esm/util/hidden-emojis.js

@@ -0,0 +1,27 @@
+var hasHiddenTag = function hasHiddenTag(tags) {
+  var _tags$includes;
+  return (_tags$includes = tags === null || tags === void 0 ? void 0 : tags.includes('hidden')) !== null && _tags$includes !== void 0 ? _tags$includes : false;
+};
+var hasHiddenMetadataTag = function hasHiddenMetadataTag(emoji) {
+  var emojiWithMetadata = emoji;
+  var metadata = emojiWithMetadata.metadata;
+  if (typeof metadata === 'string') {
+    return metadata === 'hidden';
+  }
+  if (Array.isArray(metadata)) {
+    return hasHiddenTag(metadata);
+  }
+  return hasHiddenTag(metadata === null || metadata === void 0 ? void 0 : metadata.tags) || hasHiddenTag(emojiWithMetadata.tags);
+};
+export var isHiddenEmoji = function isHiddenEmoji(emoji) {
+  var emojiWithMetadata = emoji;
+  if (emojiWithMetadata.hidden) {
+    return true;
+  }
+  return hasHiddenMetadataTag(emoji);
+};
+export var filterHiddenEmojis = function filterHiddenEmojis(emojis) {
+  return emojis.filter(function (emoji) {
+    return !isHiddenEmoji(emoji);
+  });
+};

package/dist/esm/util/productivity-colors.js

@@ -0,0 +1,45 @@
+export var productivityColors = ['gray', 'magenta', 'purple', 'blue', 'teal', 'green', 'lime', 'yellow', 'orange', 'red'];
+var productivityColorSet = new Set(productivityColors);
+var zeroSquareVariantParent = '0_zero_square_blue';
+export var defaultProductivityColor = 'blue';
+var getProductivityVariant = function getProductivityVariant(emoji) {
+  if (emoji.type !== 'ATLASSIAN' || !emoji.color || !productivityColorSet.has(emoji.color)) {
+    return undefined;
+  }
+  return {
+    color: emoji.color
+  };
+};
+export var getProductivityColor = function getProductivityColor(emoji) {
+  var _getProductivityVaria;
+  return (_getProductivityVaria = getProductivityVariant(emoji)) === null || _getProductivityVaria === void 0 ? void 0 : _getProductivityVaria.color;
+};
+export var isProductivityNumberEmoji = function isProductivityNumberEmoji(emoji) {
+  return getProductivityColor(emoji) !== undefined;
+};
+export var filterProductivityEmojisByColor = function filterProductivityEmojisByColor(emojis, selectedColor) {
+  return emojis.filter(function (emoji) {
+    var variant = getProductivityVariant(emoji);
+    return !variant || variant.color === selectedColor;
+  });
+};
+var isZeroSquareProductivityEmoji = function isZeroSquareProductivityEmoji(emoji) {
+  var _emoji$variantChildre, _emoji$keywords, _emoji$variantChildre2;
+  return emoji.variantParent === zeroSquareVariantParent || ((_emoji$variantChildre = emoji.variantChildren) === null || _emoji$variantChildre === void 0 ? void 0 : _emoji$variantChildre.some(function (variantChild) {
+    return variantChild.includes('0_zero_square_');
+  })) || !!(emoji.variantBase && (_emoji$keywords = emoji.keywords) !== null && _emoji$keywords !== void 0 && _emoji$keywords.includes('0') && (_emoji$variantChildre2 = emoji.variantChildren) !== null && _emoji$variantChildre2 !== void 0 && _emoji$variantChildre2.some(function (variantChild) {
+    return variantChild.includes('_square_');
+  }));
+};
+export var getProductivityColorPreviewEmojis = function getProductivityColorPreviewEmojis(emojis) {
+  return emojis.reduce(function (previewEmojis, emoji) {
+    var color = getProductivityColor(emoji);
+    if (!color) {
+      return previewEmojis;
+    }
+    if (isZeroSquareProductivityEmoji(emoji) || !previewEmojis[color]) {
+      previewEmojis[color] = emoji;
+    }
+    return previewEmojis;
+  }, {});
+};

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

@@ -59,6 +59,11 @@ export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMo
      * Called when an emoji is selected
      */
     onSelected?: OnEmojiEvent;
+    /**
+     * Renders unicode emoji through an image representation when a fixed height is supplied.
+     * Defaults to `true`.
+     */
+    renderUnicodeEmojiAsImage?: boolean;
     /**
      * Show the emoji as selected
      */

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

@@ -5,13 +5,16 @@
 import { type ComponentType, type FC } from 'react';
 import { type WithIntlProps, type WrappedComponentProps } from 'react-intl';
 import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnToneSelected, OnToneSelectorCancelled, ToneSelection } from '../../types';
+import type { CategoryId } from '../picker/categories';
 import { type OnDeleteEmoji } from './EmojiDeletePreview';
 import { type OnUploadEmoji } from './EmojiUploadPicker';
+import type { ProductivityColor } from '../../util/productivity-colors';
 export interface Props {
     emojiToDelete?: EmojiDescription;
     initialUploadName?: string;
     onChange: (value: string) => void;
     onCloseDelete: () => void;
+    onProductivityColorSelected?: (color: ProductivityColor) => void;
     onDeleteEmoji: OnDeleteEmoji;
     onFileChooserClicked?: () => void;
     onOpenUpload: () => void;
@@ -21,6 +24,9 @@ export interface Props {
     onUploadEmoji: OnUploadEmoji;
     query?: string;
     resultsCount?: number;
+    activeCategoryId?: CategoryId | null;
+    productivityColorPreviewEmojis?: Partial<Record<ProductivityColor, EmojiDescription>>;
+    selectedProductivityColor?: ProductivityColor;
     selectedTone?: ToneSelection;
     toneEmoji?: EmojiDescriptionWithVariations;
     uploadEnabled: boolean;

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

@@ -2,6 +2,7 @@ import React, { type ReactElement } from 'react';
 import type { RelativePosition } from '../../types';
 export interface Props {
     children: ReactElement<any>;
+    horizontalAlign?: 'start' | 'end' | 'end-to-start';
     offsetX?: number;
     offsetY?: number;
     relativePosition?: RelativePosition;

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

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type MemoExoticComponent } from 'react';
+import type { EmojiDescription } from '../../types';
+import { type ProductivityColor } from '../../util/productivity-colors';
+export declare const productivityColorSelectorTestId = "productivity-color-selector";
+export declare const productivityColorSelectorId = "emoji-picker-productivity-color-selector";
+export interface Props {
+    colorPreviewEmojis: Partial<Record<ProductivityColor, EmojiDescription>>;
+    onColorSelected: (color: ProductivityColor) => void;
+    selectedColor: ProductivityColor;
+}
+export declare const ProductivityColorSelector: ({ colorPreviewEmojis, onColorSelected, selectedColor, }: Props) => JSX.Element | null;
+declare const _default_1: MemoExoticComponent<typeof ProductivityColorSelector>;
+export default _default_1;

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

@@ -50,6 +50,11 @@ export interface BaseResourcedEmojiProps {
      * allows custom styling to the placeholder component while the emoji is loading.
      */
     placeholderXcss?: StrictXCSSProp<'backgroundColor', never>;
+    /**
+     * Renders unicode emoji through an image representation when a fixed height is supplied.
+     * Defaults to `true`.
+     */
+    renderUnicodeEmojiAsImage?: boolean;
     /**
      * Allows to show the tooltip.
      * Defaults to `false`.
@@ -70,5 +75,5 @@ export interface Props extends BaseResourcedEmojiProps {
      */
     onEmojiLoadSuccess?: EmojiLoadSuccessCallback;
 }
-export declare const ResourcedEmojiComponent: ({ emojiProvider, emojiId, showTooltip, customFallback, fitToHeight, optimistic, optimisticImageURL, editorEmoji, pageTitleEmoji, placeholderXcss, onEmojiLoadSuccess, onEmojiLoadFail, }: Props) => React.JSX.Element;
+export declare const ResourcedEmojiComponent: ({ emojiProvider, emojiId, showTooltip, customFallback, fitToHeight, optimistic, optimisticImageURL, editorEmoji, renderUnicodeEmojiAsImage, pageTitleEmoji, placeholderXcss, onEmojiLoadSuccess, onEmojiLoadFail, }: Props) => React.JSX.Element;
 export default ResourcedEmojiComponent;

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

@@ -6,6 +6,7 @@ import { type ForwardRefExoticComponent, type MemoExoticComponent, type RefAttri
 import type { EmojiDescription } from '../../types';
 export declare const tonePreviewTestId = "tone-preview";
 export interface Props {
+    ariaControls?: string;
     ariaExpanded?: boolean;
     ariaLabelText?: string;
     emoji: EmojiDescription;

package/dist/types/components/i18n.d.ts

@@ -164,6 +164,16 @@ export declare const messages: {
         description: string;
         id: string;
     };
+    emojiSelectColorButtonAriaLabelText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    emojiSelectColorListAriaLabelText: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     emojiSelectSkinToneListAriaLabelText: {
         defaultMessage: string;
         description: string;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, PickerSize, ToneSelection, User } from '../../types';
+import { type ProductivityColor } from '../../util/productivity-colors';
 import { type CategoryId } from './categories';
 import type { OnUploadEmoji } from '../common/EmojiUploadPicker';
 import type { OnDeleteEmoji } from '../common/EmojiDeletePreview';
@@ -26,12 +27,14 @@ export interface Props {
     onEmojiSelected?: OnEmojiEvent;
     onFileChooserClicked?: () => void;
     onOpenUpload: () => void;
+    onProductivityColorSelected?: (color: ProductivityColor) => void;
     onSearch?: OnSearch;
     onToneSelected?: OnToneSelected;
     onToneSelectorCancelled?: OnToneSelectorCancelled;
     onUploadCancelled: () => void;
     onUploadEmoji: OnUploadEmoji;
     query?: string;
+    selectedProductivityColor?: ProductivityColor;
     selectedTone?: ToneSelection;
     size?: PickerSize;
     toneEmoji?: EmojiDescriptionWithVariations;

package/dist/types/types.d.ts

@@ -220,13 +220,20 @@ export interface EmojiDescription extends EmojiId {
     altRepresentation?: EmojiRepresentation;
     ascii?: string[];
     category: string;
+    color?: string;
     createdDate?: string;
     creatorUserId?: string;
+    fallback?: string;
+    hidden?: boolean;
+    keywords?: string[];
     name?: string;
     order?: number;
     representation: EmojiRepresentation;
     searchable: boolean;
     type: string;
+    variantBase?: boolean;
+    variantChildren?: string[];
+    variantParent?: string;
 }
 export interface EmojiDescriptionWithVariations extends EmojiDescription {
     skinVariations?: EmojiDescription[];

package/dist/types/util/hidden-emojis.d.ts

@@ -0,0 +1,3 @@
+import type { EmojiDescription } from '../types';
+export declare const isHiddenEmoji: (emoji: EmojiDescription) => boolean;
+export declare const filterHiddenEmojis: <Emoji extends EmojiDescription>(emojis: Emoji[]) => Emoji[];

package/dist/types/util/productivity-colors.d.ts

@@ -0,0 +1,8 @@
+import type { EmojiDescription } from '../types';
+export declare const productivityColors: readonly ["gray", "magenta", "purple", "blue", "teal", "green", "lime", "yellow", "orange", "red"];
+export type ProductivityColor = (typeof productivityColors)[number];
+export declare const defaultProductivityColor: ProductivityColor;
+export declare const getProductivityColor: (emoji: EmojiDescription) => ProductivityColor | undefined;
+export declare const isProductivityNumberEmoji: (emoji: EmojiDescription) => boolean;
+export declare const filterProductivityEmojisByColor: (emojis: EmojiDescription[], selectedColor: ProductivityColor) => EmojiDescription[];
+export declare const getProductivityColorPreviewEmojis: (emojis: EmojiDescription[]) => Partial<Record<ProductivityColor, EmojiDescription>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.0.0",
+	"version": "71.1.0",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,9 +45,10 @@
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
 		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/radio": "^9.0.0",
 		"@atlaskit/spinner": "^20.0.0",
 		"@atlaskit/textfield": "^9.0.0",
-		"@atlaskit/tmp-editor-statsig": "^104.0.0",
+		"@atlaskit/tmp-editor-statsig": "^105.0.0",
 		"@atlaskit/tokens": "^14.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@atlaskit/ufo": "^1.0.0",