emoji-picker-react 4.7.15 → 4.7.16
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/DomUtils/selectors.d.ts +4 -0
- package/dist/emoji-picker-react.cjs.development.js +25 -2
- 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 -2
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/DomUtils/selectors.ts +16 -0
- package/src/hooks/useEmojiPreviewEvents.ts +16 -5
|
@@ -18,6 +18,10 @@ export declare function closestScrollBody(element: NullableElement): NullableEle
|
|
|
18
18
|
export declare function emojiTruOffsetLeft(element: NullableElement): number;
|
|
19
19
|
export declare function unifiedFromEmojiElement(emoji: NullableElement): string | null;
|
|
20
20
|
export declare function originalUnifiedFromEmojiElement(emoji: NullableElement): string | null;
|
|
21
|
+
export declare function allUnifiedFromEmojiElement(emoji: NullableElement): {
|
|
22
|
+
unified: string | null;
|
|
23
|
+
originalUnified: string | null;
|
|
24
|
+
};
|
|
21
25
|
export declare function isVisibleEmoji(element: HTMLElement): boolean;
|
|
22
26
|
export declare function isHidden(element: NullableElement): boolean;
|
|
23
27
|
export declare function allVisibleEmojis(parent: NullableElement): HTMLElement[];
|
|
@@ -18474,6 +18474,18 @@ function originalUnifiedFromEmojiElement(emoji) {
|
|
|
18474
18474
|
}
|
|
18475
18475
|
return null;
|
|
18476
18476
|
}
|
|
18477
|
+
function allUnifiedFromEmojiElement(emoji) {
|
|
18478
|
+
if (!emoji) {
|
|
18479
|
+
return {
|
|
18480
|
+
unified: null,
|
|
18481
|
+
originalUnified: null
|
|
18482
|
+
};
|
|
18483
|
+
}
|
|
18484
|
+
return {
|
|
18485
|
+
unified: unifiedFromEmojiElement(emoji),
|
|
18486
|
+
originalUnified: originalUnifiedFromEmojiElement(emoji)
|
|
18487
|
+
};
|
|
18488
|
+
}
|
|
18477
18489
|
function elementDataSetKey(element, key) {
|
|
18478
18490
|
var _elementDataSet$key;
|
|
18479
18491
|
return (_elementDataSet$key = elementDataSet(element)[key]) != null ? _elementDataSet$key : null;
|
|
@@ -19558,8 +19570,9 @@ function useEmojiPreviewEvents(allow, setPreviewEmoji) {
|
|
|
19558
19570
|
if (!button) {
|
|
19559
19571
|
return onLeave();
|
|
19560
19572
|
}
|
|
19561
|
-
var
|
|
19562
|
-
|
|
19573
|
+
var _allUnifiedFromEmojiE = allUnifiedFromEmojiElement(button),
|
|
19574
|
+
unified = _allUnifiedFromEmojiE.unified,
|
|
19575
|
+
originalUnified = _allUnifiedFromEmojiE.originalUnified;
|
|
19563
19576
|
if (!unified || !originalUnified) {
|
|
19564
19577
|
return onLeave();
|
|
19565
19578
|
}
|
|
@@ -19591,6 +19604,16 @@ function useEmojiPreviewEvents(allow, setPreviewEmoji) {
|
|
|
19591
19604
|
var belowFoldByPx = detectEmojyPartiallyBelowFold(button, bodyRef);
|
|
19592
19605
|
var buttonHeight = button.getBoundingClientRect().height;
|
|
19593
19606
|
if (belowFoldByPx < buttonHeight / 2) {
|
|
19607
|
+
var _allUnifiedFromEmojiE2 = allUnifiedFromEmojiElement(button),
|
|
19608
|
+
unified = _allUnifiedFromEmojiE2.unified,
|
|
19609
|
+
originalUnified = _allUnifiedFromEmojiE2.originalUnified;
|
|
19610
|
+
if (!unified || !originalUnified) {
|
|
19611
|
+
return;
|
|
19612
|
+
}
|
|
19613
|
+
setPreviewEmoji({
|
|
19614
|
+
unified: unified,
|
|
19615
|
+
originalUnified: originalUnified
|
|
19616
|
+
});
|
|
19594
19617
|
return;
|
|
19595
19618
|
}
|
|
19596
19619
|
if (belowFoldByPx < buttonHeight) {
|