emoji-picker-react 4.4.7 → 4.4.9

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.4.7",
+  "version": "4.4.9",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -23,7 +23,7 @@
   },
   "scripts": {
     "start": "tsdx watch",
-    "build": "node ./scripts/prepare.js && tsdx build",
+    "build": "node ./scripts/prepare.js && tsdx build && node ./scripts/copyData.js",
     "test": "tsdx test --passWithNoTests",
     "lint": "eslint ./src --ext .ts,.tsx",
     "prepare": "tsdx build",

package/src/components/body/EmojiList.tsx

@@ -10,7 +10,8 @@ import {
   useCategoriesConfig,
   useEmojiStyleConfig,
   useGetEmojiUrlConfig,
-  useLazyLoadEmojisConfig
+  useLazyLoadEmojisConfig,
+  useSkinTonesDisabledConfig
 } from '../../config/useConfig';
 import { emojisByCategory, emojiUnified } from '../../dataUtils/emojiSelectors';
 import { useIsEmojiDisallowed } from '../../hooks/useDisallowedEmojis';
@@ -67,6 +68,7 @@ function RenderCategory({
   const [activeSkinTone] = useActiveSkinToneState();
   const isEmojiDisallowed = useIsEmojiDisallowed();
   const getEmojiUrl = useGetEmojiUrlConfig();
+  const showVariations = !useSkinTonesDisabledConfig();
 
   // Small trick to defer the rendering of all emoji categories until the first category is visible
   // This way the user gets to actually see something and not wait for the whole picker to render.
@@ -91,6 +93,7 @@ function RenderCategory({
 
     return (
       <ClickableEmoji
+        showVariations={showVariations}
         key={unified}
         emoji={emoji}
         unified={unified}

package/src/dataUtils/emojiSelectors.ts

@@ -4,7 +4,7 @@ import emojis from '../data/emojis';
 import skinToneVariations, {
   skinTonesMapped
 } from '../data/skinToneVariations';
-import { EmojiStyle, SkinTones } from '../types/exposedTypes';
+import { EmojiStyle, SkinTones } from '../types/exposedTypes';  
 
 import { DataEmoji, DataEmojis } from './DataTypes';
 

package/src/hooks/useKeyboardNavigation.ts

@@ -42,6 +42,7 @@ import {
   useIsSkinToneInPreview,
   useIsSkinToneInSearch
 } from './useShouldShowSkinTonePicker';
+import { useSearchDisabledConfig } from '../config/useConfig';
 
 enum KeyboardEvents {
   ArrowDown = 'ArrowDown',
@@ -452,12 +453,13 @@ function focusPrevSkinTone() {
 function useOnType() {
   const appendSearch = useAppendSearch();
   const focusSearchInput = useFocusSearchInput();
+  const searchDisabled = useSearchDisabledConfig();
   const closeAllOpenToggles = useCloseAllOpenToggles();
 
   return function onType(event: KeyboardEvent) {
     const { key } = event;
 
-    if (hasModifier(event)) {
+    if (hasModifier(event) || searchDisabled) {
       return;
     }