emoji-picker-react 4.0.3 → 4.0.5

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

@@ -16071,7 +16071,7 @@ function useApplySearch() {
   var PickerMainRef = usePickerMainRef();
   return function applySearch(searchTerm) {
     requestAnimationFrame(function () {
-      setSearchTerm(searchTerm).then(function () {
+      setSearchTerm(searchTerm.toLowerCase()).then(function () {
         scrollTo(PickerMainRef.current, 0);
       });
     });
@@ -16106,7 +16106,7 @@ function useIsEmojiFiltered() {
       searchTerm = _useSearchTermState3[0];
 
   return function (unified) {
-    return isEmojiFilteredBySearchTerm(unified, filter, searchTerm);
+    return isEmojiFilteredBySearchTerm(unified, filter, searchTerm.toLowerCase());
   };
 }
 
@@ -16180,7 +16180,8 @@ function ClickableEmoji(_ref) {
     className: clsx(ClassNames.emoji, (_clsx = {}, _clsx[ClassNames.hidden] = hidden, _clsx[ClassNames.hiddenOnSearch] = hiddenOnSearch, _clsx[ClassNames.visible] = !hidden && !hiddenOnSearch, _clsx[ClassNames.emojiHasVariatios] = hasVariations && showVariations, _clsx)),
     "data-unified": unified,
     "aria-label": emojiName(emoji),
-    "data-full-name": emojiNames(emoji)
+    "data-full-name": emojiNames(emoji),
+    type: "button"
   }, React.createElement(ViewOnlyEmoji, {
     unified: unified,
     emoji: emoji,
@@ -16755,6 +16756,7 @@ function CategoryNavigation() {
 
     var category = categoryFromCategoryConfig(categoryConfig);
     return React.createElement("button", {
+      type: "button",
       className: clsx('epr-cat-btn', "epr-icn-" + category, (_clsx = {}, _clsx[ClassNames.active] = category === activeCategory, _clsx)),
       key: category,
       onClick: function onClick() {
@@ -16807,13 +16809,14 @@ function Search() {
     className: "epr-icn-search"
   }), React.createElement("button", {
     className: clsx('epr-btn-clear-search', 'epr-visible-on-search-only'),
-    onClick: clearSearch
+    onClick: clearSearch,
+    type: "button"
   }));
 }
 
 function CssSearch(_ref) {
   var value = _ref.value;
-  return value ? React.createElement("style", null, "\n        .EmojiPickerReact button.epr-emoji:not([data-full-name*=\"" + value + "\"]) {\n          display: none;\n        }\n  ") : null;
+  return value ? React.createElement("style", null, "\n        .EmojiPickerReact button.epr-emoji:not([data-full-name*=\"" + value.toLowerCase() + "\"]) {\n          display: none;\n        }\n  ") : null;
 }
 
 function useFocusSearchInput() {
@@ -16874,6 +16877,7 @@ function SkinTonePicker() {
 
     var active = skinToneVariation === activeSkinTone;
     return React.createElement("button", {
+      type: "button",
       style: {
         transform: clsx("translateX(-" + i * (isOpen ? 28 : 0) + "px)", isOpen && active && 'scale(1.3)')
       },