react-input-emoji 5.8.0 → 5.8.1
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/index.es.js +16 -11
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +16 -11
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
@@ -1738,6 +1738,9 @@ var $f72b75cf796873c7$export$2e2bcd8739ae039 = {
|
|
1738
1738
|
};
|
1739
1739
|
const $c84d045dcc34faf5$var$CACHE = new Map();
|
1740
1740
|
const $c84d045dcc34faf5$var$VERSIONS = [{
|
1741
|
+
v: 15,
|
1742
|
+
emoji: "\uD83E\uDEE8"
|
1743
|
+
}, {
|
1741
1744
|
v: 14,
|
1742
1745
|
emoji: "\uD83E\uDEE0"
|
1743
1746
|
}, {
|
@@ -1917,8 +1920,8 @@ var $b247ea80b67298d5$export$2e2bcd8739ae039 = {
|
|
1917
1920
|
value: 24
|
1918
1921
|
},
|
1919
1922
|
emojiVersion: {
|
1920
|
-
value:
|
1921
|
-
choices: [1, 2, 3, 4, 5, 11, 12, 12.1, 13, 13.1, 14]
|
1923
|
+
value: 15,
|
1924
|
+
choices: [1, 2, 3, 4, 5, 11, 12, 12.1, 13, 13.1, 14, 15]
|
1922
1925
|
},
|
1923
1926
|
exceptEmojis: {
|
1924
1927
|
value: []
|
@@ -1929,7 +1932,7 @@ var $b247ea80b67298d5$export$2e2bcd8739ae039 = {
|
|
1929
1932
|
},
|
1930
1933
|
locale: {
|
1931
1934
|
value: "en",
|
1932
|
-
choices: ["en", "ar", "be", "cs", "de", "es", "fa", "fi", "fr", "hi", "it", "ja", "
|
1935
|
+
choices: ["en", "ar", "be", "cs", "de", "es", "fa", "fi", "fr", "hi", "it", "ja", "ko", "nl", "pl", "pt", "ru", "sa", "tr", "uk", "vi", "zh"]
|
1933
1936
|
},
|
1934
1937
|
maxFrequentRows: {
|
1935
1938
|
value: 4
|
@@ -2448,8 +2451,8 @@ function $254755d3f438722f$export$2e2bcd8739ae039(props) {
|
|
2448
2451
|
emoji || (emoji = ($c4d155af13ad4d4b$export$2e2bcd8739ae039).get(id || props.native));
|
2449
2452
|
if (!emoji) return props.fallback;
|
2450
2453
|
const emojiSkin = emoji.skins[skin - 1] || emoji.skins[0];
|
2451
|
-
const imageSrc = emojiSkin.src || (props.set != "native" && !props.spritesheet ? typeof props.getImageURL === "function" ? props.getImageURL(props.set, emojiSkin.unified) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${props.set}@
|
2452
|
-
const spritesheetSrc = typeof props.getSpritesheetURL === "function" ? props.getSpritesheetURL(props.set) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${props.set}@
|
2454
|
+
const imageSrc = emojiSkin.src || (props.set != "native" && !props.spritesheet ? typeof props.getImageURL === "function" ? props.getImageURL(props.set, emojiSkin.unified) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${props.set}@15.0.1/img/${props.set}/64/${emojiSkin.unified}.png` : undefined);
|
2455
|
+
const spritesheetSrc = typeof props.getSpritesheetURL === "function" ? props.getSpritesheetURL(props.set) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${props.set}@15.0.1/img/${props.set}/sheets-256/64.png`;
|
2453
2456
|
return /*#__PURE__*/($bd9dd35321b03dd4$export$34b9dba7ce09269b)("span", {
|
2454
2457
|
class: "emoji-mart-emoji",
|
2455
2458
|
"data-emoji-set": props.set,
|
@@ -2972,6 +2975,7 @@ class $89bd6bb200cc8fef$export$2e2bcd8739ae039 extends ($fb96b826c0c5f37a$export
|
|
2972
2975
|
}
|
2973
2976
|
unregister() {
|
2974
2977
|
document.removeEventListener("click", this.handleClickOutside);
|
2978
|
+
this.darkMedia?.removeEventListener("change", this.darkMediaCallback);
|
2975
2979
|
this.unobserve();
|
2976
2980
|
}
|
2977
2981
|
observe() {
|
@@ -3029,12 +3033,7 @@ class $89bd6bb200cc8fef$export$2e2bcd8739ae039 extends ($fb96b826c0c5f37a$export
|
|
3029
3033
|
if (!this.darkMedia) {
|
3030
3034
|
this.darkMedia = matchMedia("(prefers-color-scheme: dark)");
|
3031
3035
|
if (this.darkMedia.media.match(/^not/)) return "light";
|
3032
|
-
this.darkMedia.
|
3033
|
-
if (this.props.theme != "auto") return;
|
3034
|
-
this.setState({
|
3035
|
-
theme: this.darkMedia.matches ? "dark" : "light"
|
3036
|
-
});
|
3037
|
-
});
|
3036
|
+
this.darkMedia.addEventListener("change", this.darkMediaCallback);
|
3038
3037
|
}
|
3039
3038
|
return this.darkMedia.matches ? "dark" : "light";
|
3040
3039
|
}
|
@@ -3639,6 +3638,12 @@ class $89bd6bb200cc8fef$export$2e2bcd8739ae039 extends ($fb96b826c0c5f37a$export
|
|
3639
3638
|
}
|
3640
3639
|
constructor(props) {
|
3641
3640
|
super();
|
3641
|
+
($c770c458706daa72$export$2e2bcd8739ae039)(this, "darkMediaCallback", () => {
|
3642
|
+
if (this.props.theme != "auto") return;
|
3643
|
+
this.setState({
|
3644
|
+
theme: this.darkMedia.matches ? "dark" : "light"
|
3645
|
+
});
|
3646
|
+
});
|
3642
3647
|
($c770c458706daa72$export$2e2bcd8739ae039)(this, "handleClickOutside", e => {
|
3643
3648
|
const {
|
3644
3649
|
element: element
|