emoji-picker-react 4.0.8 → 4.1.0

package/README.md

@@ -1,4 +1,4 @@
-# Emoji Picker React (v4) | [Live Demo](https://codesandbox.io/s/emoji-picker-react-4-z2gkzp)
+\*\*\*\*# Emoji Picker React (v4) | [Live Demo](https://codesandbox.io/s/emoji-picker-react-4-z2gkzp)
 
 ![Picker](https://user-images.githubusercontent.com/11255103/192167134-8205eb89-a71d-4463-8f3a-940e844917d5.gif)
 
@@ -56,6 +56,7 @@ The following props are accepted by them picker:
 | suggestedEmojisMode | string   | `frequent` | Controls the suggested emojis mode. Possible values are `frequent` and `recent`.                                  |
 | skinTonesDisabled   | boolean  | `false`    | Controls whether the skin tones are disabled or not.                                                              |
 | `width`             | number   | `350`      | Controls the width of the picker.                                                                                 |
+| emojiVersion        | `string` | -          | Allows displaying emojis up to a certain version for compatibility.                                               |
 | `height`            | number   | `450`      | Controls the height of the picker.                                                                                |
 
 ## Full details
@@ -139,12 +140,12 @@ import { SkinTones } from 'emoji-picker-react';
   [
     {
       category: 'suggested',
-      name: 'Recently Used'
+      name: 'Recently Used',
     },
     {
       category: 'smileys_people',
-      name: 'Faces...'
-    }
+      name: 'Faces...',
+    },
   ];
   ```
 
@@ -155,6 +156,14 @@ import { SkinTones } from 'emoji-picker-react';
   import { SuggestionMode } from 'emoji-picker-react';
   ```
 
+- `emojiVersion`: `string` - Allows displaying emojis up to a certain version for compatibility. The passed version will be parsed as a float and each emoji will be tested against it. Common values are:
+  - `"0.6"`
+  - `"1.0"`
+  - `"2.0"`
+  - `"3.0"`
+  - `"4.0"`
+  - `"5.0"`
+
 # Customization
 
 ## Custom Picker Width and Height

package/dist/components/context/PickerContext.d.ts

@@ -16,6 +16,7 @@ export declare function useEmojisThatFailedToLoadState(): ReactState<Set<string>
 export declare function useIsPastInitialLoad(): boolean;
 export declare function useEmojiVariationPickerState(): ReactState<DataEmoji | null>;
 export declare function useSkinToneFanOpenState(): ReactState<boolean>;
+export declare function useDisallowedEmojisRef(): React.MutableRefObject<Record<string, boolean>>;
 export declare function useUpdateSuggested(): [number, () => void];
 export declare type FilterState = Record<string, FilterDict>;
 export {};

package/dist/config/config.d.ts

@@ -3,6 +3,7 @@ import { CategoriesConfig } from './categoryConfig';
 export declare function mergeConfig(userConfig?: PickerConfig): PickerConfigInternal;
 export declare function basePickerConfig(): PickerConfigInternal;
 export declare type PickerConfigInternal = {
+    emojiVersion: string | null;
     searchPlaceHolder: string;
     defaultSkinTone: SkinTones;
     skinTonesDisabled: boolean;

package/dist/config/useConfig.d.ts

@@ -16,3 +16,4 @@ export declare function usePickerSizeConfig(): {
     height: number;
     width: number;
 };
+export declare function useEmojiVersionConfig(): string | null;

package/dist/dataUtils/DataTypes.d.ts

@@ -3,6 +3,7 @@ export declare type DataEmoji = {
     n: string[];
     u: string;
     v?: string[];
+    a: string;
 };
 export declare type DataEmojis = DataEmoji[];
 export declare type DataGroups = keyof typeof emojis;

package/dist/dataUtils/emojiSelectors.d.ts

@@ -2,6 +2,7 @@ import { Categories } from '../config/categoryConfig';
 import { EmojiStyle, SkinTones } from '../types/exposedTypes';
 import { DataEmoji, DataEmojis } from './DataTypes';
 export declare function emojiNames(emoji: DataEmoji): string[];
+export declare function addedIn(emoji: DataEmoji): number;
 export declare function emojiName(emoji: DataEmoji): string;
 export declare function unifiedWithoutSkinTone(unified: string): string;
 export declare function emojiUrl(emojiStyle: EmojiStyle, emoji: DataEmoji, skinTone?: string): string;