emoji-picker-react 4.14.1 → 4.15.0
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 +8 -5
- 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 +8 -6
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/body/EmojiList.tsx +6 -3
- package/src/components/header/Search/Search.tsx +2 -2
- package/src/components/main/PickerMain.tsx +2 -1
- package/src/hooks/useEmojiVirtualization.tsx +1 -0
- package/src/index.tsx +2 -0
|
@@ -18865,7 +18865,6 @@ var styles = /*#__PURE__*/stylesheet.create({
|
|
|
18865
18865
|
'--epr-horizontal-padding': '10px',
|
|
18866
18866
|
'--epr-picker-border-radius': '8px',
|
|
18867
18867
|
/* Header */
|
|
18868
|
-
'--epr-search-border-color': 'var(--epr-highlight-color)',
|
|
18869
18868
|
'--epr-header-padding': '15px var(--epr-horizontal-padding)',
|
|
18870
18869
|
/* Skin Tone Picker */
|
|
18871
18870
|
'--epr-active-skin-tone-indicator-border-color': 'var(--epr-highlight-color)',
|
|
@@ -18878,6 +18877,8 @@ var styles = /*#__PURE__*/stylesheet.create({
|
|
|
18878
18877
|
'--epr-search-input-text-color': 'var(--epr-text-color)',
|
|
18879
18878
|
'--epr-search-input-placeholder-color': 'var(--epr-text-color)',
|
|
18880
18879
|
'--epr-search-bar-inner-padding': 'var(--epr-horizontal-padding)',
|
|
18880
|
+
'--epr-search-border-color': 'var(--epr-search-input-bg-color)',
|
|
18881
|
+
'--epr-search-border-color-active': 'var(--epr-highlight-color)',
|
|
18881
18882
|
/* Category Navigation */
|
|
18882
18883
|
'--epr-category-navigation-button-size': '30px',
|
|
18883
18884
|
/* Variation Picker */
|
|
@@ -19886,6 +19887,7 @@ function useEmojiVirtualization(_ref) {
|
|
|
19886
19887
|
return accumulator;
|
|
19887
19888
|
}
|
|
19888
19889
|
if (!isCategoryVisible) {
|
|
19890
|
+
virtualizedCounter++;
|
|
19889
19891
|
return accumulator;
|
|
19890
19892
|
}
|
|
19891
19893
|
accumulator.push(createElement(ClickableEmoji, {
|
|
@@ -20010,13 +20012,13 @@ function RenderCategory(_ref2) {
|
|
|
20010
20012
|
onHeightReady = _ref2.onHeightReady,
|
|
20011
20013
|
scrollTop = _ref2.scrollTop;
|
|
20012
20014
|
var _useVisibleCategories = useVisibleCategoriesState(),
|
|
20013
|
-
|
|
20015
|
+
visibleCategories = _useVisibleCategories[0];
|
|
20014
20016
|
var _useEmojiVirtualizati = useEmojiVirtualization({
|
|
20015
20017
|
categoryEmojis: categoryEmojis,
|
|
20016
20018
|
topOffset: topOffset,
|
|
20017
20019
|
onHeightReady: onHeightReady,
|
|
20018
20020
|
scrollTop: scrollTop,
|
|
20019
|
-
isCategoryVisible:
|
|
20021
|
+
isCategoryVisible: visibleCategories.includes(categoryConfig.category)
|
|
20020
20022
|
}),
|
|
20021
20023
|
virtualizedCounter = _useEmojiVirtualizati.virtualizedCounter,
|
|
20022
20024
|
emojis = _useEmojiVirtualizati.emojis,
|
|
@@ -21033,11 +21035,11 @@ var styles$j = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
|
|
|
21033
21035
|
padding: 'var(--epr-search-input-padding)',
|
|
21034
21036
|
height: 'var(--epr-search-input-height)',
|
|
21035
21037
|
backgroundColor: 'var(--epr-search-input-bg-color)',
|
|
21036
|
-
border: '1px solid var(--epr-search-
|
|
21038
|
+
border: '1px solid var(--epr-search-border-color)',
|
|
21037
21039
|
width: '100%',
|
|
21038
21040
|
':focus': {
|
|
21039
21041
|
backgroundColor: 'var(--epr-search-input-bg-color-active)',
|
|
21040
|
-
border: '1px solid var(--epr-search-border-color)'
|
|
21042
|
+
border: '1px solid var(--epr-search-border-color-active)'
|
|
21041
21043
|
},
|
|
21042
21044
|
'::placeholder': {
|
|
21043
21045
|
color: 'var(--epr-search-input-placeholder-color)'
|
|
@@ -21193,5 +21195,5 @@ function EmojiPicker$1(props) {
|
|
|
21193
21195
|
}
|
|
21194
21196
|
|
|
21195
21197
|
export default EmojiPicker$1;
|
|
21196
|
-
export { Categories, ExportedEmoji as Emoji, EmojiStyle, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme };
|
|
21198
|
+
export { Categories, ExportedEmoji as Emoji, EmojiStyle, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme, emojiByUnified };
|
|
21197
21199
|
//# sourceMappingURL=emoji-picker-react.esm.js.map
|