emoji-picker-react 4.4.9 → 4.4.10

package/dist/hooks/useHideEmojisByUniocode.d.ts

@@ -0,0 +1 @@
+export declare function useIsUnicodeHidden(): (emojiUnified: string) => boolean;

package/package.json

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

package/src/DomUtils/classNames.ts

@@ -8,7 +8,7 @@ export enum ClassNames {
   category = 'epr-emoji-category',
   label = 'epr-emoji-category-label',
   categoryContent = 'epr-emoji-category-content',
-  emojiHasVariatios = 'epr-emoji-has-variations',
+  emojiHasVariations = 'epr-emoji-has-variations',
   scrollBody = 'epr-body',
   emojiList = 'epr-emoji-list',
   external = '__EmojiPicker__',

package/src/DomUtils/selectors.ts

@@ -113,11 +113,11 @@ export function isEmojiBehindLabel(emoji: NullableElement): boolean {
 }
 
 export function queryScrollBody(root: NullableElement): NullableElement {
-  return root
-    ? root.matches(asSelectors(ClassNames.scrollBody))
-      ? root
-      : root.querySelector(asSelectors(ClassNames.scrollBody))
-    : null;
+  if (!root) return null;
+
+  return root.matches(asSelectors(ClassNames.scrollBody))
+    ? root
+    : root.querySelector(asSelectors(ClassNames.scrollBody));
 }
 
 export function emojiDistanceFromScrollTop(emoji: NullableElement): number {

package/src/components/body/EmojiVariationPicker.tsx

@@ -53,7 +53,7 @@ export function EmojiVariationPicker() {
     emoji &&
     button &&
     emojiHasVariations(emoji) &&
-    button.classList.contains(ClassNames.emojiHasVariatios);
+    button.classList.contains(ClassNames.emojiHasVariations);
 
   useEffect(() => {
     if (!visible) {

package/src/components/body/Suggested.tsx

@@ -7,7 +7,7 @@ import {
   useSuggestedEmojisModeConfig,
 } from '../../config/useConfig';
 import { emojiByUnified } from '../../dataUtils/emojiSelectors';
-import { getsuggested } from '../../dataUtils/suggested';
+import { getSuggested } from '../../dataUtils/suggested';
 import { useUpdateSuggested } from '../context/PickerContext';
 import { ClickableEmoji } from '../emoji/Emoji';
 
@@ -22,7 +22,7 @@ export function Suggested({ categoryConfig }: Props) {
   const suggestedEmojisModeConfig = useSuggestedEmojisModeConfig();
   const getEmojiUrl = useGetEmojiUrlConfig();
   const suggested = React.useMemo(
-    () => getsuggested(suggestedEmojisModeConfig) ?? [],
+    () => getSuggested(suggestedEmojisModeConfig) ?? [],
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [suggestedUpdated, suggestedEmojisModeConfig]
   );

package/src/components/emoji/Emoji.tsx

@@ -53,7 +53,7 @@ export function ClickableEmoji({
         [ClassNames.hidden]: hidden,
         [ClassNames.hiddenOnSearch]: hiddenOnSearch,
         [ClassNames.visible]: !hidden && !hiddenOnSearch,
-        [ClassNames.emojiHasVariatios]: hasVariations && showVariations,
+        [ClassNames.emojiHasVariations]: hasVariations && showVariations,
       })}
       data-unified={unified}
       // @ts-ignore - let's ignore the fact this is not a real react ref, ok?

package/src/config/config.ts

@@ -69,7 +69,8 @@ export function basePickerConfig(): PickerConfigInternal {
     skinTonesDisabled: false,
     suggestedEmojisMode: SuggestionMode.FREQUENT,
     theme: Theme.LIGHT,
-    width: 350
+    width: 350,
+    unicodeToHide: new Set<string>(),
   };
 }
 
@@ -91,6 +92,7 @@ export type PickerConfigInternal = {
   getEmojiUrl: GetEmojiUrl;
   searchDisabled: boolean;
   skinTonePickerLocation: SkinTonePickerLocation;
+  unicodeToHide: Set<string>;
 };
 
 export type PreviewConfig = {
@@ -107,7 +109,7 @@ const basePreviewConfig: PreviewConfig = {
 
 type ConfigExternal = {
   previewConfig: Partial<PreviewConfig>;
-} & Omit<PickerConfigInternal, 'previewConfig'>;
+} & Omit<PickerConfigInternal, 'previewConfig' | 'unicodeToHide'>;
 
 export type PickerConfig = Partial<ConfigExternal>;
 

package/src/config/useConfig.ts

@@ -98,6 +98,11 @@ export function useSkinTonePickerLocationConfig(): SkinTonePickerLocation {
   return skinTonePickerLocation;
 }
 
+export function useUnicodeToHide() {
+  const { unicodeToHide } = usePickerConfig();
+  return unicodeToHide;
+}
+
 export function useGetEmojiUrlConfig(): (
   unified: string,
   style: EmojiStyle