emoji-picker-react 4.5.3 → 4.5.5

package/dist/emoji-picker-react.esm.js

@@ -1,5 +1,4 @@
 import React__default, { useRef, createElement, createContext, createRef, useContext, useState, useMemo, useEffect, useCallback, Fragment, memo, Component } from 'react';
-import clsx from 'clsx';
 
 var ClassNames;
 
@@ -33,6 +32,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) {
@@ -18437,9 +18465,10 @@ styleInject(css_248z$2);
 
 function EmojiList() {
   var categories = useCategoriesConfig();
+  var renderdCategoriesCountRef = useRef(0);
   return createElement("ul", {
     className: ClassNames.emojiList
-  }, categories.map(function (categoryConfig, index) {
+  }, categories.map(function (categoryConfig) {
     var category = categoryFromCategoryConfig(categoryConfig);
 
     if (category === Categories.SUGGESTED) {
@@ -18451,17 +18480,17 @@ function EmojiList() {
 
     return 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();
@@ -18475,7 +18504,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);