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.es.js
CHANGED
@@ -1731,6 +1731,9 @@ var $f72b75cf796873c7$export$2e2bcd8739ae039 = {
|
|
1731
1731
|
};
|
1732
1732
|
const $c84d045dcc34faf5$var$CACHE = new Map();
|
1733
1733
|
const $c84d045dcc34faf5$var$VERSIONS = [{
|
1734
|
+
v: 15,
|
1735
|
+
emoji: "\uD83E\uDEE8"
|
1736
|
+
}, {
|
1734
1737
|
v: 14,
|
1735
1738
|
emoji: "\uD83E\uDEE0"
|
1736
1739
|
}, {
|
@@ -1910,8 +1913,8 @@ var $b247ea80b67298d5$export$2e2bcd8739ae039 = {
|
|
1910
1913
|
value: 24
|
1911
1914
|
},
|
1912
1915
|
emojiVersion: {
|
1913
|
-
value:
|
1914
|
-
choices: [1, 2, 3, 4, 5, 11, 12, 12.1, 13, 13.1, 14]
|
1916
|
+
value: 15,
|
1917
|
+
choices: [1, 2, 3, 4, 5, 11, 12, 12.1, 13, 13.1, 14, 15]
|
1915
1918
|
},
|
1916
1919
|
exceptEmojis: {
|
1917
1920
|
value: []
|
@@ -1922,7 +1925,7 @@ var $b247ea80b67298d5$export$2e2bcd8739ae039 = {
|
|
1922
1925
|
},
|
1923
1926
|
locale: {
|
1924
1927
|
value: "en",
|
1925
|
-
choices: ["en", "ar", "be", "cs", "de", "es", "fa", "fi", "fr", "hi", "it", "ja", "
|
1928
|
+
choices: ["en", "ar", "be", "cs", "de", "es", "fa", "fi", "fr", "hi", "it", "ja", "ko", "nl", "pl", "pt", "ru", "sa", "tr", "uk", "vi", "zh"]
|
1926
1929
|
},
|
1927
1930
|
maxFrequentRows: {
|
1928
1931
|
value: 4
|
@@ -2441,8 +2444,8 @@ function $254755d3f438722f$export$2e2bcd8739ae039(props) {
|
|
2441
2444
|
emoji || (emoji = ($c4d155af13ad4d4b$export$2e2bcd8739ae039).get(id || props.native));
|
2442
2445
|
if (!emoji) return props.fallback;
|
2443
2446
|
const emojiSkin = emoji.skins[skin - 1] || emoji.skins[0];
|
2444
|
-
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}@
|
2445
|
-
const spritesheetSrc = typeof props.getSpritesheetURL === "function" ? props.getSpritesheetURL(props.set) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${props.set}@
|
2447
|
+
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);
|
2448
|
+
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`;
|
2446
2449
|
return /*#__PURE__*/($bd9dd35321b03dd4$export$34b9dba7ce09269b)("span", {
|
2447
2450
|
class: "emoji-mart-emoji",
|
2448
2451
|
"data-emoji-set": props.set,
|
@@ -2965,6 +2968,7 @@ class $89bd6bb200cc8fef$export$2e2bcd8739ae039 extends ($fb96b826c0c5f37a$export
|
|
2965
2968
|
}
|
2966
2969
|
unregister() {
|
2967
2970
|
document.removeEventListener("click", this.handleClickOutside);
|
2971
|
+
this.darkMedia?.removeEventListener("change", this.darkMediaCallback);
|
2968
2972
|
this.unobserve();
|
2969
2973
|
}
|
2970
2974
|
observe() {
|
@@ -3022,12 +3026,7 @@ class $89bd6bb200cc8fef$export$2e2bcd8739ae039 extends ($fb96b826c0c5f37a$export
|
|
3022
3026
|
if (!this.darkMedia) {
|
3023
3027
|
this.darkMedia = matchMedia("(prefers-color-scheme: dark)");
|
3024
3028
|
if (this.darkMedia.media.match(/^not/)) return "light";
|
3025
|
-
this.darkMedia.
|
3026
|
-
if (this.props.theme != "auto") return;
|
3027
|
-
this.setState({
|
3028
|
-
theme: this.darkMedia.matches ? "dark" : "light"
|
3029
|
-
});
|
3030
|
-
});
|
3029
|
+
this.darkMedia.addEventListener("change", this.darkMediaCallback);
|
3031
3030
|
}
|
3032
3031
|
return this.darkMedia.matches ? "dark" : "light";
|
3033
3032
|
}
|
@@ -3632,6 +3631,12 @@ class $89bd6bb200cc8fef$export$2e2bcd8739ae039 extends ($fb96b826c0c5f37a$export
|
|
3632
3631
|
}
|
3633
3632
|
constructor(props) {
|
3634
3633
|
super();
|
3634
|
+
($c770c458706daa72$export$2e2bcd8739ae039)(this, "darkMediaCallback", () => {
|
3635
|
+
if (this.props.theme != "auto") return;
|
3636
|
+
this.setState({
|
3637
|
+
theme: this.darkMedia.matches ? "dark" : "light"
|
3638
|
+
});
|
3639
|
+
});
|
3635
3640
|
($c770c458706daa72$export$2e2bcd8739ae039)(this, "handleClickOutside", e => {
|
3636
3641
|
const {
|
3637
3642
|
element: element
|