emoji-picker-react 4.20.8 → 4.20.9

package/dist/components/navigation/CategoryNavigation.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare function CategoryNavigation(): JSX.Element;
+export declare function CategoryNavigation(): JSX.Element | null;

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

@@ -30599,18 +30599,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 React.createElement("div", {
     className: shipstyles.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 React.createElement(CategoryButton, {
       key: category,