react-input-emoji 5.6.3 → 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
@@ -4331,26 +4362,26 @@ function usePollute() {
  * @typedef {object} Props
  * @property {string} value
  * @property {(value: string) => void} onChange
- * @property {"light" | "dark" | "auto"} theme
- * @property {boolean} cleanOnEnter
- * @property {(text: string) => void} onEnter
- * @property {string} placeholder
- * @property {(size: {width: number, height: number}) => void} onResize
- * @property {() => void} onClick
- * @property {() => void} onFocus
+ * @property {"light" | "dark" | "auto"=} theme
+ * @property {boolean=} cleanOnEnter
+ * @property {(text: string) => void=} onEnter
+ * @property {string=} placeholder
+ * @property {(size: {width: number, height: number}) => void=} onResize
+ * @property {() => void=} onClick
+ * @property {() => void=} onFocus
  * @property {() => void=} onBlur
- * @property {boolean} shouldReturn
- * @property {number} maxLength
- * @property {boolean} keepOpened
- * @property {(event: KeyboardEvent) => void} onKeyDown
- * @property {string} inputClass
- * @property {boolean} disableRecent
- * @property {number} tabIndex
- * @property {number} height
- * @property {number} borderRadius
- * @property {string} borderColor
- * @property {number} fontSize
- * @property {string} fontFamily
+ * @property {boolean=} shouldReturn
+ * @property {number=} maxLength
+ * @property {boolean=} keepOpened
+ * @property {(event: KeyboardEvent) => void=} onKeyDown
+ * @property {string=} inputClass
+ * @property {boolean=} disableRecent
+ * @property {number=} tabIndex
+ * @property {number=} height
+ * @property {number=} borderRadius
+ * @property {string=} borderColor
+ * @property {number=} fontSize
+ * @property {string=} fontFamily
  * @property {{id: string; name: string; emojis: {id: string; name: string; keywords: string[], skins: {src: string}[]}}[]=} customEmojis
  * @property {import('./types/types').Languages=} language
  * @property {(text: string) => Promise<MetionUser[]>=} searchMention
@@ -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