react-input-emoji 5.8.0 → 5.8.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|