emoji-picker-react 4.13.0 → 4.13.2

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.13.0",
+  "version": "4.13.2",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/navigation/CategoryNavigation.tsx

@@ -50,8 +50,10 @@ export function CategoryNavigation() {
             allowNavigation={allowNavigation}
             categoryConfig={categoryConfig}
             onClick={() => {
-              setActiveCategory(category);
               scrollCategoryIntoView(category);
+              setTimeout(() => {
+                setActiveCategory(category);
+              }, 10);
             }}
           />
         );

package/src/config/config.ts

@@ -4,7 +4,7 @@ import { DEFAULT_REACTIONS } from '../components/Reactions/DEFAULT_REACTIONS';
 import { GetEmojiUrl } from '../components/emoji/BaseEmojiProps';
 import {
   setCustomEmojis,
-  emojiUrlByUnified
+  emojiUrlByUnified,
 } from '../dataUtils/emojiSelectors';
 import {
   EmojiClickData,
@@ -12,13 +12,13 @@ import {
   SkinTonePickerLocation,
   SkinTones,
   SuggestionMode,
-  Theme
+  Theme,
 } from '../types/exposedTypes';
 
 import {
   CategoriesConfig,
   baseCategoriesConfig,
-  mergeCategoriesConfig
+  mergeCategoriesConfig,
 } from './categoryConfig';
 import { CustomEmoji } from './customEmojiConfig';
 
@@ -45,10 +45,10 @@ export function mergeConfig(
   const config = Object.assign(base, userConfig);
 
   const categories = mergeCategoriesConfig(userConfig.categories, {
-    suggestionMode: config.suggestedEmojisMode
+    suggestionMode: config.suggestedEmojisMode,
   });
 
-  config.hiddenEmojis.forEach(emoji => {
+  config.hiddenEmojis.forEach((emoji) => {
     config.unicodeToHide.add(emoji);
   });
 
@@ -62,7 +62,7 @@ export function mergeConfig(
     ...config,
     categories,
     previewConfig,
-    skinTonePickerLocation
+    skinTonePickerLocation,
   };
 }
 
@@ -79,7 +79,7 @@ export function basePickerConfig(): PickerConfigInternal {
     height: 450,
     lazyLoadEmojis: false,
     previewConfig: {
-      ...basePreviewConfig
+      ...basePreviewConfig,
     },
     searchDisabled: false,
     searchPlaceHolder: DEFAULT_SEARCH_PLACEHOLDER,
@@ -95,7 +95,7 @@ export function basePickerConfig(): PickerConfigInternal {
     reactions: DEFAULT_REACTIONS,
     open: true,
     allowExpandReactions: true,
-    hiddenEmojis: []
+    hiddenEmojis: [],
   };
 }
 
@@ -137,7 +137,7 @@ export type PreviewConfig = {
 const basePreviewConfig: PreviewConfig = {
   defaultEmoji: '1f60a',
   defaultCaption: "What's your mood?",
-  showPreview: true
+  showPreview: true,
 };
 
 type ConfigExternal = {
@@ -154,7 +154,7 @@ export type PickerDimensions = string | number;
 export type MouseDownEvent = (
   emoji: EmojiClickData,
   event: MouseEvent,
-  api: OnEmojiClickApi
+  api?: OnEmojiClickApi
 ) => void;
 export type OnSkinToneChange = (emoji: SkinTones) => void;
 

package/src/config/mutableConfig.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {MouseDownEvent, OnSkinToneChange} from './config';
+import { MouseDownEvent, OnSkinToneChange } from './config';
 
 export type MutableConfig = {
   onEmojiClick?: MouseDownEvent;
@@ -33,8 +33,9 @@ export function useDefineMutableConfig(
   }, [config.onEmojiClick, config.onReactionClick]);
 
   React.useEffect(() => {
-    MutableConfigRef.current.onSkinToneChange = config.onSkinToneChange || emptyFunc;
-  }, [config.onSkinToneChange])
+    MutableConfigRef.current.onSkinToneChange =
+      config.onSkinToneChange || emptyFunc;
+  }, [config.onSkinToneChange]);
 
   return MutableConfigRef;
 }