emoji-picker-react 4.0.8 → 4.1.0

package/src/dataUtils/DataTypes.ts

@@ -4,6 +4,7 @@ export type DataEmoji = {
   n: string[];
   u: string;
   v?: string[];
+  a: string;
 };
 export type DataEmojis = DataEmoji[];
 

package/src/dataUtils/emojiSelectors.ts

@@ -2,7 +2,7 @@ import { Categories } from '../config/categoryConfig';
 import { cdnUrl } from '../config/cdnUrls';
 import emojis from '../data/emojis';
 import skinToneVariations, {
-  skinTonesMapped
+  skinTonesMapped,
 } from '../data/skinToneVariations';
 import { EmojiStyle, SkinTones } from '../types/exposedTypes';
 
@@ -11,13 +11,18 @@ import { DataEmoji, DataEmojis } from './DataTypes';
 enum EmojiProperties {
   name = 'n',
   unified = 'u',
-  variations = 'v'
+  variations = 'v',
+  added_in = 'a',
 }
 
 export function emojiNames(emoji: DataEmoji): string[] {
   return emoji[EmojiProperties.name] ?? [];
 }
 
+export function addedIn(emoji: DataEmoji): number {
+  return parseFloat(emoji[EmojiProperties.added_in]);
+}
+
 export function emojiName(emoji: DataEmoji): string {
   return emojiNames(emoji)[0];
 }
@@ -76,7 +81,7 @@ export function emojiVariationUnified(
   skinTone?: string
 ): string | undefined {
   return skinTone
-    ? emojiVariations(emoji).find(variation => variation.includes(skinTone))
+    ? emojiVariations(emoji).find((variation) => variation.includes(skinTone))
     : emojiUnified(emoji);
 }
 

package/src/hooks/useDisallowedEmojis.ts

@@ -0,0 +1,33 @@
+import { useRef, useMemo } from 'react';
+
+import { useEmojiVersionConfig } from '../config/useConfig';
+import { DataEmoji } from '../dataUtils/DataTypes';
+import { addedIn, allEmojis, emojiUnified } from '../dataUtils/emojiSelectors';
+
+export function useDisallowedEmojis() {
+  const DisallowedEmojisRef = useRef<Record<string, boolean>>({});
+  const emojiVersionConfig = useEmojiVersionConfig();
+
+  return useMemo(() => {
+    const emojiVersion = parseFloat(`${emojiVersionConfig}`);
+
+    if (!emojiVersionConfig || Number.isNaN(emojiVersion)) {
+      return DisallowedEmojisRef.current;
+    }
+
+    return allEmojis.reduce((disallowedEmojis, emoji) => {
+      if (addedInNewerVersion(emoji, emojiVersion)) {
+        disallowedEmojis[emojiUnified(emoji)] = true;
+      }
+
+      return disallowedEmojis;
+    }, DisallowedEmojisRef.current);
+  }, [emojiVersionConfig]);
+}
+
+function addedInNewerVersion(
+  emoji: DataEmoji,
+  supportedLevel: number
+): boolean {
+  return addedIn(emoji) > supportedLevel;
+}

package/src/types/exposedTypes.ts

@@ -9,7 +9,7 @@ export type EmojiClickData = {
 
 export enum SuggestionMode {
   RECENT = 'recent',
-  FREQUENT = 'frequent'
+  FREQUENT = 'frequent',
 }
 
 export enum EmojiStyle {
@@ -17,13 +17,13 @@ export enum EmojiStyle {
   APPLE = 'apple',
   TWITTER = 'twitter',
   GOOGLE = 'google',
-  FACEBOOK = 'facebook'
+  FACEBOOK = 'facebook',
 }
 
 export enum Theme {
   DARK = 'dark',
   LIGHT = 'light',
-  AUTO = 'auto'
+  AUTO = 'auto',
 }
 
 export enum SkinTones {
@@ -32,7 +32,7 @@ export enum SkinTones {
   MEDIUM_LIGHT = '1f3fc',
   MEDIUM = '1f3fd',
   MEDIUM_DARK = '1f3fe',
-  DARK = '1f3ff'
+  DARK = '1f3ff',
 }
 
 export enum Categories {
@@ -44,5 +44,5 @@ export enum Categories {
   ACTIVITIES = 'activities',
   OBJECTS = 'objects',
   SYMBOLS = 'symbols',
-  FLAGS = 'flags'
+  FLAGS = 'flags',
 }