@atlaskit/emoji 67.13.1 → 67.14.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/emoji
 
+## 67.14.0
+
+### Minor Changes
+
+- [#113788](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113788)
+  [`532820b675878`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/532820b675878) -
+  ED-26212: Preloads the emoji picker to allow it to be used offline
+
+### Patch Changes
+
+- Updated dependencies
+
+## 67.13.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 67.13.1
 
 ### Patch Changes

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.EmojiPickerInternal = void 0;
+exports.preloadEmojiPicker = exports.default = exports.EmojiPickerInternal = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -40,6 +40,11 @@ var emojiPickerLoader = function emojiPickerLoader() {
     return module.default;
   });
 };
+var preloadEmojiPicker = exports.preloadEmojiPicker = function preloadEmojiPicker() {
+  emojiPickerLoader().then(function (component) {
+    EmojiPickerInternal.AsyncLoadedComponent = component;
+  });
+};
 var EmojiPickerInternal = exports.EmojiPickerInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
   function EmojiPickerInternal(props) {
     var _this;

package/dist/cjs/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -161,6 +162,12 @@ Object.defineProperty(exports, "emojiSprite", {
     return _styles.emojiSprite;
   }
 });
+Object.defineProperty(exports, "preloadEmojiPicker", {
+  enumerable: true,
+  get: function get() {
+    return _EmojiPicker.preloadEmojiPicker;
+  }
+});
 Object.defineProperty(exports, "recordSelectionFailedSli", {
   enumerable: true,
   get: function get() {
@@ -225,7 +232,7 @@ var _utilServiceSupport = require("@atlaskit/util-service-support");
 var _Emoji = _interopRequireDefault(require("./components/common/Emoji"));
 var _EmojiPlaceholder = _interopRequireDefault(require("./components/common/EmojiPlaceholder"));
 var _ResourcedEmoji = _interopRequireDefault(require("./components/common/ResourcedEmoji"));
-var _EmojiPicker = _interopRequireDefault(require("./components/picker/EmojiPicker"));
+var _EmojiPicker = _interopRequireWildcard(require("./components/picker/EmojiPicker"));
 var _EmojiUploader = _interopRequireDefault(require("./components/uploader/EmojiUploader"));
 var _EmojiTypeAhead = _interopRequireDefault(require("./components/typeahead/EmojiTypeAhead"));
 var _EmojiTypeAheadItem = _interopRequireDefault(require("./components/typeahead/EmojiTypeAheadItem"));
@@ -243,4 +250,6 @@ var _useEmojiContext = require("./hooks/useEmojiContext");
 var _EmojiContextProvider = require("./context/EmojiContextProvider");
 var _EmojiCommonProvider = require("./context/EmojiCommonProvider");
 var _types = require("./types");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var _default = exports.default = _EmojiPicker.default;

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

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

@@ -16,6 +16,11 @@ import { defaultEmojiPickerSize } from '../../util/constants';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 const emojiPickerModuleLoader = () => import( /* webpackChunkName:"@atlaskit-internal_emojiPickerComponent" */'./EmojiPickerComponent');
 const emojiPickerLoader = () => emojiPickerModuleLoader().then(module => module.default);
+export const preloadEmojiPicker = () => {
+  emojiPickerLoader().then(component => {
+    EmojiPickerInternal.AsyncLoadedComponent = component;
+  });
+};
 export class EmojiPickerInternal extends LoadingEmojiComponent {
   constructor(props) {
     super(props, {});

package/dist/es2019/index.js

@@ -2,7 +2,7 @@ import { AbstractResource } from '@atlaskit/util-service-support';
 import Emoji from './components/common/Emoji';
 import EmojiPlaceholder from './components/common/EmojiPlaceholder';
 import ResourcedEmoji from './components/common/ResourcedEmoji';
-import EmojiPicker from './components/picker/EmojiPicker';
+import EmojiPicker, { preloadEmojiPicker } from './components/picker/EmojiPicker';
 import EmojiUploader from './components/uploader/EmojiUploader';
 import EmojiTypeAhead from './components/typeahead/EmojiTypeAhead';
 import EmojiTypeAheadItem from './components/typeahead/EmojiTypeAheadItem';
@@ -27,7 +27,7 @@ AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUpload
 // hooks,
 useEmoji, useEmojiContext,
 // functions
-denormaliseEmojiServiceResponse, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling,
+denormaliseEmojiServiceResponse, preloadEmojiPicker, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling,
 // Constants
 emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem };
 export {

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

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

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

@@ -31,6 +31,11 @@ var emojiPickerLoader = function emojiPickerLoader() {
     return module.default;
   });
 };
+export var preloadEmojiPicker = function preloadEmojiPicker() {
+  emojiPickerLoader().then(function (component) {
+    EmojiPickerInternal.AsyncLoadedComponent = component;
+  });
+};
 export var EmojiPickerInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
   function EmojiPickerInternal(props) {
     var _this;

package/dist/esm/index.js

@@ -2,7 +2,7 @@ import { AbstractResource } from '@atlaskit/util-service-support';
 import Emoji from './components/common/Emoji';
 import EmojiPlaceholder from './components/common/EmojiPlaceholder';
 import ResourcedEmoji from './components/common/ResourcedEmoji';
-import EmojiPicker from './components/picker/EmojiPicker';
+import EmojiPicker, { preloadEmojiPicker } from './components/picker/EmojiPicker';
 import EmojiUploader from './components/uploader/EmojiUploader';
 import EmojiTypeAhead from './components/typeahead/EmojiTypeAhead';
 import EmojiTypeAheadItem from './components/typeahead/EmojiTypeAheadItem';
@@ -27,7 +27,7 @@ AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUpload
 // hooks,
 useEmoji, useEmojiContext,
 // functions
-denormaliseEmojiServiceResponse, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling,
+denormaliseEmojiServiceResponse, preloadEmojiPicker, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling,
 // Constants
 emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem };
 export {

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

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

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

@@ -11,11 +11,11 @@ export interface CachingEmojiProps extends EmojiProps {
 /**
  * Renders an emoji from a cached image, if required.
  */
-export declare const CachingEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => JSX.Element;
+export declare const CachingEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element;
 /**
  * Rendering a media emoji image from a cache for media emoji, with different
  * rendering paths depending on caching strategy.
  */
-export declare const CachingMediaEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => JSX.Element;
-declare const _default: React.MemoExoticComponent<(props: React.PropsWithChildren<CachingEmojiProps>) => JSX.Element>;
+export declare const CachingMediaEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<(props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element>;
 export default _default;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import type { EmojiDescription } from '../../types';
-export declare const DeletableEmojiTooltipContent: () => JSX.Element;
+export declare const DeletableEmojiTooltipContent: () => React.JSX.Element;
 export declare const DeletableEmojiTooltipContentForScreenReader: ({ emoji, }: {
     emoji: EmojiDescription;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { type ChangeEventHandler } from 'react';
+import React, { type ChangeEventHandler } from 'react';
 export interface Props {
     label: string;
     ariaDescribedBy?: string;
@@ -9,5 +9,5 @@ export interface Props {
 }
 export declare const chooseFileButtonTestId = "choose-file-button";
 export declare const fileUploadInputTestId = "file-upload";
-declare const FileChooser: (props: Props) => JSX.Element;
+declare const FileChooser: (props: Props) => React.JSX.Element;
 export default FileChooser;

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

@@ -8,5 +8,5 @@ export interface Props {
     zIndex?: string | number;
     children: ReactElement<any>;
 }
-declare const Popup: (props: React.PropsWithChildren<Props>) => JSX.Element;
+declare const Popup: (props: React.PropsWithChildren<Props>) => React.JSX.Element;
 export default Popup;

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

@@ -2,5 +2,5 @@ import React from 'react';
 import { type Props as ResourcedEmojiProps } from './ResourcedEmojiComponent';
 export interface Props extends ResourcedEmojiProps {
 }
-declare const ResourcedEmoji: (props: React.PropsWithChildren<Props>) => JSX.Element;
+declare const ResourcedEmoji: (props: React.PropsWithChildren<Props>) => React.JSX.Element;
 export default ResourcedEmoji;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { EmojiProvider } from '../../api/EmojiResource';
 import { type EmojiId } from '../../types';
 export interface BaseResourcedEmojiProps {
@@ -50,5 +50,5 @@ export interface Props extends BaseResourcedEmojiProps {
      */
     emojiProvider: Promise<EmojiProvider>;
 }
-export declare const ResourcedEmojiComponent: (props: Props) => JSX.Element;
+export declare const ResourcedEmojiComponent: (props: Props) => React.JSX.Element;
 export default ResourcedEmojiComponent;

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

@@ -9,6 +9,7 @@ import type { EmojiProvider } from '../../api/EmojiResource';
 import type { OnEmojiEvent, PickerSize } from '../../types';
 import LoadingEmojiComponent, { type Props as LoadingProps, type State as LoadingState } from '../common/LoadingEmojiComponent';
 import type { PickerRefHandler, Props as ComponentProps } from './EmojiPickerComponent';
+export declare const preloadEmojiPicker: () => void;
 export interface Props extends LoadingProps {
     /**
      * Callback to be executed on emoji selection.

package/dist/types/components/typeahead/EmojiTypeAhead.d.ts

@@ -23,5 +23,5 @@ export default class EmojiTypeahead extends LoadingEmojiComponent<Props, Loading
     chooseCurrentSelection: () => void;
     count: () => number;
     asyncLoadComponent(): void;
-    renderLoaded(loadedEmojiProvider: EmojiProvider, TypeAheadComponent: ComponentClass<ComponentProps>): JSX.Element | null;
+    renderLoaded(loadedEmojiProvider: EmojiProvider, TypeAheadComponent: ComponentClass<ComponentProps>): React.JSX.Element | null;
 }

package/dist/types/components/uploader/EmojiUploader.d.ts

@@ -13,7 +13,7 @@ export declare class EmojiUploaderInternal extends LoadingEmojiComponent<Props,
     };
     constructor(props: Props);
     asyncLoadComponent(): void;
-    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiUploadComponent: React.ComponentType<React.PropsWithChildren<ComponentProps>>): JSX.Element;
+    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiUploadComponent: React.ComponentType<React.PropsWithChildren<ComponentProps>>): React.JSX.Element;
 }
 type EmojiUploader = EmojiUploaderInternal;
 declare const EmojiUploader: React.ForwardRefExoticComponent<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/context/EmojiCommonProvider.d.ts

@@ -14,4 +14,4 @@ export interface EmojiCommonProviderProps {
  * const emojiResource = new EmojiResource(resourceConfig)
  * <EmojiCommonProvider emojiProvider={emojiResource} />
  */
-export declare const EmojiCommonProvider: (props: React.PropsWithChildren<EmojiCommonProviderProps>) => JSX.Element;
+export declare const EmojiCommonProvider: (props: React.PropsWithChildren<EmojiCommonProviderProps>) => React.JSX.Element;

package/dist/types/context/EmojiContextProvider.d.ts

@@ -3,5 +3,5 @@ import { type EmojiContextType } from './EmojiContext';
 type EmojiContextProviderType = {
     emojiContextValue: EmojiContextType;
 };
-export declare const EmojiContextProvider: ({ children, emojiContextValue, }: React.PropsWithChildren<EmojiContextProviderType>) => JSX.Element;
+export declare const EmojiContextProvider: ({ children, emojiContextValue, }: React.PropsWithChildren<EmojiContextProviderType>) => React.JSX.Element;
 export {};

package/dist/types/context/EmojiPickerListContext.d.ts

@@ -7,4 +7,4 @@ export interface EmojiPickerListContextProviderProps {
         columnIndex: number;
     };
 }
-export declare const EmojiPickerListContextProvider: (props: React.PropsWithChildren<EmojiPickerListContextProviderProps>) => JSX.Element;
+export declare const EmojiPickerListContextProvider: (props: React.PropsWithChildren<EmojiPickerListContextProviderProps>) => React.JSX.Element;

package/dist/types/index.d.ts

@@ -2,7 +2,7 @@ import { AbstractResource } from '@atlaskit/util-service-support';
 import Emoji from './components/common/Emoji';
 import EmojiPlaceholder from './components/common/EmojiPlaceholder';
 import ResourcedEmoji from './components/common/ResourcedEmoji';
-import EmojiPicker from './components/picker/EmojiPicker';
+import EmojiPicker, { preloadEmojiPicker } from './components/picker/EmojiPicker';
 import EmojiUploader from './components/uploader/EmojiUploader';
 import EmojiTypeAhead from './components/typeahead/EmojiTypeAhead';
 import EmojiTypeAheadItem from './components/typeahead/EmojiTypeAheadItem';
@@ -19,7 +19,7 @@ import { useEmoji } from './hooks/useEmoji';
 import { useEmojiContext } from './hooks/useEmojiContext';
 import { EmojiContextProvider } from './context/EmojiContextProvider';
 import { EmojiCommonProvider } from './context/EmojiCommonProvider';
-export { AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUploader, EmojiResource, EmojiCommonProvider, EmojiRepository, EmojiTypeAhead, ResourcedEmoji, EmojiContextProvider, useEmoji, useEmojiContext, denormaliseEmojiServiceResponse, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
+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, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
 export type { EmojiProvider, UploadingEmojiProvider, EmojiResourceConfig, WithSamplingUFOExperience, };
 export { SearchSort, UfoExperienceName, UfoComponentName, } from './types';
 export type { CategoryId, EmojiRepresentation, EmojiServiceRepresentation, Message, OptionalEmojiDescription, OptionalEmojiDescriptionWithVariations, OptionalUser, RelativePosition, ToneSelection, AltRepresentations, CategoryDescription, EmojiDescription, EmojiDescriptionWithVariations, EmojiId, EmojiImageRepresentation, EmojiMeta, EmojiResponse, EmojiSearchResult, EmojiServiceDescription, EmojiServiceDescriptionWithVariations, EmojiServiceResponse, EmojiUpload, EmojiVariationDescription, ImageRepresentation, MediaApiRepresentation, MediaApiToken, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, SearchOptions, SpriteImageRepresentation, SpriteRepresentation, SpriteServiceRepresentation, SpriteSheet, SpriteSheets, Styles, User, PickerSize, } from './types';

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

@@ -11,11 +11,11 @@ export interface CachingEmojiProps extends EmojiProps {
 /**
  * Renders an emoji from a cached image, if required.
  */
-export declare const CachingEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => JSX.Element;
+export declare const CachingEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element;
 /**
  * Rendering a media emoji image from a cache for media emoji, with different
  * rendering paths depending on caching strategy.
  */
-export declare const CachingMediaEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => JSX.Element;
-declare const _default: React.MemoExoticComponent<(props: React.PropsWithChildren<CachingEmojiProps>) => JSX.Element>;
+export declare const CachingMediaEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<(props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element>;
 export default _default;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import type { EmojiDescription } from '../../types';
-export declare const DeletableEmojiTooltipContent: () => JSX.Element;
+export declare const DeletableEmojiTooltipContent: () => React.JSX.Element;
 export declare const DeletableEmojiTooltipContentForScreenReader: ({ emoji, }: {
     emoji: EmojiDescription;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { type ChangeEventHandler } from 'react';
+import React, { type ChangeEventHandler } from 'react';
 export interface Props {
     label: string;
     ariaDescribedBy?: string;
@@ -9,5 +9,5 @@ export interface Props {
 }
 export declare const chooseFileButtonTestId = "choose-file-button";
 export declare const fileUploadInputTestId = "file-upload";
-declare const FileChooser: (props: Props) => JSX.Element;
+declare const FileChooser: (props: Props) => React.JSX.Element;
 export default FileChooser;

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

@@ -8,5 +8,5 @@ export interface Props {
     zIndex?: string | number;
     children: ReactElement<any>;
 }
-declare const Popup: (props: React.PropsWithChildren<Props>) => JSX.Element;
+declare const Popup: (props: React.PropsWithChildren<Props>) => React.JSX.Element;
 export default Popup;

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

@@ -2,5 +2,5 @@ import React from 'react';
 import { type Props as ResourcedEmojiProps } from './ResourcedEmojiComponent';
 export interface Props extends ResourcedEmojiProps {
 }
-declare const ResourcedEmoji: (props: React.PropsWithChildren<Props>) => JSX.Element;
+declare const ResourcedEmoji: (props: React.PropsWithChildren<Props>) => React.JSX.Element;
 export default ResourcedEmoji;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { EmojiProvider } from '../../api/EmojiResource';
 import { type EmojiId } from '../../types';
 export interface BaseResourcedEmojiProps {
@@ -50,5 +50,5 @@ export interface Props extends BaseResourcedEmojiProps {
      */
     emojiProvider: Promise<EmojiProvider>;
 }
-export declare const ResourcedEmojiComponent: (props: Props) => JSX.Element;
+export declare const ResourcedEmojiComponent: (props: Props) => React.JSX.Element;
 export default ResourcedEmojiComponent;

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

@@ -9,6 +9,7 @@ import type { EmojiProvider } from '../../api/EmojiResource';
 import type { OnEmojiEvent, PickerSize } from '../../types';
 import LoadingEmojiComponent, { type Props as LoadingProps, type State as LoadingState } from '../common/LoadingEmojiComponent';
 import type { PickerRefHandler, Props as ComponentProps } from './EmojiPickerComponent';
+export declare const preloadEmojiPicker: () => void;
 export interface Props extends LoadingProps {
     /**
      * Callback to be executed on emoji selection.

package/dist/types-ts4.5/components/typeahead/EmojiTypeAhead.d.ts

@@ -23,5 +23,5 @@ export default class EmojiTypeahead extends LoadingEmojiComponent<Props, Loading
     chooseCurrentSelection: () => void;
     count: () => number;
     asyncLoadComponent(): void;
-    renderLoaded(loadedEmojiProvider: EmojiProvider, TypeAheadComponent: ComponentClass<ComponentProps>): JSX.Element | null;
+    renderLoaded(loadedEmojiProvider: EmojiProvider, TypeAheadComponent: ComponentClass<ComponentProps>): React.JSX.Element | null;
 }

package/dist/types-ts4.5/components/uploader/EmojiUploader.d.ts

@@ -13,7 +13,7 @@ export declare class EmojiUploaderInternal extends LoadingEmojiComponent<Props,
     };
     constructor(props: Props);
     asyncLoadComponent(): void;
-    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiUploadComponent: React.ComponentType<React.PropsWithChildren<ComponentProps>>): JSX.Element;
+    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiUploadComponent: React.ComponentType<React.PropsWithChildren<ComponentProps>>): React.JSX.Element;
 }
 type EmojiUploader = EmojiUploaderInternal;
 declare const EmojiUploader: React.ForwardRefExoticComponent<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types-ts4.5/context/EmojiCommonProvider.d.ts

@@ -14,4 +14,4 @@ export interface EmojiCommonProviderProps {
  * const emojiResource = new EmojiResource(resourceConfig)
  * <EmojiCommonProvider emojiProvider={emojiResource} />
  */
-export declare const EmojiCommonProvider: (props: React.PropsWithChildren<EmojiCommonProviderProps>) => JSX.Element;
+export declare const EmojiCommonProvider: (props: React.PropsWithChildren<EmojiCommonProviderProps>) => React.JSX.Element;

package/dist/types-ts4.5/context/EmojiContextProvider.d.ts

@@ -3,5 +3,5 @@ import { type EmojiContextType } from './EmojiContext';
 type EmojiContextProviderType = {
     emojiContextValue: EmojiContextType;
 };
-export declare const EmojiContextProvider: ({ children, emojiContextValue, }: React.PropsWithChildren<EmojiContextProviderType>) => JSX.Element;
+export declare const EmojiContextProvider: ({ children, emojiContextValue, }: React.PropsWithChildren<EmojiContextProviderType>) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/context/EmojiPickerListContext.d.ts

@@ -7,4 +7,4 @@ export interface EmojiPickerListContextProviderProps {
         columnIndex: number;
     };
 }
-export declare const EmojiPickerListContextProvider: (props: React.PropsWithChildren<EmojiPickerListContextProviderProps>) => JSX.Element;
+export declare const EmojiPickerListContextProvider: (props: React.PropsWithChildren<EmojiPickerListContextProviderProps>) => React.JSX.Element;

package/dist/types-ts4.5/index.d.ts

@@ -2,7 +2,7 @@ import { AbstractResource } from '@atlaskit/util-service-support';
 import Emoji from './components/common/Emoji';
 import EmojiPlaceholder from './components/common/EmojiPlaceholder';
 import ResourcedEmoji from './components/common/ResourcedEmoji';
-import EmojiPicker from './components/picker/EmojiPicker';
+import EmojiPicker, { preloadEmojiPicker } from './components/picker/EmojiPicker';
 import EmojiUploader from './components/uploader/EmojiUploader';
 import EmojiTypeAhead from './components/typeahead/EmojiTypeAhead';
 import EmojiTypeAheadItem from './components/typeahead/EmojiTypeAheadItem';
@@ -19,7 +19,7 @@ import { useEmoji } from './hooks/useEmoji';
 import { useEmojiContext } from './hooks/useEmojiContext';
 import { EmojiContextProvider } from './context/EmojiContextProvider';
 import { EmojiCommonProvider } from './context/EmojiCommonProvider';
-export { AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUploader, EmojiResource, EmojiCommonProvider, EmojiRepository, EmojiTypeAhead, ResourcedEmoji, EmojiContextProvider, useEmoji, useEmojiContext, denormaliseEmojiServiceResponse, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
+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, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
 export type { EmojiProvider, UploadingEmojiProvider, EmojiResourceConfig, WithSamplingUFOExperience, };
 export { SearchSort, UfoExperienceName, UfoComponentName, } from './types';
 export type { CategoryId, EmojiRepresentation, EmojiServiceRepresentation, Message, OptionalEmojiDescription, OptionalEmojiDescriptionWithVariations, OptionalUser, RelativePosition, ToneSelection, AltRepresentations, CategoryDescription, EmojiDescription, EmojiDescriptionWithVariations, EmojiId, EmojiImageRepresentation, EmojiMeta, EmojiResponse, EmojiSearchResult, EmojiServiceDescription, EmojiServiceDescriptionWithVariations, EmojiServiceResponse, EmojiUpload, EmojiVariationDescription, ImageRepresentation, MediaApiRepresentation, MediaApiToken, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, SearchOptions, SpriteImageRepresentation, SpriteRepresentation, SpriteServiceRepresentation, SpriteSheet, SpriteSheets, Styles, User, PickerSize, } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "67.13.1",
+	"version": "67.14.0",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,16 +34,16 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.3.0",
-		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/button": "^20.5.0",
 		"@atlaskit/heading": "^4.1.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.9.0",
 		"@atlaskit/media-client": "^31.1.0",
 		"@atlaskit/media-client-react": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/spinner": "^17.1.0",
 		"@atlaskit/textfield": "^6.8.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@atlaskit/tooltip": "^19.1.0",
 		"@atlaskit/ufo": "^0.3.0",