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
|
@@ -18866,7 +18866,6 @@ var styles = /*#__PURE__*/stylesheet.create({
|
|
|
18866
18866
|
'--epr-horizontal-padding': '10px',
|
|
18867
18867
|
'--epr-picker-border-radius': '8px',
|
|
18868
18868
|
/* Header */
|
|
18869
|
-
'--epr-search-border-color': 'var(--epr-highlight-color)',
|
|
18870
18869
|
'--epr-header-padding': '15px var(--epr-horizontal-padding)',
|
|
18871
18870
|
/* Skin Tone Picker */
|
|
18872
18871
|
'--epr-active-skin-tone-indicator-border-color': 'var(--epr-highlight-color)',
|
|
@@ -18879,6 +18878,8 @@ var styles = /*#__PURE__*/stylesheet.create({
|
|
|
18879
18878
|
'--epr-search-input-text-color': 'var(--epr-text-color)',
|
|
18880
18879
|
'--epr-search-input-placeholder-color': 'var(--epr-text-color)',
|
|
18881
18880
|
'--epr-search-bar-inner-padding': 'var(--epr-horizontal-padding)',
|
|
18881
|
+
'--epr-search-border-color': 'var(--epr-search-input-bg-color)',
|
|
18882
|
+
'--epr-search-border-color-active': 'var(--epr-highlight-color)',
|
|
18882
18883
|
/* Category Navigation */
|
|
18883
18884
|
'--epr-category-navigation-button-size': '30px',
|
|
18884
18885
|
/* Variation Picker */
|
|
@@ -19887,6 +19888,7 @@ function useEmojiVirtualization(_ref) {
|
|
|
19887
19888
|
return accumulator;
|
|
19888
19889
|
}
|
|
19889
19890
|
if (!isCategoryVisible) {
|
|
19891
|
+
virtualizedCounter++;
|
|
19890
19892
|
return accumulator;
|
|
19891
19893
|
}
|
|
19892
19894
|
accumulator.push(React.createElement(ClickableEmoji, {
|
|
@@ -20011,13 +20013,13 @@ function RenderCategory(_ref2) {
|
|
|
20011
20013
|
onHeightReady = _ref2.onHeightReady,
|
|
20012
20014
|
scrollTop = _ref2.scrollTop;
|
|
20013
20015
|
var _useVisibleCategories = useVisibleCategoriesState(),
|
|
20014
|
-
|
|
20016
|
+
visibleCategories = _useVisibleCategories[0];
|
|
20015
20017
|
var _useEmojiVirtualizati = useEmojiVirtualization({
|
|
20016
20018
|
categoryEmojis: categoryEmojis,
|
|
20017
20019
|
topOffset: topOffset,
|
|
20018
20020
|
onHeightReady: onHeightReady,
|
|
20019
20021
|
scrollTop: scrollTop,
|
|
20020
|
-
isCategoryVisible:
|
|
20022
|
+
isCategoryVisible: visibleCategories.includes(categoryConfig.category)
|
|
20021
20023
|
}),
|
|
20022
20024
|
virtualizedCounter = _useEmojiVirtualizati.virtualizedCounter,
|
|
20023
20025
|
emojis = _useEmojiVirtualizati.emojis,
|
|
@@ -21034,11 +21036,11 @@ var styles$j = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
|
|
|
21034
21036
|
padding: 'var(--epr-search-input-padding)',
|
|
21035
21037
|
height: 'var(--epr-search-input-height)',
|
|
21036
21038
|
backgroundColor: 'var(--epr-search-input-bg-color)',
|
|
21037
|
-
border: '1px solid var(--epr-search-
|
|
21039
|
+
border: '1px solid var(--epr-search-border-color)',
|
|
21038
21040
|
width: '100%',
|
|
21039
21041
|
':focus': {
|
|
21040
21042
|
backgroundColor: 'var(--epr-search-input-bg-color-active)',
|
|
21041
|
-
border: '1px solid var(--epr-search-border-color)'
|
|
21043
|
+
border: '1px solid var(--epr-search-border-color-active)'
|
|
21042
21044
|
},
|
|
21043
21045
|
'::placeholder': {
|
|
21044
21046
|
color: 'var(--epr-search-input-placeholder-color)'
|
|
@@ -21195,4 +21197,5 @@ function EmojiPicker$1(props) {
|
|
|
21195
21197
|
|
|
21196
21198
|
exports.Emoji = ExportedEmoji;
|
|
21197
21199
|
exports.default = EmojiPicker$1;
|
|
21200
|
+
exports.emojiByUnified = emojiByUnified;
|
|
21198
21201
|
//# sourceMappingURL=emoji-picker-react.cjs.development.js.map
|