react-input-emoji 5.3.1 → 5.5.1

package/README.md

@@ -64,6 +64,7 @@ export default function Example() {
 | `fontFamily`   | string   | "sans-serif"     | The font family of the placeholder and input container.                                                                  |
 | `shouldReturn` | boolean  | -                | Allows the user to use the `Shift + Enter` or `Ctrl + Enter` keyboard shortcut to create a new line.    |                 |
 | `buttonElement` | HTMLElement | -   | An HTMLElement that, when clicked, triggers the emoji picker. If this prop is provided, the default emoji picker button is removed. |
+| `keepOpened` | boolean  | false | If set to true, the emoji picker will remain open after selecting an emoji. Defaults to false. | 
 
 ## License
 

package/dist/index.es.js

@@ -4899,7 +4899,12 @@ function InputEmoji(props, ref) {
     textInputRef.current.html = replaceAllTextEmojis(nextValue);
     sanitizedTextRef.current = nextValue;
   }, [sanitizedTextRef]);
-  var setValue = useCallback(function (value) {
+  var setValue = useCallback(
+  /**
+   * 
+   * @param {string} value
+   */
+  function (value) {
     updateHTML(value);
   }, [updateHTML]);
   var emitChange = useEmit(textInputRef, onResize, onChange);
@@ -4913,10 +4918,10 @@ function InputEmoji(props, ref) {
     if (sanitizedTextRef.current !== value) {
       setValue(value);
     }
-  }, [sanitizedTextRef, setValue, value]);
-  useEffect(function () {
-    updateHTML();
-  }, [updateHTML]);
+  }, [sanitizedTextRef, setValue, value]); // useEffect(() => {
+  //   updateHTML();
+  // }, [updateHTML]);
+
   useEffect(function () {
     /**
      * Handle keydown event
@@ -4997,7 +5002,10 @@ function InputEmoji(props, ref) {
 
   function handleTextInputChange(html) {
     sanitize(html);
-    emitChange(sanitizedTextRef.current);
+
+    if (value !== sanitizedTextRef.current) {
+      emitChange(sanitizedTextRef.current);
+    }
   }
   /**
    *
@@ -5021,8 +5029,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