emoji-picker-react 4.4.5 → 4.4.6
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/components/body/EmojiVariationPicker.d.ts +1 -1
- package/dist/components/emoji/Emoji.d.ts +1 -1
- package/dist/dataUtils/emojiSelectors.d.ts +1 -1
- package/dist/emoji-picker-react.cjs.development.js +24 -11
- 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 +24 -11
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/body/EmojiVariationPicker.tsx +6 -5
- package/src/components/emoji/Emoji.tsx +4 -2
- package/src/components/footer/Preview.tsx +6 -6
- package/src/dataUtils/emojiSelectors.ts +8 -4
- package/dist/dataUtils/asEmoji.d.ts +0 -2
- package/src/dataUtils/asEmoji.ts +0 -5
|
@@ -16648,6 +16648,10 @@ function addedIn(emoji) {
|
|
|
16648
16648
|
return parseFloat(emoji[EmojiProperties.added_in]);
|
|
16649
16649
|
}
|
|
16650
16650
|
function emojiName(emoji) {
|
|
16651
|
+
if (!emoji) {
|
|
16652
|
+
return '';
|
|
16653
|
+
}
|
|
16654
|
+
|
|
16651
16655
|
return emojiNames(emoji)[0];
|
|
16652
16656
|
}
|
|
16653
16657
|
function unifiedWithoutSkinTone(unified) {
|
|
@@ -18087,10 +18091,6 @@ function useIsEmojiHidden() {
|
|
|
18087
18091
|
};
|
|
18088
18092
|
}
|
|
18089
18093
|
|
|
18090
|
-
function asEmoji(emoji) {
|
|
18091
|
-
return emoji;
|
|
18092
|
-
}
|
|
18093
|
-
|
|
18094
18094
|
function Button(props) {
|
|
18095
18095
|
return createElement("button", Object.assign({
|
|
18096
18096
|
type: "button"
|
|
@@ -18172,13 +18172,18 @@ function ViewOnlyEmoji(_ref2) {
|
|
|
18172
18172
|
}
|
|
18173
18173
|
|
|
18174
18174
|
var emojiToRender = emoji ? emoji : emojiByUnified(unified);
|
|
18175
|
+
|
|
18176
|
+
if (!emojiToRender) {
|
|
18177
|
+
return null;
|
|
18178
|
+
}
|
|
18179
|
+
|
|
18175
18180
|
return createElement(Fragment, null, emojiStyle === EmojiStyle.NATIVE ? createElement(NativeEmoji, {
|
|
18176
18181
|
unified: unified,
|
|
18177
18182
|
style: style
|
|
18178
18183
|
}) : createElement(EmojiImg, {
|
|
18179
18184
|
unified: unified,
|
|
18180
18185
|
style: style,
|
|
18181
|
-
emoji:
|
|
18186
|
+
emoji: emojiToRender,
|
|
18182
18187
|
emojiStyle: emojiStyle,
|
|
18183
18188
|
lazyLoad: lazyLoad,
|
|
18184
18189
|
getEmojiUrl: getEmojiUrl
|
|
@@ -18522,7 +18527,10 @@ function EmojiVariationPicker() {
|
|
|
18522
18527
|
pointerStyle = getPointerStyle();
|
|
18523
18528
|
}
|
|
18524
18529
|
|
|
18525
|
-
|
|
18530
|
+
if (!emoji) {
|
|
18531
|
+
return null;
|
|
18532
|
+
}
|
|
18533
|
+
|
|
18526
18534
|
return createElement("div", {
|
|
18527
18535
|
ref: VariationPickerRef,
|
|
18528
18536
|
className: clsx(ClassNames.variationPicker, {
|
|
@@ -18532,10 +18540,10 @@ function EmojiVariationPicker() {
|
|
|
18532
18540
|
style: {
|
|
18533
18541
|
top: top
|
|
18534
18542
|
}
|
|
18535
|
-
}, visible ? [emojiUnified(
|
|
18543
|
+
}, visible ? [emojiUnified(emoji)].concat(emojiVariations(emoji)).slice(0, 6).map(function (unified) {
|
|
18536
18544
|
return createElement(ClickableEmoji, {
|
|
18537
18545
|
key: unified,
|
|
18538
|
-
emoji:
|
|
18546
|
+
emoji: emoji,
|
|
18539
18547
|
unified: unified,
|
|
18540
18548
|
emojiStyle: emojiStyle,
|
|
18541
18549
|
showVariations: false,
|
|
@@ -18898,11 +18906,16 @@ function PreviewBody() {
|
|
|
18898
18906
|
return createElement(PreviewContent, null);
|
|
18899
18907
|
|
|
18900
18908
|
function PreviewContent() {
|
|
18901
|
-
var defaultEmoji =
|
|
18909
|
+
var defaultEmoji = variationPickerEmoji != null ? variationPickerEmoji : emojiByUnified(previewConfig.defaultEmoji);
|
|
18910
|
+
|
|
18911
|
+
if (!defaultEmoji) {
|
|
18912
|
+
return null;
|
|
18913
|
+
}
|
|
18914
|
+
|
|
18902
18915
|
var defaultText = variationPickerEmoji ? emojiName(variationPickerEmoji) : previewConfig.defaultCaption;
|
|
18903
18916
|
return createElement(Fragment, null, createElement("div", null, show ? createElement(ViewOnlyEmoji, {
|
|
18904
18917
|
unified: previewEmoji == null ? void 0 : previewEmoji.unified,
|
|
18905
|
-
emoji:
|
|
18918
|
+
emoji: emoji,
|
|
18906
18919
|
emojiStyle: emojiStyle,
|
|
18907
18920
|
size: 45,
|
|
18908
18921
|
getEmojiUrl: getEmojiUrl
|
|
@@ -18914,7 +18927,7 @@ function PreviewBody() {
|
|
|
18914
18927
|
getEmojiUrl: getEmojiUrl
|
|
18915
18928
|
}) : null), show ? createElement("div", {
|
|
18916
18929
|
className: "epr-preview-emoji-label"
|
|
18917
|
-
}, emojiName(
|
|
18930
|
+
}, emojiName(emoji)) : createElement("div", {
|
|
18918
18931
|
className: "epr-preview-emoji-label"
|
|
18919
18932
|
}, defaultText));
|
|
18920
18933
|
}
|