@atlaskit/emoji 72.4.10 → 72.4.12

package/dist/esm/index.js

@@ -10,22 +10,22 @@ import EmojiUploader from './components/uploader/EmojiUploader';
 export {
 // renaming exports to prevent breaking changes due to renaming
 commonSelectedStyles as selected, selectOnHoverStyles as selectOnHover, emojiSprite, emojiNodeStyles as emojiNode, emojiImage, placeholder as emojiPlaceholder } from './components/common/styles';
-import EmojiResource from './api/EmojiResource';
+import { denormaliseEmojiServiceResponse } from './api/denormaliseEmojiServiceResponse';
 import EmojiLoader from './api/EmojiLoader';
 import EmojiRepository from './api/EmojiRepository';
-import { denormaliseEmojiServiceResponse } from './api/denormaliseEmojiServiceResponse';
+import EmojiResource from './api/EmojiResource';
+import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
+import { EmojiCommonProvider } from './context/EmojiCommonProvider';
+import { EmojiContextProvider } from './context/EmojiContextProvider';
+import { useEmoji } from './hooks/useEmoji';
+import { useEmojiContext } from './hooks/useEmojiContext';
 import { recordSelectionFailedSli } from './util/analytics/recordSelectionFailedSli';
 import { recordSelectionSucceededSli } from './util/analytics/recordSelectionSucceededSli';
 import { ufoExperiences } from './util/analytics/ufoExperiences';
 import { withSampling } from './util/analytics/withSampling';
+import { customCategory, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, emojiPickerWidth, emojiPickerHeight } from './util/constants';
 import { toEmojiId } from './util/to-emoji-id';
 import { toOptionalEmojiId } from './util/to-optional-emoji-id';
-import { customCategory, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, emojiPickerWidth, emojiPickerHeight } from './util/constants';
-import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
-import { EmojiCommonProvider } from './context/EmojiCommonProvider';
-import { EmojiContextProvider } from './context/EmojiContextProvider';
-import { useEmoji } from './hooks/useEmoji';
-import { useEmojiContext } from './hooks/useEmojiContext';
 export {
 // Classes
 AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUploader, EmojiResource, EmojiCommonProvider, EmojiRepository, EmojiTypeAhead, ResourcedEmoji, EmojiContextProvider,

package/dist/esm/picker.js

@@ -2,4 +2,5 @@
 /**
  * @deprecated Use `import { EmojiPicker } from '@atlaskit/emoji/emoji-picker'` instead.
  */
+
 export { default as EmojiPicker } from './components/picker/EmojiPicker';

package/dist/esm/resource.js

@@ -1,4 +1,5 @@
 /* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
 export { AbstractResource } from '@atlaskit/util-service-support';
 /**
  * @deprecated Use `import { EmojiResource } from '@atlaskit/emoji/emoji-resource'` instead.

package/dist/esm/typeahead.js

@@ -2,6 +2,7 @@
 /**
  * @deprecated Use `import EmojiTypeAhead from '@atlaskit/emoji/emoji-type-ahead'` instead.
  */
+
 export { default as EmojiTypeAhead } from './components/typeahead/EmojiTypeAhead';
 /**
  * @deprecated Use `import EmojiTypeAheadList from '@atlaskit/emoji/emoji-type-ahead-list'` instead.

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

@@ -1,4 +1,5 @@
 /* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
 import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 export var createAndFireEventInElementsChannel = createAndFireEvent('fabric-elements');
 /**

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

@@ -12,7 +12,7 @@ export var createEvent = function createEvent(eventType, action, actionSubject,
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "72.4.9"
+      packageVersion: "72.4.11"
     }, attributes)
   };
 };

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

@@ -1,7 +1,8 @@
 /* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
-import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
+
 import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
 import { UFOExperience } from '@atlaskit/ufo/experience';
+import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
 import { UfoComponentName, UfoEmojiTimings, UfoEmojiTimingsKeys, UfoExperienceName } from '../../types';
 var createRenderExperience = function createRenderExperience(componentName) {
   return {

package/dist/esm/util/teamoji26RefreshEmojiPicker.js

@@ -2,11 +2,12 @@ import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-e
 import { UNSAFE_expValNoExposure } from '@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var teamoji26RefreshEmojiPickerExperimentName = 'platform_teamoji_26_refresh_emoji_picker';
+export var teamoji26RefreshEmojiPickerCanvasExperimentName = 'platform_teamoji_26_refresh_emoji_picker_canvas';
 export var teamoji26RefreshEmojiPickerUserIdGateName = 'platform_teamoji_26_refresh_emoji_picker_user_id';
 export var teamoji26RefreshEmojiPickerShortNameAndOrderingGateName = 'platform_bitbucket_fix_shortname_and_ordering';
 export var isTeamoji26RefreshEmojiPickerEnabled = function isTeamoji26RefreshEmojiPickerEnabled() {
-  return isExperimentEnabled(teamoji26RefreshEmojiPickerExperimentName) || fg(teamoji26RefreshEmojiPickerUserIdGateName) || fg(teamoji26RefreshEmojiPickerShortNameAndOrderingGateName);
+  return isExperimentEnabled(teamoji26RefreshEmojiPickerExperimentName) || isExperimentEnabled(teamoji26RefreshEmojiPickerCanvasExperimentName) || fg(teamoji26RefreshEmojiPickerUserIdGateName) || fg(teamoji26RefreshEmojiPickerShortNameAndOrderingGateName);
 };
 export var isTeamoji26RefreshEmojiPickerEnabledNoExposure = function isTeamoji26RefreshEmojiPickerEnabledNoExposure() {
-  return UNSAFE_expValNoExposure(teamoji26RefreshEmojiPickerExperimentName, 'isEnabled', false) === true || fg(teamoji26RefreshEmojiPickerUserIdGateName) || fg(teamoji26RefreshEmojiPickerShortNameAndOrderingGateName);
+  return UNSAFE_expValNoExposure(teamoji26RefreshEmojiPickerExperimentName, 'isEnabled', false) === true || UNSAFE_expValNoExposure(teamoji26RefreshEmojiPickerCanvasExperimentName, 'isEnabled', false) === true || fg(teamoji26RefreshEmojiPickerUserIdGateName) || fg(teamoji26RefreshEmojiPickerShortNameAndOrderingGateName);
 };

package/dist/esm/util/type-helpers.js

@@ -2,6 +2,7 @@
 /**
  * @deprecated Use `import { isSpriteServiceRepresentation } from '@atlaskit/emoji/type-helpers'` instead.
  */
+
 export { isSpriteServiceRepresentation } from './is-sprite-service-representation';
 /**
  * @deprecated Use `import { isSpriteRepresentation } from '@atlaskit/emoji/type-helpers'` instead.

package/dist/esm/utils.js

@@ -2,6 +2,7 @@
 /**
  * @deprecated Use `import { defaultInlineEmojiHeight } from '@atlaskit/emoji/constants'` instead.
  */
+
 export { defaultInlineEmojiHeight } from './util/constants';
 /**
  * @deprecated Use `import { toEmojiId, toOptionalEmojiId } from '@atlaskit/emoji/type-helpers'` instead.

package/dist/types/api/media/TokenManager.d.ts

@@ -1,5 +1,5 @@
-import type { MediaApiToken } from '../../types';
 import { type ServiceConfig } from '@atlaskit/util-service-support';
+import type { MediaApiToken } from '../../types';
 export declare const EXPIRES_AT_LATENCY_IN_SECONDS = 30;
 export type TokenType = 'read' | 'upload';
 export default class TokenManager {

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

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 export interface Props {
     appearance: string;
     ariaDescribedBy?: string;

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

@@ -3,8 +3,8 @@
  * @jsx jsx
  */
 import { type MemoExoticComponent } from 'react';
-import type { EmojiDescription, OnEmojiEvent } from '../../types';
 import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
+import type { EmojiDescription, OnEmojiEvent } from '../../types';
 import type { CategoryGroupKey } from './categories';
 export interface Props {
     category: CategoryGroupKey;

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

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { Styles } from '../../types';
 export interface Props {
     isVisible?: boolean;

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

@@ -1,5 +1,9 @@
-import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
+import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
 type Props = {
     height: number;
     onRowsRendered: (indexes: {

package/dist/types/index.d.ts

@@ -8,23 +8,23 @@ import EmojiTypeAhead from './components/typeahead/EmojiTypeAhead';
 import EmojiTypeAheadItem from './components/typeahead/EmojiTypeAheadItem';
 import EmojiUploader from './components/uploader/EmojiUploader';
 export { commonSelectedStyles as selected, selectOnHoverStyles as selectOnHover, emojiSprite, emojiNodeStyles as emojiNode, emojiImage, placeholder as emojiPlaceholder, } from './components/common/styles';
-import EmojiResource, { type EmojiProvider, type UploadingEmojiProvider, type EmojiResourceConfig } from './api/EmojiResource';
+import { denormaliseEmojiServiceResponse } from './api/denormaliseEmojiServiceResponse';
 import EmojiLoader from './api/EmojiLoader';
 import EmojiRepository from './api/EmojiRepository';
-import { denormaliseEmojiServiceResponse } from './api/denormaliseEmojiServiceResponse';
+import EmojiResource, { type EmojiProvider, type UploadingEmojiProvider, type EmojiResourceConfig } from './api/EmojiResource';
+import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
+import { EmojiCommonProvider } from './context/EmojiCommonProvider';
+import { EmojiContextProvider } from './context/EmojiContextProvider';
+import { useEmoji } from './hooks/useEmoji';
+import { useEmojiContext } from './hooks/useEmojiContext';
 import { recordSelectionFailedSli } from './util/analytics/recordSelectionFailedSli';
 import { recordSelectionSucceededSli } from './util/analytics/recordSelectionSucceededSli';
 import type { WithSamplingUFOExperience } from './util/analytics/samplingUfo';
 import { ufoExperiences } from './util/analytics/ufoExperiences';
 import { withSampling } from './util/analytics/withSampling';
+import { customCategory, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, emojiPickerWidth, emojiPickerHeight } from './util/constants';
 import { toEmojiId } from './util/to-emoji-id';
 import { toOptionalEmojiId } from './util/to-optional-emoji-id';
-import { customCategory, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, emojiPickerWidth, emojiPickerHeight } from './util/constants';
-import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
-import { EmojiCommonProvider } from './context/EmojiCommonProvider';
-import { EmojiContextProvider } from './context/EmojiContextProvider';
-import { useEmoji } from './hooks/useEmoji';
-import { useEmojiContext } from './hooks/useEmojiContext';
 export { AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUploader, EmojiResource, EmojiCommonProvider, EmojiRepository, EmojiTypeAhead, ResourcedEmoji, EmojiContextProvider, useEmoji, useEmojiContext, denormaliseEmojiServiceResponse, preloadEmojiPicker, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
 export type { EmojiProvider, UploadingEmojiProvider, EmojiResourceConfig, WithSamplingUFOExperience, };
 export { SearchSort, UfoExperienceName, UfoComponentName, } from './types';

package/dist/types/types.d.ts

@@ -1,7 +1,7 @@
 import type { SyntheticEvent } from 'react';
+import type { Provider } from '@atlaskit/util-service-support/types';
 import type { messages } from './components/i18n';
 import type { CategoryId } from './components/picker/categories';
-import type { Provider } from '@atlaskit/util-service-support/types';
 import type { EmojiRepository } from './resource';
 export type { CategoryId } from './components/picker/categories';
 export interface EmojiProvider extends Provider<string, EmojiSearchResult, any, undefined, SearchOptions> {

package/dist/types/util/analytics/analytics.d.ts

@@ -1,6 +1,6 @@
-import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import type { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import { type SearchSourceTypes } from '../../types';
 export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
 export type EmojiInsertionAnalytic = (source: SearchSourceTypes.PICKER | SearchSourceTypes.TYPEAHEAD) => AnalyticsEventPayload;

package/dist/types/util/analytics/useSampledUFOComponentExperience.d.ts

@@ -1,5 +1,5 @@
-import type { CustomData } from '@atlaskit/ufo/types';
 import type { UFOExperience } from '@atlaskit/ufo/experience';
+import type { CustomData } from '@atlaskit/ufo/types';
 /**
  * A hook to start an experience and to auto abort the experience when the parent component is unmounted.
  * Use this instead of a direct call to `experience.start`. If you need to restart the experience

package/dist/types/util/teamoji26RefreshEmojiPicker.d.ts

@@ -1,4 +1,5 @@
 export declare const teamoji26RefreshEmojiPickerExperimentName = "platform_teamoji_26_refresh_emoji_picker";
+export declare const teamoji26RefreshEmojiPickerCanvasExperimentName = "platform_teamoji_26_refresh_emoji_picker_canvas";
 export declare const teamoji26RefreshEmojiPickerUserIdGateName = "platform_teamoji_26_refresh_emoji_picker_user_id";
 export declare const teamoji26RefreshEmojiPickerShortNameAndOrderingGateName = "platform_bitbucket_fix_shortname_and_ordering";
 export declare const isTeamoji26RefreshEmojiPickerEnabled: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "72.4.10",
+	"version": "72.4.12",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
 		"@atlaskit/afm-i18n-platform-elements-emoji": "2.249.0",
 		"@atlaskit/analytics-next": "^12.5.0",
 		"@atlaskit/browser-apis": "^1.2.0",
-		"@atlaskit/button": "^25.3.0",
+		"@atlaskit/button": "^25.4.0",
 		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
 		"@atlaskit/form": "^17.2.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/icon": "^37.7.0",
 		"@atlaskit/icon-lab": "^7.9.0",
 		"@atlaskit/image": "^5.2.0",
-		"@atlaskit/logo": "^23.0.0",
+		"@atlaskit/logo": "^23.1.0",
 		"@atlaskit/media-client": "^38.1.0",
 		"@atlaskit/media-client-react": "^6.4.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/textfield": "^10.2.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^200.0.0",
+		"@atlaskit/tmp-editor-statsig": "^201.0.0",
 		"@atlaskit/tokens": "^18.2.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/ufo": "^1.2.0",
@@ -150,6 +150,10 @@
 		"platform_teamoji_26_refresh_emoji_picker": {
 			"param": "isEnabled",
 			"defaultValue": false
+		},
+		"platform_teamoji_26_refresh_emoji_picker_canvas": {
+			"param": "isEnabled",
+			"defaultValue": false
 		}
 	},
 	"scripts": {