emoji-picker-react 4.0.4 → 4.0.6

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

@@ -163,12 +163,10 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-var SuggestionMode;
-
 (function (SuggestionMode) {
   SuggestionMode["RECENT"] = "recent";
   SuggestionMode["FREQUENT"] = "frequent";
-})(SuggestionMode || (SuggestionMode = {}));
+})(exports.SuggestionMode || (exports.SuggestionMode = {}));
 
 (function (EmojiStyle) {
   EmojiStyle["NATIVE"] = "native";
@@ -263,7 +261,7 @@ function mergeCategoriesConfig(userCategoriesConfig, modifiers) {
 
   var extra = {};
 
-  if (modifiers.suggestionMode === SuggestionMode.RECENT) {
+  if (modifiers.suggestionMode === exports.SuggestionMode.RECENT) {
     extra[exports.Categories.SUGGESTED] = SuggestedRecent;
   }
 
@@ -325,7 +323,7 @@ function basePickerConfig() {
     previewConfig: _extends({}, basePreviewConfig),
     searchPlaceHolder: 'Search',
     skinTonesDisabled: false,
-    suggestedEmojisMode: SuggestionMode.FREQUENT,
+    suggestedEmojisMode: exports.SuggestionMode.FREQUENT,
     theme: exports.Theme.LIGHT
   };
 }
@@ -15575,18 +15573,16 @@ function parseNativeEmoji(unified) {
 
 var SUGGESTED_LS_KEY = 'epr_suggested';
 function getsuggested(mode) {
-  var _window;
-
-  if (!((_window = window) != null && _window.localStorage)) {
-    return [];
-  }
-
   try {
-    var _window$localStorage$, _window2;
+    var _window, _window$localStorage$, _window2;
+
+    if (!((_window = window) != null && _window.localStorage)) {
+      return [];
+    }
 
     var recent = JSON.parse((_window$localStorage$ = (_window2 = window) == null ? void 0 : _window2.localStorage.getItem(SUGGESTED_LS_KEY)) != null ? _window$localStorage$ : '[]');
 
-    if (mode === SuggestionMode.FREQUENT) {
+    if (mode === exports.SuggestionMode.FREQUENT) {
       return recent.sort(function (a, b) {
         return b.count - a.count;
       });
@@ -16071,7 +16067,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 +16102,7 @@ function useIsEmojiFiltered() {
       searchTerm = _useSearchTermState3[0];
 
   return function (unified) {
-    return isEmojiFilteredBySearchTerm(unified, filter, searchTerm);
+    return isEmojiFilteredBySearchTerm(unified, filter, searchTerm.toLowerCase());
   };
 }
 
@@ -16756,6 +16752,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() {
@@ -16808,13 +16805,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() {
@@ -16875,6 +16873,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)')
       },