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.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
|