react-input-emoji 5.6.4 → 5.6.5

package/dist/index.js

@@ -607,6 +607,24 @@ function replaceAllTextEmojiToString(html) {
 
 // @ts-check
 
+/**
+ * Handle copy of current selected text
+ * @param {React.ClipboardEvent} event
+ */
+function handleCopy(event) {
+  var selectedText = window.getSelection();
+  if (selectedText === null) {
+    return;
+  }
+  var container = document.createElement("div");
+  for (var i = 0, len = selectedText.rangeCount; i < len; ++i) {
+    container.appendChild(selectedText.getRangeAt(i).cloneContents());
+  }
+  container = replaceEmojiToString(container);
+  event.clipboardData.setData("text", container.innerText);
+  event.preventDefault();
+}
+
 /**
  *
  * @param {string} html
@@ -646,6 +664,19 @@ function handlePasteHtmlAtCaret(html) {
   }
 }
 
+/**
+ * Replace emoji img to its string value
+ * @param {HTMLDivElement} container
+ * @return {HTMLDivElement}
+ */
+function replaceEmojiToString(container) {
+  var images = Array.prototype.slice.call(container.querySelectorAll("img"));
+  images.forEach(function (image) {
+    image.outerHTML = image.dataset.emoji;
+  });
+  return container;
+}
+
 /**
  *
  * @param {{text: string, html: string}} props
@@ -4522,27 +4553,6 @@ function InputEmoji(props, ref) {
     }
   }
 
-  /**
-   * Handle copy of current selected text
-   * @param {React.ClipboardEvent} event
-   */
-  function handleCopy(event) {
-    var selection = window.getSelection();
-    if (selection !== null) {
-      var selectedText = '';
-      if (selection.anchorNode && selection.anchorNode.nodeType === Node.ELEMENT_NODE) {
-        // @ts-ignore
-        selectedText = selection.anchorNode.innerHTML;
-      } else if (selection.anchorNode && selection.anchorNode.nodeType === Node.TEXT_NODE) {
-        var _selection$anchorNode;
-        selectedText = (_selection$anchorNode = selection.anchorNode.textContent) !== null && _selection$anchorNode !== void 0 ? _selection$anchorNode : '';
-      }
-      var text = replaceAllTextEmojiToString(selectedText);
-      event.clipboardData.setData("text", text);
-      event.preventDefault();
-    }
-  }
-
   /**
    * Handle past on input
    * @param {React.ClipboardEvent} event