@chayns-components/emoji-input 5.0.0-beta.218 → 5.0.0-beta.219

package/lib/components/emoji-input/EmojiInput.js

@@ -170,9 +170,9 @@ const EmojiInput = _ref => {
      * field to lose focus.
      */
     const handlePreventLoseFocus = event => {
-      var _element$parentElemen, _element$parentElemen2, _element$parentElemen3;
+      var _element$parentElemen, _element$parentElemen2;
       const element = event.target;
-      if (element.classList.contains('prevent-lose-focus') || (_element$parentElemen = element.parentElement) !== null && _element$parentElemen !== void 0 && _element$parentElemen.classList.contains('prevent-lose-focus') || (_element$parentElemen2 = element.parentElement) !== null && _element$parentElemen2 !== void 0 && (_element$parentElemen3 = _element$parentElemen2.parentElement) !== null && _element$parentElemen3 !== void 0 && _element$parentElemen3.classList.contains('prevent-lose-focus')) {
+      if (element.classList.contains('prevent-lose-focus') || (_element$parentElemen = element.parentElement) !== null && _element$parentElemen !== void 0 && _element$parentElemen.classList.contains('prevent-lose-focus') || (_element$parentElemen2 = element.parentElement) !== null && _element$parentElemen2 !== void 0 && (_element$parentElemen2 = _element$parentElemen2.parentElement) !== null && _element$parentElemen2 !== void 0 && _element$parentElemen2.classList.contains('prevent-lose-focus')) {
         event.preventDefault();
         event.stopPropagation();
       }

package/lib/components/emoji-input/EmojiInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiInput.js","names":["_react","_interopRequireWildcard","require","_emoji","_environment","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EmojiInput","_ref","accessToken","inputId","isDisabled","onBlur","onFocus","onInput","onKeyDown","onPopupVisibilityChange","personId","placeholder","popupAlignment","rightElement","shouldPreventEmojiPicker","value","isMobile","useState","getIsMobile","plainTextValue","setPlainTextValue","editorRef","useRef","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","handleUpdateHTML","useCallback","html","current","newInnerHTML","convertEmojisToUnicode","convertTextToHTML","innerHTML","saveSelection","shouldIgnoreEmptyTextNodes","restoreSelection","handleInput","event","preventDefault","stopPropagation","document","execCommand","text","convertHTMLToText","handleKeyDown","shiftKey","isPropagationStopped","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePaste","clipboardData","getData","insertTextAtCursorPosition","editorElement","newEvent","Event","bubbles","dispatchEvent","handlePopupSelect","emoji","useEffect","handlePreventLoseFocus","_element$parentElemen","_element$parentElemen2","_element$parentElemen3","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","createElement","StyledEmojiInput","StyledEmojiInputContent","isRightElementGiven","StyledEmojiInputEditor","contentEditable","id","onPaste","ref","alignment","onSelect","StyledEmojiInputRightWrapper","displayName","_default","exports"],"sources":["../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ClipboardEvent,\n    FC,\n    FocusEventHandler,\n    KeyboardEvent,\n    KeyboardEventHandler,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode } from '../../utils/emoji';\nimport { getIsMobile } from '../../utils/environment';\nimport { insertTextAtCursorPosition } from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    restoreSelection,\n    saveSelection,\n} from '../../utils/selection';\nimport { convertHTMLToText, convertTextToHTML } from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n    StyledEmojiInput,\n    StyledEmojiInputContent,\n    StyledEmojiInputEditor,\n    StyledEmojiInputRightWrapper,\n} from './EmojiInput.styles';\n\nexport type EmojiInputProps = {\n    /**\n     * Access token of the logged-in user. Is needed to load and save the history of the emojis.\n     */\n    accessToken?: string;\n    /**\n     * HTML id of the input element\n     */\n    inputId?: string;\n    /**\n     * Disables the input so that it cannot be changed anymore\n     */\n    isDisabled?: boolean;\n    /**\n     * Function that is executed when the input field loses focus.\n     */\n    onBlur?: FocusEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the input field gets the focus.\n     */\n    onFocus?: FocusEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the text of the input changes. In addition to the original\n     * event, the original text is returned as second parameter, in which the internally used HTML\n     * elements have been converted back to BB codes.\n     */\n    onInput?: (event: ChangeEvent<HTMLDivElement>, originalText: string) => void;\n    /**\n     * Function that is executed when a key is pressed down.\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the visibility of the popup changes.\n     * @param {boolean} isVisible - Whether the popup is visible or not\n     */\n    onPopupVisibilityChange?: (isVisible: boolean) => void;\n    /**\n     * Person id of the logged-in user. Is needed to load and save the history of the emojis.\n     */\n    personId?: string;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * Sets the alignment of the popup to a fixed value. If this value is not set, the component\n     * calculates the best position on its own. Use the imported 'PopupAlignment' enum to set this\n     * value.\n     */\n    popupAlignment?: PopupAlignment;\n    /**\n     * Element that is rendered inside the EmojiInput on the right side.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Prevents the EmojiPickerPopup icon from being displayed\n     */\n    shouldPreventEmojiPicker?: boolean;\n    /**\n     * The plain text value of the input field. Instead of HTML elements BB codes must be used at\n     * this point. These are then converted by the input field into corresponding HTML elements.\n     */\n    value: string;\n};\n\nconst EmojiInput: FC<EmojiInputProps> = ({\n    accessToken,\n    inputId,\n    isDisabled,\n    onBlur,\n    onFocus,\n    onInput,\n    onKeyDown,\n    onPopupVisibilityChange,\n    personId,\n    placeholder,\n    popupAlignment,\n    rightElement,\n    shouldPreventEmojiPicker,\n    value,\n}) => {\n    const [isMobile] = useState(getIsMobile());\n    const [plainTextValue, setPlainTextValue] = useState(value);\n\n    const editorRef = useRef<HTMLDivElement>(null);\n\n    const shouldDeleteOneMoreBackwards = useRef(false);\n    const shouldDeleteOneMoreForwards = useRef(false);\n\n    /**\n     * This function updates the content of the 'contentEditable' element if the new text is\n     * different from the previous content. So this is only true if, for example, a text like \":-)\"\n     * has been replaced to the corresponding emoji.\n     *\n     * When updating the HTML, the current cursor position is saved before replacing the content, so\n     * that it can be set again afterward.\n     */\n    const handleUpdateHTML = useCallback((html: string) => {\n        if (!editorRef.current) {\n            return;\n        }\n\n        let newInnerHTML = convertEmojisToUnicode(html);\n\n        newInnerHTML = convertTextToHTML(newInnerHTML);\n\n        if (newInnerHTML !== editorRef.current.innerHTML) {\n            saveSelection(editorRef.current, { shouldIgnoreEmptyTextNodes: true });\n\n            editorRef.current.innerHTML = newInnerHTML;\n\n            restoreSelection(editorRef.current);\n        }\n    }, []);\n\n    /**\n     * This function handles the 'input' events of the 'contentEditable' element and also passes the\n     * respective event up accordingly if the 'onInput' property is a function.\n     */\n    const handleInput = useCallback(\n        (event: ChangeEvent<HTMLDivElement>) => {\n            if (!editorRef.current) {\n                return;\n            }\n\n            if (shouldDeleteOneMoreBackwards.current) {\n                shouldDeleteOneMoreBackwards.current = false;\n                shouldDeleteOneMoreForwards.current = false;\n\n                event.preventDefault();\n                event.stopPropagation();\n\n                document.execCommand('delete', false);\n\n                return;\n            }\n\n            if (shouldDeleteOneMoreForwards.current) {\n                shouldDeleteOneMoreBackwards.current = false;\n                shouldDeleteOneMoreForwards.current = false;\n\n                event.preventDefault();\n                event.stopPropagation();\n\n                document.execCommand('forwardDelete', false);\n\n                return;\n            }\n\n            handleUpdateHTML(editorRef.current.innerHTML);\n\n            const text = convertHTMLToText(editorRef.current.innerHTML);\n\n            setPlainTextValue(text);\n\n            if (typeof onInput === 'function') {\n                onInput(event, text);\n            }\n        },\n        [handleUpdateHTML, onInput]\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (typeof onKeyDown === 'function') {\n                onKeyDown(event);\n            }\n\n            if (\n                event.key === 'Enter' &&\n                !event.shiftKey &&\n                !event.isPropagationStopped() &&\n                editorRef.current\n            ) {\n                event.preventDefault();\n\n                document.execCommand('insertLineBreak', false);\n            }\n\n            if (event.key === 'Backspace' || event.key === 'Delete') {\n                const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n                if (charCodeThatWillBeDeleted === 8203) {\n                    if (event.key === 'Backspace') {\n                        shouldDeleteOneMoreBackwards.current = true;\n                    } else {\n                        shouldDeleteOneMoreForwards.current = true;\n                    }\n                }\n            }\n        },\n        [onKeyDown]\n    );\n\n    /**\n     * This function prevents formatting from being adopted when texts are inserted. To do this, the\n     * plain text is read from the event after the default behavior has been prevented. The plain\n     * text is then inserted at the correct position in the input field using the\n     * 'insertTextAtCursorPosition' function.\n     */\n    const handlePaste = useCallback((event: ClipboardEvent<HTMLDivElement>) => {\n        if (editorRef.current) {\n            event.preventDefault();\n\n            let text = event.clipboardData.getData('text/plain');\n\n            text = convertEmojisToUnicode(text);\n\n            insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n            const newEvent = new Event('input', { bubbles: true });\n\n            editorRef.current.dispatchEvent(newEvent);\n        }\n    }, []);\n\n    /**\n     * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the\n     * correct position in the editor element.\n     *\n     * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,\n     * which in turn executes the 'onInput' function from the props. So this serves to ensure that\n     * the event is also passed through to the top when inserting via the popup.\n     */\n    const handlePopupSelect = useCallback((emoji: string) => {\n        if (editorRef.current) {\n            insertTextAtCursorPosition({ editorElement: editorRef.current, text: emoji });\n\n            const event = new Event('input', { bubbles: true });\n\n            editorRef.current.dispatchEvent(event);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (value !== plainTextValue) {\n            setPlainTextValue(value);\n\n            handleUpdateHTML(value);\n        }\n    }, [handleUpdateHTML, plainTextValue, value]);\n\n    useEffect(() => {\n        /**\n         * This function ensures that the input field does not lose focus when the popup is opened\n         * or an emoji is selected in it. For this purpose the corresponding elements get the class\n         * 'prevent-lose-focus'.\n         *\n         * The class can also be set to any other elements that should also not cause the input\n         * field to lose focus.\n         */\n        const handlePreventLoseFocus = (event: MouseEvent) => {\n            const element = event.target as Element;\n\n            if (\n                element.classList.contains('prevent-lose-focus') ||\n                element.parentElement?.classList.contains('prevent-lose-focus') ||\n                element.parentElement?.parentElement?.classList.contains('prevent-lose-focus')\n            ) {\n                event.preventDefault();\n                event.stopPropagation();\n            }\n        };\n\n        document.body.addEventListener('mousedown', handlePreventLoseFocus);\n\n        return () => {\n            document.body.removeEventListener('mousedown', handlePreventLoseFocus);\n        };\n    }, []);\n\n    return (\n        <StyledEmojiInput isDisabled={isDisabled}>\n            <StyledEmojiInputContent isRightElementGiven={!!rightElement}>\n                <StyledEmojiInputEditor\n                    contentEditable={!isDisabled}\n                    id={inputId}\n                    onBlur={onBlur}\n                    onFocus={onFocus}\n                    onInput={handleInput}\n                    onKeyDown={handleKeyDown}\n                    onPaste={handlePaste}\n                    placeholder={placeholder}\n                    ref={editorRef}\n                />\n                {!isMobile && !shouldPreventEmojiPicker && (\n                    <EmojiPickerPopup\n                        accessToken={accessToken}\n                        alignment={popupAlignment}\n                        onSelect={handlePopupSelect}\n                        onPopupVisibilityChange={onPopupVisibilityChange}\n                        personId={personId}\n                    />\n                )}\n            </StyledEmojiInputContent>\n            {rightElement && (\n                <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n            )}\n        </StyledEmojiInput>\n    );\n};\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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"}
+{"version":3,"file":"EmojiInput.js","names":["_react","_interopRequireWildcard","require","_emoji","_environment","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EmojiInput","_ref","accessToken","inputId","isDisabled","onBlur","onFocus","onInput","onKeyDown","onPopupVisibilityChange","personId","placeholder","popupAlignment","rightElement","shouldPreventEmojiPicker","value","isMobile","useState","getIsMobile","plainTextValue","setPlainTextValue","editorRef","useRef","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","handleUpdateHTML","useCallback","html","current","newInnerHTML","convertEmojisToUnicode","convertTextToHTML","innerHTML","saveSelection","shouldIgnoreEmptyTextNodes","restoreSelection","handleInput","event","preventDefault","stopPropagation","document","execCommand","text","convertHTMLToText","handleKeyDown","shiftKey","isPropagationStopped","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePaste","clipboardData","getData","insertTextAtCursorPosition","editorElement","newEvent","Event","bubbles","dispatchEvent","handlePopupSelect","emoji","useEffect","handlePreventLoseFocus","_element$parentElemen","_element$parentElemen2","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","createElement","StyledEmojiInput","StyledEmojiInputContent","isRightElementGiven","StyledEmojiInputEditor","contentEditable","id","onPaste","ref","alignment","onSelect","StyledEmojiInputRightWrapper","displayName","_default","exports"],"sources":["../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ClipboardEvent,\n    FC,\n    FocusEventHandler,\n    KeyboardEvent,\n    KeyboardEventHandler,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode } from '../../utils/emoji';\nimport { getIsMobile } from '../../utils/environment';\nimport { insertTextAtCursorPosition } from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    restoreSelection,\n    saveSelection,\n} from '../../utils/selection';\nimport { convertHTMLToText, convertTextToHTML } from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n    StyledEmojiInput,\n    StyledEmojiInputContent,\n    StyledEmojiInputEditor,\n    StyledEmojiInputRightWrapper,\n} from './EmojiInput.styles';\n\nexport type EmojiInputProps = {\n    /**\n     * Access token of the logged-in user. Is needed to load and save the history of the emojis.\n     */\n    accessToken?: string;\n    /**\n     * HTML id of the input element\n     */\n    inputId?: string;\n    /**\n     * Disables the input so that it cannot be changed anymore\n     */\n    isDisabled?: boolean;\n    /**\n     * Function that is executed when the input field loses focus.\n     */\n    onBlur?: FocusEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the input field gets the focus.\n     */\n    onFocus?: FocusEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the text of the input changes. In addition to the original\n     * event, the original text is returned as second parameter, in which the internally used HTML\n     * elements have been converted back to BB codes.\n     */\n    onInput?: (event: ChangeEvent<HTMLDivElement>, originalText: string) => void;\n    /**\n     * Function that is executed when a key is pressed down.\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the visibility of the popup changes.\n     * @param {boolean} isVisible - Whether the popup is visible or not\n     */\n    onPopupVisibilityChange?: (isVisible: boolean) => void;\n    /**\n     * Person id of the logged-in user. Is needed to load and save the history of the emojis.\n     */\n    personId?: string;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * Sets the alignment of the popup to a fixed value. If this value is not set, the component\n     * calculates the best position on its own. Use the imported 'PopupAlignment' enum to set this\n     * value.\n     */\n    popupAlignment?: PopupAlignment;\n    /**\n     * Element that is rendered inside the EmojiInput on the right side.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Prevents the EmojiPickerPopup icon from being displayed\n     */\n    shouldPreventEmojiPicker?: boolean;\n    /**\n     * The plain text value of the input field. Instead of HTML elements BB codes must be used at\n     * this point. These are then converted by the input field into corresponding HTML elements.\n     */\n    value: string;\n};\n\nconst EmojiInput: FC<EmojiInputProps> = ({\n    accessToken,\n    inputId,\n    isDisabled,\n    onBlur,\n    onFocus,\n    onInput,\n    onKeyDown,\n    onPopupVisibilityChange,\n    personId,\n    placeholder,\n    popupAlignment,\n    rightElement,\n    shouldPreventEmojiPicker,\n    value,\n}) => {\n    const [isMobile] = useState(getIsMobile());\n    const [plainTextValue, setPlainTextValue] = useState(value);\n\n    const editorRef = useRef<HTMLDivElement>(null);\n\n    const shouldDeleteOneMoreBackwards = useRef(false);\n    const shouldDeleteOneMoreForwards = useRef(false);\n\n    /**\n     * This function updates the content of the 'contentEditable' element if the new text is\n     * different from the previous content. So this is only true if, for example, a text like \":-)\"\n     * has been replaced to the corresponding emoji.\n     *\n     * When updating the HTML, the current cursor position is saved before replacing the content, so\n     * that it can be set again afterward.\n     */\n    const handleUpdateHTML = useCallback((html: string) => {\n        if (!editorRef.current) {\n            return;\n        }\n\n        let newInnerHTML = convertEmojisToUnicode(html);\n\n        newInnerHTML = convertTextToHTML(newInnerHTML);\n\n        if (newInnerHTML !== editorRef.current.innerHTML) {\n            saveSelection(editorRef.current, { shouldIgnoreEmptyTextNodes: true });\n\n            editorRef.current.innerHTML = newInnerHTML;\n\n            restoreSelection(editorRef.current);\n        }\n    }, []);\n\n    /**\n     * This function handles the 'input' events of the 'contentEditable' element and also passes the\n     * respective event up accordingly if the 'onInput' property is a function.\n     */\n    const handleInput = useCallback(\n        (event: ChangeEvent<HTMLDivElement>) => {\n            if (!editorRef.current) {\n                return;\n            }\n\n            if (shouldDeleteOneMoreBackwards.current) {\n                shouldDeleteOneMoreBackwards.current = false;\n                shouldDeleteOneMoreForwards.current = false;\n\n                event.preventDefault();\n                event.stopPropagation();\n\n                document.execCommand('delete', false);\n\n                return;\n            }\n\n            if (shouldDeleteOneMoreForwards.current) {\n                shouldDeleteOneMoreBackwards.current = false;\n                shouldDeleteOneMoreForwards.current = false;\n\n                event.preventDefault();\n                event.stopPropagation();\n\n                document.execCommand('forwardDelete', false);\n\n                return;\n            }\n\n            handleUpdateHTML(editorRef.current.innerHTML);\n\n            const text = convertHTMLToText(editorRef.current.innerHTML);\n\n            setPlainTextValue(text);\n\n            if (typeof onInput === 'function') {\n                onInput(event, text);\n            }\n        },\n        [handleUpdateHTML, onInput]\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (typeof onKeyDown === 'function') {\n                onKeyDown(event);\n            }\n\n            if (\n                event.key === 'Enter' &&\n                !event.shiftKey &&\n                !event.isPropagationStopped() &&\n                editorRef.current\n            ) {\n                event.preventDefault();\n\n                document.execCommand('insertLineBreak', false);\n            }\n\n            if (event.key === 'Backspace' || event.key === 'Delete') {\n                const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n                if (charCodeThatWillBeDeleted === 8203) {\n                    if (event.key === 'Backspace') {\n                        shouldDeleteOneMoreBackwards.current = true;\n                    } else {\n                        shouldDeleteOneMoreForwards.current = true;\n                    }\n                }\n            }\n        },\n        [onKeyDown]\n    );\n\n    /**\n     * This function prevents formatting from being adopted when texts are inserted. To do this, the\n     * plain text is read from the event after the default behavior has been prevented. The plain\n     * text is then inserted at the correct position in the input field using the\n     * 'insertTextAtCursorPosition' function.\n     */\n    const handlePaste = useCallback((event: ClipboardEvent<HTMLDivElement>) => {\n        if (editorRef.current) {\n            event.preventDefault();\n\n            let text = event.clipboardData.getData('text/plain');\n\n            text = convertEmojisToUnicode(text);\n\n            insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n            const newEvent = new Event('input', { bubbles: true });\n\n            editorRef.current.dispatchEvent(newEvent);\n        }\n    }, []);\n\n    /**\n     * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the\n     * correct position in the editor element.\n     *\n     * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,\n     * which in turn executes the 'onInput' function from the props. So this serves to ensure that\n     * the event is also passed through to the top when inserting via the popup.\n     */\n    const handlePopupSelect = useCallback((emoji: string) => {\n        if (editorRef.current) {\n            insertTextAtCursorPosition({ editorElement: editorRef.current, text: emoji });\n\n            const event = new Event('input', { bubbles: true });\n\n            editorRef.current.dispatchEvent(event);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (value !== plainTextValue) {\n            setPlainTextValue(value);\n\n            handleUpdateHTML(value);\n        }\n    }, [handleUpdateHTML, plainTextValue, value]);\n\n    useEffect(() => {\n        /**\n         * This function ensures that the input field does not lose focus when the popup is opened\n         * or an emoji is selected in it. For this purpose the corresponding elements get the class\n         * 'prevent-lose-focus'.\n         *\n         * The class can also be set to any other elements that should also not cause the input\n         * field to lose focus.\n         */\n        const handlePreventLoseFocus = (event: MouseEvent) => {\n            const element = event.target as Element;\n\n            if (\n                element.classList.contains('prevent-lose-focus') ||\n                element.parentElement?.classList.contains('prevent-lose-focus') ||\n                element.parentElement?.parentElement?.classList.contains('prevent-lose-focus')\n            ) {\n                event.preventDefault();\n                event.stopPropagation();\n            }\n        };\n\n        document.body.addEventListener('mousedown', handlePreventLoseFocus);\n\n        return () => {\n            document.body.removeEventListener('mousedown', handlePreventLoseFocus);\n        };\n    }, []);\n\n    return (\n        <StyledEmojiInput isDisabled={isDisabled}>\n            <StyledEmojiInputContent isRightElementGiven={!!rightElement}>\n                <StyledEmojiInputEditor\n                    contentEditable={!isDisabled}\n                    id={inputId}\n                    onBlur={onBlur}\n                    onFocus={onFocus}\n                    onInput={handleInput}\n                    onKeyDown={handleKeyDown}\n                    onPaste={handlePaste}\n                    placeholder={placeholder}\n                    ref={editorRef}\n                />\n                {!isMobile && !shouldPreventEmojiPicker && (\n                    <EmojiPickerPopup\n                        accessToken={accessToken}\n                        alignment={popupAlignment}\n                        onSelect={handlePopupSelect}\n                        onPopupVisibilityChange={onPopupVisibilityChange}\n                        personId={personId}\n                    />\n                )}\n            </StyledEmojiInputContent>\n            {rightElement && (\n                <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n            )}\n        </StyledEmojiInput>\n    );\n};\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAcA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAKA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAK6B,SAAAO,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAd,wBAAAU,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAmE7B,MAAMW,UAA+B,GAAGC,IAAA,IAelC;EAAA,IAfmC;IACrCC,WAAW;IACXC,OAAO;IACPC,UAAU;IACVC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,SAAS;IACTC,uBAAuB;IACvBC,QAAQ;IACRC,WAAW;IACXC,cAAc;IACdC,YAAY;IACZC,wBAAwB;IACxBC;EACJ,CAAC,GAAAd,IAAA;EACG,MAAM,CAACe,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAAC,wBAAW,EAAC,CAAC,CAAC;EAC1C,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAH,eAAQ,EAACF,KAAK,CAAC;EAE3D,MAAMM,SAAS,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAE9C,MAAMC,4BAA4B,GAAG,IAAAD,aAAM,EAAC,KAAK,CAAC;EAClD,MAAME,2BAA2B,GAAG,IAAAF,aAAM,EAAC,KAAK,CAAC;;EAEjD;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;EACI,MAAMG,gBAAgB,GAAG,IAAAC,kBAAW,EAAEC,IAAY,IAAK;IACnD,IAAI,CAACN,SAAS,CAACO,OAAO,EAAE;MACpB;IACJ;IAEA,IAAIC,YAAY,GAAG,IAAAC,6BAAsB,EAACH,IAAI,CAAC;IAE/CE,YAAY,GAAG,IAAAE,uBAAiB,EAACF,YAAY,CAAC;IAE9C,IAAIA,YAAY,KAAKR,SAAS,CAACO,OAAO,CAACI,SAAS,EAAE;MAC9C,IAAAC,wBAAa,EAACZ,SAAS,CAACO,OAAO,EAAE;QAAEM,0BAA0B,EAAE;MAAK,CAAC,CAAC;MAEtEb,SAAS,CAACO,OAAO,CAACI,SAAS,GAAGH,YAAY;MAE1C,IAAAM,2BAAgB,EAACd,SAAS,CAACO,OAAO,CAAC;IACvC;EACJ,CAAC,EAAE,EAAE,CAAC;;EAEN;AACJ;AACA;AACA;EACI,MAAMQ,WAAW,GAAG,IAAAV,kBAAW,EAC1BW,KAAkC,IAAK;IACpC,IAAI,CAAChB,SAAS,CAACO,OAAO,EAAE;MACpB;IACJ;IAEA,IAAIL,4BAA4B,CAACK,OAAO,EAAE;MACtCL,4BAA4B,CAACK,OAAO,GAAG,KAAK;MAC5CJ,2BAA2B,CAACI,OAAO,GAAG,KAAK;MAE3CS,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;MAEvBC,QAAQ,CAACC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC;MAErC;IACJ;IAEA,IAAIjB,2BAA2B,CAACI,OAAO,EAAE;MACrCL,4BAA4B,CAACK,OAAO,GAAG,KAAK;MAC5CJ,2BAA2B,CAACI,OAAO,GAAG,KAAK;MAE3CS,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;MAEvBC,QAAQ,CAACC,WAAW,CAAC,eAAe,EAAE,KAAK,CAAC;MAE5C;IACJ;IAEAhB,gBAAgB,CAACJ,SAAS,CAACO,OAAO,CAACI,SAAS,CAAC;IAE7C,MAAMU,IAAI,GAAG,IAAAC,uBAAiB,EAACtB,SAAS,CAACO,OAAO,CAACI,SAAS,CAAC;IAE3DZ,iBAAiB,CAACsB,IAAI,CAAC;IAEvB,IAAI,OAAOnC,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAAC8B,KAAK,EAAEK,IAAI,CAAC;IACxB;EACJ,CAAC,EACD,CAACjB,gBAAgB,EAAElB,OAAO,CAC9B,CAAC;EAED,MAAMqC,aAAa,GAAG,IAAAlB,kBAAW,EAC5BW,KAAoC,IAAK;IACtC,IAAI,OAAO7B,SAAS,KAAK,UAAU,EAAE;MACjCA,SAAS,CAAC6B,KAAK,CAAC;IACpB;IAEA,IACIA,KAAK,CAAC3C,GAAG,KAAK,OAAO,IACrB,CAAC2C,KAAK,CAACQ,QAAQ,IACf,CAACR,KAAK,CAACS,oBAAoB,CAAC,CAAC,IAC7BzB,SAAS,CAACO,OAAO,EACnB;MACES,KAAK,CAACC,cAAc,CAAC,CAAC;MAEtBE,QAAQ,CAACC,WAAW,CAAC,iBAAiB,EAAE,KAAK,CAAC;IAClD;IAEA,IAAIJ,KAAK,CAAC3C,GAAG,KAAK,WAAW,IAAI2C,KAAK,CAAC3C,GAAG,KAAK,QAAQ,EAAE;MACrD,MAAMqD,yBAAyB,GAAG,IAAAC,uCAA4B,EAACX,KAAK,CAAC;MAErE,IAAIU,yBAAyB,KAAK,IAAI,EAAE;QACpC,IAAIV,KAAK,CAAC3C,GAAG,KAAK,WAAW,EAAE;UAC3B6B,4BAA4B,CAACK,OAAO,GAAG,IAAI;QAC/C,CAAC,MAAM;UACHJ,2BAA2B,CAACI,OAAO,GAAG,IAAI;QAC9C;MACJ;IACJ;EACJ,CAAC,EACD,CAACpB,SAAS,CACd,CAAC;;EAED;AACJ;AACA;AACA;AACA;AACA;EACI,MAAMyC,WAAW,GAAG,IAAAvB,kBAAW,EAAEW,KAAqC,IAAK;IACvE,IAAIhB,SAAS,CAACO,OAAO,EAAE;MACnBS,KAAK,CAACC,cAAc,CAAC,CAAC;MAEtB,IAAII,IAAI,GAAGL,KAAK,CAACa,aAAa,CAACC,OAAO,CAAC,YAAY,CAAC;MAEpDT,IAAI,GAAG,IAAAZ,6BAAsB,EAACY,IAAI,CAAC;MAEnC,IAAAU,kCAA0B,EAAC;QAAEC,aAAa,EAAEhC,SAAS,CAACO,OAAO;QAAEc;MAAK,CAAC,CAAC;MAEtE,MAAMY,QAAQ,GAAG,IAAIC,KAAK,CAAC,OAAO,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAEtDnC,SAAS,CAACO,OAAO,CAAC6B,aAAa,CAACH,QAAQ,CAAC;IAC7C;EACJ,CAAC,EAAE,EAAE,CAAC;;EAEN;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;EACI,MAAMI,iBAAiB,GAAG,IAAAhC,kBAAW,EAAEiC,KAAa,IAAK;IACrD,IAAItC,SAAS,CAACO,OAAO,EAAE;MACnB,IAAAwB,kCAA0B,EAAC;QAAEC,aAAa,EAAEhC,SAAS,CAACO,OAAO;QAAEc,IAAI,EAAEiB;MAAM,CAAC,CAAC;MAE7E,MAAMtB,KAAK,GAAG,IAAIkB,KAAK,CAAC,OAAO,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAEnDnC,SAAS,CAACO,OAAO,CAAC6B,aAAa,CAACpB,KAAK,CAAC;IAC1C;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAuB,gBAAS,EAAC,MAAM;IACZ,IAAI7C,KAAK,KAAKI,cAAc,EAAE;MAC1BC,iBAAiB,CAACL,KAAK,CAAC;MAExBU,gBAAgB,CAACV,KAAK,CAAC;IAC3B;EACJ,CAAC,EAAE,CAACU,gBAAgB,EAAEN,cAAc,EAAEJ,KAAK,CAAC,CAAC;EAE7C,IAAA6C,gBAAS,EAAC,MAAM;IACZ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;IACQ,MAAMC,sBAAsB,GAAIxB,KAAiB,IAAK;MAAA,IAAAyB,qBAAA,EAAAC,sBAAA;MAClD,MAAMC,OAAO,GAAG3B,KAAK,CAAC4B,MAAiB;MAEvC,IACID,OAAO,CAACE,SAAS,CAACC,QAAQ,CAAC,oBAAoB,CAAC,KAAAL,qBAAA,GAChDE,OAAO,CAACI,aAAa,cAAAN,qBAAA,eAArBA,qBAAA,CAAuBI,SAAS,CAACC,QAAQ,CAAC,oBAAoB,CAAC,KAAAJ,sBAAA,GAC/DC,OAAO,CAACI,aAAa,cAAAL,sBAAA,gBAAAA,sBAAA,GAArBA,sBAAA,CAAuBK,aAAa,cAAAL,sBAAA,eAApCA,sBAAA,CAAsCG,SAAS,CAACC,QAAQ,CAAC,oBAAoB,CAAC,EAChF;QACE9B,KAAK,CAACC,cAAc,CAAC,CAAC;QACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;MAC3B;IACJ,CAAC;IAEDC,QAAQ,CAAC6B,IAAI,CAACC,gBAAgB,CAAC,WAAW,EAAET,sBAAsB,CAAC;IAEnE,OAAO,MAAM;MACTrB,QAAQ,CAAC6B,IAAI,CAACE,mBAAmB,CAAC,WAAW,EAAEV,sBAAsB,CAAC;IAC1E,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI9F,MAAA,CAAAa,OAAA,CAAA4F,aAAA,CAAC/F,WAAA,CAAAgG,gBAAgB;IAACrE,UAAU,EAAEA;EAAW,gBACrCrC,MAAA,CAAAa,OAAA,CAAA4F,aAAA,CAAC/F,WAAA,CAAAiG,uBAAuB;IAACC,mBAAmB,EAAE,CAAC,CAAC9D;EAAa,gBACzD9C,MAAA,CAAAa,OAAA,CAAA4F,aAAA,CAAC/F,WAAA,CAAAmG,sBAAsB;IACnBC,eAAe,EAAE,CAACzE,UAAW;IAC7B0E,EAAE,EAAE3E,OAAQ;IACZE,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAE6B,WAAY;IACrB5B,SAAS,EAAEoC,aAAc;IACzBmC,OAAO,EAAE9B,WAAY;IACrBtC,WAAW,EAAEA,WAAY;IACzBqE,GAAG,EAAE3D;EAAU,CAClB,CAAC,EACD,CAACL,QAAQ,IAAI,CAACF,wBAAwB,iBACnC/C,MAAA,CAAAa,OAAA,CAAA4F,aAAA,CAACjG,iBAAA,CAAAK,OAAgB;IACbsB,WAAW,EAAEA,WAAY;IACzB+E,SAAS,EAAErE,cAAe;IAC1BsE,QAAQ,EAAExB,iBAAkB;IAC5BjD,uBAAuB,EAAEA,uBAAwB;IACjDC,QAAQ,EAAEA;EAAS,CACtB,CAEgB,CAAC,EACzBG,YAAY,iBACT9C,MAAA,CAAAa,OAAA,CAAA4F,aAAA,CAAC/F,WAAA,CAAA0G,4BAA4B,QAAEtE,YAA2C,CAEhE,CAAC;AAE3B,CAAC;AAEDb,UAAU,CAACoF,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAEvBrF,UAAU;AAAAsF,OAAA,CAAA1G,OAAA,GAAAyG,QAAA"}

package/lib/utils/selection.js

@@ -159,7 +159,7 @@ const getCharCodeThatWillBeDeleted = event => {
     if (range.startOffset > 0) {
       return nodeValue === null || nodeValue === void 0 ? void 0 : nodeValue.charCodeAt(range.startOffset - 1);
     }
-    return previousSibling === null || previousSibling === void 0 ? void 0 : (_previousSibling$node = previousSibling.nodeValue) === null || _previousSibling$node === void 0 ? void 0 : _previousSibling$node.charCodeAt(previousSibling.nodeValue.length - 1);
+    return previousSibling === null || previousSibling === void 0 || (_previousSibling$node = previousSibling.nodeValue) === null || _previousSibling$node === void 0 ? void 0 : _previousSibling$node.charCodeAt(previousSibling.nodeValue.length - 1);
   }
   const {
     nextSibling,
@@ -168,7 +168,7 @@ const getCharCodeThatWillBeDeleted = event => {
   if (range.endOffset < ((_nodeValue$length = nodeValue === null || nodeValue === void 0 ? void 0 : nodeValue.length) !== null && _nodeValue$length !== void 0 ? _nodeValue$length : 0)) {
     return nodeValue === null || nodeValue === void 0 ? void 0 : nodeValue.charCodeAt(range.endOffset);
   }
-  return nextSibling === null || nextSibling === void 0 ? void 0 : (_nextSibling$nodeValu = nextSibling.nodeValue) === null || _nextSibling$nodeValu === void 0 ? void 0 : _nextSibling$nodeValu.charCodeAt(0);
+  return nextSibling === null || nextSibling === void 0 || (_nextSibling$nodeValu = nextSibling.nodeValue) === null || _nextSibling$nodeValu === void 0 ? void 0 : _nextSibling$nodeValu.charCodeAt(0);
 };
 exports.getCharCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted;
 //# sourceMappingURL=selection.js.map

package/lib/utils/selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.js","names":["_number","require","_text","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","exports","restoreSelection","childNode","elementTextLength","getElementTextLength","nextSibling","charCodeAt","_childNode$parentNode","textNode","document","createTextNode","parentNode","insertBefore","_childNode$parentNode2","_childNode$parentNode3","_childNode$parentNode4","createRange","clamp","setStart","setEnd","removeAllRanges","addRange","collapse","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","_window$getSelection","_nodeValue$length","_nextSibling$nodeValu","key","_previousSibling$node","previousSibling","startContainer","endContainer"],"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    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) {\n            let elementTextLength = childNode.nodeValue.length;\n\n            childNode = childNode.nextSibling;\n\n            if (typeof childNode.nodeValue !== 'string') {\n                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            }\n        } else {\n            endOffset = childNode.nodeValue.length;\n            startOffset = childNode.nodeValue.length;\n        }\n    }\n\n    const range = document.createRange();\n\n    if (childNode.nodeValue) {\n        startOffset = clamp(startOffset, 0, childNode.nodeValue.length);\n        endOffset = clamp(endOffset, 0, childNode.nodeValue.length);\n    }\n\n    range.setStart(childNode, startOffset);\n    range.setEnd(childNode, endOffset);\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"],"mappings":"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"}
+{"version":3,"file":"selection.js","names":["_number","require","_text","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","exports","restoreSelection","childNode","elementTextLength","getElementTextLength","nextSibling","charCodeAt","_childNode$parentNode","textNode","document","createTextNode","parentNode","insertBefore","_childNode$parentNode2","_childNode$parentNode3","_childNode$parentNode4","createRange","clamp","setStart","setEnd","removeAllRanges","addRange","collapse","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","_window$getSelection","_nodeValue$length","_nextSibling$nodeValu","key","_previousSibling$node","previousSibling","startContainer","endContainer"],"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    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) {\n            let elementTextLength = childNode.nodeValue.length;\n\n            childNode = childNode.nextSibling;\n\n            if (typeof childNode.nodeValue !== 'string') {\n                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            }\n        } else {\n            endOffset = childNode.nodeValue.length;\n            startOffset = childNode.nodeValue.length;\n        }\n    }\n\n    const range = document.createRange();\n\n    if (childNode.nodeValue) {\n        startOffset = clamp(startOffset, 0, childNode.nodeValue.length);\n        endOffset = clamp(endOffset, 0, childNode.nodeValue.length);\n    }\n\n    range.setStart(childNode, startOffset);\n    range.setEnd(childNode, endOffset);\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"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/emoji-input",
-    "version": "5.0.0-beta.218",
+    "version": "5.0.0-beta.219",
     "description": "Input field that supports HTML elements and emojis",
     "keywords": [
         "chayns",
@@ -36,9 +36,9 @@
         "url": "https://github.com/TobitSoftware/chayns-components/issues"
     },
     "devDependencies": {
-        "@babel/cli": "^7.22.5",
-        "@babel/core": "^7.22.5",
-        "@babel/preset-env": "^7.22.5",
+        "@babel/cli": "^7.22.9",
+        "@babel/core": "^7.22.9",
+        "@babel/preset-env": "^7.22.9",
         "@babel/preset-react": "^7.22.5",
         "@babel/preset-typescript": "^7.22.5",
         "@types/react": "^17.0.62",
@@ -46,14 +46,14 @@
         "@types/styled-components": "^5.1.26",
         "@types/uuid": "^9.0.2",
         "babel-loader": "^8.3.0",
-        "lerna": "^7.1.1",
+        "lerna": "^7.1.4",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "styled-components": "^5.3.11",
         "typescript": "^4.9.5"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.218",
+        "@chayns-components/core": "^5.0.0-beta.219",
         "@chayns/colors": "^2.0.0",
         "clsx": "^1.2.1",
         "emojilib": "^3.0.10",
@@ -64,10 +64,10 @@
     "peerDependencies": {
         "react": ">=16.14.0",
         "react-dom": ">=16.14.0",
-        "styled-components": ">=5.0.0"
+        "styled-components": "^5.3.11"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1c747f68cf7d34e1901aef8757db7667a12c48e6"
+    "gitHead": "41c4adfb109a5524abc2cef865b0548868f85c10"
 }