react-input-emoji 5.8.1 → 5.9.0

package/dist/index.es.js

@@ -619,9 +619,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;
@@ -631,7 +644,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
@@ -649,6 +663,7 @@ function handlePasteHtmlAtCaret(html) {
       // Preserve the selection
       if (lastNode) {
         range = range.cloneRange();
+        currentRangeCached = range;
         range.setStartAfter(lastNode);
         range.collapse(true);
         sel.removeAllRanges();
@@ -4055,6 +4070,11 @@ var EmojiPickerWrapper = function EmojiPickerWrapper(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     emojiPickerPosition = _useState6[0],
     setEmojiPickerPosition = _useState6[1];
+  useEffect(function () {
+    if (showPicker) {
+      cacheCurrentRange();
+    }
+  }, [showPicker]);
   useEffect(function () {
     addSanitizeFn(replaceAllTextEmojiToString);
   }, [addSanitizeFn]);