react-input-emoji 5.3.1 → 5.5.1

package/dist/index.js

@@ -4907,7 +4907,12 @@ function InputEmoji(props, ref) {
     textInputRef.current.html = replaceAllTextEmojis(nextValue);
     sanitizedTextRef.current = nextValue;
   }, [sanitizedTextRef]);
-  var setValue = React.useCallback(function (value) {
+  var setValue = React.useCallback(
+  /**
+   * 
+   * @param {string} value
+   */
+  function (value) {
     updateHTML(value);
   }, [updateHTML]);
   var emitChange = useEmit(textInputRef, onResize, onChange);
@@ -4921,10 +4926,10 @@ function InputEmoji(props, ref) {
     if (sanitizedTextRef.current !== value) {
       setValue(value);
     }
-  }, [sanitizedTextRef, setValue, value]);
-  React.useEffect(function () {
-    updateHTML();
-  }, [updateHTML]);
+  }, [sanitizedTextRef, setValue, value]); // useEffect(() => {
+  //   updateHTML();
+  // }, [updateHTML]);
+
   React.useEffect(function () {
     /**
      * Handle keydown event
@@ -5005,7 +5010,10 @@ function InputEmoji(props, ref) {
 
   function handleTextInputChange(html) {
     sanitize(html);
-    emitChange(sanitizedTextRef.current);
+
+    if (value !== sanitizedTextRef.current) {
+      emitChange(sanitizedTextRef.current);
+    }
   }
   /**
    *
@@ -5029,8 +5037,24 @@ function InputEmoji(props, ref) {
 
 
   function handleCopy(event) {
-    event.clipboardData.setData("text", sanitizedTextRef.current);
-    event.preventDefault();
+    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