emoji-picker-react 4.0.0-rc.2 → 4.0.0-rc.5

package/dist/components/context/PickerContext.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { SkinTones } from '../../data/skinToneVariations';
 import { DataEmoji } from '../../dataUtils/DataTypes';
 import { FilterDict } from '../../hooks/useFilter';
+import { SkinTones } from '../../types/exposedTypes';
 export declare function PickerContextProvider({ children }: Props): JSX.Element;
 declare type ReactState<T> = [T, React.Dispatch<React.SetStateAction<T>>];
 declare type Props = Readonly<{

package/dist/components/emoji/Emoji.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { EmojiStyle } from '../../config/config';
 import { DataEmoji } from '../../dataUtils/DataTypes';
+import { EmojiStyle } from '../../types/exposedTypes';
 import './Emoji.css';
 declare type Props = Readonly<{
     hidden?: boolean;

package/dist/config/categoryConfig.d.ts

@@ -1,14 +1,5 @@
-export declare enum Categories {
-    RECENTLY_USED = "recently_used",
-    SMILEYS_PEOPLE = "smileys_people",
-    ANIMALS_NATURE = "animals_nature",
-    FOOD_DRINK = "food_drink",
-    TRAVEL_PLACES = "travel_places",
-    ACTIVITIES = "activities",
-    OBJECTS = "objects",
-    SYMBOLS = "symbols",
-    FLAGS = "flags"
-}
+import { Categories } from '../types/exposedTypes';
+export { Categories };
 export declare const baseCategoriesConfig: CategoryConfig[];
 export declare function categoryFromCategoryConfig(category: CategoryConfig): Categories;
 export declare function categoryNameFromCategoryConfig(category: CategoryConfig): string;

package/dist/config/cdnUrls.d.ts

@@ -1,2 +1,2 @@
-import { EmojiStyle } from './config';
+import { EmojiStyle } from "../types/exposedTypes";
 export declare function cdnUrl(emojiStyle: EmojiStyle): string;

package/dist/config/config.d.ts

@@ -1,18 +1,5 @@
-import { SkinTones } from '../data/skinToneVariations';
-import { EmojiClickData } from '../types/exposedTypes';
+import { EmojiClickData, EmojiStyle, SkinTones, Theme } from '../types/exposedTypes';
 import { CategoriesConfig } from './categoryConfig';
-export declare enum EmojiStyle {
-    NATIVE = "native",
-    APPLE = "apple",
-    TWITTER = "twitter",
-    GOOGLE = "google",
-    FACEBOOK = "facebook"
-}
-export declare enum Theme {
-    DARK = "dark",
-    LIGHT = "light",
-    AUTO = "auto"
-}
 export declare function mergeConfig(userConfig?: PickerConfig): {
     categories: CategoriesConfig;
     searchPlaceHolder: string;

package/dist/config/useConfig.d.ts

@@ -1,7 +1,5 @@
-import { SkinTones } from '../data/skinToneVariations';
-import { EmojiClickData } from '../types/exposedTypes';
+import { EmojiClickData, EmojiStyle, SkinTones } from '../types/exposedTypes';
 import { CategoriesConfig } from './categoryConfig';
-import { EmojiStyle } from './config';
 export declare function useSearchPlaceHolderConfig(): string;
 export declare function useDefaultSkinToneConfig(): SkinTones;
 export declare function useSkinTonesDisabledConfig(): boolean;

package/dist/data/skinToneVariations.d.ts

@@ -1,10 +1,3 @@
-export declare enum SkinTones {
-    NEUTRAL = "neutral",
-    LIGHT = "1f3fb",
-    MEDIUM_LIGHT = "1f3fc",
-    MEDIUM = "1f3fd",
-    MEDIUM_DARK = "1f3fe",
-    DARK = "1f3ff"
-}
+import { SkinTones } from '../types/exposedTypes';
 declare const skinToneVariations: SkinTones[];
 export default skinToneVariations;

package/dist/dataUtils/emojiSelectors.d.ts

@@ -1,7 +1,6 @@
 import { Categories } from './../config/categoryConfig';
-import { EmojiStyle } from '../config/config';
 import { DataEmoji, DataEmojis } from './DataTypes';
-import { SkinTones } from '../data/skinToneVariations';
+import { EmojiStyle, SkinTones } from '../types/exposedTypes';
 export declare function emojiNames(emoji: DataEmoji): string[];
 export declare function emojiName(emoji: DataEmoji): string;
 export declare function emojiUrl(emojiStyle: EmojiStyle, emoji: DataEmoji, skinTone?: string): string;

package/dist/dataUtils/recentlyUsed.d.ts

@@ -1,4 +1,4 @@
-import { SkinTones } from '../data/skinToneVariations';
+import { SkinTones } from '../types/exposedTypes';
 import { DataEmoji } from './DataTypes';
 declare type RecentlyUsedItem = {
     unified: string;

package/dist/emoji-picker-react.cjs.development.js

@@ -83,7 +83,19 @@ function categoryNameFromDom($category) {
   return (_$category$getAttribu = $category == null ? void 0 : $category.getAttribute('data-name')) != null ? _$category$getAttribu : null;
 }
 
-var SkinTones;
+(function (EmojiStyle) {
+  EmojiStyle["NATIVE"] = "native";
+  EmojiStyle["APPLE"] = "apple";
+  EmojiStyle["TWITTER"] = "twitter";
+  EmojiStyle["GOOGLE"] = "google";
+  EmojiStyle["FACEBOOK"] = "facebook";
+})(exports.EmojiStyle || (exports.EmojiStyle = {}));
+
+(function (Theme) {
+  Theme["DARK"] = "dark";
+  Theme["LIGHT"] = "light";
+  Theme["AUTO"] = "auto";
+})(exports.Theme || (exports.Theme = {}));
 
 (function (SkinTones) {
   SkinTones["NEUTRAL"] = "neutral";
@@ -92,13 +104,7 @@ var SkinTones;
   SkinTones["MEDIUM"] = "1f3fd";
   SkinTones["MEDIUM_DARK"] = "1f3fe";
   SkinTones["DARK"] = "1f3ff";
-})(SkinTones || (SkinTones = {}));
-
-var skinToneVariations = [SkinTones.NEUTRAL, SkinTones.LIGHT, SkinTones.MEDIUM_LIGHT, SkinTones.MEDIUM, SkinTones.MEDIUM_DARK, SkinTones.DARK];
-
-var _configByCategory;
-
-var Categories;
+})(exports.SkinTones || (exports.SkinTones = {}));
 
 (function (Categories) {
   Categories["RECENTLY_USED"] = "recently_used";
@@ -110,35 +116,36 @@ var Categories;
   Categories["OBJECTS"] = "objects";
   Categories["SYMBOLS"] = "symbols";
   Categories["FLAGS"] = "flags";
-})(Categories || (Categories = {}));
+})(exports.Categories || (exports.Categories = {}));
 
-var categoriesOrdered = [Categories.RECENTLY_USED, Categories.SMILEYS_PEOPLE, Categories.ANIMALS_NATURE, Categories.FOOD_DRINK, Categories.TRAVEL_PLACES, Categories.ACTIVITIES, Categories.OBJECTS, Categories.SYMBOLS, Categories.FLAGS];
-var configByCategory = (_configByCategory = {}, _configByCategory[Categories.RECENTLY_USED] = {
-  category: Categories.RECENTLY_USED,
+var _configByCategory;
+var categoriesOrdered = [exports.Categories.RECENTLY_USED, exports.Categories.SMILEYS_PEOPLE, exports.Categories.ANIMALS_NATURE, exports.Categories.FOOD_DRINK, exports.Categories.TRAVEL_PLACES, exports.Categories.ACTIVITIES, exports.Categories.OBJECTS, exports.Categories.SYMBOLS, exports.Categories.FLAGS];
+var configByCategory = (_configByCategory = {}, _configByCategory[exports.Categories.RECENTLY_USED] = {
+  category: exports.Categories.RECENTLY_USED,
   name: 'Recently Used'
-}, _configByCategory[Categories.SMILEYS_PEOPLE] = {
-  category: Categories.SMILEYS_PEOPLE,
+}, _configByCategory[exports.Categories.SMILEYS_PEOPLE] = {
+  category: exports.Categories.SMILEYS_PEOPLE,
   name: 'Smileys & People'
-}, _configByCategory[Categories.ANIMALS_NATURE] = {
-  category: Categories.ANIMALS_NATURE,
+}, _configByCategory[exports.Categories.ANIMALS_NATURE] = {
+  category: exports.Categories.ANIMALS_NATURE,
   name: 'Animals & Nature'
-}, _configByCategory[Categories.FOOD_DRINK] = {
-  category: Categories.FOOD_DRINK,
+}, _configByCategory[exports.Categories.FOOD_DRINK] = {
+  category: exports.Categories.FOOD_DRINK,
   name: 'Food & Drink'
-}, _configByCategory[Categories.TRAVEL_PLACES] = {
-  category: Categories.TRAVEL_PLACES,
+}, _configByCategory[exports.Categories.TRAVEL_PLACES] = {
+  category: exports.Categories.TRAVEL_PLACES,
   name: 'Travel & Places'
-}, _configByCategory[Categories.ACTIVITIES] = {
-  category: Categories.ACTIVITIES,
+}, _configByCategory[exports.Categories.ACTIVITIES] = {
+  category: exports.Categories.ACTIVITIES,
   name: 'Activities'
-}, _configByCategory[Categories.OBJECTS] = {
-  category: Categories.OBJECTS,
+}, _configByCategory[exports.Categories.OBJECTS] = {
+  category: exports.Categories.OBJECTS,
   name: 'Objects'
-}, _configByCategory[Categories.SYMBOLS] = {
-  category: Categories.SYMBOLS,
+}, _configByCategory[exports.Categories.SYMBOLS] = {
+  category: exports.Categories.SYMBOLS,
   name: 'Symbols'
-}, _configByCategory[Categories.FLAGS] = {
-  category: Categories.FLAGS,
+}, _configByCategory[exports.Categories.FLAGS] = {
+  category: exports.Categories.FLAGS,
   name: 'Flags'
 }, _configByCategory);
 var baseCategoriesConfig = /*#__PURE__*/categoriesOrdered.map(function (category) {
@@ -176,24 +183,6 @@ function getBaseConfigByCategory(category) {
   return configByCategory[category];
 }
 
-var EmojiStyle;
-
-(function (EmojiStyle) {
-  EmojiStyle["NATIVE"] = "native";
-  EmojiStyle["APPLE"] = "apple";
-  EmojiStyle["TWITTER"] = "twitter";
-  EmojiStyle["GOOGLE"] = "google";
-  EmojiStyle["FACEBOOK"] = "facebook";
-})(EmojiStyle || (EmojiStyle = {}));
-
-var Theme;
-
-(function (Theme) {
-  Theme["DARK"] = "dark";
-  Theme["LIGHT"] = "light";
-  Theme["AUTO"] = "auto";
-})(Theme || (Theme = {}));
-
 function mergeConfig(userConfig) {
   if (userConfig === void 0) {
     userConfig = {};
@@ -208,15 +197,15 @@ function basePickerConfig() {
   return {
     autoFocusSearch: true,
     categories: baseCategoriesConfig,
-    defaultSkinTone: SkinTones.NEUTRAL,
-    emojiStyle: EmojiStyle.APPLE,
+    defaultSkinTone: exports.SkinTones.NEUTRAL,
+    emojiStyle: exports.EmojiStyle.APPLE,
     onEmojiClick: function defaultOnClickHandler( // @ts-ignore
     event, // @ts-ignore
     emoji) {},
     searchPlaceHolder: 'Search',
     showPreview: true,
     skinTonesDisabled: false,
-    theme: Theme.LIGHT
+    theme: exports.Theme.LIGHT
   };
 }
 
@@ -396,7 +385,7 @@ function PickerContextProvider(_ref) {
 var PickerContext = /*#__PURE__*/React.createContext({
   searchTerm: ['', function () {}],
   activeCategoryState: [null, function () {}],
-  activeSkinTone: [SkinTones.NEUTRAL, function () {}],
+  activeSkinTone: [exports.SkinTones.NEUTRAL, function () {}],
   emojisThatFailedToLoadState: [/*#__PURE__*/new Set(), function () {}],
   isPastInitialLoad: true,
   emojiVariationPickerState: [null, function () {}],
@@ -530,16 +519,16 @@ var CDN_URL_TWITTER = 'https://cdn.jsdelivr.net/npm/emoji-datasource-twitter/img
 var CDN_URL_GOOGLE = 'https://cdn.jsdelivr.net/npm/emoji-datasource-google/img/google/64/';
 function cdnUrl(emojiStyle) {
   switch (emojiStyle) {
-    case EmojiStyle.TWITTER:
+    case exports.EmojiStyle.TWITTER:
       return CDN_URL_TWITTER;
 
-    case EmojiStyle.GOOGLE:
+    case exports.EmojiStyle.GOOGLE:
       return CDN_URL_GOOGLE;
 
-    case EmojiStyle.FACEBOOK:
+    case exports.EmojiStyle.FACEBOOK:
       return CDN_URL_FACEBOOK;
 
-    case EmojiStyle.APPLE:
+    case exports.EmojiStyle.APPLE:
     default:
       return CDN_URL_APPLE;
   }
@@ -6284,6 +6273,8 @@ var emojis = {
   }]
 };
 
+var skinToneVariations = [exports.SkinTones.NEUTRAL, exports.SkinTones.LIGHT, exports.SkinTones.MEDIUM_LIGHT, exports.SkinTones.MEDIUM, exports.SkinTones.MEDIUM_DARK, exports.SkinTones.DARK];
+
 var _window;
 var EmojiProperties;
 
@@ -6480,9 +6471,11 @@ function setRecentlyUsed(emoji, skinTone) {
   nextList.length = Math.min(nextList.length, 14);
 
   try {
-    var _window3;
+    setTimeout(function () {
+      var _window3;
 
-    (_window3 = window) == null ? void 0 : _window3.localStorage.setItem(RECENTLY_USED_LS_KEY, JSON.stringify(nextList));
+      (_window3 = window) == null ? void 0 : _window3.localStorage.setItem(RECENTLY_USED_LS_KEY, JSON.stringify(nextList)); // Prevents the change from being seen immediately.
+    }, 10);
   } catch (_unused2) {// ignore
   }
 }
@@ -6870,7 +6863,7 @@ function Emoji(_ref) {
     }),
     "data-unified": unified,
     "data-original": emojiUnified(emoji)
-  }, emojiStyle === EmojiStyle.NATIVE ? React.createElement(NativeEmoji, Object.assign({}, base)) : React.createElement(EmojiImg, Object.assign({}, base, {
+  }, emojiStyle === exports.EmojiStyle.NATIVE ? React.createElement(NativeEmoji, Object.assign({}, base)) : React.createElement(EmojiImg, Object.assign({}, base, {
     emoji: emoji,
     emojiStyle: emojiStyle
   })));
@@ -6970,7 +6963,7 @@ function EmojiList() {
   }, categories.map(function (categoryConfig, index) {
     var category = categoryFromCategoryConfig(categoryConfig);
 
-    if (category === Categories.RECENTLY_USED) {
+    if (category === exports.Categories.RECENTLY_USED) {
       return React.createElement(RecentlyUsed, {
         key: category,
         categoryConfig: categoryConfig
@@ -7411,7 +7404,7 @@ function PickerRootElement(_ref2) {
   return React.createElement("aside", {
     className: clsx('EmojiPickerReact', 'epr-main', {
       'epr-search-active': searchModeActive,
-      'epr-dark-theme': theme === Theme.DARK
+      'epr-dark-theme': theme === exports.Theme.DARK
     }),
     ref: PickerMainRef
   }, children);