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

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/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,9 +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];
+})(exports.SkinTones || (exports.SkinTones = {}));
 
 var _configByCategory;
 
@@ -176,24 +186,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 +200,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 +388,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 +522,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 +6276,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;
 
@@ -6870,7 +6864,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
   })));
@@ -7411,7 +7405,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);