react-input-emoji 5.8.0 → 5.9.0

package/dist/index.js

@@ -626,9 +626,22 @@ function handleCopy(event) {
   event.preventDefault();
 }
 
+/** @type {Range|undefined} */
+/** @type {Range|undefined} */
+var currentRangeCached;
+
 /**
- *
- * @param {string} html
+ * Caches the current text selection range
+ */
+function cacheCurrentRange() {
+  var selection = window.getSelection();
+  if (!selection.rangeCount || (selection === null || selection === void 0 ? void 0 : selection.anchorNode['className']) !== 'react-input-emoji--input' && selection.anchorNode.parentNode['className'] !== 'react-input-emoji--input') return;
+  var range = selection.getRangeAt(0);
+  currentRangeCached = range.cloneRange();
+}
+
+/**
+ * @param {string} html - HTML string to be pasted at the caret position
  */
 function handlePasteHtmlAtCaret(html) {
   var sel;
@@ -638,7 +651,8 @@ function handlePasteHtmlAtCaret(html) {
     sel = window.getSelection();
     if (sel === null) return;
     if (sel.getRangeAt && sel.rangeCount) {
-      range = sel.getRangeAt(0);
+      var _currentRangeCached;
+      range = (_currentRangeCached = currentRangeCached) !== null && _currentRangeCached !== void 0 ? _currentRangeCached : sel.getRangeAt(0);
       range.deleteContents();
 
       // Range.createContextualFragment() would be useful here but is
@@ -656,6 +670,7 @@ function handlePasteHtmlAtCaret(html) {
       // Preserve the selection
       if (lastNode) {
         range = range.cloneRange();
+        currentRangeCached = range;
         range.setStartAfter(lastNode);
         range.collapse(true);
         sel.removeAllRanges();
@@ -1738,6 +1753,9 @@ var $f72b75cf796873c7$export$2e2bcd8739ae039 = {
 };
 const $c84d045dcc34faf5$var$CACHE = new Map();
 const $c84d045dcc34faf5$var$VERSIONS = [{
+  v: 15,
+  emoji: "\uD83E\uDEE8"
+}, {
   v: 14,
   emoji: "\uD83E\uDEE0"
 }, {
@@ -1917,8 +1935,8 @@ var $b247ea80b67298d5$export$2e2bcd8739ae039 = {
     value: 24
   },
   emojiVersion: {
-    value: 14,
-    choices: [1, 2, 3, 4, 5, 11, 12, 12.1, 13, 13.1, 14]
+    value: 15,
+    choices: [1, 2, 3, 4, 5, 11, 12, 12.1, 13, 13.1, 14, 15]
   },
   exceptEmojis: {
     value: []
@@ -1929,7 +1947,7 @@ var $b247ea80b67298d5$export$2e2bcd8739ae039 = {
   },
   locale: {
     value: "en",
-    choices: ["en", "ar", "be", "cs", "de", "es", "fa", "fi", "fr", "hi", "it", "ja", "kr", "nl", "pl", "pt", "ru", "sa", "tr", "uk", "vi", "zh"]
+    choices: ["en", "ar", "be", "cs", "de", "es", "fa", "fi", "fr", "hi", "it", "ja", "ko", "nl", "pl", "pt", "ru", "sa", "tr", "uk", "vi", "zh"]
   },
   maxFrequentRows: {
     value: 4
@@ -2448,8 +2466,8 @@ function $254755d3f438722f$export$2e2bcd8739ae039(props) {
   emoji || (emoji = ($c4d155af13ad4d4b$export$2e2bcd8739ae039).get(id || props.native));
   if (!emoji) return props.fallback;
   const emojiSkin = emoji.skins[skin - 1] || emoji.skins[0];
-  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}@14.0.0/img/${props.set}/64/${emojiSkin.unified}.png` : undefined);
-  const spritesheetSrc = typeof props.getSpritesheetURL === "function" ? props.getSpritesheetURL(props.set) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${props.set}@14.0.0/img/${props.set}/sheets-256/64.png`;
+  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);
+  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`;
   return /*#__PURE__*/($bd9dd35321b03dd4$export$34b9dba7ce09269b)("span", {
     class: "emoji-mart-emoji",
     "data-emoji-set": props.set,
@@ -2972,6 +2990,7 @@ class $89bd6bb200cc8fef$export$2e2bcd8739ae039 extends ($fb96b826c0c5f37a$export
   }
   unregister() {
     document.removeEventListener("click", this.handleClickOutside);
+    this.darkMedia?.removeEventListener("change", this.darkMediaCallback);
     this.unobserve();
   }
   observe() {
@@ -3029,12 +3048,7 @@ class $89bd6bb200cc8fef$export$2e2bcd8739ae039 extends ($fb96b826c0c5f37a$export
     if (!this.darkMedia) {
       this.darkMedia = matchMedia("(prefers-color-scheme: dark)");
       if (this.darkMedia.media.match(/^not/)) return "light";
-      this.darkMedia.addListener(() => {
-        if (this.props.theme != "auto") return;
-        this.setState({
-          theme: this.darkMedia.matches ? "dark" : "light"
-        });
-      });
+      this.darkMedia.addEventListener("change", this.darkMediaCallback);
     }
     return this.darkMedia.matches ? "dark" : "light";
   }
@@ -3639,6 +3653,12 @@ class $89bd6bb200cc8fef$export$2e2bcd8739ae039 extends ($fb96b826c0c5f37a$export
   }
   constructor(props) {
     super();
+    ($c770c458706daa72$export$2e2bcd8739ae039)(this, "darkMediaCallback", () => {
+      if (this.props.theme != "auto") return;
+      this.setState({
+        theme: this.darkMedia.matches ? "dark" : "light"
+      });
+    });
     ($c770c458706daa72$export$2e2bcd8739ae039)(this, "handleClickOutside", e => {
       const {
         element: element
@@ -4057,6 +4077,11 @@ var EmojiPickerWrapper = function EmojiPickerWrapper(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     emojiPickerPosition = _useState6[0],
     setEmojiPickerPosition = _useState6[1];
+  React.useEffect(function () {
+    if (showPicker) {
+      cacheCurrentRange();
+    }
+  }, [showPicker]);
   React.useEffect(function () {
     addSanitizeFn(replaceAllTextEmojiToString);
   }, [addSanitizeFn]);