emoji-picker-react 4.0.4 → 4.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/emoji-picker-react.cjs.development.js +7 -4
- package/dist/emoji-picker-react.cjs.development.js.map +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js.map +1 -1
- package/dist/emoji-picker-react.esm.js +7 -4
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/header/Search.tsx +2 -1
- package/src/components/header/SkinTonePicker.tsx +1 -0
- package/src/components/navigation/CategoryNavigation.tsx +1 -0
- package/src/hooks/useFilter.ts +3 -2
|
@@ -16071,7 +16071,7 @@ function useApplySearch() {
|
|
|
16071
16071
|
var PickerMainRef = usePickerMainRef();
|
|
16072
16072
|
return function applySearch(searchTerm) {
|
|
16073
16073
|
requestAnimationFrame(function () {
|
|
16074
|
-
setSearchTerm(searchTerm).then(function () {
|
|
16074
|
+
setSearchTerm(searchTerm.toLowerCase()).then(function () {
|
|
16075
16075
|
scrollTo(PickerMainRef.current, 0);
|
|
16076
16076
|
});
|
|
16077
16077
|
});
|
|
@@ -16106,7 +16106,7 @@ function useIsEmojiFiltered() {
|
|
|
16106
16106
|
searchTerm = _useSearchTermState3[0];
|
|
16107
16107
|
|
|
16108
16108
|
return function (unified) {
|
|
16109
|
-
return isEmojiFilteredBySearchTerm(unified, filter, searchTerm);
|
|
16109
|
+
return isEmojiFilteredBySearchTerm(unified, filter, searchTerm.toLowerCase());
|
|
16110
16110
|
};
|
|
16111
16111
|
}
|
|
16112
16112
|
|
|
@@ -16756,6 +16756,7 @@ function CategoryNavigation() {
|
|
|
16756
16756
|
|
|
16757
16757
|
var category = categoryFromCategoryConfig(categoryConfig);
|
|
16758
16758
|
return React.createElement("button", {
|
|
16759
|
+
type: "button",
|
|
16759
16760
|
className: clsx('epr-cat-btn', "epr-icn-" + category, (_clsx = {}, _clsx[ClassNames.active] = category === activeCategory, _clsx)),
|
|
16760
16761
|
key: category,
|
|
16761
16762
|
onClick: function onClick() {
|
|
@@ -16808,13 +16809,14 @@ function Search() {
|
|
|
16808
16809
|
className: "epr-icn-search"
|
|
16809
16810
|
}), React.createElement("button", {
|
|
16810
16811
|
className: clsx('epr-btn-clear-search', 'epr-visible-on-search-only'),
|
|
16811
|
-
onClick: clearSearch
|
|
16812
|
+
onClick: clearSearch,
|
|
16813
|
+
type: "button"
|
|
16812
16814
|
}));
|
|
16813
16815
|
}
|
|
16814
16816
|
|
|
16815
16817
|
function CssSearch(_ref) {
|
|
16816
16818
|
var value = _ref.value;
|
|
16817
|
-
return value ? React.createElement("style", null, "\n .EmojiPickerReact button.epr-emoji:not([data-full-name*=\"" + value + "\"]) {\n display: none;\n }\n ") : null;
|
|
16819
|
+
return value ? React.createElement("style", null, "\n .EmojiPickerReact button.epr-emoji:not([data-full-name*=\"" + value.toLowerCase() + "\"]) {\n display: none;\n }\n ") : null;
|
|
16818
16820
|
}
|
|
16819
16821
|
|
|
16820
16822
|
function useFocusSearchInput() {
|
|
@@ -16875,6 +16877,7 @@ function SkinTonePicker() {
|
|
|
16875
16877
|
|
|
16876
16878
|
var active = skinToneVariation === activeSkinTone;
|
|
16877
16879
|
return React.createElement("button", {
|
|
16880
|
+
type: "button",
|
|
16878
16881
|
style: {
|
|
16879
16882
|
transform: clsx("translateX(-" + i * (isOpen ? 28 : 0) + "px)", isOpen && active && 'scale(1.3)')
|
|
16880
16883
|
},
|