@ckeditor/ckeditor5-emoji 45.2.1 → 46.0.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-emoji",
-  "version": "45.2.1",
+  "version": "46.0.0-alpha.0",
   "description": "Emoji feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,15 +13,15 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "45.2.1",
-    "@ckeditor/ckeditor5-icons": "45.2.1",
-    "@ckeditor/ckeditor5-mention": "45.2.1",
-    "@ckeditor/ckeditor5-typing": "45.2.1",
-    "@ckeditor/ckeditor5-ui": "45.2.1",
-    "@ckeditor/ckeditor5-utils": "45.2.1",
-    "ckeditor5": "45.2.1",
+    "@ckeditor/ckeditor5-core": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-icons": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-mention": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-typing": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-ui": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-utils": "46.0.0-alpha.0",
+    "ckeditor5": "46.0.0-alpha.0",
     "fuzzysort": "3.1.0",
-    "es-toolkit": "1.32.0"
+    "es-toolkit": "1.39.5"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/emoji.d.ts

@@ -6,8 +6,8 @@
  * @module emoji/emoji
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import EmojiMention from './emojimention.js';
-import EmojiPicker from './emojipicker.js';
+import { EmojiMention } from './emojimention.js';
+import { EmojiPicker } from './emojipicker.js';
 /**
  * The emoji plugin.
  *
@@ -16,7 +16,7 @@ import EmojiPicker from './emojipicker.js';
  * * {@link module:emoji/emojimention~EmojiMention},
  * * {@link module:emoji/emojipicker~EmojiPicker},
  */
-export default class Emoji extends Plugin {
+export declare class Emoji extends Plugin {
     /**
      * @inheritDoc
      */

package/src/emoji.js

@@ -6,8 +6,8 @@
  * @module emoji/emoji
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import EmojiMention from './emojimention.js';
-import EmojiPicker from './emojipicker.js';
+import { EmojiMention } from './emojimention.js';
+import { EmojiPicker } from './emojipicker.js';
 /**
  * The emoji plugin.
  *
@@ -16,7 +16,7 @@ import EmojiPicker from './emojipicker.js';
  * * {@link module:emoji/emojimention~EmojiMention},
  * * {@link module:emoji/emojipicker~EmojiPicker},
  */
-export default class Emoji extends Plugin {
+export class Emoji extends Plugin {
     /**
      * @inheritDoc
      */

package/src/emojicommand.d.ts

@@ -9,7 +9,7 @@ import { Command } from 'ckeditor5/src/core.js';
 /**
  * Command that shows the emoji user interface.
  */
-export default class EmojiCommand extends Command {
+export declare class EmojiCommand extends Command {
     /**
      * Updates the command's {@link #isEnabled} based on the current selection.
      */

package/src/emojicommand.js

@@ -9,7 +9,7 @@ import { Command } from 'ckeditor5/src/core.js';
 /**
  * Command that shows the emoji user interface.
  */
-export default class EmojiCommand extends Command {
+export class EmojiCommand extends Command {
     /**
      * Updates the command's {@link #isEnabled} based on the current selection.
      */

package/src/emojiconfig.d.ts

@@ -57,7 +57,7 @@ export interface EmojiConfig {
      *
      * @default 'default'
      */
-    skinTone?: SkinToneId;
+    skinTone?: EmojiSkinToneId;
     /**
      * The URL from which the emoji definitions should be loaded.
      *
@@ -105,5 +105,5 @@ export interface EmojiConfig {
      */
     useCustomFont?: boolean;
 }
-export type SkinToneId = 'default' | 'light' | 'medium-light' | 'medium' | 'medium-dark' | 'dark';
+export type EmojiSkinToneId = 'default' | 'light' | 'medium-light' | 'medium' | 'medium-dark' | 'dark';
 export type EmojiVersion = 15 | 16;

package/src/emojimention.d.ts

@@ -4,14 +4,14 @@
  */
 import { Plugin, type Editor } from 'ckeditor5/src/core.js';
 import { Typing } from 'ckeditor5/src/typing.js';
-import EmojiRepository from './emojirepository.js';
-import type EmojiPicker from './emojipicker.js';
+import { EmojiRepository } from './emojirepository.js';
+import { type EmojiPicker } from './emojipicker.js';
 /**
  * The emoji mention plugin.
  *
  * Introduces the autocomplete of emojis while typing.
  */
-export default class EmojiMention extends Plugin {
+export declare class EmojiMention extends Plugin {
     /**
      * An instance of the {@link module:emoji/emojipicker~EmojiPicker} plugin if it is loaded in the editor.
      */

package/src/emojimention.js

@@ -8,7 +8,7 @@
 import { logWarning } from 'ckeditor5/src/utils.js';
 import { Plugin } from 'ckeditor5/src/core.js';
 import { Typing } from 'ckeditor5/src/typing.js';
-import EmojiRepository from './emojirepository.js';
+import { EmojiRepository } from './emojirepository.js';
 const EMOJI_MENTION_MARKER = ':';
 const EMOJI_SHOW_ALL_OPTION_ID = ':__EMOJI_SHOW_ALL:';
 const EMOJI_HINT_OPTION_ID = ':__EMOJI_HINT:';
@@ -17,7 +17,7 @@ const EMOJI_HINT_OPTION_ID = ':__EMOJI_HINT:';
  *
  * Introduces the autocomplete of emojis while typing.
  */
-export default class EmojiMention extends Plugin {
+export class EmojiMention extends Plugin {
     /**
      * Defines a number of displayed items in the auto complete dropdown.
      *

package/src/emojipicker.d.ts

@@ -8,17 +8,17 @@
 import { ContextualBalloon, Dialog } from 'ckeditor5/src/ui.js';
 import { Plugin } from 'ckeditor5/src/core.js';
 import { Typing } from 'ckeditor5/src/typing.js';
-import EmojiRepository from './emojirepository.js';
-import EmojiPickerView from './ui/emojipickerview.js';
-import EmojiPickerFormView from './ui/emojipickerformview.js';
-import type { SkinToneId } from './emojiconfig.js';
+import { EmojiRepository } from './emojirepository.js';
+import { EmojiPickerView } from './ui/emojipickerview.js';
+import { EmojiPickerFormView } from './ui/emojipickerformview.js';
+import type { EmojiSkinToneId } from './emojiconfig.js';
 import '../theme/emojipicker.css';
 /**
  * The emoji picker plugin.
  *
  * Introduces the `'emoji'` dropdown.
  */
-export default class EmojiPicker extends Plugin {
+export declare class EmojiPicker extends Plugin {
     /**
      * The actions view displayed inside the balloon.
      */
@@ -61,7 +61,7 @@ export default class EmojiPicker extends Plugin {
      * Before opening the UI for the first time, the returned value is read from the editor configuration.
      * Otherwise, it reflects the user's intention.
      */
-    get skinTone(): SkinToneId;
+    get skinTone(): EmojiSkinToneId;
     /**
      * Displays the balloon with the emoji picker.
      *

package/src/emojipicker.js

@@ -9,10 +9,10 @@ import { ButtonView, clickOutsideHandler, ContextualBalloon, Dialog, MenuBarMenu
 import { Plugin } from 'ckeditor5/src/core.js';
 import { Typing } from 'ckeditor5/src/typing.js';
 import { IconEmoji } from 'ckeditor5/src/icons.js';
-import EmojiCommand from './emojicommand.js';
-import EmojiRepository from './emojirepository.js';
-import EmojiPickerView from './ui/emojipickerview.js';
-import EmojiPickerFormView from './ui/emojipickerformview.js';
+import { EmojiCommand } from './emojicommand.js';
+import { EmojiRepository } from './emojirepository.js';
+import { EmojiPickerView } from './ui/emojipickerview.js';
+import { EmojiPickerFormView } from './ui/emojipickerformview.js';
 import '../theme/emojipicker.css';
 const VISUAL_SELECTION_MARKER_NAME = 'emoji-picker';
 /**
@@ -20,7 +20,7 @@ const VISUAL_SELECTION_MARKER_NAME = 'emoji-picker';
  *
  * Introduces the `'emoji'` dropdown.
  */
-export default class EmojiPicker extends Plugin {
+export class EmojiPicker extends Plugin {
     /**
      * @inheritDoc
      */

package/src/emojirepository.d.ts

@@ -3,14 +3,14 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 import { type Editor, Plugin } from 'ckeditor5/src/core.js';
-import EmojiUtils from './emojiutils.js';
-import type { SkinToneId } from './emojiconfig.js';
+import { EmojiUtils } from './emojiutils.js';
+import type { EmojiSkinToneId } from './emojiconfig.js';
 /**
  * The emoji repository plugin.
  *
  * Loads the emoji repository from URL during plugin initialization and provides utility methods to search it.
  */
-export default class EmojiRepository extends Plugin {
+export declare class EmojiRepository extends Plugin {
     /**
      * A callback to resolve the {@link #_repositoryPromise} to control the return value of this promise.
      */
@@ -66,7 +66,7 @@ export default class EmojiRepository extends Plugin {
     /**
      * Returns an array of available skin tones.
      */
-    getSkinTones(): Array<SkinTone>;
+    getSkinTones(): Array<EmojiSkinTone>;
     /**
      * Indicates whether the emoji repository has been successfully downloaded and the plugin is operational.
      */
@@ -154,15 +154,15 @@ export type EmojiEntry = Omit<EmojiCdnResource, 'skins'> & {
  * The `default` key is always present. Additional values are assigned only if an emoji supports skin tones.
  */
 export type EmojiMap = {
-    [K in Exclude<SkinToneId, 'default'>]?: string;
+    [K in Exclude<EmojiSkinToneId, 'default'>]?: string;
 } & {
     default: string;
 };
 /**
  * Represents an emoji skin tone variant.
  */
-export type SkinTone = {
-    id: SkinToneId;
+export type EmojiSkinTone = {
+    id: EmojiSkinToneId;
     icon: string;
     tooltip: string;
 };

package/src/emojirepository.js

@@ -9,7 +9,7 @@ import fuzzysort from 'fuzzysort';
 import { groupBy } from 'es-toolkit/compat';
 import { Plugin } from 'ckeditor5/src/core.js';
 import { logWarning, version as editorVersion } from 'ckeditor5/src/utils.js';
-import EmojiUtils from './emojiutils.js';
+import { EmojiUtils } from './emojiutils.js';
 // An endpoint from which the emoji data will be downloaded during plugin initialization.
 // The `{version}` placeholder is replaced with the value from editor config.
 const DEFAULT_EMOJI_DATABASE_URL = 'https://cdn.ckeditor.com/ckeditor5/data/emoji/{version}/en.json';
@@ -295,7 +295,7 @@ class EmojiRepository extends Plugin {
      */
     static _results = {};
 }
-export default EmojiRepository;
+export { EmojiRepository };
 /**
  * Unable to load the emoji repository from the URL.
  *

package/src/emojiutils.d.ts

@@ -7,7 +7,7 @@ import type { EmojiCdnResource, EmojiEntry } from './emojirepository.js';
 /**
  * The Emoji utilities plugin.
  */
-export default class EmojiUtils extends Plugin {
+export declare class EmojiUtils extends Plugin {
     /**
      * @inheritDoc
      */

package/src/emojiutils.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import isEmojiSupported from './utils/isemojisupported.js';
+import { isEmojiSupported } from './utils/isemojisupported.js';
 /**
  * @module emoji/emojiutils
  */
@@ -149,4 +149,4 @@ class EmojiUtils extends Plugin {
      */
     static _isEmojiSupported = isEmojiSupported;
 }
-export default EmojiUtils;
+export { EmojiUtils };

package/src/index.d.ts

@@ -5,11 +5,18 @@
 /**
  * @module emoji
  */
-export { default as Emoji } from './emoji.js';
-export { default as EmojiMention } from './emojimention.js';
-export { default as EmojiPicker } from './emojipicker.js';
-export { default as EmojiRepository } from './emojirepository.js';
-export { default as EmojiUtils } from './emojiutils.js';
-export { default as EmojiCommand } from './emojicommand.js';
-export type { EmojiConfig } from './emojiconfig.js';
+export { Emoji } from './emoji.js';
+export { EmojiMention } from './emojimention.js';
+export { EmojiPicker } from './emojipicker.js';
+export { EmojiRepository, type EmojiCategory, type EmojiCdnResource, type EmojiEntry, type EmojiMap, type EmojiSkinTone } from './emojirepository.js';
+export { EmojiUtils } from './emojiutils.js';
+export { EmojiCommand } from './emojicommand.js';
+export type { EmojiConfig, EmojiSkinToneId, EmojiVersion } from './emojiconfig.js';
+export { EmojiCategoriesView } from './ui/emojicategoriesview.js';
+export { EmojiGridView, type EmojiGridViewEventData, type EmojiGridViewExecuteEvent, type EmojiSearchQueryCallback } from './ui/emojigridview.js';
+export { EmojiPickerFormView, type EmojiPickerFormViewCancelEvent } from './ui/emojipickerformview.js';
+export { EmojiPickerView, type EmojiPickerViewUpdateEvent } from './ui/emojipickerview.js';
+export { EmojiSearchView } from './ui/emojisearchview.js';
+export { EmojiToneView } from './ui/emojitoneview.js';
+export { isEmojiSupported as _isEmojiSupported } from './utils/isemojisupported.js';
 import './augmentation.js';

package/src/index.js

@@ -5,10 +5,17 @@
 /**
  * @module emoji
  */
-export { default as Emoji } from './emoji.js';
-export { default as EmojiMention } from './emojimention.js';
-export { default as EmojiPicker } from './emojipicker.js';
-export { default as EmojiRepository } from './emojirepository.js';
-export { default as EmojiUtils } from './emojiutils.js';
-export { default as EmojiCommand } from './emojicommand.js';
+export { Emoji } from './emoji.js';
+export { EmojiMention } from './emojimention.js';
+export { EmojiPicker } from './emojipicker.js';
+export { EmojiRepository } from './emojirepository.js';
+export { EmojiUtils } from './emojiutils.js';
+export { EmojiCommand } from './emojicommand.js';
+export { EmojiCategoriesView } from './ui/emojicategoriesview.js';
+export { EmojiGridView } from './ui/emojigridview.js';
+export { EmojiPickerFormView } from './ui/emojipickerformview.js';
+export { EmojiPickerView } from './ui/emojipickerview.js';
+export { EmojiSearchView } from './ui/emojisearchview.js';
+export { EmojiToneView } from './ui/emojitoneview.js';
+export { isEmojiSupported as _isEmojiSupported } from './utils/isemojisupported.js';
 import './augmentation.js';

package/src/ui/emojicategoriesview.d.ts

@@ -13,7 +13,7 @@ import '../../theme/emojicategories.css';
  * A class representing the navigation part of the emoji UI.
  * It is responsible allowing the user to select a particular emoji category.
  */
-export default class EmojiCategoriesView extends View {
+export declare class EmojiCategoriesView extends View {
     /**
      * Currently selected emoji category name.
      */

package/src/ui/emojicategoriesview.js

@@ -12,7 +12,7 @@ import '../../theme/emojicategories.css';
  * A class representing the navigation part of the emoji UI.
  * It is responsible allowing the user to select a particular emoji category.
  */
-export default class EmojiCategoriesView extends View {
+export class EmojiCategoriesView extends View {
     /**
      * Tracks information about the DOM focus in the grid.
      */

package/src/ui/emojigridview.d.ts

@@ -8,12 +8,12 @@
 import { ButtonView, type FilteredView, View, type ViewCollection } from 'ckeditor5/src/ui.js';
 import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
 import type { EmojiCategory, EmojiEntry } from '../emojirepository.js';
-import type { SkinToneId } from '../emojiconfig.js';
+import type { EmojiSkinToneId } from '../emojiconfig.js';
 import '../../theme/emojigrid.css';
 /**
  * A grid of emoji tiles. It allows browsing emojis and selecting them to be inserted into the content.
  */
-export default class EmojiGridView extends View<HTMLDivElement> implements FilteredView {
+export declare class EmojiGridView extends View<HTMLDivElement> implements FilteredView {
     /**
      * Defines the active category name.
      *
@@ -25,7 +25,7 @@ export default class EmojiGridView extends View<HTMLDivElement> implements Filte
      *
      * @observable
      */
-    skinTone: SkinToneId;
+    skinTone: EmojiSkinToneId;
     /**
      * Set to `true` when the {@link #tiles} collection does not contain items to display.
      *
@@ -65,7 +65,7 @@ export default class EmojiGridView extends View<HTMLDivElement> implements Filte
         categoryName: string;
         emojiCategories: Array<EmojiCategory>;
         getEmojiByQuery: EmojiSearchQueryCallback;
-        skinTone: SkinToneId;
+        skinTone: EmojiSkinToneId;
     });
     /**
      * @inheritDoc

package/src/ui/emojigridview.js

@@ -11,7 +11,7 @@ import '../../theme/emojigrid.css';
 /**
  * A grid of emoji tiles. It allows browsing emojis and selecting them to be inserted into the content.
  */
-export default class EmojiGridView extends View {
+export class EmojiGridView extends View {
     /**
      * A collection of the child tile views. Each tile represents a particular emoji.
      */

package/src/ui/emojipickerformview.d.ts

@@ -13,7 +13,7 @@ import '../../theme/emojipickerform.css';
 /**
  * The emoji picker form view.
  */
-export default class EmojiPickerFormView extends View {
+export declare class EmojiPickerFormView extends View {
     /**
      * The Back button view displayed in the header.
      */

package/src/ui/emojipickerformview.js

@@ -17,7 +17,7 @@ import '../../theme/emojipickerform.css';
 /**
  * The emoji picker form view.
  */
-export default class EmojiPickerFormView extends View {
+export class EmojiPickerFormView extends View {
     /**
      * The Back button view displayed in the header.
      */

package/src/ui/emojipickerview.d.ts

@@ -7,16 +7,16 @@
  */
 import { FocusCycler, SearchInfoView, View, type FocusableView, type ViewCollection } from 'ckeditor5/src/ui.js';
 import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
-import EmojiGridView, { type EmojiSearchQueryCallback } from './emojigridview.js';
-import EmojiCategoriesView from './emojicategoriesview.js';
-import EmojiSearchView from './emojisearchview.js';
-import EmojiToneView from './emojitoneview.js';
-import type { SkinToneId } from '../emojiconfig.js';
-import type { EmojiCategory, SkinTone } from '../emojirepository.js';
+import { EmojiGridView, type EmojiSearchQueryCallback } from './emojigridview.js';
+import { EmojiCategoriesView } from './emojicategoriesview.js';
+import { EmojiSearchView } from './emojisearchview.js';
+import { EmojiToneView } from './emojitoneview.js';
+import type { EmojiSkinToneId } from '../emojiconfig.js';
+import type { EmojiCategory, EmojiSkinTone } from '../emojirepository.js';
 /**
  * A view that glues pieces of the emoji panel together.
  */
-export default class EmojiPickerView extends View<HTMLDivElement> {
+export declare class EmojiPickerView extends View<HTMLDivElement> {
     /**
      * A collection of the focusable children of the view.
      */
@@ -59,8 +59,8 @@ export default class EmojiPickerView extends View<HTMLDivElement> {
     constructor(locale: Locale, { emojiCategories, getEmojiByQuery, skinTone, skinTones }: {
         emojiCategories: Array<EmojiCategory>;
         getEmojiByQuery: EmojiSearchQueryCallback;
-        skinTone: SkinToneId;
-        skinTones: Array<SkinTone>;
+        skinTone: EmojiSkinToneId;
+        skinTones: Array<EmojiSkinTone>;
     });
     /**
      * @inheritDoc

package/src/ui/emojipickerview.js

@@ -7,14 +7,14 @@
  */
 import { FocusCycler, SearchInfoView, View } from 'ckeditor5/src/ui.js';
 import { FocusTracker, KeystrokeHandler } from 'ckeditor5/src/utils.js';
-import EmojiGridView from './emojigridview.js';
-import EmojiCategoriesView from './emojicategoriesview.js';
-import EmojiSearchView from './emojisearchview.js';
-import EmojiToneView from './emojitoneview.js';
+import { EmojiGridView } from './emojigridview.js';
+import { EmojiCategoriesView } from './emojicategoriesview.js';
+import { EmojiSearchView } from './emojisearchview.js';
+import { EmojiToneView } from './emojitoneview.js';
 /**
  * A view that glues pieces of the emoji panel together.
  */
-export default class EmojiPickerView extends View {
+export class EmojiPickerView extends View {
     /**
      * A collection of the focusable children of the view.
      */

package/src/ui/emojisearchview.d.ts

@@ -4,11 +4,11 @@
  */
 import { SearchTextView, View, type SearchInfoView } from 'ckeditor5/src/ui.js';
 import type { Locale } from 'ckeditor5/src/utils.js';
-import type EmojiGridView from './emojigridview.js';
+import { type EmojiGridView } from './emojigridview.js';
 /**
  * A view responsible for providing an input element that allows filtering emoji by the provided query.
  */
-export default class EmojiSearchView extends View {
+export declare class EmojiSearchView extends View {
     /**
      * The find in text input view that stores the searched string.
      */

package/src/ui/emojisearchview.js

@@ -10,7 +10,7 @@ import { createLabeledInputText, SearchTextView, View } from 'ckeditor5/src/ui.j
 /**
  * A view responsible for providing an input element that allows filtering emoji by the provided query.
  */
-export default class EmojiSearchView extends View {
+export class EmojiSearchView extends View {
     /**
      * The find in text input view that stores the searched string.
      */

package/src/ui/emojitoneview.d.ts

@@ -7,19 +7,19 @@
  */
 import { View, type DropdownView } from 'ckeditor5/src/ui.js';
 import { type Locale } from 'ckeditor5/src/utils.js';
-import type { SkinToneId } from '../emojiconfig.js';
-import type { SkinTone } from '../emojirepository.js';
+import type { EmojiSkinToneId } from '../emojiconfig.js';
+import type { EmojiSkinTone } from '../emojirepository.js';
 import '../../theme/emojitone.css';
 /**
  * A view responsible for selecting a skin tone for an emoji.
  */
-export default class EmojiToneView extends View {
+export declare class EmojiToneView extends View {
     /**
      * Active skin tone.
      *
      * @observable
      */
-    skinTone: SkinToneId;
+    skinTone: EmojiSkinToneId;
     /**
      * A dropdown element for selecting an active skin tone.
      */
@@ -32,8 +32,8 @@ export default class EmojiToneView extends View {
      * @inheritDoc
      */
     constructor(locale: Locale, { skinTone, skinTones }: {
-        skinTone: SkinToneId;
-        skinTones: Array<SkinTone>;
+        skinTone: EmojiSkinToneId;
+        skinTones: Array<EmojiSkinTone>;
     });
     /**
      * @inheritDoc

package/src/ui/emojitoneview.js

@@ -5,13 +5,13 @@
 /**
  * @module emoji/ui/emojitoneview
  */
-import { createDropdown, addListToDropdown, View, ViewModel } from 'ckeditor5/src/ui.js';
+import { createDropdown, addListToDropdown, View, UIModel } from 'ckeditor5/src/ui.js';
 import { Collection } from 'ckeditor5/src/utils.js';
 import '../../theme/emojitone.css';
 /**
  * A view responsible for selecting a skin tone for an emoji.
  */
-export default class EmojiToneView extends View {
+export class EmojiToneView extends View {
     /**
      * A dropdown element for selecting an active skin tone.
      */
@@ -34,7 +34,7 @@ export default class EmojiToneView extends View {
         for (const { id, icon, tooltip } of this._skinTones) {
             const def = {
                 type: 'button',
-                model: new ViewModel({
+                model: new UIModel({
                     value: id,
                     label: icon,
                     ariaLabel: tooltip,

package/src/utils/isemojisupported.d.ts

@@ -7,5 +7,7 @@
  */
 /**
  * Checks if the two pixels parts are the same using canvas.
+ *
+ * @internal
  */
-export default function isEmojiSupported(unicode: string): boolean;
+export declare function isEmojiSupported(unicode: string): boolean;

package/src/utils/isemojisupported.js

@@ -7,8 +7,10 @@
  */
 /**
  * Checks if the two pixels parts are the same using canvas.
+ *
+ * @internal
  */
-export default function isEmojiSupported(unicode) {
+export function isEmojiSupported(unicode) {
     const ctx = getCanvas();
     /* istanbul ignore next -- @preserve */
     if (!ctx) {