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
|
@@ -16073,7 +16073,7 @@ function useApplySearch() {
|
|
|
16073
16073
|
var PickerMainRef = usePickerMainRef();
|
|
16074
16074
|
return function applySearch(searchTerm) {
|
|
16075
16075
|
requestAnimationFrame(function () {
|
|
16076
|
-
setSearchTerm(searchTerm).then(function () {
|
|
16076
|
+
setSearchTerm(searchTerm.toLowerCase()).then(function () {
|
|
16077
16077
|
scrollTo(PickerMainRef.current, 0);
|
|
16078
16078
|
});
|
|
16079
16079
|
});
|
|
@@ -16108,7 +16108,7 @@ function useIsEmojiFiltered() {
|
|
|
16108
16108
|
searchTerm = _useSearchTermState3[0];
|
|
16109
16109
|
|
|
16110
16110
|
return function (unified) {
|
|
16111
|
-
return isEmojiFilteredBySearchTerm(unified, filter, searchTerm);
|
|
16111
|
+
return isEmojiFilteredBySearchTerm(unified, filter, searchTerm.toLowerCase());
|
|
16112
16112
|
};
|
|
16113
16113
|
}
|
|
16114
16114
|
|
|
@@ -16809,6 +16809,7 @@ function CategoryNavigation() {
|
|
|
16809
16809
|
|
|
16810
16810
|
var category = categoryFromCategoryConfig(categoryConfig);
|
|
16811
16811
|
return createElement("button", {
|
|
16812
|
+
type: "button",
|
|
16812
16813
|
className: clsx('epr-cat-btn', "epr-icn-" + category, (_clsx = {}, _clsx[ClassNames.active] = category === activeCategory, _clsx)),
|
|
16813
16814
|
key: category,
|
|
16814
16815
|
onClick: function onClick() {
|
|
@@ -16864,13 +16865,14 @@ function Search() {
|
|
|
16864
16865
|
className: "epr-icn-search"
|
|
16865
16866
|
}), createElement("button", {
|
|
16866
16867
|
className: clsx('epr-btn-clear-search', 'epr-visible-on-search-only'),
|
|
16867
|
-
onClick: clearSearch
|
|
16868
|
+
onClick: clearSearch,
|
|
16869
|
+
type: "button"
|
|
16868
16870
|
}));
|
|
16869
16871
|
}
|
|
16870
16872
|
|
|
16871
16873
|
function CssSearch(_ref) {
|
|
16872
16874
|
var value = _ref.value;
|
|
16873
|
-
return value ? createElement("style", null, "\n .EmojiPickerReact button.epr-emoji:not([data-full-name*=\"" + value + "\"]) {\n display: none;\n }\n ") : null;
|
|
16875
|
+
return value ? createElement("style", null, "\n .EmojiPickerReact button.epr-emoji:not([data-full-name*=\"" + value.toLowerCase() + "\"]) {\n display: none;\n }\n ") : null;
|
|
16874
16876
|
}
|
|
16875
16877
|
|
|
16876
16878
|
function useFocusSearchInput() {
|
|
@@ -16934,6 +16936,7 @@ function SkinTonePicker() {
|
|
|
16934
16936
|
|
|
16935
16937
|
var active = skinToneVariation === activeSkinTone;
|
|
16936
16938
|
return createElement("button", {
|
|
16939
|
+
type: "button",
|
|
16937
16940
|
style: {
|
|
16938
16941
|
transform: clsx("translateX(-" + i * (isOpen ? 28 : 0) + "px)", isOpen && active && 'scale(1.3)')
|
|
16939
16942
|
},
|