emoji-picker-react 4.0.0-rc.12 → 4.0.0-rc.13

package/README.md

@@ -42,7 +42,7 @@ function App() {
 
 The following props are accepted by them picker:
 
-- `onEmojiClick`: `(event: MouseEvent, emoji: EmojiClickData) => void` - Callback function when an emoji is clicked. The callback receives the event and the emoji data. The emoji data is comprised of the following properties:
+- `onEmojiClick`: `(emojiData: EmojiClickData, event: MouseEvent) => void` - Callback function when an emoji is clicked. The callback receives the event and the emoji data. The emoji data is comprised of the following properties:
 
   ```ts
   {

package/dist/config/config.d.ts

@@ -7,7 +7,7 @@ export declare function mergeConfig(userConfig?: PickerConfig): {
     skinTonesDisabled: boolean;
     autoFocusSearch: boolean;
     emojiStyle: EmojiStyle;
-    onEmojiClick: (event: MouseEvent, emoji: EmojiClickData) => void;
+    onEmojiClick: (emoji: EmojiClickData, event: MouseEvent) => void;
     showPreview: boolean;
     theme: Theme;
 };
@@ -19,7 +19,7 @@ export declare type PickerConfigInternal = {
     autoFocusSearch: boolean;
     emojiStyle: EmojiStyle;
     categories: CategoriesConfig;
-    onEmojiClick: (event: MouseEvent, emoji: EmojiClickData) => void;
+    onEmojiClick: (emoji: EmojiClickData, event: MouseEvent) => void;
     showPreview: boolean;
     theme: Theme;
 };

package/dist/config/useConfig.d.ts

@@ -6,6 +6,6 @@ export declare function useSkinTonesDisabledConfig(): boolean;
 export declare function useEmojiStyleConfig(): EmojiStyle;
 export declare function useAutoFocusSearchConfig(): boolean;
 export declare function useCategoriesConfig(): CategoriesConfig;
-export declare function useOnEmojiClickConfig(): (event: MouseEvent, emoji: EmojiClickData) => void;
+export declare function useOnEmojiClickConfig(): (emoji: EmojiClickData, event: MouseEvent) => void;
 export declare function useShowPreviewConfig(): boolean;
 export declare function useThemeConfig(): Theme;

package/dist/emoji-picker-react.cjs.development.js

@@ -200,8 +200,8 @@ function basePickerConfig() {
     defaultSkinTone: exports.SkinTones.NEUTRAL,
     emojiStyle: exports.EmojiStyle.APPLE,
     onEmojiClick: function defaultOnClickHandler( // @ts-ignore
-    event, // @ts-ignore
-    emoji) {},
+    emoji, // @ts-ignore
+    event) {},
     searchPlaceHolder: 'Search',
     showPreview: true,
     skinTonesDisabled: false,
@@ -15891,7 +15891,7 @@ function useMouseDownHandlers(BodyRef) {
     var skinToneToUse = activeVariationFromUnified(unified) || activeSkinTone;
     updateRecentlyUsed();
     setRecentlyUsed(emoji, skinToneToUse);
-    onEmojiClick(event, emojiClickOutput(emoji, skinToneToUse));
+    onEmojiClick(emojiClickOutput(emoji, skinToneToUse), event);
   }
 
   function onMouseDown(event) {