emoji-picker-react 4.20.8 → 4.20.9

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

@@ -30598,18 +30598,23 @@ function CategoryNavigation() {
   var categoryIcons = useCategoryIconsConfig();
   var CategoryNavigationRef = useCategoryNavigationRef();
   var hideCustomCategory = useShouldHideCustomEmojis();
+  var visibleCategories = categoriesConfig.filter(function (categoryConfig) {
+    return !(isCustomCategory(categoryConfig) && hideCustomCategory);
+  });
+  // A single tab navigates nowhere — hide the bar to reclaim its space.
+  // https://github.com/ealush/emoji-picker-react/issues/396
+  if (visibleCategories.length <= 1) {
+    return null;
+  }
   return createElement("div", {
     className: cx(styles$g.nav),
     role: "tablist",
     "aria-label": "Category navigation",
     id: "epr-category-nav-id",
     ref: CategoryNavigationRef
-  }, categoriesConfig.map(function (categoryConfig) {
+  }, visibleCategories.map(function (categoryConfig) {
     var category = categoryFromCategoryConfig(categoryConfig);
     var isActiveCategory = category === activeCategory;
-    if (isCustomCategory(categoryConfig) && hideCustomCategory) {
-      return null;
-    }
     var allowNavigation = !isSearchMode && !isActiveCategory;
     return createElement(CategoryButton, {
       key: category,