emoji-picker-react 4.5.1 → 4.5.2

package/dist/index.d.ts

@@ -1,7 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { PickerConfig } from './config/config';
 export { ExportedEmoji as Emoji } from './components/emoji/ExportedEmoji';
 export { EmojiStyle, SkinTones, Theme, Categories, EmojiClickData, SuggestionMode, SkinTonePickerLocation } from './types/exposedTypes';
 export interface Props extends PickerConfig {
 }
-export default function EmojiPicker(props: Props): JSX.Element;
+declare function EmojiPicker(props: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof EmojiPicker>;
+export default _default;

package/package.json

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

package/src/index.tsx

@@ -18,10 +18,30 @@ export {
 
 export interface Props extends PickerConfig {}
 
-export default function EmojiPicker(props: Props) {
+function EmojiPicker(props: Props) {
   return (
     <ErrorBoundary>
       <EmojiPickerReact {...props} />
     </ErrorBoundary>
   );
 }
+
+// eslint-disable-next-line complexity
+export default React.memo(EmojiPicker, (prev, next) => {
+  return (
+    prev.emojiVersion === next.emojiVersion &&
+    prev.searchPlaceHolder === next.searchPlaceHolder &&
+    prev.searchPlaceholder === next.searchPlaceholder &&
+    prev.defaultSkinTone === next.defaultSkinTone &&
+    prev.skinTonesDisabled === next.skinTonesDisabled &&
+    prev.autoFocusSearch === next.autoFocusSearch &&
+    prev.emojiStyle === next.emojiStyle &&
+    prev.theme === next.theme &&
+    prev.suggestedEmojisMode === next.suggestedEmojisMode &&
+    prev.lazyLoadEmojis === next.lazyLoadEmojis &&
+    prev.height === next.height &&
+    prev.width === next.width &&
+    prev.searchDisabled === next.searchDisabled &&
+    prev.skinTonePickerLocation === next.skinTonePickerLocation
+  );
+});