@chayns-components/emoji-input 5.0.0-beta.514 → 5.0.0-beta.515

package/lib/utils/insert.js

@@ -80,13 +80,6 @@ export const replaceText = _ref2 => {
     editorElement,
     searchText
   });
-  console.debug('REPLACE TEXT - TEST 1', {
-    selection,
-    rangeToReplace,
-    editorElement,
-    pasteText,
-    searchText
-  });
   if (rangeToReplace && selection) {
     selection.removeAllRanges();
     selection.addRange(rangeToReplace);

package/lib/utils/insert.js.map

@@ -1 +1 @@
-{"version":3,"file":"insert.js","names":["findAndSelectText","moveSelectionOffset","restoreSelection","saveSelection","setChildIndex","insertTextAtCursorPosition","_ref","editorElement","text","selection","window","getSelection","anchorNode","contains","range","getRangeAt","parts","split","firstPart","shift","textNodes","map","part","document","createTextNode","deleteContents","nodeType","Node","TEXT_NODE","nodeValue","slice","startOffset","length","textNode","appendChild","textNodeIndex","Array","from","childNodes","indexOf","brElement","createElement","insertNode","setEndAfter","setStartAfter","forEach","index","collapse","removeAllRanges","addRange","innerText","replaceText","_ref2","searchText","pasteText","rangeToReplace","console","debug"],"sources":["../../src/utils/insert.ts"],"sourcesContent":["import {\n    findAndSelectText,\n    moveSelectionOffset,\n    restoreSelection,\n    saveSelection,\n    setChildIndex,\n} from './selection';\n\ninterface InsertTextAtCursorPositionOptions {\n    editorElement: HTMLDivElement;\n    text: string;\n}\n\n/**\n * This function inserts the passed text at the correct position in the editor element. If the\n * element has the focus, the new emoji is inserted at the cursor position. If not, the emoji\n * will be appended to the back of the input field content.\n *\n * In addition, this function also sets the cursor to the correct position when the input field\n * has the focus. For this purpose, the current position of the cursor or a selection is read to\n * calculate the cursor position after inserting the text.\n *\n * @param {Object} options - Object with element and text to insert\n * @param {HTMLDivElement} options.editorElement - Element to insert text into\n * @param {string} options.text - Text to insert into element\n */\nexport const insertTextAtCursorPosition = ({\n    editorElement,\n    text,\n}: InsertTextAtCursorPositionOptions) => {\n    const selection = window.getSelection();\n\n    saveSelection(editorElement);\n\n    if (selection?.anchorNode && editorElement.contains(selection.anchorNode)) {\n        let range = selection.getRangeAt(0);\n\n        const parts = text.split(/\\r\\n|\\r|\\n/);\n\n        const firstPart = parts.shift();\n\n        const textNodes = parts.map((part) => document.createTextNode(part));\n\n        range.deleteContents();\n\n        if (firstPart) {\n            if (selection.anchorNode.nodeType === Node.TEXT_NODE) {\n                const { nodeValue } = selection.anchorNode;\n\n                if (typeof nodeValue === 'string') {\n                    selection.anchorNode.nodeValue =\n                        nodeValue.slice(0, range.startOffset) +\n                        firstPart +\n                        nodeValue.slice(range.startOffset);\n\n                    moveSelectionOffset(firstPart.length);\n                }\n            } else if (selection.anchorNode === editorElement) {\n                const textNode = document.createTextNode(firstPart);\n\n                editorElement.appendChild(textNode);\n\n                const textNodeIndex = Array.from(editorElement.childNodes).indexOf(textNode);\n\n                moveSelectionOffset(firstPart.length);\n                setChildIndex(textNodeIndex);\n            }\n        }\n\n        restoreSelection(editorElement);\n\n        if (textNodes.length > 0) {\n            range = selection.getRangeAt(0);\n\n            let brElement = document.createElement('br');\n\n            range.insertNode(brElement);\n            range.setEndAfter(brElement);\n            range.setStartAfter(brElement);\n\n            textNodes.forEach((textNode, index) => {\n                range.insertNode(textNode);\n                range.setEndAfter(textNode);\n                range.setStartAfter(textNode);\n\n                if (index !== textNodes.length - 1) {\n                    brElement = document.createElement('br');\n\n                    range.insertNode(brElement);\n                    range.setEndAfter(brElement);\n                    range.setStartAfter(brElement);\n                }\n            });\n\n            range.collapse(false);\n\n            selection.removeAllRanges();\n            selection.addRange(range);\n        }\n    } else {\n        // eslint-disable-next-line no-param-reassign\n        editorElement.innerText += text;\n    }\n};\n\nexport interface ReplaceTextOptions {\n    editorElement: HTMLDivElement;\n    searchText: string;\n    pasteText: string;\n}\n\nexport const replaceText = ({ editorElement, searchText, pasteText }: ReplaceTextOptions) => {\n    const selection = window.getSelection();\n\n    const rangeToReplace = findAndSelectText({ editorElement, searchText });\n\n    console.debug('REPLACE TEXT - TEST 1', {\n        selection,\n        rangeToReplace,\n        editorElement,\n        pasteText,\n        searchText,\n    });\n\n    if (rangeToReplace && selection) {\n        selection.removeAllRanges();\n        selection.addRange(rangeToReplace);\n\n        insertTextAtCursorPosition({ editorElement, text: pasteText });\n    }\n};\n"],"mappings":"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"}
+{"version":3,"file":"insert.js","names":["findAndSelectText","moveSelectionOffset","restoreSelection","saveSelection","setChildIndex","insertTextAtCursorPosition","_ref","editorElement","text","selection","window","getSelection","anchorNode","contains","range","getRangeAt","parts","split","firstPart","shift","textNodes","map","part","document","createTextNode","deleteContents","nodeType","Node","TEXT_NODE","nodeValue","slice","startOffset","length","textNode","appendChild","textNodeIndex","Array","from","childNodes","indexOf","brElement","createElement","insertNode","setEndAfter","setStartAfter","forEach","index","collapse","removeAllRanges","addRange","innerText","replaceText","_ref2","searchText","pasteText","rangeToReplace"],"sources":["../../src/utils/insert.ts"],"sourcesContent":["import {\n    findAndSelectText,\n    moveSelectionOffset,\n    restoreSelection,\n    saveSelection,\n    setChildIndex,\n} from './selection';\n\ninterface InsertTextAtCursorPositionOptions {\n    editorElement: HTMLDivElement;\n    text: string;\n}\n\n/**\n * This function inserts the passed text at the correct position in the editor element. If the\n * element has the focus, the new emoji is inserted at the cursor position. If not, the emoji\n * will be appended to the back of the input field content.\n *\n * In addition, this function also sets the cursor to the correct position when the input field\n * has the focus. For this purpose, the current position of the cursor or a selection is read to\n * calculate the cursor position after inserting the text.\n *\n * @param {Object} options - Object with element and text to insert\n * @param {HTMLDivElement} options.editorElement - Element to insert text into\n * @param {string} options.text - Text to insert into element\n */\nexport const insertTextAtCursorPosition = ({\n    editorElement,\n    text,\n}: InsertTextAtCursorPositionOptions) => {\n    const selection = window.getSelection();\n\n    saveSelection(editorElement);\n\n    if (selection?.anchorNode && editorElement.contains(selection.anchorNode)) {\n        let range = selection.getRangeAt(0);\n\n        const parts = text.split(/\\r\\n|\\r|\\n/);\n\n        const firstPart = parts.shift();\n\n        const textNodes = parts.map((part) => document.createTextNode(part));\n\n        range.deleteContents();\n\n        if (firstPart) {\n            if (selection.anchorNode.nodeType === Node.TEXT_NODE) {\n                const { nodeValue } = selection.anchorNode;\n\n                if (typeof nodeValue === 'string') {\n                    selection.anchorNode.nodeValue =\n                        nodeValue.slice(0, range.startOffset) +\n                        firstPart +\n                        nodeValue.slice(range.startOffset);\n\n                    moveSelectionOffset(firstPart.length);\n                }\n            } else if (selection.anchorNode === editorElement) {\n                const textNode = document.createTextNode(firstPart);\n\n                editorElement.appendChild(textNode);\n\n                const textNodeIndex = Array.from(editorElement.childNodes).indexOf(textNode);\n\n                moveSelectionOffset(firstPart.length);\n                setChildIndex(textNodeIndex);\n            }\n        }\n\n        restoreSelection(editorElement);\n\n        if (textNodes.length > 0) {\n            range = selection.getRangeAt(0);\n\n            let brElement = document.createElement('br');\n\n            range.insertNode(brElement);\n            range.setEndAfter(brElement);\n            range.setStartAfter(brElement);\n\n            textNodes.forEach((textNode, index) => {\n                range.insertNode(textNode);\n                range.setEndAfter(textNode);\n                range.setStartAfter(textNode);\n\n                if (index !== textNodes.length - 1) {\n                    brElement = document.createElement('br');\n\n                    range.insertNode(brElement);\n                    range.setEndAfter(brElement);\n                    range.setStartAfter(brElement);\n                }\n            });\n\n            range.collapse(false);\n\n            selection.removeAllRanges();\n            selection.addRange(range);\n        }\n    } else {\n        // eslint-disable-next-line no-param-reassign\n        editorElement.innerText += text;\n    }\n};\n\nexport interface ReplaceTextOptions {\n    editorElement: HTMLDivElement;\n    searchText: string;\n    pasteText: string;\n}\n\nexport const replaceText = ({ editorElement, searchText, pasteText }: ReplaceTextOptions) => {\n    const selection = window.getSelection();\n\n    const rangeToReplace = findAndSelectText({ editorElement, searchText });\n\n    if (rangeToReplace && selection) {\n        selection.removeAllRanges();\n        selection.addRange(rangeToReplace);\n\n        insertTextAtCursorPosition({ editorElement, text: pasteText });\n    }\n};\n"],"mappings":"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"}

package/lib/utils/selection.js

@@ -8,22 +8,12 @@ export const saveSelection = function (element) {
     shouldIgnoreEmptyTextNodes
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const selection = window.getSelection();
-  console.debug('SAVE SELECTION - TEST 1', {
-    element,
-    selection,
-    shouldIgnoreEmptyTextNodes
-  });
   if (!selection) {
     return;
   }
   const {
     anchorNode
   } = selection;
-  console.debug('SAVE SELECTION - TEST 2', {
-    anchorNode,
-    childNodes: element.childNodes,
-    range: selection.getRangeAt(0)
-  });
   if (!anchorNode) {
     return;
   }
@@ -41,26 +31,10 @@ export const saveSelection = function (element) {
   childIndex = childNodesArray.indexOf(anchorNode);
   endOffset = range.endOffset;
   startOffset = range.startOffset;
-  console.debug('SAVE SELECTION - TEST 3', {
-    childNodesArray,
-    anchorNode,
-    childIndex,
-    endOffset,
-    startOffset,
-    range
-  });
 };
 export const restoreSelection = element => {
   let childNode = element.childNodes[childIndex];
   const selection = window.getSelection();
-  console.debug('RESTORE SELECTION - TEST 1', {
-    childNodes: element.childNodes,
-    nodeValue: childNode?.nodeValue,
-    childNode,
-    childIndex,
-    element,
-    selection
-  });
   if (!childNode || !element || !selection) {
     return;
   }
@@ -68,12 +42,6 @@ export const restoreSelection = element => {
   // noinspection SuspiciousTypeOfGuard
   if (typeof childNode.nodeValue !== 'string') {
     const elementTextLength = getElementTextLength(childNode);
-    console.debug('RESTORE SELECTION - TEST 2.1', {
-      nodeValue: childNode.nodeValue,
-      nextSibling: childNode.nextSibling,
-      nodeType: childNode.nodeType,
-      elementTextLength
-    });
     if (childNode.nextSibling) {
       childNode = childNode.nextSibling;
       if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {
@@ -98,12 +66,6 @@ export const restoreSelection = element => {
       startOffset = textNode.length;
     }
   } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {
-    console.debug('RESTORE SELECTION - TEST 2.2', {
-      nextSibling: childNode.nextSibling,
-      nodeValue: childNode.nodeValue,
-      nodeValueLength: childNode.nodeValue.length,
-      nodeType: childNode.nodeType
-    });
     if (childNode.nextSibling?.nodeValue) {
       let elementTextLength = childNode.nodeValue.length;
       childNode = childNode.nextSibling;

package/lib/utils/selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.js","names":["clamp","getElementTextLength","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","arguments","length","undefined","selection","window","getSelection","console","debug","anchorNode","childNodes","range","getRangeAt","childNodesArray","Array","from","filter","_ref","nodeType","nodeValue","Node","TEXT_NODE","indexOf","restoreSelection","childNode","elementTextLength","nextSibling","charCodeAt","textNode","document","createTextNode","parentNode","insertBefore","nodeValueLength","createRange","setStart","setEnd","error","removeAllRanges","addRange","collapse","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","key","previousSibling","startContainer","endContainer","findAndSelectText","_ref2","editorElement","searchText","textContent","includes","startNode","offset","searchNodesForText","node","some"],"sources":["../../src/utils/selection.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\nimport { clamp } from './number';\nimport { getElementTextLength } from './text';\n\nlet childIndex = -1;\nlet endOffset = -1;\nlet startOffset = -1;\n\ninterface SaveSelectionOptions {\n    shouldIgnoreEmptyTextNodes?: boolean;\n}\n\nexport const saveSelection = (\n    element: HTMLDivElement,\n    { shouldIgnoreEmptyTextNodes }: SaveSelectionOptions = {},\n) => {\n    const selection = window.getSelection();\n\n    console.debug('SAVE SELECTION - TEST 1', {\n        element,\n        selection,\n        shouldIgnoreEmptyTextNodes,\n    });\n\n    if (!selection) {\n        return;\n    }\n\n    const { anchorNode } = selection;\n\n    console.debug('SAVE SELECTION - TEST 2', {\n        anchorNode,\n        childNodes: element.childNodes,\n        range: selection.getRangeAt(0),\n    });\n\n    if (!anchorNode) {\n        return;\n    }\n\n    const range = selection.getRangeAt(0);\n\n    let childNodesArray = Array.from(element.childNodes);\n\n    if (shouldIgnoreEmptyTextNodes) {\n        childNodesArray = childNodesArray.filter(\n            ({ nodeType, nodeValue }) =>\n                nodeType !== Node.TEXT_NODE || (nodeValue !== '' && nodeValue !== '\\u200B'),\n        );\n    }\n\n    childIndex = childNodesArray.indexOf(anchorNode as ChildNode);\n\n    endOffset = range.endOffset;\n    startOffset = range.startOffset;\n\n    console.debug('SAVE SELECTION - TEST 3', {\n        childNodesArray,\n        anchorNode,\n        childIndex,\n        endOffset,\n        startOffset,\n        range,\n    });\n};\n\nexport const restoreSelection = (element: HTMLDivElement) => {\n    let childNode = element.childNodes[childIndex];\n\n    const selection = window.getSelection();\n\n    console.debug('RESTORE SELECTION - TEST 1', {\n        childNodes: element.childNodes,\n        nodeValue: childNode?.nodeValue,\n        childNode,\n        childIndex,\n        element,\n        selection,\n    });\n\n    if (!childNode || !element || !selection) {\n        return;\n    }\n\n    // noinspection SuspiciousTypeOfGuard\n    if (typeof childNode.nodeValue !== 'string') {\n        const elementTextLength = getElementTextLength(childNode as Element);\n\n        console.debug('RESTORE SELECTION - TEST 2.1', {\n            nodeValue: childNode.nodeValue,\n            nextSibling: childNode.nextSibling,\n            nodeType: childNode.nodeType,\n            elementTextLength,\n        });\n\n        if (childNode.nextSibling) {\n            childNode = childNode.nextSibling;\n\n            if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n                endOffset -= elementTextLength;\n                startOffset -= elementTextLength;\n\n                if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n                    endOffset += 1;\n                    startOffset += 1;\n                }\n            } else {\n                const textNode = document.createTextNode('\\u200B');\n\n                childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                childNode = textNode;\n\n                endOffset = textNode.length;\n                startOffset = textNode.length;\n            }\n        } else {\n            const textNode = document.createTextNode('\\u200B');\n\n            childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n            childNode = textNode;\n\n            endOffset = textNode.length;\n            startOffset = textNode.length;\n        }\n    } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {\n        console.debug('RESTORE SELECTION - TEST 2.2', {\n            nextSibling: childNode.nextSibling,\n            nodeValue: childNode.nodeValue,\n            nodeValueLength: childNode.nodeValue.length,\n            nodeType: childNode.nodeType,\n        });\n\n        if (childNode.nextSibling?.nodeValue) {\n            let elementTextLength = childNode.nodeValue.length;\n\n            childNode = childNode.nextSibling;\n\n            // noinspection SuspiciousTypeOfGuard\n            if (typeof childNode.nodeValue !== 'string') {\n                elementTextLength += getElementTextLength(childNode as Element);\n\n                if (childNode.nextSibling?.nodeValue) {\n                    childNode = childNode.nextSibling;\n\n                    if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n                        endOffset -= elementTextLength;\n                        startOffset -= elementTextLength;\n\n                        if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n                            endOffset += 1;\n                            startOffset += 1;\n                        }\n                    } else {\n                        const textNode = document.createTextNode('\\u200B');\n\n                        childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                        childNode = textNode;\n\n                        endOffset = textNode.length;\n                        startOffset = textNode.length;\n                    }\n                } else {\n                    const textNode = document.createTextNode('\\u200B');\n\n                    childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                    childNode = textNode;\n\n                    endOffset = textNode.length;\n                    startOffset = textNode.length;\n                }\n            }\n        } else {\n            endOffset = childNode.nodeValue.length;\n            startOffset = childNode.nodeValue.length;\n        }\n    }\n\n    const range = document.createRange();\n\n    // noinspection SuspiciousTypeOfGuard\n    if (typeof childNode.nodeValue === 'string') {\n        startOffset = clamp(startOffset, 0, childNode.nodeValue.length);\n        endOffset = clamp(endOffset, 0, childNode.nodeValue.length);\n    }\n\n    try {\n        range.setStart(childNode, startOffset);\n        range.setEnd(childNode, endOffset);\n    } catch (error) {\n        // Do nothing\n    }\n\n    selection.removeAllRanges();\n    selection.addRange(range);\n\n    range.collapse(true);\n};\n\nexport const moveSelectionOffset = (distance: number) => {\n    endOffset += distance;\n    startOffset += distance;\n};\n\nexport const setChildIndex = (index: number) => {\n    childIndex = index;\n};\n\n/**\n * This function returns the code of the character that will be removed by the KeyDown event in the\n * next step, if the \"Backspace\" or \"Delete\" key was pressed and there is no selection of multiple\n * characters.\n *\n * @param event - Keyboard event from \"onKeyDown\"\n */\nexport const getCharCodeThatWillBeDeleted = (event: KeyboardEvent<HTMLDivElement>) => {\n    const range = window.getSelection()?.getRangeAt(0);\n\n    /**\n     * At this point the function is aborted if there is no selection range, several characters have\n     * been selected and therefore no single letter is removed or neither the \"Backspace\" nor the\n     * \"Delete\" key has been pressed.\n     */\n    if (\n        !range ||\n        range.endOffset !== range.startOffset ||\n        (event.key !== 'Backspace' && event.key !== 'Delete')\n    ) {\n        return null;\n    }\n\n    if (event.key === 'Backspace') {\n        const { nodeValue, previousSibling } = range.startContainer;\n\n        if (range.startOffset > 0) {\n            return nodeValue?.charCodeAt(range.startOffset - 1);\n        }\n\n        return previousSibling?.nodeValue?.charCodeAt(previousSibling.nodeValue.length - 1);\n    }\n\n    const { nextSibling, nodeValue } = range.endContainer;\n\n    if (range.endOffset < (nodeValue?.length ?? 0)) {\n        return nodeValue?.charCodeAt(range.endOffset);\n    }\n\n    return nextSibling?.nodeValue?.charCodeAt(0);\n};\n\ninterface FindAndSelectTextOptions {\n    editorElement: HTMLDivElement;\n    searchText: string;\n}\n\nexport const findAndSelectText = ({\n    editorElement,\n    searchText,\n}: FindAndSelectTextOptions): Range | null => {\n    if (!editorElement.textContent?.includes(searchText)) {\n        return null;\n    }\n\n    const range = document.createRange();\n\n    let startNode: Node | null = null;\n    let offset = -1;\n\n    const searchNodesForText = (node: Node) => {\n        if (node.nodeType === Node.TEXT_NODE) {\n            const index = node.textContent?.indexOf(searchText);\n\n            if (typeof index === 'number' && index !== -1) {\n                startNode = node;\n                offset = index;\n\n                range.setStart(node, index);\n                range.setEnd(node, index + searchText.length);\n\n                return true;\n            }\n        } else {\n            return Array.from(node.childNodes).some(searchNodesForText);\n        }\n\n        return false;\n    };\n\n    searchNodesForText(editorElement);\n\n    if (startNode && offset !== -1) return range;\n\n    return null;\n};\n"],"mappings":"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"}
+{"version":3,"file":"selection.js","names":["clamp","getElementTextLength","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","arguments","length","undefined","selection","window","getSelection","anchorNode","range","getRangeAt","childNodesArray","Array","from","childNodes","filter","_ref","nodeType","nodeValue","Node","TEXT_NODE","indexOf","restoreSelection","childNode","elementTextLength","nextSibling","charCodeAt","textNode","document","createTextNode","parentNode","insertBefore","createRange","setStart","setEnd","error","removeAllRanges","addRange","collapse","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","key","previousSibling","startContainer","endContainer","findAndSelectText","_ref2","editorElement","searchText","textContent","includes","startNode","offset","searchNodesForText","node","some"],"sources":["../../src/utils/selection.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\nimport { clamp } from './number';\nimport { getElementTextLength } from './text';\n\nlet childIndex = -1;\nlet endOffset = -1;\nlet startOffset = -1;\n\ninterface SaveSelectionOptions {\n    shouldIgnoreEmptyTextNodes?: boolean;\n}\n\nexport const saveSelection = (\n    element: HTMLDivElement,\n    { shouldIgnoreEmptyTextNodes }: SaveSelectionOptions = {},\n) => {\n    const selection = window.getSelection();\n\n    if (!selection) {\n        return;\n    }\n\n    const { anchorNode } = selection;\n\n    if (!anchorNode) {\n        return;\n    }\n\n    const range = selection.getRangeAt(0);\n\n    let childNodesArray = Array.from(element.childNodes);\n\n    if (shouldIgnoreEmptyTextNodes) {\n        childNodesArray = childNodesArray.filter(\n            ({ nodeType, nodeValue }) =>\n                nodeType !== Node.TEXT_NODE || (nodeValue !== '' && nodeValue !== '\\u200B'),\n        );\n    }\n\n    childIndex = childNodesArray.indexOf(anchorNode as ChildNode);\n\n    endOffset = range.endOffset;\n    startOffset = range.startOffset;\n};\n\nexport const restoreSelection = (element: HTMLDivElement) => {\n    let childNode = element.childNodes[childIndex];\n\n    const selection = window.getSelection();\n\n    if (!childNode || !element || !selection) {\n        return;\n    }\n\n    // noinspection SuspiciousTypeOfGuard\n    if (typeof childNode.nodeValue !== 'string') {\n        const elementTextLength = getElementTextLength(childNode as Element);\n\n        if (childNode.nextSibling) {\n            childNode = childNode.nextSibling;\n\n            if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n                endOffset -= elementTextLength;\n                startOffset -= elementTextLength;\n\n                if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n                    endOffset += 1;\n                    startOffset += 1;\n                }\n            } else {\n                const textNode = document.createTextNode('\\u200B');\n\n                childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                childNode = textNode;\n\n                endOffset = textNode.length;\n                startOffset = textNode.length;\n            }\n        } else {\n            const textNode = document.createTextNode('\\u200B');\n\n            childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n            childNode = textNode;\n\n            endOffset = textNode.length;\n            startOffset = textNode.length;\n        }\n    } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {\n        if (childNode.nextSibling?.nodeValue) {\n            let elementTextLength = childNode.nodeValue.length;\n\n            childNode = childNode.nextSibling;\n\n            // noinspection SuspiciousTypeOfGuard\n            if (typeof childNode.nodeValue !== 'string') {\n                elementTextLength += getElementTextLength(childNode as Element);\n\n                if (childNode.nextSibling?.nodeValue) {\n                    childNode = childNode.nextSibling;\n\n                    if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n                        endOffset -= elementTextLength;\n                        startOffset -= elementTextLength;\n\n                        if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n                            endOffset += 1;\n                            startOffset += 1;\n                        }\n                    } else {\n                        const textNode = document.createTextNode('\\u200B');\n\n                        childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                        childNode = textNode;\n\n                        endOffset = textNode.length;\n                        startOffset = textNode.length;\n                    }\n                } else {\n                    const textNode = document.createTextNode('\\u200B');\n\n                    childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                    childNode = textNode;\n\n                    endOffset = textNode.length;\n                    startOffset = textNode.length;\n                }\n            }\n        } else {\n            endOffset = childNode.nodeValue.length;\n            startOffset = childNode.nodeValue.length;\n        }\n    }\n\n    const range = document.createRange();\n\n    // noinspection SuspiciousTypeOfGuard\n    if (typeof childNode.nodeValue === 'string') {\n        startOffset = clamp(startOffset, 0, childNode.nodeValue.length);\n        endOffset = clamp(endOffset, 0, childNode.nodeValue.length);\n    }\n\n    try {\n        range.setStart(childNode, startOffset);\n        range.setEnd(childNode, endOffset);\n    } catch (error) {\n        // Do nothing\n    }\n\n    selection.removeAllRanges();\n    selection.addRange(range);\n\n    range.collapse(true);\n};\n\nexport const moveSelectionOffset = (distance: number) => {\n    endOffset += distance;\n    startOffset += distance;\n};\n\nexport const setChildIndex = (index: number) => {\n    childIndex = index;\n};\n\n/**\n * This function returns the code of the character that will be removed by the KeyDown event in the\n * next step, if the \"Backspace\" or \"Delete\" key was pressed and there is no selection of multiple\n * characters.\n *\n * @param event - Keyboard event from \"onKeyDown\"\n */\nexport const getCharCodeThatWillBeDeleted = (event: KeyboardEvent<HTMLDivElement>) => {\n    const range = window.getSelection()?.getRangeAt(0);\n\n    /**\n     * At this point the function is aborted if there is no selection range, several characters have\n     * been selected and therefore no single letter is removed or neither the \"Backspace\" nor the\n     * \"Delete\" key has been pressed.\n     */\n    if (\n        !range ||\n        range.endOffset !== range.startOffset ||\n        (event.key !== 'Backspace' && event.key !== 'Delete')\n    ) {\n        return null;\n    }\n\n    if (event.key === 'Backspace') {\n        const { nodeValue, previousSibling } = range.startContainer;\n\n        if (range.startOffset > 0) {\n            return nodeValue?.charCodeAt(range.startOffset - 1);\n        }\n\n        return previousSibling?.nodeValue?.charCodeAt(previousSibling.nodeValue.length - 1);\n    }\n\n    const { nextSibling, nodeValue } = range.endContainer;\n\n    if (range.endOffset < (nodeValue?.length ?? 0)) {\n        return nodeValue?.charCodeAt(range.endOffset);\n    }\n\n    return nextSibling?.nodeValue?.charCodeAt(0);\n};\n\ninterface FindAndSelectTextOptions {\n    editorElement: HTMLDivElement;\n    searchText: string;\n}\n\nexport const findAndSelectText = ({\n    editorElement,\n    searchText,\n}: FindAndSelectTextOptions): Range | null => {\n    if (!editorElement.textContent?.includes(searchText)) {\n        return null;\n    }\n\n    const range = document.createRange();\n\n    let startNode: Node | null = null;\n    let offset = -1;\n\n    const searchNodesForText = (node: Node) => {\n        if (node.nodeType === Node.TEXT_NODE) {\n            const index = node.textContent?.indexOf(searchText);\n\n            if (typeof index === 'number' && index !== -1) {\n                startNode = node;\n                offset = index;\n\n                range.setStart(node, index);\n                range.setEnd(node, index + searchText.length);\n\n                return true;\n            }\n        } else {\n            return Array.from(node.childNodes).some(searchNodesForText);\n        }\n\n        return false;\n    };\n\n    searchNodesForText(editorElement);\n\n    if (startNode && offset !== -1) return range;\n\n    return null;\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/emoji-input",
-    "version": "5.0.0-beta.514",
+    "version": "5.0.0-beta.515",
     "description": "Input field that supports HTML elements and emojis",
     "sideEffects": false,
     "browserslist": [
@@ -74,5 +74,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "75b410689a3d0221ea1df03fd4ea7239e66b508a"
+    "gitHead": "bccadc036d7db9228868022177cbe655cb5f127b"
 }