emoji-picker-react 4.5.3 → 4.5.5

package/dist/DomUtils/classNames.d.ts

@@ -19,3 +19,4 @@ export declare enum ClassNames {
     variationPicker = "epr-emoji-variation-picker"
 }
 export declare function asSelectors(...classNames: ClassNames[]): string;
+export declare function clsx(...args: any[]): string;

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

@@ -6,7 +6,6 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var React = require('react');
 var React__default = _interopDefault(React);
-var clsx = _interopDefault(require('clsx'));
 
 var ClassNames;
 
@@ -40,6 +39,35 @@ function asSelectors() {
     return "." + c;
   }).join('');
 }
+function clsx() {
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+
+  var classes = args.reduce(function (classes, arg) {
+    if (typeof arg === 'string') {
+      classes.push(arg);
+    }
+
+    if (Array.isArray(arg)) {
+      classes.push(clsx.apply(void 0, arg));
+    }
+
+    if (typeof arg === 'object') {
+      Object.entries(arg).forEach(function (_ref) {
+        var key = _ref[0],
+            value = _ref[1];
+
+        if (value) {
+          classes.push(key);
+        }
+      });
+    }
+
+    return classes;
+  }, []);
+  return classes.filter(Boolean).join(' ');
+}
 
 function focusElement(element) {
   if (!element) {
@@ -18396,9 +18424,10 @@ function Suggested(_ref) {
 
 function EmojiList() {
   var categories = useCategoriesConfig();
+  var renderdCategoriesCountRef = React.useRef(0);
   return React.createElement("ul", {
     className: ClassNames.emojiList
-  }, categories.map(function (categoryConfig, index) {
+  }, categories.map(function (categoryConfig) {
     var category = categoryFromCategoryConfig(categoryConfig);
 
     if (category === exports.Categories.SUGGESTED) {
@@ -18410,17 +18439,17 @@ function EmojiList() {
 
     return React.createElement(RenderCategory, {
       key: category,
-      index: index,
       category: category,
-      categoryConfig: categoryConfig
+      categoryConfig: categoryConfig,
+      renderdCategoriesCountRef: renderdCategoriesCountRef
     });
   }));
 }
 
 function RenderCategory(_ref) {
-  var index = _ref.index,
-      category = _ref.category,
-      categoryConfig = _ref.categoryConfig;
+  var category = _ref.category,
+      categoryConfig = _ref.categoryConfig,
+      renderdCategoriesCountRef = _ref.renderdCategoriesCountRef;
   var isEmojiHidden = useIsEmojiHidden();
   var lazyLoadEmojis = useLazyLoadEmojisConfig();
   var emojiStyle = useEmojiStyleConfig();
@@ -18434,7 +18463,12 @@ function RenderCategory(_ref) {
   var showVariations = !useSkinTonesDisabledConfig(); // Small trick to defer the rendering of all emoji categories until the first category is visible
   // This way the user gets to actually see something and not wait for the whole picker to render.
 
-  var emojisToPush = !isPastInitialLoad && index > 1 ? [] : emojisByCategory(category);
+  var emojisToPush = !isPastInitialLoad && renderdCategoriesCountRef.current > 0 ? [] : emojisByCategory(category);
+
+  if (emojisToPush.length > 0) {
+    renderdCategoriesCountRef.current++;
+  }
+
   var hiddenCounter = 0;
   var emojis = emojisToPush.map(function (emoji) {
     var unified = emojiUnified(emoji, activeSkinTone);