emoji-picker-react 4.4.5 → 4.4.7
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/README.md +8 -0
- 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 +25 -18
- 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 +25 -18
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/body/EmojiVariationPicker.tsx +4 -7
- package/src/components/context/PickerContext.tsx +4 -4
- package/src/components/emoji/Emoji.tsx +4 -2
- package/src/components/footer/Preview.tsx +6 -6
- package/src/dataUtils/emojiSelectors.ts +8 -4
- package/src/hooks/useSetVariationPicker.ts +3 -5
- 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) {
|
|
@@ -17090,14 +17094,14 @@ function PickerContextProvider(_ref) {
|
|
|
17090
17094
|
activeSkinTone: activeSkinTone,
|
|
17091
17095
|
disallowClickRef: disallowClickRef,
|
|
17092
17096
|
disallowMouseRef: disallowMouseRef,
|
|
17097
|
+
disallowedEmojisRef: disallowedEmojisRef,
|
|
17093
17098
|
emojiVariationPickerState: emojiVariationPickerState,
|
|
17094
17099
|
emojisThatFailedToLoadState: emojisThatFailedToLoadState,
|
|
17095
17100
|
filterRef: filterRef,
|
|
17096
17101
|
isPastInitialLoad: isPastInitialLoad,
|
|
17097
17102
|
searchTerm: searchTerm,
|
|
17098
17103
|
skinToneFanOpenState: skinToneFanOpenState,
|
|
17099
|
-
suggestedUpdateState: suggestedUpdateState
|
|
17100
|
-
disallowedEmojisRef: disallowedEmojisRef
|
|
17104
|
+
suggestedUpdateState: suggestedUpdateState
|
|
17101
17105
|
}
|
|
17102
17106
|
}, children);
|
|
17103
17107
|
}
|
|
@@ -17676,12 +17680,10 @@ function useSetVariationPicker() {
|
|
|
17676
17680
|
var _emojiFromElement = emojiFromElement(element),
|
|
17677
17681
|
emoji = _emojiFromElement[0];
|
|
17678
17682
|
|
|
17679
|
-
if (
|
|
17680
|
-
|
|
17683
|
+
if (emoji) {
|
|
17684
|
+
setAnchoredEmojiRef(element);
|
|
17685
|
+
setEmojiVariationPicker(emoji);
|
|
17681
17686
|
}
|
|
17682
|
-
|
|
17683
|
-
setAnchoredEmojiRef(element);
|
|
17684
|
-
setEmojiVariationPicker(emoji);
|
|
17685
17687
|
};
|
|
17686
17688
|
}
|
|
17687
17689
|
|
|
@@ -18087,10 +18089,6 @@ function useIsEmojiHidden() {
|
|
|
18087
18089
|
};
|
|
18088
18090
|
}
|
|
18089
18091
|
|
|
18090
|
-
function asEmoji(emoji) {
|
|
18091
|
-
return emoji;
|
|
18092
|
-
}
|
|
18093
|
-
|
|
18094
18092
|
function Button(props) {
|
|
18095
18093
|
return createElement("button", Object.assign({
|
|
18096
18094
|
type: "button"
|
|
@@ -18172,13 +18170,18 @@ function ViewOnlyEmoji(_ref2) {
|
|
|
18172
18170
|
}
|
|
18173
18171
|
|
|
18174
18172
|
var emojiToRender = emoji ? emoji : emojiByUnified(unified);
|
|
18173
|
+
|
|
18174
|
+
if (!emojiToRender) {
|
|
18175
|
+
return null;
|
|
18176
|
+
}
|
|
18177
|
+
|
|
18175
18178
|
return createElement(Fragment, null, emojiStyle === EmojiStyle.NATIVE ? createElement(NativeEmoji, {
|
|
18176
18179
|
unified: unified,
|
|
18177
18180
|
style: style
|
|
18178
18181
|
}) : createElement(EmojiImg, {
|
|
18179
18182
|
unified: unified,
|
|
18180
18183
|
style: style,
|
|
18181
|
-
emoji:
|
|
18184
|
+
emoji: emojiToRender,
|
|
18182
18185
|
emojiStyle: emojiStyle,
|
|
18183
18186
|
lazyLoad: lazyLoad,
|
|
18184
18187
|
getEmojiUrl: getEmojiUrl
|
|
@@ -18522,7 +18525,6 @@ function EmojiVariationPicker() {
|
|
|
18522
18525
|
pointerStyle = getPointerStyle();
|
|
18523
18526
|
}
|
|
18524
18527
|
|
|
18525
|
-
var safeEmoji = asEmoji(emoji);
|
|
18526
18528
|
return createElement("div", {
|
|
18527
18529
|
ref: VariationPickerRef,
|
|
18528
18530
|
className: clsx(ClassNames.variationPicker, {
|
|
@@ -18532,10 +18534,10 @@ function EmojiVariationPicker() {
|
|
|
18532
18534
|
style: {
|
|
18533
18535
|
top: top
|
|
18534
18536
|
}
|
|
18535
|
-
}, visible ? [emojiUnified(
|
|
18537
|
+
}, visible && emoji ? [emojiUnified(emoji)].concat(emojiVariations(emoji)).slice(0, 6).map(function (unified) {
|
|
18536
18538
|
return createElement(ClickableEmoji, {
|
|
18537
18539
|
key: unified,
|
|
18538
|
-
emoji:
|
|
18540
|
+
emoji: emoji,
|
|
18539
18541
|
unified: unified,
|
|
18540
18542
|
emojiStyle: emojiStyle,
|
|
18541
18543
|
showVariations: false,
|
|
@@ -18898,11 +18900,16 @@ function PreviewBody() {
|
|
|
18898
18900
|
return createElement(PreviewContent, null);
|
|
18899
18901
|
|
|
18900
18902
|
function PreviewContent() {
|
|
18901
|
-
var defaultEmoji =
|
|
18903
|
+
var defaultEmoji = variationPickerEmoji != null ? variationPickerEmoji : emojiByUnified(previewConfig.defaultEmoji);
|
|
18904
|
+
|
|
18905
|
+
if (!defaultEmoji) {
|
|
18906
|
+
return null;
|
|
18907
|
+
}
|
|
18908
|
+
|
|
18902
18909
|
var defaultText = variationPickerEmoji ? emojiName(variationPickerEmoji) : previewConfig.defaultCaption;
|
|
18903
18910
|
return createElement(Fragment, null, createElement("div", null, show ? createElement(ViewOnlyEmoji, {
|
|
18904
18911
|
unified: previewEmoji == null ? void 0 : previewEmoji.unified,
|
|
18905
|
-
emoji:
|
|
18912
|
+
emoji: emoji,
|
|
18906
18913
|
emojiStyle: emojiStyle,
|
|
18907
18914
|
size: 45,
|
|
18908
18915
|
getEmojiUrl: getEmojiUrl
|
|
@@ -18914,7 +18921,7 @@ function PreviewBody() {
|
|
|
18914
18921
|
getEmojiUrl: getEmojiUrl
|
|
18915
18922
|
}) : null), show ? createElement("div", {
|
|
18916
18923
|
className: "epr-preview-emoji-label"
|
|
18917
|
-
}, emojiName(
|
|
18924
|
+
}, emojiName(emoji)) : createElement("div", {
|
|
18918
18925
|
className: "epr-preview-emoji-label"
|
|
18919
18926
|
}, defaultText));
|
|
18920
18927
|
}
|