@chayns-components/emoji-input 5.0.0-beta.856 → 5.0.0-beta.857

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

@@ -124,33 +124,25 @@ const EmojiInput = /*#__PURE__*/(0, _react.forwardRef)(({
       event.stopPropagation();
       event.preventDefault();
     }
-    const {
-      target
-    } = event;
-    const newLength = target.innerHTML.length;
-    setTextLength(prevState => {
-      if (newLength < prevState) {
-        event.preventDefault();
-        event.stopPropagation();
-        const keyboardEvent = new KeyboardEvent('keydown', {
-          key: 'Backspace',
-          code: 'Backspace',
-          keyCode: 8,
-          which: 8,
-          location: 0,
-          bubbles: true,
-          // Ensures the event bubbles up through the DOM
-          cancelable: true // Allows the event to be canceled
-        });
-        target.dispatchEvent(keyboardEvent);
-      }
-      return newLength;
-    });
     if (shouldDeleteOneMoreBackwards.current) {
+      var _window$getSelection;
       shouldDeleteOneMoreBackwards.current = false;
       shouldDeleteOneMoreForwards.current = false;
       event.preventDefault();
       event.stopPropagation();
+      const range = (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.getRangeAt(0);
+      if (range) {
+        const {
+          endOffset,
+          startOffset
+        } = range;
+        window.setTimeout(() => {
+          (0, _selection.setSelectionRange)({
+            startOffset,
+            endOffset
+          });
+        }, 10);
+      }
 
       // noinspection JSDeprecatedSymbols
       document.execCommand('delete', false);
@@ -192,10 +184,10 @@ const EmojiInput = /*#__PURE__*/(0, _react.forwardRef)(({
       // noinspection JSDeprecatedSymbols
       document.execCommand('insertLineBreak', false);
     }
-    if (event.key === 'Backspace' || event.key === 'Delete') {
+    if (event.key === 'Backspace' || event.key === 'Delete' || event.key === 'Unidentified') {
       const charCodeThatWillBeDeleted = (0, _selection.getCharCodeThatWillBeDeleted)(event);
       if (charCodeThatWillBeDeleted === 8203) {
-        if (event.key === 'Backspace') {
+        if (event.key === 'Backspace' || event.key === 'Unidentified') {
           shouldDeleteOneMoreBackwards.current = true;
         } else {
           shouldDeleteOneMoreForwards.current = true;

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiInput.js","names":["_core","require","_chaynsApi","_framerMotion","_react","_interopRequireWildcard","_emoji","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","_PrefixElement","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","EmojiInput","forwardRef","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","ref","isTouch","useState","getIsTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","textLength","setTextLength","areaProvider","useContext","AreaContext","editorRef","useRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","valueRef","browser","getDevice","shouldChangeColor","useMemo","handleUpdateHTML","useCallback","html","current","newInnerHTML","convertEmojisToUnicode","convertTextToHTML","innerHTML","saveSelection","shouldIgnoreEmptyTextNodes","restoreSelection","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","insertTextAtCursorPosition","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","target","newLength","length","prevState","keyboardEvent","KeyboardEvent","key","code","keyCode","which","location","cancelable","document","execCommand","convertHTMLToText","handleKeyDown","isPropagationStopped","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","_event$dataTransfer","dataTransfer","handlePopupSelect","emoji","shouldUseSavedSelection","_editorRef$current","convertedText","replace","convertedPrefix","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","replaceText","handleStartProgress","duration","handleStopProgress","useImperativeHandle","startProgress","stopProgress","handlePreventLoseFocus","_element$parentElemen","_element$parentElemen2","element","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","_editorRef$current2","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","_editorRef$current3","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","blur","createElement","StyledEmojiInput","$isDisabled","$shouldChangeColor","AnimatePresence","initial","StyledMotionEmojiInputProgress","animate","width","exit","opacity","transition","ease","StyledEmojiInputContent","StyledMotionEmojiInputEditor","$browser","name","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","StyledEmojiInputLabel","$maxWidth","$offsetWidth","onSelect","StyledEmojiInputRightWrapper","displayName","_default","exports"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, getIsTouch } from '@chayns-components/core';\nimport { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n    ChangeEvent,\n    ClipboardEvent,\n    CSSProperties,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEvent as TmpKeyboardEvent,\n    KeyboardEventHandler,\n    ReactElement,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode } from '../../utils/emoji';\nimport { insertTextAtCursorPosition, replaceText } 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    StyledEmojiInputLabel,\n    StyledEmojiInputRightWrapper,\n    StyledMotionEmojiInputEditor,\n    StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\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     * Sets the height of the input field to a fixed value. If this value is not set, the component will use the needed height until the maximum height is reached.\n     */\n    height?: CSSProperties['height'];\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     * Sets the maximum height of the input field.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\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 to be executed if the prefixElement is removed.\n     */\n    onPrefixElementRemove?: () => void;\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 | ReactElement;\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 before the input field but the placeholder is still visible.\n     */\n    prefixElement?: string;\n    /**\n     * Element that is rendered inside the EmojiInput on the right side.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Whether the placeholder should be shown after the input has focus.\n     */\n    shouldHidePlaceholderOnFocus?: boolean;\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\nexport type EmojiInputRef = {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n};\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n    (\n        {\n            accessToken,\n            height,\n            inputId,\n            isDisabled,\n            maxHeight = '190px',\n            onBlur,\n            onFocus,\n            onInput,\n            onKeyDown,\n            onPrefixElementRemove,\n            onPopupVisibilityChange,\n            personId,\n            placeholder,\n            popupAlignment,\n            prefixElement,\n            rightElement,\n            shouldHidePlaceholderOnFocus = true,\n            shouldPreventEmojiPicker,\n            value,\n        },\n        ref,\n    ) => {\n        const [isTouch] = useState(getIsTouch());\n        const [plainTextValue, setPlainTextValue] = useState(value);\n        const [hasFocus, setHasFocus] = useState(false);\n        const [progressDuration, setProgressDuration] = useState(0);\n        const [labelWidth, setLabelWidth] = useState(0);\n        const [isPopupVisible, setIsPopupVisible] = useState(false);\n        const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n        const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n        const [textLength, setTextLength] = useState(0);\n\n        const areaProvider = useContext(AreaContext);\n\n        const editorRef = useRef<HTMLDivElement>(null);\n        const prefixElementRef = useRef<HTMLDivElement>(null);\n        const hasPrefixRendered = useRef(false);\n        const hasPrefixChanged = useRef(false);\n        const shouldDeleteOneMoreBackwards = useRef(false);\n        const shouldDeleteOneMoreForwards = useRef(false);\n\n        const valueRef = useRef(value);\n\n        const { browser } = getDevice();\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\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        const handleBeforeInput = useCallback(\n            (event: FormEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                const { data, type } = event.nativeEvent as InputEvent;\n\n                if (type === 'textInput' && data && data.includes('\\n')) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    const text = convertEmojisToUnicode(data);\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            [isDisabled],\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 (isDisabled) {\n                    event.stopPropagation();\n                    event.preventDefault();\n                }\n\n                const { target } = event;\n\n                const newLength = target.innerHTML.length;\n\n                setTextLength((prevState) => {\n                    if (newLength < prevState) {\n                        event.preventDefault();\n                        event.stopPropagation();\n\n                        const keyboardEvent = new KeyboardEvent('keydown', {\n                            key: 'Backspace',\n                            code: 'Backspace',\n                            keyCode: 8,\n                            which: 8,\n                            location: 0,\n                            bubbles: true, // Ensures the event bubbles up through the DOM\n                            cancelable: true, // Allows the event to be canceled\n                        });\n\n                        target.dispatchEvent(keyboardEvent);\n                    }\n\n                    return newLength;\n                });\n\n                if (shouldDeleteOneMoreBackwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    // noinspection JSDeprecatedSymbols\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                    // noinspection JSDeprecatedSymbols\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, isDisabled, onInput],\n        );\n\n        const handleKeyDown = useCallback(\n            (event: TmpKeyboardEvent<HTMLDivElement>) => {\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                if (event.key === 'Enter' && isPopupVisible) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (typeof onKeyDown === 'function') {\n                    onKeyDown(event);\n                }\n\n                if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {\n                    event.preventDefault();\n\n                    // noinspection JSDeprecatedSymbols\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            [isDisabled, isPopupVisible, onKeyDown],\n        );\n\n        const handlePopupVisibility = useCallback(\n            (isVisible: boolean) => {\n                setIsPopupVisible(isVisible);\n\n                if (editorRef.current && isVisible) {\n                    saveSelection(editorRef.current);\n                }\n\n                if (typeof onPopupVisibilityChange === 'function') {\n                    onPopupVisibilityChange(isVisible);\n                }\n            },\n            [onPopupVisibilityChange],\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 document.execCommand('insertHTML')\n         */\n        const handlePaste = useCallback(\n            (event: ClipboardEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [isDisabled],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are dropped. 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 document.execCommand('insertHTML')\n         */\n        const handleDrop = useCallback(\n            (event: React.DragEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [isDisabled],\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({\n                    editorElement: editorRef.current,\n                    text: emoji,\n                    shouldUseSavedSelection: true,\n                });\n\n                const event = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(event);\n            }\n        }, []);\n\n        useEffect(() => {\n            if (typeof onPrefixElementRemove !== 'function') {\n                return;\n            }\n\n            if (!hasPrefixRendered.current) {\n                return;\n            }\n\n            const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n                '&nbsp;',\n                ' ',\n            );\n            const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n            if (\n                (convertedPrefix &&\n                    convertedText.includes(convertedPrefix) &&\n                    convertedText.length > convertedPrefix.length) ||\n                convertedPrefix === convertedText\n            ) {\n                return;\n            }\n\n            if (hasPrefixChanged.current) {\n                hasPrefixChanged.current = false;\n\n                return;\n            }\n\n            onPrefixElementRemove();\n            hasPrefixRendered.current = false;\n        }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n        useEffect(() => {\n            if (typeof prefixElement === 'string') {\n                hasPrefixChanged.current = true;\n            }\n        }, [prefixElement]);\n\n        useEffect(() => {\n            if (value !== plainTextValue) {\n                setPlainTextValue(value);\n\n                handleUpdateHTML(value);\n            }\n        }, [handleUpdateHTML, plainTextValue, value]);\n\n        // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n        // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n        // the HTML content correctly when the component is rendered for the first time.\n        useIsomorphicLayoutEffect(() => {\n            handleUpdateHTML(valueRef.current);\n        }, [handleUpdateHTML]);\n\n        const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n            if (editorRef.current) {\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        const handleReplaceText = useCallback((searchText: string, pasteText: string) => {\n            if (editorRef.current) {\n                replaceText({ editorElement: editorRef.current, searchText, pasteText });\n\n                const newEvent = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(newEvent);\n            }\n        }, []);\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n                replaceText: handleReplaceText,\n                startProgress: handleStartProgress,\n                stopProgress: handleStopProgress,\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n            ],\n        );\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        const shouldShowPlaceholder = useMemo(() => {\n            if (!isPrefixAnimationFinished) {\n                return false;\n            }\n\n            const isJustPrefixElement =\n                prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n            const shouldRenderPlaceholder =\n                (prefixElement && !plainTextValue) ||\n                (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n            switch (true) {\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    !hasFocus:\n                case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n                    return shouldRenderPlaceholder;\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    hasFocus:\n                    return false;\n                default:\n                    return false;\n            }\n        }, [\n            isPrefixAnimationFinished,\n            hasFocus,\n            plainTextValue,\n            prefixElement,\n            shouldHidePlaceholderOnFocus,\n            prefixElementWidth,\n        ]);\n\n        useEffect(() => {\n            if (prefixElement) {\n                setIsPrefixAnimationFinished(false);\n            }\n        }, [prefixElement]);\n\n        const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onFocus === 'function' && !isDisabled) {\n                onFocus(event);\n            }\n\n            setHasFocus(true);\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onBlur === 'function' && !isDisabled) {\n                onBlur(event);\n            }\n\n            setHasFocus(false);\n        };\n\n        useEffect(() => {\n            if (editorRef.current && prefixElement) {\n                const text = convertEmojisToUnicode(prefixElement);\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [handleUpdateHTML, prefixElement]);\n\n        useEffect(() => {\n            if (\n                prefixElementRef.current &&\n                prefixElement &&\n                convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n            ) {\n                setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n            } else {\n                setPrefixElementWidth(undefined);\n            }\n        }, [plainTextValue, prefixElement]);\n\n        useEffect(() => {\n            const handleResize = () => {\n                if (editorRef.current) {\n                    setLabelWidth(editorRef.current.offsetWidth);\n                }\n            };\n\n            const resizeObserver = new ResizeObserver(handleResize);\n\n            if (editorRef.current) {\n                resizeObserver.observe(editorRef.current);\n            }\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }, []);\n\n        useEffect(() => {\n            const blurElement = () => {\n                if (\n                    editorRef.current &&\n                    document.activeElement === editorRef.current &&\n                    isDisabled\n                ) {\n                    editorRef.current.blur();\n                }\n            };\n\n            document.addEventListener('focus', blurElement, true);\n\n            return () => {\n                document.removeEventListener('focus', blurElement, true);\n            };\n        }, [isDisabled]);\n\n        return (\n            <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n                <AnimatePresence initial>\n                    {progressDuration > 0 && (\n                        <StyledMotionEmojiInputProgress\n                            animate={{ width: '100%' }}\n                            exit={{ opacity: 0 }}\n                            initial={{ opacity: 1, width: '0%' }}\n                            transition={{\n                                width: {\n                                    ease: 'linear',\n                                    duration: progressDuration,\n                                },\n                                opacity: {\n                                    type: 'tween',\n                                    duration: 0.3,\n                                },\n                            }}\n                        />\n                    )}\n                </AnimatePresence>\n                <StyledEmojiInputContent>\n                    {prefixElement && (\n                        <PrefixElement\n                            key={prefixElement}\n                            element={prefixElement}\n                            prefixElementRef={prefixElementRef}\n                            setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n                        />\n                    )}\n                    <StyledMotionEmojiInputEditor\n                        $browser={browser?.name}\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable={!isDisabled}\n                        id={inputId}\n                        onBeforeInput={handleBeforeInput}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onInput={handleInput}\n                        onKeyDown={handleKeyDown}\n                        onPaste={handlePaste}\n                        onDrop={handleDrop}\n                        ref={editorRef}\n                        $shouldShowContent={isPrefixAnimationFinished}\n                        transition={{ type: 'tween', duration: 0.2 }}\n                    />\n\n                    {shouldShowPlaceholder && (\n                        <StyledEmojiInputLabel\n                            $maxWidth={labelWidth}\n                            $offsetWidth={prefixElementWidth}\n                        >\n                            {placeholder}\n                        </StyledEmojiInputLabel>\n                    )}\n                    {!isTouch && !shouldPreventEmojiPicker && (\n                        <EmojiPickerPopup\n                            accessToken={accessToken}\n                            onSelect={handlePopupSelect}\n                            onPopupVisibilityChange={handlePopupVisibility}\n                            personId={personId}\n                        />\n                    )}\n                </StyledEmojiInputContent>\n                {rightElement && (\n                    <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n                )}\n            </StyledEmojiInput>\n        );\n    },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAsBA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAKA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAC,sBAAA,CAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AAQA,IAAAY,cAAA,GAAAF,sBAAA,CAAAV,OAAA;AAA2D,SAAAU,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAE3D,MAAMW,yBAAyB,GAAG,OAAOC,MAAM,KAAK,WAAW,GAAGC,sBAAe,GAAGC,gBAAS;AA8F7F,MAAMC,UAAU,gBAAG,IAAAC,iBAAU,EACzB,CACI;EACIC,WAAW;EACXC,MAAM;EACNC,OAAO;EACPC,UAAU;EACVC,SAAS,GAAG,OAAO;EACnBC,MAAM;EACNC,OAAO;EACPC,OAAO;EACPC,SAAS;EACTC,qBAAqB;EACrBC,uBAAuB;EACvBC,QAAQ;EACRC,WAAW;EACXC,cAAc;EACdC,aAAa;EACbC,YAAY;EACZC,4BAA4B,GAAG,IAAI;EACnCC,wBAAwB;EACxBC;AACJ,CAAC,EACDC,GAAG,KACF;EACD,MAAM,CAACC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAAC,gBAAU,EAAC,CAAC,CAAC;EACxC,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAH,eAAQ,EAACH,KAAK,CAAC;EAC3D,MAAM,CAACO,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAL,eAAQ,EAAC,KAAK,CAAC;EAC/C,MAAM,CAACM,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAP,eAAQ,EAAC,CAAC,CAAC;EAC3D,MAAM,CAACQ,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAT,eAAQ,EAAC,CAAC,CAAC;EAC/C,MAAM,CAACU,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAX,eAAQ,EAAC,KAAK,CAAC;EAC3D,MAAM,CAACY,yBAAyB,EAAEC,4BAA4B,CAAC,GAAG,IAAAb,eAAQ,EAAC,CAACP,aAAa,CAAC;EAC1F,MAAM,CAACqB,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAf,eAAQ,EAAqB,CAAC;EAClF,MAAM,CAACgB,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAjB,eAAQ,EAAC,CAAC,CAAC;EAE/C,MAAMkB,YAAY,GAAG,IAAAC,iBAAU,EAACC,iBAAW,CAAC;EAE5C,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC9C,MAAMC,gBAAgB,GAAG,IAAAD,aAAM,EAAiB,IAAI,CAAC;EACrD,MAAME,iBAAiB,GAAG,IAAAF,aAAM,EAAC,KAAK,CAAC;EACvC,MAAMG,gBAAgB,GAAG,IAAAH,aAAM,EAAC,KAAK,CAAC;EACtC,MAAMI,4BAA4B,GAAG,IAAAJ,aAAM,EAAC,KAAK,CAAC;EAClD,MAAMK,2BAA2B,GAAG,IAAAL,aAAM,EAAC,KAAK,CAAC;EAEjD,MAAMM,QAAQ,GAAG,IAAAN,aAAM,EAACzB,KAAK,CAAC;EAE9B,MAAM;IAAEgC;EAAQ,CAAC,GAAG,IAAAC,oBAAS,EAAC,CAAC;EAE/B,MAAMC,iBAAiB,GAAG,IAAAC,cAAO,EAC7B,MAAMd,YAAY,CAACa,iBAAiB,IAAI,KAAK,EAC7C,CAACb,YAAY,CAACa,iBAAiB,CACnC,CAAC;;EAED;AACR;AACA;AACA;AACA;AACA;AACA;AACA;EACQ,MAAME,gBAAgB,GAAG,IAAAC,kBAAW,EAAEC,IAAY,IAAK;IACnD,IAAI,CAACd,SAAS,CAACe,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,KAAKhB,SAAS,CAACe,OAAO,CAACI,SAAS,EAAE;MAC9C,IAAAC,wBAAa,EAACpB,SAAS,CAACe,OAAO,EAAE;QAAEM,0BAA0B,EAAE;MAAK,CAAC,CAAC;MAEtErB,SAAS,CAACe,OAAO,CAACI,SAAS,GAAGH,YAAY;MAE1C,IAAAM,2BAAgB,EAACtB,SAAS,CAACe,OAAO,CAAC;IACvC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,iBAAiB,GAAG,IAAAV,kBAAW,EAChCW,KAAgC,IAAK;IAClC,IAAI,CAACxB,SAAS,CAACe,OAAO,EAAE;MACpB;IACJ;IAEA,IAAItD,UAAU,EAAE;MACZ+D,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;MAEvB;IACJ;IAEA,MAAM;MAAEC,IAAI;MAAEC;IAAK,CAAC,GAAGJ,KAAK,CAACK,WAAyB;IAEtD,IAAID,IAAI,KAAK,WAAW,IAAID,IAAI,IAAIA,IAAI,CAACG,QAAQ,CAAC,IAAI,CAAC,EAAE;MACrDN,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;MAEvB,MAAMK,IAAI,GAAG,IAAAd,6BAAsB,EAACU,IAAI,CAAC;MAEzC,IAAAK,kCAA0B,EAAC;QAAEC,aAAa,EAAEjC,SAAS,CAACe,OAAO;QAAEgB;MAAK,CAAC,CAAC;MAEtE,MAAMG,QAAQ,GAAG,IAAIC,KAAK,CAAC,OAAO,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAEtDpC,SAAS,CAACe,OAAO,CAACsB,aAAa,CAACH,QAAQ,CAAC;IAC7C;EACJ,CAAC,EACD,CAACzE,UAAU,CACf,CAAC;;EAED;AACR;AACA;AACA;EACQ,MAAM6E,WAAW,GAAG,IAAAzB,kBAAW,EAC1BW,KAAkC,IAAK;IACpC,IAAI,CAACxB,SAAS,CAACe,OAAO,EAAE;MACpB;IACJ;IAEA,IAAItD,UAAU,EAAE;MACZ+D,KAAK,CAACE,eAAe,CAAC,CAAC;MACvBF,KAAK,CAACC,cAAc,CAAC,CAAC;IAC1B;IAEA,MAAM;MAAEc;IAAO,CAAC,GAAGf,KAAK;IAExB,MAAMgB,SAAS,GAAGD,MAAM,CAACpB,SAAS,CAACsB,MAAM;IAEzC7C,aAAa,CAAE8C,SAAS,IAAK;MACzB,IAAIF,SAAS,GAAGE,SAAS,EAAE;QACvBlB,KAAK,CAACC,cAAc,CAAC,CAAC;QACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;QAEvB,MAAMiB,aAAa,GAAG,IAAIC,aAAa,CAAC,SAAS,EAAE;UAC/CC,GAAG,EAAE,WAAW;UAChBC,IAAI,EAAE,WAAW;UACjBC,OAAO,EAAE,CAAC;UACVC,KAAK,EAAE,CAAC;UACRC,QAAQ,EAAE,CAAC;UACXb,OAAO,EAAE,IAAI;UAAE;UACfc,UAAU,EAAE,IAAI,CAAE;QACtB,CAAC,CAAC;QAEFX,MAAM,CAACF,aAAa,CAACM,aAAa,CAAC;MACvC;MAEA,OAAOH,SAAS;IACpB,CAAC,CAAC;IAEF,IAAInC,4BAA4B,CAACU,OAAO,EAAE;MACtCV,4BAA4B,CAACU,OAAO,GAAG,KAAK;MAC5CT,2BAA2B,CAACS,OAAO,GAAG,KAAK;MAE3CS,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;;MAEvB;MACAyB,QAAQ,CAACC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC;MAErC;IACJ;IAEA,IAAI9C,2BAA2B,CAACS,OAAO,EAAE;MACrCV,4BAA4B,CAACU,OAAO,GAAG,KAAK;MAC5CT,2BAA2B,CAACS,OAAO,GAAG,KAAK;MAE3CS,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;;MAEvB;MACAyB,QAAQ,CAACC,WAAW,CAAC,eAAe,EAAE,KAAK,CAAC;MAE5C;IACJ;IAEAxC,gBAAgB,CAACZ,SAAS,CAACe,OAAO,CAACI,SAAS,CAAC;IAE7C,MAAMY,IAAI,GAAG,IAAAsB,uBAAiB,EAACrD,SAAS,CAACe,OAAO,CAACI,SAAS,CAAC;IAE3DrC,iBAAiB,CAACiD,IAAI,CAAC;IAEvB,IAAI,OAAOlE,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAAC2D,KAAK,EAAEO,IAAI,CAAC;IACxB;EACJ,CAAC,EACD,CAACnB,gBAAgB,EAAEnD,UAAU,EAAEI,OAAO,CAC1C,CAAC;EAED,MAAMyF,aAAa,GAAG,IAAAzC,kBAAW,EAC5BW,KAAuC,IAAK;IACzC,IAAI/D,UAAU,EAAE;MACZ+D,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;MAEvB;IACJ;IAEA,IAAIF,KAAK,CAACqB,GAAG,KAAK,OAAO,IAAIxD,cAAc,EAAE;MACzCmC,KAAK,CAACC,cAAc,CAAC,CAAC;MAEtB;IACJ;IAEA,IAAI,OAAO3D,SAAS,KAAK,UAAU,EAAE;MACjCA,SAAS,CAAC0D,KAAK,CAAC;IACpB;IAEA,IAAIA,KAAK,CAACqB,GAAG,KAAK,OAAO,IAAI,CAACrB,KAAK,CAAC+B,oBAAoB,CAAC,CAAC,IAAIvD,SAAS,CAACe,OAAO,EAAE;MAC7ES,KAAK,CAACC,cAAc,CAAC,CAAC;;MAEtB;MACA0B,QAAQ,CAACC,WAAW,CAAC,iBAAiB,EAAE,KAAK,CAAC;IAClD;IAEA,IAAI5B,KAAK,CAACqB,GAAG,KAAK,WAAW,IAAIrB,KAAK,CAACqB,GAAG,KAAK,QAAQ,EAAE;MACrD,MAAMW,yBAAyB,GAAG,IAAAC,uCAA4B,EAACjC,KAAK,CAAC;MAErE,IAAIgC,yBAAyB,KAAK,IAAI,EAAE;QACpC,IAAIhC,KAAK,CAACqB,GAAG,KAAK,WAAW,EAAE;UAC3BxC,4BAA4B,CAACU,OAAO,GAAG,IAAI;QAC/C,CAAC,MAAM;UACHT,2BAA2B,CAACS,OAAO,GAAG,IAAI;QAC9C;MACJ;IACJ;EACJ,CAAC,EACD,CAACtD,UAAU,EAAE4B,cAAc,EAAEvB,SAAS,CAC1C,CAAC;EAED,MAAM4F,qBAAqB,GAAG,IAAA7C,kBAAW,EACpC8C,SAAkB,IAAK;IACpBrE,iBAAiB,CAACqE,SAAS,CAAC;IAE5B,IAAI3D,SAAS,CAACe,OAAO,IAAI4C,SAAS,EAAE;MAChC,IAAAvC,wBAAa,EAACpB,SAAS,CAACe,OAAO,CAAC;IACpC;IAEA,IAAI,OAAO/C,uBAAuB,KAAK,UAAU,EAAE;MAC/CA,uBAAuB,CAAC2F,SAAS,CAAC;IACtC;EACJ,CAAC,EACD,CAAC3F,uBAAuB,CAC5B,CAAC;;EAED;AACR;AACA;AACA;AACA;EACQ,MAAM4F,WAAW,GAAG,IAAA/C,kBAAW,EAC1BW,KAAqC,IAAK;IACvC,IAAIxB,SAAS,CAACe,OAAO,EAAE;MACnBS,KAAK,CAACC,cAAc,CAAC,CAAC;MAEtB,IAAIhE,UAAU,EAAE;QACZ+D,KAAK,CAACE,eAAe,CAAC,CAAC;QAEvB;MACJ;MAEA,IAAIK,IAAI,GAAGP,KAAK,CAACqC,aAAa,CAACC,OAAO,CAAC,YAAY,CAAC;MAEpD/B,IAAI,GAAG,IAAAd,6BAAsB,EAACc,IAAI,CAAC;;MAEnC;MACA;MACA;MACAoB,QAAQ,CAACC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAErB,IAAI,CAAC;MAE/C,MAAMG,QAAQ,GAAG,IAAIC,KAAK,CAAC,OAAO,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAEtDpC,SAAS,CAACe,OAAO,CAACsB,aAAa,CAACH,QAAQ,CAAC;IAC7C;EACJ,CAAC,EACD,CAACzE,UAAU,CACf,CAAC;;EAED;AACR;AACA;AACA;AACA;EACQ,MAAMsG,UAAU,GAAG,IAAAlD,kBAAW,EACzBW,KAAsC,IAAK;IACxC,IAAIxB,SAAS,CAACe,OAAO,EAAE;MAAA,IAAAiD,mBAAA;MACnBxC,KAAK,CAACC,cAAc,CAAC,CAAC;MAEtB,IAAIhE,UAAU,EAAE;QACZ+D,KAAK,CAACE,eAAe,CAAC,CAAC;QAEvB;MACJ;MAEA,IAAIK,IAAI,IAAAiC,mBAAA,GAAGxC,KAAK,CAACyC,YAAY,cAAAD,mBAAA,uBAAlBA,mBAAA,CAAoBF,OAAO,CAAC,MAAM,CAAC;MAE9C,IAAI,CAAC/B,IAAI,EAAE;QACP;MACJ;MAEAA,IAAI,GAAG,IAAAd,6BAAsB,EAACc,IAAI,CAAC;;MAEnC;MACA;MACA;MACAoB,QAAQ,CAACC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAErB,IAAI,CAAC;MAE/C,MAAMG,QAAQ,GAAG,IAAIC,KAAK,CAAC,OAAO,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAEtDpC,SAAS,CAACe,OAAO,CAACsB,aAAa,CAACH,QAAQ,CAAC;IAC7C;EACJ,CAAC,EACD,CAACzE,UAAU,CACf,CAAC;;EAED;AACR;AACA;AACA;AACA;AACA;AACA;AACA;EACQ,MAAMyG,iBAAiB,GAAG,IAAArD,kBAAW,EAAEsD,KAAa,IAAK;IACrD,IAAInE,SAAS,CAACe,OAAO,EAAE;MACnB,IAAAiB,kCAA0B,EAAC;QACvBC,aAAa,EAAEjC,SAAS,CAACe,OAAO;QAChCgB,IAAI,EAAEoC,KAAK;QACXC,uBAAuB,EAAE;MAC7B,CAAC,CAAC;MAEF,MAAM5C,KAAK,GAAG,IAAIW,KAAK,CAAC,OAAO,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAEnDpC,SAAS,CAACe,OAAO,CAACsB,aAAa,CAACb,KAAK,CAAC;IAC1C;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAArE,gBAAS,EAAC,MAAM;IAAA,IAAAkH,kBAAA;IACZ,IAAI,OAAOtG,qBAAqB,KAAK,UAAU,EAAE;MAC7C;IACJ;IAEA,IAAI,CAACoC,iBAAiB,CAACY,OAAO,EAAE;MAC5B;IACJ;IAEA,MAAMuD,aAAa,GAAG,IAAAjB,uBAAiB,EAAC,EAAAgB,kBAAA,GAAArE,SAAS,CAACe,OAAO,cAAAsD,kBAAA,uBAAjBA,kBAAA,CAAmBlD,SAAS,KAAI,EAAE,CAAC,CAACoD,OAAO,CAC/E,QAAQ,EACR,GACJ,CAAC;IACD,MAAMC,eAAe,GAAGpG,aAAa,IAAIA,aAAa,CAACmG,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;IAE7E,IACKC,eAAe,IACZF,aAAa,CAACxC,QAAQ,CAAC0C,eAAe,CAAC,IACvCF,aAAa,CAAC7B,MAAM,GAAG+B,eAAe,CAAC/B,MAAM,IACjD+B,eAAe,KAAKF,aAAa,EACnC;MACE;IACJ;IAEA,IAAIlE,gBAAgB,CAACW,OAAO,EAAE;MAC1BX,gBAAgB,CAACW,OAAO,GAAG,KAAK;MAEhC;IACJ;IAEAhD,qBAAqB,CAAC,CAAC;IACvBoC,iBAAiB,CAACY,OAAO,GAAG,KAAK;EACrC,CAAC,EAAE,CAAChD,qBAAqB,EAAEc,cAAc,CAAC4D,MAAM,EAAErE,aAAa,CAAC,CAAC;EAEjE,IAAAjB,gBAAS,EAAC,MAAM;IACZ,IAAI,OAAOiB,aAAa,KAAK,QAAQ,EAAE;MACnCgC,gBAAgB,CAACW,OAAO,GAAG,IAAI;IACnC;EACJ,CAAC,EAAE,CAAC3C,aAAa,CAAC,CAAC;EAEnB,IAAAjB,gBAAS,EAAC,MAAM;IACZ,IAAIqB,KAAK,KAAKK,cAAc,EAAE;MAC1BC,iBAAiB,CAACN,KAAK,CAAC;MAExBoC,gBAAgB,CAACpC,KAAK,CAAC;IAC3B;EACJ,CAAC,EAAE,CAACoC,gBAAgB,EAAE/B,cAAc,EAAEL,KAAK,CAAC,CAAC;;EAE7C;EACA;EACA;EACAxB,yBAAyB,CAAC,MAAM;IAC5B4D,gBAAgB,CAACL,QAAQ,CAACQ,OAAO,CAAC;EACtC,CAAC,EAAE,CAACH,gBAAgB,CAAC,CAAC;EAEtB,MAAM6D,gCAAgC,GAAG,IAAA5D,kBAAW,EAAEkB,IAAY,IAAK;IACnE,IAAI/B,SAAS,CAACe,OAAO,EAAE;MACnB,IAAAiB,kCAA0B,EAAC;QAAEC,aAAa,EAAEjC,SAAS,CAACe,OAAO;QAAEgB;MAAK,CAAC,CAAC;MAEtE,MAAMG,QAAQ,GAAG,IAAIC,KAAK,CAAC,OAAO,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAEtDpC,SAAS,CAACe,OAAO,CAACsB,aAAa,CAACH,QAAQ,CAAC;IAC7C;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMwC,iBAAiB,GAAG,IAAA7D,kBAAW,EAAC,CAAC8D,UAAkB,EAAEC,SAAiB,KAAK;IAC7E,IAAI5E,SAAS,CAACe,OAAO,EAAE;MACnB,IAAA8D,mBAAW,EAAC;QAAE5C,aAAa,EAAEjC,SAAS,CAACe,OAAO;QAAE4D,UAAU;QAAEC;MAAU,CAAC,CAAC;MAExE,MAAM1C,QAAQ,GAAG,IAAIC,KAAK,CAAC,OAAO,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAEtDpC,SAAS,CAACe,OAAO,CAACsB,aAAa,CAACH,QAAQ,CAAC;IAC7C;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM4C,mBAAmB,GAAG,IAAAjE,kBAAW,EAAEkE,QAAgB,IAAK;IAC1D7F,mBAAmB,CAAC6F,QAAQ,CAAC;EACjC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,kBAAkB,GAAG,IAAAnE,kBAAW,EAAC,MAAM;IACzC3B,mBAAmB,CAAC,CAAC,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAA+F,0BAAmB,EACfxG,GAAG,EACH,OAAO;IACHuD,0BAA0B,EAAEyC,gCAAgC;IAC5DI,WAAW,EAAEH,iBAAiB;IAC9BQ,aAAa,EAAEJ,mBAAmB;IAClCK,YAAY,EAAEH;EAClB,CAAC,CAAC,EACF,CACIP,gCAAgC,EAChCC,iBAAiB,EACjBI,mBAAmB,EACnBE,kBAAkB,CAE1B,CAAC;EAED,IAAA7H,gBAAS,EAAC,MAAM;IACZ;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;IACY,MAAMiI,sBAAsB,GAAI5D,KAAiB,IAAK;MAAA,IAAA6D,qBAAA,EAAAC,sBAAA;MAClD,MAAMC,OAAO,GAAG/D,KAAK,CAACe,MAAiB;MAEvC,IACIgD,OAAO,CAACC,SAAS,CAACC,QAAQ,CAAC,oBAAoB,CAAC,KAAAJ,qBAAA,GAChDE,OAAO,CAACG,aAAa,cAAAL,qBAAA,eAArBA,qBAAA,CAAuBG,SAAS,CAACC,QAAQ,CAAC,oBAAoB,CAAC,KAAAH,sBAAA,GAC/DC,OAAO,CAACG,aAAa,cAAAJ,sBAAA,gBAAAA,sBAAA,GAArBA,sBAAA,CAAuBI,aAAa,cAAAJ,sBAAA,eAApCA,sBAAA,CAAsCE,SAAS,CAACC,QAAQ,CAAC,oBAAoB,CAAC,EAChF;QACEjE,KAAK,CAACC,cAAc,CAAC,CAAC;QACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;MAC3B;IACJ,CAAC;IAEDyB,QAAQ,CAACwC,IAAI,CAACC,gBAAgB,CAAC,WAAW,EAAER,sBAAsB,CAAC;IAEnE,OAAO,MAAM;MACTjC,QAAQ,CAACwC,IAAI,CAACE,mBAAmB,CAAC,WAAW,EAAET,sBAAsB,CAAC;IAC1E,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,qBAAqB,GAAG,IAAAnF,cAAO,EAAC,MAAM;IAAA,IAAAoF,mBAAA;IACxC,IAAI,CAACxG,yBAAyB,EAAE;MAC5B,OAAO,KAAK;IAChB;IAEA,MAAMyG,mBAAmB,GACrB5H,aAAa,IAAI,IAAA8C,uBAAiB,EAAC9C,aAAa,CAAC,OAAA2H,mBAAA,GAAK/F,SAAS,CAACe,OAAO,cAAAgF,mBAAA,uBAAjBA,mBAAA,CAAmB5E,SAAS;IAEtF,MAAM8E,uBAAuB,GACxB7H,aAAa,IAAI,CAACS,cAAc,KAChCT,aAAa,GAAGqB,kBAAkB,IAAIA,kBAAkB,GAAG,CAAC,GAAG,IAAI,CAAC;IAEzE,QAAQ,IAAI;MACR,KAAK,CAAC,CAACZ,cAAc,IAAImH,mBAAmB,KACxC1H,4BAA4B,IAC5B,CAACS,QAAQ;MACb,KAAK,CAAC,CAACF,cAAc,IAAImH,mBAAmB,KAAK,CAAC1H,4BAA4B;QAC1E,OAAO2H,uBAAuB;MAClC,KAAK,CAAC,CAACpH,cAAc,IAAImH,mBAAmB,KACxC1H,4BAA4B,IAC5BS,QAAQ;QACR,OAAO,KAAK;MAChB;QACI,OAAO,KAAK;IACpB;EACJ,CAAC,EAAE,CACCQ,yBAAyB,EACzBR,QAAQ,EACRF,cAAc,EACdT,aAAa,EACbE,4BAA4B,EAC5BmB,kBAAkB,CACrB,CAAC;EAEF,IAAAtC,gBAAS,EAAC,MAAM;IACZ,IAAIiB,aAAa,EAAE;MACfoB,4BAA4B,CAAC,KAAK,CAAC;IACvC;EACJ,CAAC,EAAE,CAACpB,aAAa,CAAC,CAAC;EAEnB,MAAM8H,WAAW,GAAI1E,KAAiC,IAAK;IACvD,IAAI,OAAO5D,OAAO,KAAK,UAAU,IAAI,CAACH,UAAU,EAAE;MAC9CG,OAAO,CAAC4D,KAAK,CAAC;IAClB;IAEAxC,WAAW,CAAC,IAAI,CAAC;EACrB,CAAC;EAED,MAAMmH,UAAU,GAAI3E,KAAiC,IAAK;IACtD,IAAI,OAAO7D,MAAM,KAAK,UAAU,IAAI,CAACF,UAAU,EAAE;MAC7CE,MAAM,CAAC6D,KAAK,CAAC;IACjB;IAEAxC,WAAW,CAAC,KAAK,CAAC;EACtB,CAAC;EAED,IAAA7B,gBAAS,EAAC,MAAM;IACZ,IAAI6C,SAAS,CAACe,OAAO,IAAI3C,aAAa,EAAE;MACpC,MAAM2D,IAAI,GAAG,IAAAd,6BAAsB,EAAC7C,aAAa,CAAC;MAElD,IAAA4D,kCAA0B,EAAC;QAAEC,aAAa,EAAEjC,SAAS,CAACe,OAAO;QAAEgB;MAAK,CAAC,CAAC;MAEtEnB,gBAAgB,CAACxC,aAAa,CAAC;MAC/B+B,iBAAiB,CAACY,OAAO,GAAG,IAAI;IACpC;EACJ,CAAC,EAAE,CAACH,gBAAgB,EAAExC,aAAa,CAAC,CAAC;EAErC,IAAAjB,gBAAS,EAAC,MAAM;IAAA,IAAAiJ,mBAAA;IACZ,IACIlG,gBAAgB,CAACa,OAAO,IACxB3C,aAAa,IACb,IAAA8C,uBAAiB,EAAC9C,aAAa,CAAC,OAAAgI,mBAAA,GAAKpG,SAAS,CAACe,OAAO,cAAAqF,mBAAA,uBAAjBA,mBAAA,CAAmBjF,SAAS,GACnE;MACEzB,qBAAqB,CAACQ,gBAAgB,CAACa,OAAO,CAACsF,WAAW,GAAG,CAAC,CAAC;IACnE,CAAC,MAAM;MACH3G,qBAAqB,CAAC4G,SAAS,CAAC;IACpC;EACJ,CAAC,EAAE,CAACzH,cAAc,EAAET,aAAa,CAAC,CAAC;EAEnC,IAAAjB,gBAAS,EAAC,MAAM;IACZ,MAAMoJ,YAAY,GAAGA,CAAA,KAAM;MACvB,IAAIvG,SAAS,CAACe,OAAO,EAAE;QACnB3B,aAAa,CAACY,SAAS,CAACe,OAAO,CAACsF,WAAW,CAAC;MAChD;IACJ,CAAC;IAED,MAAMG,cAAc,GAAG,IAAIC,cAAc,CAACF,YAAY,CAAC;IAEvD,IAAIvG,SAAS,CAACe,OAAO,EAAE;MACnByF,cAAc,CAACE,OAAO,CAAC1G,SAAS,CAACe,OAAO,CAAC;IAC7C;IAEA,OAAO,MAAM;MACTyF,cAAc,CAACG,UAAU,CAAC,CAAC;IAC/B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAxJ,gBAAS,EAAC,MAAM;IACZ,MAAMyJ,WAAW,GAAGA,CAAA,KAAM;MACtB,IACI5G,SAAS,CAACe,OAAO,IACjBoC,QAAQ,CAAC0D,aAAa,KAAK7G,SAAS,CAACe,OAAO,IAC5CtD,UAAU,EACZ;QACEuC,SAAS,CAACe,OAAO,CAAC+F,IAAI,CAAC,CAAC;MAC5B;IACJ,CAAC;IAED3D,QAAQ,CAACyC,gBAAgB,CAAC,OAAO,EAAEgB,WAAW,EAAE,IAAI,CAAC;IAErD,OAAO,MAAM;MACTzD,QAAQ,CAAC0C,mBAAmB,CAAC,OAAO,EAAEe,WAAW,EAAE,IAAI,CAAC;IAC5D,CAAC;EACL,CAAC,EAAE,CAACnJ,UAAU,CAAC,CAAC;EAEhB,oBACIvC,MAAA,CAAAY,OAAA,CAAAiL,aAAA,CAACrL,WAAA,CAAAsL,gBAAgB;IAACC,WAAW,EAAExJ,UAAW;IAACyJ,kBAAkB,EAAExG;EAAkB,gBAC7ExF,MAAA,CAAAY,OAAA,CAAAiL,aAAA,CAAC9L,aAAA,CAAAkM,eAAe;IAACC,OAAO;EAAA,GACnBnI,gBAAgB,GAAG,CAAC,iBACjB/D,MAAA,CAAAY,OAAA,CAAAiL,aAAA,CAACrL,WAAA,CAAA2L,8BAA8B;IAC3BC,OAAO,EAAE;MAAEC,KAAK,EAAE;IAAO,CAAE;IAC3BC,IAAI,EAAE;MAAEC,OAAO,EAAE;IAAE,CAAE;IACrBL,OAAO,EAAE;MAAEK,OAAO,EAAE,CAAC;MAAEF,KAAK,EAAE;IAAK,CAAE;IACrCG,UAAU,EAAE;MACRH,KAAK,EAAE;QACHI,IAAI,EAAE,QAAQ;QACd5C,QAAQ,EAAE9F;MACd,CAAC;MACDwI,OAAO,EAAE;QACL7F,IAAI,EAAE,OAAO;QACbmD,QAAQ,EAAE;MACd;IACJ;EAAE,CACL,CAEQ,CAAC,eAClB7J,MAAA,CAAAY,OAAA,CAAAiL,aAAA,CAACrL,WAAA,CAAAkM,uBAAuB,QACnBxJ,aAAa,iBACVlD,MAAA,CAAAY,OAAA,CAAAiL,aAAA,CAACpL,cAAA,CAAAG,OAAa;IACV+G,GAAG,EAAEzE,aAAc;IACnBmH,OAAO,EAAEnH,aAAc;IACvB8B,gBAAgB,EAAEA,gBAAiB;IACnCV,4BAA4B,EAAEA;EAA6B,CAC9D,CACJ,eACDtE,MAAA,CAAAY,OAAA,CAAAiL,aAAA,CAACrL,WAAA,CAAAmM,4BAA4B;IACzBC,QAAQ,EAAEtH,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEuH,IAAK;IACxBT,OAAO,EAAE;MAAE5J,SAAS,EAAEH,MAAM,IAAIG,SAAS;MAAEsK,SAAS,EAAEzK,MAAM,IAAI;IAAO,CAAE;IACzE0K,eAAe,EAAE,CAACxK,UAAW;IAC7ByK,EAAE,EAAE1K,OAAQ;IACZ2K,aAAa,EAAE5G,iBAAkB;IACjC5D,MAAM,EAAEwI,UAAW;IACnBvI,OAAO,EAAEsI,WAAY;IACrBrI,OAAO,EAAEyE,WAAY;IACrBxE,SAAS,EAAEwF,aAAc;IACzB8E,OAAO,EAAExE,WAAY;IACrByE,MAAM,EAAEtE,UAAW;IACnBtF,GAAG,EAAEuB,SAAU;IACfsI,kBAAkB,EAAE/I,yBAA0B;IAC9CmI,UAAU,EAAE;MAAE9F,IAAI,EAAE,OAAO;MAAEmD,QAAQ,EAAE;IAAI;EAAE,CAChD,CAAC,EAEDe,qBAAqB,iBAClB5K,MAAA,CAAAY,OAAA,CAAAiL,aAAA,CAACrL,WAAA,CAAA6M,qBAAqB;IAClBC,SAAS,EAAErJ,UAAW;IACtBsJ,YAAY,EAAEhJ;EAAmB,GAEhCvB,WACkB,CAC1B,EACA,CAACQ,OAAO,IAAI,CAACH,wBAAwB,iBAClCrD,MAAA,CAAAY,OAAA,CAAAiL,aAAA,CAACvL,iBAAA,CAAAM,OAAgB;IACbwB,WAAW,EAAEA,WAAY;IACzBoL,QAAQ,EAAExE,iBAAkB;IAC5BlG,uBAAuB,EAAE0F,qBAAsB;IAC/CzF,QAAQ,EAAEA;EAAS,CACtB,CAEgB,CAAC,EACzBI,YAAY,iBACTnD,MAAA,CAAAY,OAAA,CAAAiL,aAAA,CAACrL,WAAA,CAAAiN,4BAA4B,QAAEtK,YAA2C,CAEhE,CAAC;AAE3B,CACJ,CAAC;AAEDjB,UAAU,CAACwL,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhN,OAAA,GAEvBsB,UAAU","ignoreList":[]}
+{"version":3,"file":"EmojiInput.js","names":["_core","require","_chaynsApi","_framerMotion","_react","_interopRequireWildcard","_emoji","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","_PrefixElement","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","EmojiInput","forwardRef","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","ref","isTouch","useState","getIsTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","textLength","setTextLength","areaProvider","useContext","AreaContext","editorRef","useRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","valueRef","browser","getDevice","shouldChangeColor","useMemo","handleUpdateHTML","useCallback","html","current","newInnerHTML","convertEmojisToUnicode","convertTextToHTML","innerHTML","saveSelection","shouldIgnoreEmptyTextNodes","restoreSelection","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","insertTextAtCursorPosition","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","_window$getSelection","range","getSelection","getRangeAt","endOffset","startOffset","setTimeout","setSelectionRange","document","execCommand","convertHTMLToText","handleKeyDown","key","isPropagationStopped","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","_event$dataTransfer","dataTransfer","handlePopupSelect","emoji","shouldUseSavedSelection","_editorRef$current","convertedText","replace","convertedPrefix","length","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","replaceText","handleStartProgress","duration","handleStopProgress","useImperativeHandle","startProgress","stopProgress","handlePreventLoseFocus","_element$parentElemen","_element$parentElemen2","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","_editorRef$current2","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","_editorRef$current3","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","blur","createElement","StyledEmojiInput","$isDisabled","$shouldChangeColor","AnimatePresence","initial","StyledMotionEmojiInputProgress","animate","width","exit","opacity","transition","ease","StyledEmojiInputContent","StyledMotionEmojiInputEditor","$browser","name","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","StyledEmojiInputLabel","$maxWidth","$offsetWidth","onSelect","StyledEmojiInputRightWrapper","displayName","_default","exports"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, getIsTouch } from '@chayns-components/core';\nimport { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n    ChangeEvent,\n    ClipboardEvent,\n    CSSProperties,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEvent as TmpKeyboardEvent,\n    KeyboardEventHandler,\n    ReactElement,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode } from '../../utils/emoji';\nimport { insertTextAtCursorPosition, replaceText } from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    restoreSelection,\n    saveSelection,\n    setSelectionRange,\n} from '../../utils/selection';\nimport { convertHTMLToText, convertTextToHTML } from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n    StyledEmojiInput,\n    StyledEmojiInputContent,\n    StyledEmojiInputLabel,\n    StyledEmojiInputRightWrapper,\n    StyledMotionEmojiInputEditor,\n    StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\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     * Sets the height of the input field to a fixed value. If this value is not set, the component will use the needed height until the maximum height is reached.\n     */\n    height?: CSSProperties['height'];\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     * Sets the maximum height of the input field.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\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 to be executed if the prefixElement is removed.\n     */\n    onPrefixElementRemove?: () => void;\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 | ReactElement;\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 before the input field but the placeholder is still visible.\n     */\n    prefixElement?: string;\n    /**\n     * Element that is rendered inside the EmojiInput on the right side.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Whether the placeholder should be shown after the input has focus.\n     */\n    shouldHidePlaceholderOnFocus?: boolean;\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\nexport type EmojiInputRef = {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n};\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n    (\n        {\n            accessToken,\n            height,\n            inputId,\n            isDisabled,\n            maxHeight = '190px',\n            onBlur,\n            onFocus,\n            onInput,\n            onKeyDown,\n            onPrefixElementRemove,\n            onPopupVisibilityChange,\n            personId,\n            placeholder,\n            popupAlignment,\n            prefixElement,\n            rightElement,\n            shouldHidePlaceholderOnFocus = true,\n            shouldPreventEmojiPicker,\n            value,\n        },\n        ref,\n    ) => {\n        const [isTouch] = useState(getIsTouch());\n        const [plainTextValue, setPlainTextValue] = useState(value);\n        const [hasFocus, setHasFocus] = useState(false);\n        const [progressDuration, setProgressDuration] = useState(0);\n        const [labelWidth, setLabelWidth] = useState(0);\n        const [isPopupVisible, setIsPopupVisible] = useState(false);\n        const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n        const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n        const [textLength, setTextLength] = useState(0);\n\n        const areaProvider = useContext(AreaContext);\n\n        const editorRef = useRef<HTMLDivElement>(null);\n        const prefixElementRef = useRef<HTMLDivElement>(null);\n        const hasPrefixRendered = useRef(false);\n        const hasPrefixChanged = useRef(false);\n        const shouldDeleteOneMoreBackwards = useRef(false);\n        const shouldDeleteOneMoreForwards = useRef(false);\n\n        const valueRef = useRef(value);\n\n        const { browser } = getDevice();\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\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        const handleBeforeInput = useCallback(\n            (event: FormEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                const { data, type } = event.nativeEvent as InputEvent;\n\n                if (type === 'textInput' && data && data.includes('\\n')) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    const text = convertEmojisToUnicode(data);\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            [isDisabled],\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 (isDisabled) {\n                    event.stopPropagation();\n                    event.preventDefault();\n                }\n\n                if (shouldDeleteOneMoreBackwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    const range = window.getSelection()?.getRangeAt(0);\n\n                    if (range) {\n                        const { endOffset, startOffset } = range;\n\n                        window.setTimeout(() => {\n                            setSelectionRange({ startOffset, endOffset });\n                        }, 10);\n                    }\n\n                    // noinspection JSDeprecatedSymbols\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                    // noinspection JSDeprecatedSymbols\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, isDisabled, onInput],\n        );\n\n        const handleKeyDown = useCallback(\n            (event: TmpKeyboardEvent<HTMLDivElement>) => {\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                if (event.key === 'Enter' && isPopupVisible) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (typeof onKeyDown === 'function') {\n                    onKeyDown(event);\n                }\n\n                if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {\n                    event.preventDefault();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('insertLineBreak', false);\n                }\n\n                if (\n                    event.key === 'Backspace' ||\n                    event.key === 'Delete' ||\n                    event.key === 'Unidentified'\n                ) {\n                    const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n                    if (charCodeThatWillBeDeleted === 8203) {\n                        if (event.key === 'Backspace' || event.key === 'Unidentified') {\n                            shouldDeleteOneMoreBackwards.current = true;\n                        } else {\n                            shouldDeleteOneMoreForwards.current = true;\n                        }\n                    }\n                }\n            },\n            [isDisabled, isPopupVisible, onKeyDown],\n        );\n\n        const handlePopupVisibility = useCallback(\n            (isVisible: boolean) => {\n                setIsPopupVisible(isVisible);\n\n                if (editorRef.current && isVisible) {\n                    saveSelection(editorRef.current);\n                }\n\n                if (typeof onPopupVisibilityChange === 'function') {\n                    onPopupVisibilityChange(isVisible);\n                }\n            },\n            [onPopupVisibilityChange],\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 document.execCommand('insertHTML')\n         */\n        const handlePaste = useCallback(\n            (event: ClipboardEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [isDisabled],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are dropped. 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 document.execCommand('insertHTML')\n         */\n        const handleDrop = useCallback(\n            (event: React.DragEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [isDisabled],\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({\n                    editorElement: editorRef.current,\n                    text: emoji,\n                    shouldUseSavedSelection: true,\n                });\n\n                const event = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(event);\n            }\n        }, []);\n\n        useEffect(() => {\n            if (typeof onPrefixElementRemove !== 'function') {\n                return;\n            }\n\n            if (!hasPrefixRendered.current) {\n                return;\n            }\n\n            const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n                '&nbsp;',\n                ' ',\n            );\n            const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n            if (\n                (convertedPrefix &&\n                    convertedText.includes(convertedPrefix) &&\n                    convertedText.length > convertedPrefix.length) ||\n                convertedPrefix === convertedText\n            ) {\n                return;\n            }\n\n            if (hasPrefixChanged.current) {\n                hasPrefixChanged.current = false;\n\n                return;\n            }\n\n            onPrefixElementRemove();\n            hasPrefixRendered.current = false;\n        }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n        useEffect(() => {\n            if (typeof prefixElement === 'string') {\n                hasPrefixChanged.current = true;\n            }\n        }, [prefixElement]);\n\n        useEffect(() => {\n            if (value !== plainTextValue) {\n                setPlainTextValue(value);\n\n                handleUpdateHTML(value);\n            }\n        }, [handleUpdateHTML, plainTextValue, value]);\n\n        // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n        // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n        // the HTML content correctly when the component is rendered for the first time.\n        useIsomorphicLayoutEffect(() => {\n            handleUpdateHTML(valueRef.current);\n        }, [handleUpdateHTML]);\n\n        const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n            if (editorRef.current) {\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        const handleReplaceText = useCallback((searchText: string, pasteText: string) => {\n            if (editorRef.current) {\n                replaceText({ editorElement: editorRef.current, searchText, pasteText });\n\n                const newEvent = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(newEvent);\n            }\n        }, []);\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n                replaceText: handleReplaceText,\n                startProgress: handleStartProgress,\n                stopProgress: handleStopProgress,\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n            ],\n        );\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        const shouldShowPlaceholder = useMemo(() => {\n            if (!isPrefixAnimationFinished) {\n                return false;\n            }\n\n            const isJustPrefixElement =\n                prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n            const shouldRenderPlaceholder =\n                (prefixElement && !plainTextValue) ||\n                (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n            switch (true) {\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    !hasFocus:\n                case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n                    return shouldRenderPlaceholder;\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    hasFocus:\n                    return false;\n                default:\n                    return false;\n            }\n        }, [\n            isPrefixAnimationFinished,\n            hasFocus,\n            plainTextValue,\n            prefixElement,\n            shouldHidePlaceholderOnFocus,\n            prefixElementWidth,\n        ]);\n\n        useEffect(() => {\n            if (prefixElement) {\n                setIsPrefixAnimationFinished(false);\n            }\n        }, [prefixElement]);\n\n        const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onFocus === 'function' && !isDisabled) {\n                onFocus(event);\n            }\n\n            setHasFocus(true);\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onBlur === 'function' && !isDisabled) {\n                onBlur(event);\n            }\n\n            setHasFocus(false);\n        };\n\n        useEffect(() => {\n            if (editorRef.current && prefixElement) {\n                const text = convertEmojisToUnicode(prefixElement);\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [handleUpdateHTML, prefixElement]);\n\n        useEffect(() => {\n            if (\n                prefixElementRef.current &&\n                prefixElement &&\n                convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n            ) {\n                setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n            } else {\n                setPrefixElementWidth(undefined);\n            }\n        }, [plainTextValue, prefixElement]);\n\n        useEffect(() => {\n            const handleResize = () => {\n                if (editorRef.current) {\n                    setLabelWidth(editorRef.current.offsetWidth);\n                }\n            };\n\n            const resizeObserver = new ResizeObserver(handleResize);\n\n            if (editorRef.current) {\n                resizeObserver.observe(editorRef.current);\n            }\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }, []);\n\n        useEffect(() => {\n            const blurElement = () => {\n                if (\n                    editorRef.current &&\n                    document.activeElement === editorRef.current &&\n                    isDisabled\n                ) {\n                    editorRef.current.blur();\n                }\n            };\n\n            document.addEventListener('focus', blurElement, true);\n\n            return () => {\n                document.removeEventListener('focus', blurElement, true);\n            };\n        }, [isDisabled]);\n\n        return (\n            <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n                <AnimatePresence initial>\n                    {progressDuration > 0 && (\n                        <StyledMotionEmojiInputProgress\n                            animate={{ width: '100%' }}\n                            exit={{ opacity: 0 }}\n                            initial={{ opacity: 1, width: '0%' }}\n                            transition={{\n                                width: {\n                                    ease: 'linear',\n                                    duration: progressDuration,\n                                },\n                                opacity: {\n                                    type: 'tween',\n                                    duration: 0.3,\n                                },\n                            }}\n                        />\n                    )}\n                </AnimatePresence>\n                <StyledEmojiInputContent>\n                    {prefixElement && (\n                        <PrefixElement\n                            key={prefixElement}\n                            element={prefixElement}\n                            prefixElementRef={prefixElementRef}\n                            setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n                        />\n                    )}\n                    <StyledMotionEmojiInputEditor\n                        $browser={browser?.name}\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable={!isDisabled}\n                        id={inputId}\n                        onBeforeInput={handleBeforeInput}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onInput={handleInput}\n                        onKeyDown={handleKeyDown}\n                        onPaste={handlePaste}\n                        onDrop={handleDrop}\n                        ref={editorRef}\n                        $shouldShowContent={isPrefixAnimationFinished}\n                        transition={{ type: 'tween', duration: 0.2 }}\n                    />\n\n                    {shouldShowPlaceholder && (\n                        <StyledEmojiInputLabel\n                            $maxWidth={labelWidth}\n                            $offsetWidth={prefixElementWidth}\n                        >\n                            {placeholder}\n                        </StyledEmojiInputLabel>\n                    )}\n                    {!isTouch && !shouldPreventEmojiPicker && (\n                        <EmojiPickerPopup\n                            accessToken={accessToken}\n                            onSelect={handlePopupSelect}\n                            onPopupVisibilityChange={handlePopupVisibility}\n                            personId={personId}\n                        />\n                    )}\n                </StyledEmojiInputContent>\n                {rightElement && (\n                    <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n                )}\n            </StyledEmojiInput>\n        );\n    },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/selection.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setChildIndex = exports.saveSelection = exports.restoreSelection = exports.moveSelectionOffset = exports.getCharCodeThatWillBeDeleted = exports.findAndSelectText = void 0;
+exports.setSelectionRange = exports.setChildIndex = exports.saveSelection = exports.restoreSelection = exports.moveSelectionOffset = exports.getCharCodeThatWillBeDeleted = exports.findAndSelectText = void 0;
 var _number = require("./number");
 var _text = require("./text");
 let childIndex = -1;
@@ -129,6 +129,27 @@ const restoreSelection = element => {
   range.collapse(true);
 };
 exports.restoreSelection = restoreSelection;
+const setSelectionRange = ({
+  endOffset: endOffsetNumber,
+  startOffset: startOffsetNumber
+}) => {
+  const selection = window.getSelection();
+
+  // Überprüfen, ob es eine aktive Auswahl gibt
+  if (!(selection !== null && selection !== void 0 && selection.rangeCount)) return;
+
+  // Hole den aktuellen Range
+  const range = selection.getRangeAt(0);
+
+  // Setze den Start- und Endoffset neu, basierend auf dem aktuellen Startknoten
+  range.setStart(range.startContainer, startOffsetNumber);
+  range.setEnd(range.endContainer, endOffsetNumber);
+
+  // Optional: Die neue Range wieder setzen (kann helfen bei Visualisierung der Auswahl)
+  selection.removeAllRanges();
+  selection.addRange(range);
+};
+exports.setSelectionRange = setSelectionRange;
 const moveSelectionOffset = distance => {
   endOffset += distance;
   startOffset += distance;
@@ -155,10 +176,10 @@ const getCharCodeThatWillBeDeleted = event => {
    * been selected and therefore no single letter is removed or neither the "Backspace" nor the
    * "Delete" key has been pressed.
    */
-  if (!range || range.endOffset !== range.startOffset || event.key !== 'Backspace' && event.key !== 'Delete') {
+  if (!range || range.endOffset !== range.startOffset || event.key !== 'Backspace' && event.key !== 'Delete' && event.key !== 'Unidentified') {
     return null;
   }
-  if (event.key === 'Backspace') {
+  if (event.key === 'Backspace' || event.key === 'Unidentified') {
     var _previousSibling$node;
     const {
       nodeValue,

package/lib/cjs/utils/selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.js","names":["_number","require","_text","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","selection","window","getSelection","anchorNode","range","getRangeAt","childNodesArray","Array","from","childNodes","filter","nodeType","nodeValue","Node","TEXT_NODE","indexOf","exports","restoreSelection","childNode","elementTextLength","getElementTextLength","nextSibling","charCodeAt","_childNode$parentNode","textNode","document","createTextNode","parentNode","insertBefore","length","_childNode$parentNode2","_childNode$nextSiblin","_childNode$nextSiblin2","_childNode$parentNode3","_childNode$parentNode4","createRange","clamp","setStart","setEnd","error","removeAllRanges","addRange","collapse","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","_window$getSelection","_nextSibling$nodeValu","key","_previousSibling$node","previousSibling","startContainer","endContainer","findAndSelectText","editorElement","searchText","_editorElement$textCo","textContent","includes","startNode","offset","searchNodesForText","node","_node$textContent","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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","ignoreList":[]}
+{"version":3,"file":"selection.js","names":["_number","require","_text","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","selection","window","getSelection","anchorNode","range","getRangeAt","childNodesArray","Array","from","childNodes","filter","nodeType","nodeValue","Node","TEXT_NODE","indexOf","exports","restoreSelection","childNode","elementTextLength","getElementTextLength","nextSibling","charCodeAt","_childNode$parentNode","textNode","document","createTextNode","parentNode","insertBefore","length","_childNode$parentNode2","_childNode$nextSiblin","_childNode$nextSiblin2","_childNode$parentNode3","_childNode$parentNode4","createRange","clamp","setStart","setEnd","error","removeAllRanges","addRange","collapse","setSelectionRange","endOffsetNumber","startOffsetNumber","rangeCount","startContainer","endContainer","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","_window$getSelection","_nextSibling$nodeValu","key","_previousSibling$node","previousSibling","findAndSelectText","editorElement","searchText","_editorElement$textCo","textContent","includes","startNode","offset","searchNodesForText","node","_node$textContent","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\ninterface SetSelectionRangeOptions {\n    startOffset: number;\n    endOffset: number;\n}\n\nexport const setSelectionRange = ({\n    endOffset: endOffsetNumber,\n    startOffset: startOffsetNumber,\n}: SetSelectionRangeOptions) => {\n    const selection = window.getSelection();\n\n    // Überprüfen, ob es eine aktive Auswahl gibt\n    if (!selection?.rangeCount) return;\n\n    // Hole den aktuellen Range\n    const range = selection.getRangeAt(0);\n\n    // Setze den Start- und Endoffset neu, basierend auf dem aktuellen Startknoten\n    range.setStart(range.startContainer, startOffsetNumber);\n    range.setEnd(range.endContainer, endOffsetNumber);\n\n    // Optional: Die neue Range wieder setzen (kann helfen bei Visualisierung der Auswahl)\n    selection.removeAllRanges();\n    selection.addRange(range);\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' && event.key !== 'Unidentified')\n    ) {\n        return null;\n    }\n\n    if (event.key === 'Backspace' || event.key === 'Unidentified') {\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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","ignoreList":[]}

package/lib/cjs/utils/text.js

@@ -16,7 +16,7 @@ const convertTextToHTML = text => {
   let result = element.innerHTML;
   document.body.removeChild(element);
   result = (0, _emoji.unescapeHTML)(result);
-  result = result.replace(_regex.HTML_A_TAG_REGEX, '$1').replace(_regex.BB_LC_MENTION_REGEX, '<lc_mention contenteditable="false" id="$1"><span>@</span>$2</lc_mention>').replace(_regex.BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable="false">$1</nerIgnore>').replace(_regex.BB_NER_REPLACE_REGEX, (_, prefix, type, value, entity) => {
+  result = result.replace(_regex.HTML_A_TAG_REGEX, '$1').replace(_regex.BB_LC_MENTION_REGEX, '<lc_mention contenteditable="false" id="$1"><span>@</span>$2</lc_mention>​').replace(_regex.BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable="false">$1</nerIgnore>').replace(_regex.BB_NER_REPLACE_REGEX, (_, prefix, type, value, entity) => {
     const prefixAttr = prefix ? `prefix="${prefix}" ` : '';
     return `<nerReplace contenteditable="false" ${prefixAttr}type="${type}" value="${value}">${entity}</nerReplace>`;
   });

package/lib/cjs/utils/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":["_regex","require","_emoji","convertTextToHTML","text","element","document","createElement","style","position","opacity","contentEditable","innerText","body","appendChild","result","innerHTML","removeChild","unescapeHTML","replace","HTML_A_TAG_REGEX","BB_LC_MENTION_REGEX","BB_NER_IGNORE_REGEX","BB_NER_REPLACE_REGEX","_","prefix","type","value","entity","prefixAttr","exports","convertHTMLToText","HTML_BOLD_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","escapeHTML","getElementTextLength","textLength","outerHTML","length","e"],"sources":["../../../src/utils/text.ts"],"sourcesContent":["import {\n    BB_LC_MENTION_REGEX,\n    BB_NER_IGNORE_REGEX,\n    BB_NER_REPLACE_REGEX,\n    HTML_A_TAG_REGEX,\n    HTML_BOLD_REGEX,\n    HTML_LC_MENTION_REGEX,\n    HTML_NER_IGNORE_REGEX,\n    HTML_NER_REPLACE_REGEX,\n} from '../constants/regex';\nimport { escapeHTML, unescapeHTML } from './emoji';\n\nexport const convertTextToHTML = (text: string) => {\n    const element = document.createElement('div');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\n    element.contentEditable = 'true';\n    element.innerText = text;\n\n    document.body.appendChild(element);\n\n    let result = element.innerHTML;\n\n    document.body.removeChild(element);\n\n    result = unescapeHTML(result);\n\n    result = result\n        .replace(HTML_A_TAG_REGEX, '$1')\n        .replace(\n            BB_LC_MENTION_REGEX,\n            '<lc_mention contenteditable=\"false\" id=\"$1\"><span>@</span>$2</lc_mention>',\n        )\n        .replace(BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable=\"false\">$1</nerIgnore>')\n        .replace(\n            BB_NER_REPLACE_REGEX,\n            (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n                const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n                return `<nerReplace contenteditable=\"false\" ${prefixAttr}type=\"${type}\" value=\"${value}\">${entity}</nerReplace>`;\n            },\n        );\n\n    return result;\n};\n\nexport const convertHTMLToText = (text: string) => {\n    let result = text;\n\n    result = result\n        .replace(HTML_A_TAG_REGEX, '$1')\n        .replace(HTML_BOLD_REGEX, '[b]$1[/b]')\n        .replace(HTML_LC_MENTION_REGEX, '[lc_mention id=\"$1\"]$2[/lc_mention]')\n        .replace(HTML_NER_IGNORE_REGEX, '[nerIgnore]$1[/nerIgnore]')\n        .replace(\n            HTML_NER_REPLACE_REGEX,\n            (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n                const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n                return `[nerReplace ${prefixAttr}type=\"${type}\" value=\"${value}\"]${entity}[/nerReplace]`;\n            },\n        );\n\n    // eslint-disable-next-line no-irregular-whitespace\n    result = result.replace(/​/g, '');\n\n    result = escapeHTML(result);\n\n    const element = document.createElement('div');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\n    element.contentEditable = 'true';\n    element.innerHTML = result;\n\n    document.body.appendChild(element);\n\n    result = element.innerText;\n\n    document.body.removeChild(element);\n\n    return result;\n};\n\nexport const getElementTextLength = (element: Element) => {\n    let textLength = 0;\n\n    try {\n        textLength = convertHTMLToText(element.outerHTML).length;\n    } catch (e) {\n        // Do nothing\n    }\n\n    return textLength;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"text.js","names":["_regex","require","_emoji","convertTextToHTML","text","element","document","createElement","style","position","opacity","contentEditable","innerText","body","appendChild","result","innerHTML","removeChild","unescapeHTML","replace","HTML_A_TAG_REGEX","BB_LC_MENTION_REGEX","BB_NER_IGNORE_REGEX","BB_NER_REPLACE_REGEX","_","prefix","type","value","entity","prefixAttr","exports","convertHTMLToText","HTML_BOLD_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","escapeHTML","getElementTextLength","textLength","outerHTML","length","e"],"sources":["../../../src/utils/text.ts"],"sourcesContent":["import {\n    BB_LC_MENTION_REGEX,\n    BB_NER_IGNORE_REGEX,\n    BB_NER_REPLACE_REGEX,\n    HTML_A_TAG_REGEX,\n    HTML_BOLD_REGEX,\n    HTML_LC_MENTION_REGEX,\n    HTML_NER_IGNORE_REGEX,\n    HTML_NER_REPLACE_REGEX,\n} from '../constants/regex';\nimport { escapeHTML, unescapeHTML } from './emoji';\n\nexport const convertTextToHTML = (text: string) => {\n    const element = document.createElement('div');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\n    element.contentEditable = 'true';\n    element.innerText = text;\n\n    document.body.appendChild(element);\n\n    let result = element.innerHTML;\n\n    document.body.removeChild(element);\n\n    result = unescapeHTML(result);\n\n    result = result\n        .replace(HTML_A_TAG_REGEX, '$1')\n        .replace(\n            BB_LC_MENTION_REGEX,\n            '<lc_mention contenteditable=\"false\" id=\"$1\"><span>@</span>$2</lc_mention>​',\n        )\n        .replace(BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable=\"false\">$1</nerIgnore>')\n        .replace(\n            BB_NER_REPLACE_REGEX,\n            (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n                const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n                return `<nerReplace contenteditable=\"false\" ${prefixAttr}type=\"${type}\" value=\"${value}\">${entity}</nerReplace>`;\n            },\n        );\n\n    return result;\n};\n\nexport const convertHTMLToText = (text: string) => {\n    let result = text;\n\n    result = result\n        .replace(HTML_A_TAG_REGEX, '$1')\n        .replace(HTML_BOLD_REGEX, '[b]$1[/b]')\n        .replace(HTML_LC_MENTION_REGEX, '[lc_mention id=\"$1\"]$2[/lc_mention]')\n        .replace(HTML_NER_IGNORE_REGEX, '[nerIgnore]$1[/nerIgnore]')\n        .replace(\n            HTML_NER_REPLACE_REGEX,\n            (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n                const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n                return `[nerReplace ${prefixAttr}type=\"${type}\" value=\"${value}\"]${entity}[/nerReplace]`;\n            },\n        );\n\n    // eslint-disable-next-line no-irregular-whitespace\n    result = result.replace(/​/g, '');\n\n    result = escapeHTML(result);\n\n    const element = document.createElement('div');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\n    element.contentEditable = 'true';\n    element.innerHTML = result;\n\n    document.body.appendChild(element);\n\n    result = element.innerText;\n\n    document.body.removeChild(element);\n\n    return result;\n};\n\nexport const getElementTextLength = (element: Element) => {\n    let textLength = 0;\n\n    try {\n        textLength = convertHTMLToText(element.outerHTML).length;\n    } catch (e) {\n        // Do nothing\n    }\n\n    return textLength;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ import { AnimatePresence } from 'framer-motion';
 import React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { convertEmojisToUnicode } from '../../utils/emoji';
 import { insertTextAtCursorPosition, replaceText } from '../../utils/insert';
-import { getCharCodeThatWillBeDeleted, restoreSelection, saveSelection } from '../../utils/selection';
+import { getCharCodeThatWillBeDeleted, restoreSelection, saveSelection, setSelectionRange } from '../../utils/selection';
 import { convertHTMLToText, convertTextToHTML } from '../../utils/text';
 import EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';
 import { StyledEmojiInput, StyledEmojiInputContent, StyledEmojiInputLabel, StyledEmojiInputRightWrapper, StyledMotionEmojiInputEditor, StyledMotionEmojiInputProgress } from './EmojiInput.styles';
@@ -116,33 +116,24 @@ const EmojiInput = /*#__PURE__*/forwardRef((_ref, ref) => {
       event.stopPropagation();
       event.preventDefault();
     }
-    const {
-      target
-    } = event;
-    const newLength = target.innerHTML.length;
-    setTextLength(prevState => {
-      if (newLength < prevState) {
-        event.preventDefault();
-        event.stopPropagation();
-        const keyboardEvent = new KeyboardEvent('keydown', {
-          key: 'Backspace',
-          code: 'Backspace',
-          keyCode: 8,
-          which: 8,
-          location: 0,
-          bubbles: true,
-          // Ensures the event bubbles up through the DOM
-          cancelable: true // Allows the event to be canceled
-        });
-        target.dispatchEvent(keyboardEvent);
-      }
-      return newLength;
-    });
     if (shouldDeleteOneMoreBackwards.current) {
       shouldDeleteOneMoreBackwards.current = false;
       shouldDeleteOneMoreForwards.current = false;
       event.preventDefault();
       event.stopPropagation();
+      const range = window.getSelection()?.getRangeAt(0);
+      if (range) {
+        const {
+          endOffset,
+          startOffset
+        } = range;
+        window.setTimeout(() => {
+          setSelectionRange({
+            startOffset,
+            endOffset
+          });
+        }, 10);
+      }
 
       // noinspection JSDeprecatedSymbols
       document.execCommand('delete', false);
@@ -184,10 +175,10 @@ const EmojiInput = /*#__PURE__*/forwardRef((_ref, ref) => {
       // noinspection JSDeprecatedSymbols
       document.execCommand('insertLineBreak', false);
     }
-    if (event.key === 'Backspace' || event.key === 'Delete') {
+    if (event.key === 'Backspace' || event.key === 'Delete' || event.key === 'Unidentified') {
       const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);
       if (charCodeThatWillBeDeleted === 8203) {
-        if (event.key === 'Backspace') {
+        if (event.key === 'Backspace' || event.key === 'Unidentified') {
           shouldDeleteOneMoreBackwards.current = true;
         } else {
           shouldDeleteOneMoreForwards.current = true;

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiInput.js","names":["AreaContext","getIsTouch","getDevice","AnimatePresence","React","forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","convertEmojisToUnicode","insertTextAtCursorPosition","replaceText","getCharCodeThatWillBeDeleted","restoreSelection","saveSelection","convertHTMLToText","convertTextToHTML","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","useIsomorphicLayoutEffect","window","EmojiInput","_ref","ref","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","isTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","textLength","setTextLength","areaProvider","editorRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","valueRef","browser","shouldChangeColor","handleUpdateHTML","html","current","newInnerHTML","innerHTML","shouldIgnoreEmptyTextNodes","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","target","newLength","length","prevState","keyboardEvent","KeyboardEvent","key","code","keyCode","which","location","cancelable","document","execCommand","handleKeyDown","isPropagationStopped","charCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","dataTransfer","handlePopupSelect","emoji","shouldUseSavedSelection","convertedText","replace","convertedPrefix","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","handleStartProgress","duration","handleStopProgress","startProgress","stopProgress","handlePreventLoseFocus","element","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","blur","createElement","$isDisabled","$shouldChangeColor","initial","animate","width","exit","opacity","transition","ease","$browser","name","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","$maxWidth","$offsetWidth","onSelect","displayName"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, getIsTouch } from '@chayns-components/core';\nimport { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n    ChangeEvent,\n    ClipboardEvent,\n    CSSProperties,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEvent as TmpKeyboardEvent,\n    KeyboardEventHandler,\n    ReactElement,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode } from '../../utils/emoji';\nimport { insertTextAtCursorPosition, replaceText } 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    StyledEmojiInputLabel,\n    StyledEmojiInputRightWrapper,\n    StyledMotionEmojiInputEditor,\n    StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\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     * Sets the height of the input field to a fixed value. If this value is not set, the component will use the needed height until the maximum height is reached.\n     */\n    height?: CSSProperties['height'];\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     * Sets the maximum height of the input field.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\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 to be executed if the prefixElement is removed.\n     */\n    onPrefixElementRemove?: () => void;\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 | ReactElement;\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 before the input field but the placeholder is still visible.\n     */\n    prefixElement?: string;\n    /**\n     * Element that is rendered inside the EmojiInput on the right side.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Whether the placeholder should be shown after the input has focus.\n     */\n    shouldHidePlaceholderOnFocus?: boolean;\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\nexport type EmojiInputRef = {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n};\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n    (\n        {\n            accessToken,\n            height,\n            inputId,\n            isDisabled,\n            maxHeight = '190px',\n            onBlur,\n            onFocus,\n            onInput,\n            onKeyDown,\n            onPrefixElementRemove,\n            onPopupVisibilityChange,\n            personId,\n            placeholder,\n            popupAlignment,\n            prefixElement,\n            rightElement,\n            shouldHidePlaceholderOnFocus = true,\n            shouldPreventEmojiPicker,\n            value,\n        },\n        ref,\n    ) => {\n        const [isTouch] = useState(getIsTouch());\n        const [plainTextValue, setPlainTextValue] = useState(value);\n        const [hasFocus, setHasFocus] = useState(false);\n        const [progressDuration, setProgressDuration] = useState(0);\n        const [labelWidth, setLabelWidth] = useState(0);\n        const [isPopupVisible, setIsPopupVisible] = useState(false);\n        const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n        const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n        const [textLength, setTextLength] = useState(0);\n\n        const areaProvider = useContext(AreaContext);\n\n        const editorRef = useRef<HTMLDivElement>(null);\n        const prefixElementRef = useRef<HTMLDivElement>(null);\n        const hasPrefixRendered = useRef(false);\n        const hasPrefixChanged = useRef(false);\n        const shouldDeleteOneMoreBackwards = useRef(false);\n        const shouldDeleteOneMoreForwards = useRef(false);\n\n        const valueRef = useRef(value);\n\n        const { browser } = getDevice();\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\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        const handleBeforeInput = useCallback(\n            (event: FormEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                const { data, type } = event.nativeEvent as InputEvent;\n\n                if (type === 'textInput' && data && data.includes('\\n')) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    const text = convertEmojisToUnicode(data);\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            [isDisabled],\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 (isDisabled) {\n                    event.stopPropagation();\n                    event.preventDefault();\n                }\n\n                const { target } = event;\n\n                const newLength = target.innerHTML.length;\n\n                setTextLength((prevState) => {\n                    if (newLength < prevState) {\n                        event.preventDefault();\n                        event.stopPropagation();\n\n                        const keyboardEvent = new KeyboardEvent('keydown', {\n                            key: 'Backspace',\n                            code: 'Backspace',\n                            keyCode: 8,\n                            which: 8,\n                            location: 0,\n                            bubbles: true, // Ensures the event bubbles up through the DOM\n                            cancelable: true, // Allows the event to be canceled\n                        });\n\n                        target.dispatchEvent(keyboardEvent);\n                    }\n\n                    return newLength;\n                });\n\n                if (shouldDeleteOneMoreBackwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    // noinspection JSDeprecatedSymbols\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                    // noinspection JSDeprecatedSymbols\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, isDisabled, onInput],\n        );\n\n        const handleKeyDown = useCallback(\n            (event: TmpKeyboardEvent<HTMLDivElement>) => {\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                if (event.key === 'Enter' && isPopupVisible) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (typeof onKeyDown === 'function') {\n                    onKeyDown(event);\n                }\n\n                if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {\n                    event.preventDefault();\n\n                    // noinspection JSDeprecatedSymbols\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            [isDisabled, isPopupVisible, onKeyDown],\n        );\n\n        const handlePopupVisibility = useCallback(\n            (isVisible: boolean) => {\n                setIsPopupVisible(isVisible);\n\n                if (editorRef.current && isVisible) {\n                    saveSelection(editorRef.current);\n                }\n\n                if (typeof onPopupVisibilityChange === 'function') {\n                    onPopupVisibilityChange(isVisible);\n                }\n            },\n            [onPopupVisibilityChange],\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 document.execCommand('insertHTML')\n         */\n        const handlePaste = useCallback(\n            (event: ClipboardEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [isDisabled],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are dropped. 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 document.execCommand('insertHTML')\n         */\n        const handleDrop = useCallback(\n            (event: React.DragEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [isDisabled],\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({\n                    editorElement: editorRef.current,\n                    text: emoji,\n                    shouldUseSavedSelection: true,\n                });\n\n                const event = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(event);\n            }\n        }, []);\n\n        useEffect(() => {\n            if (typeof onPrefixElementRemove !== 'function') {\n                return;\n            }\n\n            if (!hasPrefixRendered.current) {\n                return;\n            }\n\n            const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n                '&nbsp;',\n                ' ',\n            );\n            const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n            if (\n                (convertedPrefix &&\n                    convertedText.includes(convertedPrefix) &&\n                    convertedText.length > convertedPrefix.length) ||\n                convertedPrefix === convertedText\n            ) {\n                return;\n            }\n\n            if (hasPrefixChanged.current) {\n                hasPrefixChanged.current = false;\n\n                return;\n            }\n\n            onPrefixElementRemove();\n            hasPrefixRendered.current = false;\n        }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n        useEffect(() => {\n            if (typeof prefixElement === 'string') {\n                hasPrefixChanged.current = true;\n            }\n        }, [prefixElement]);\n\n        useEffect(() => {\n            if (value !== plainTextValue) {\n                setPlainTextValue(value);\n\n                handleUpdateHTML(value);\n            }\n        }, [handleUpdateHTML, plainTextValue, value]);\n\n        // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n        // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n        // the HTML content correctly when the component is rendered for the first time.\n        useIsomorphicLayoutEffect(() => {\n            handleUpdateHTML(valueRef.current);\n        }, [handleUpdateHTML]);\n\n        const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n            if (editorRef.current) {\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        const handleReplaceText = useCallback((searchText: string, pasteText: string) => {\n            if (editorRef.current) {\n                replaceText({ editorElement: editorRef.current, searchText, pasteText });\n\n                const newEvent = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(newEvent);\n            }\n        }, []);\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n                replaceText: handleReplaceText,\n                startProgress: handleStartProgress,\n                stopProgress: handleStopProgress,\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n            ],\n        );\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        const shouldShowPlaceholder = useMemo(() => {\n            if (!isPrefixAnimationFinished) {\n                return false;\n            }\n\n            const isJustPrefixElement =\n                prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n            const shouldRenderPlaceholder =\n                (prefixElement && !plainTextValue) ||\n                (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n            switch (true) {\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    !hasFocus:\n                case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n                    return shouldRenderPlaceholder;\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    hasFocus:\n                    return false;\n                default:\n                    return false;\n            }\n        }, [\n            isPrefixAnimationFinished,\n            hasFocus,\n            plainTextValue,\n            prefixElement,\n            shouldHidePlaceholderOnFocus,\n            prefixElementWidth,\n        ]);\n\n        useEffect(() => {\n            if (prefixElement) {\n                setIsPrefixAnimationFinished(false);\n            }\n        }, [prefixElement]);\n\n        const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onFocus === 'function' && !isDisabled) {\n                onFocus(event);\n            }\n\n            setHasFocus(true);\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onBlur === 'function' && !isDisabled) {\n                onBlur(event);\n            }\n\n            setHasFocus(false);\n        };\n\n        useEffect(() => {\n            if (editorRef.current && prefixElement) {\n                const text = convertEmojisToUnicode(prefixElement);\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [handleUpdateHTML, prefixElement]);\n\n        useEffect(() => {\n            if (\n                prefixElementRef.current &&\n                prefixElement &&\n                convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n            ) {\n                setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n            } else {\n                setPrefixElementWidth(undefined);\n            }\n        }, [plainTextValue, prefixElement]);\n\n        useEffect(() => {\n            const handleResize = () => {\n                if (editorRef.current) {\n                    setLabelWidth(editorRef.current.offsetWidth);\n                }\n            };\n\n            const resizeObserver = new ResizeObserver(handleResize);\n\n            if (editorRef.current) {\n                resizeObserver.observe(editorRef.current);\n            }\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }, []);\n\n        useEffect(() => {\n            const blurElement = () => {\n                if (\n                    editorRef.current &&\n                    document.activeElement === editorRef.current &&\n                    isDisabled\n                ) {\n                    editorRef.current.blur();\n                }\n            };\n\n            document.addEventListener('focus', blurElement, true);\n\n            return () => {\n                document.removeEventListener('focus', blurElement, true);\n            };\n        }, [isDisabled]);\n\n        return (\n            <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n                <AnimatePresence initial>\n                    {progressDuration > 0 && (\n                        <StyledMotionEmojiInputProgress\n                            animate={{ width: '100%' }}\n                            exit={{ opacity: 0 }}\n                            initial={{ opacity: 1, width: '0%' }}\n                            transition={{\n                                width: {\n                                    ease: 'linear',\n                                    duration: progressDuration,\n                                },\n                                opacity: {\n                                    type: 'tween',\n                                    duration: 0.3,\n                                },\n                            }}\n                        />\n                    )}\n                </AnimatePresence>\n                <StyledEmojiInputContent>\n                    {prefixElement && (\n                        <PrefixElement\n                            key={prefixElement}\n                            element={prefixElement}\n                            prefixElementRef={prefixElementRef}\n                            setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n                        />\n                    )}\n                    <StyledMotionEmojiInputEditor\n                        $browser={browser?.name}\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable={!isDisabled}\n                        id={inputId}\n                        onBeforeInput={handleBeforeInput}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onInput={handleInput}\n                        onKeyDown={handleKeyDown}\n                        onPaste={handlePaste}\n                        onDrop={handleDrop}\n                        ref={editorRef}\n                        $shouldShowContent={isPrefixAnimationFinished}\n                        transition={{ type: 'tween', duration: 0.2 }}\n                    />\n\n                    {shouldShowPlaceholder && (\n                        <StyledEmojiInputLabel\n                            $maxWidth={labelWidth}\n                            $offsetWidth={prefixElementWidth}\n                        >\n                            {placeholder}\n                        </StyledEmojiInputLabel>\n                    )}\n                    {!isTouch && !shouldPreventEmojiPicker && (\n                        <EmojiPickerPopup\n                            accessToken={accessToken}\n                            onSelect={handlePopupSelect}\n                            onPopupVisibilityChange={handlePopupVisibility}\n                            personId={personId}\n                        />\n                    )}\n                </StyledEmojiInputContent>\n                {rightElement && (\n                    <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n                )}\n            </StyledEmojiInput>\n        );\n    },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EmojiInput.js","names":["AreaContext","getIsTouch","getDevice","AnimatePresence","React","forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","convertEmojisToUnicode","insertTextAtCursorPosition","replaceText","getCharCodeThatWillBeDeleted","restoreSelection","saveSelection","setSelectionRange","convertHTMLToText","convertTextToHTML","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","useIsomorphicLayoutEffect","window","EmojiInput","_ref","ref","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","isTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","textLength","setTextLength","areaProvider","editorRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","valueRef","browser","shouldChangeColor","handleUpdateHTML","html","current","newInnerHTML","innerHTML","shouldIgnoreEmptyTextNodes","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","range","getSelection","getRangeAt","endOffset","startOffset","setTimeout","document","execCommand","handleKeyDown","key","isPropagationStopped","charCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","dataTransfer","handlePopupSelect","emoji","shouldUseSavedSelection","convertedText","replace","convertedPrefix","length","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","handleStartProgress","duration","handleStopProgress","startProgress","stopProgress","handlePreventLoseFocus","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","blur","createElement","$isDisabled","$shouldChangeColor","initial","animate","width","exit","opacity","transition","ease","$browser","name","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","$maxWidth","$offsetWidth","onSelect","displayName"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, getIsTouch } from '@chayns-components/core';\nimport { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n    ChangeEvent,\n    ClipboardEvent,\n    CSSProperties,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEvent as TmpKeyboardEvent,\n    KeyboardEventHandler,\n    ReactElement,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode } from '../../utils/emoji';\nimport { insertTextAtCursorPosition, replaceText } from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    restoreSelection,\n    saveSelection,\n    setSelectionRange,\n} from '../../utils/selection';\nimport { convertHTMLToText, convertTextToHTML } from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n    StyledEmojiInput,\n    StyledEmojiInputContent,\n    StyledEmojiInputLabel,\n    StyledEmojiInputRightWrapper,\n    StyledMotionEmojiInputEditor,\n    StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\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     * Sets the height of the input field to a fixed value. If this value is not set, the component will use the needed height until the maximum height is reached.\n     */\n    height?: CSSProperties['height'];\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     * Sets the maximum height of the input field.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\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 to be executed if the prefixElement is removed.\n     */\n    onPrefixElementRemove?: () => void;\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 | ReactElement;\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 before the input field but the placeholder is still visible.\n     */\n    prefixElement?: string;\n    /**\n     * Element that is rendered inside the EmojiInput on the right side.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Whether the placeholder should be shown after the input has focus.\n     */\n    shouldHidePlaceholderOnFocus?: boolean;\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\nexport type EmojiInputRef = {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n};\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n    (\n        {\n            accessToken,\n            height,\n            inputId,\n            isDisabled,\n            maxHeight = '190px',\n            onBlur,\n            onFocus,\n            onInput,\n            onKeyDown,\n            onPrefixElementRemove,\n            onPopupVisibilityChange,\n            personId,\n            placeholder,\n            popupAlignment,\n            prefixElement,\n            rightElement,\n            shouldHidePlaceholderOnFocus = true,\n            shouldPreventEmojiPicker,\n            value,\n        },\n        ref,\n    ) => {\n        const [isTouch] = useState(getIsTouch());\n        const [plainTextValue, setPlainTextValue] = useState(value);\n        const [hasFocus, setHasFocus] = useState(false);\n        const [progressDuration, setProgressDuration] = useState(0);\n        const [labelWidth, setLabelWidth] = useState(0);\n        const [isPopupVisible, setIsPopupVisible] = useState(false);\n        const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n        const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n        const [textLength, setTextLength] = useState(0);\n\n        const areaProvider = useContext(AreaContext);\n\n        const editorRef = useRef<HTMLDivElement>(null);\n        const prefixElementRef = useRef<HTMLDivElement>(null);\n        const hasPrefixRendered = useRef(false);\n        const hasPrefixChanged = useRef(false);\n        const shouldDeleteOneMoreBackwards = useRef(false);\n        const shouldDeleteOneMoreForwards = useRef(false);\n\n        const valueRef = useRef(value);\n\n        const { browser } = getDevice();\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\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        const handleBeforeInput = useCallback(\n            (event: FormEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                const { data, type } = event.nativeEvent as InputEvent;\n\n                if (type === 'textInput' && data && data.includes('\\n')) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    const text = convertEmojisToUnicode(data);\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            [isDisabled],\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 (isDisabled) {\n                    event.stopPropagation();\n                    event.preventDefault();\n                }\n\n                if (shouldDeleteOneMoreBackwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    const range = window.getSelection()?.getRangeAt(0);\n\n                    if (range) {\n                        const { endOffset, startOffset } = range;\n\n                        window.setTimeout(() => {\n                            setSelectionRange({ startOffset, endOffset });\n                        }, 10);\n                    }\n\n                    // noinspection JSDeprecatedSymbols\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                    // noinspection JSDeprecatedSymbols\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, isDisabled, onInput],\n        );\n\n        const handleKeyDown = useCallback(\n            (event: TmpKeyboardEvent<HTMLDivElement>) => {\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                if (event.key === 'Enter' && isPopupVisible) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (typeof onKeyDown === 'function') {\n                    onKeyDown(event);\n                }\n\n                if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {\n                    event.preventDefault();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('insertLineBreak', false);\n                }\n\n                if (\n                    event.key === 'Backspace' ||\n                    event.key === 'Delete' ||\n                    event.key === 'Unidentified'\n                ) {\n                    const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n                    if (charCodeThatWillBeDeleted === 8203) {\n                        if (event.key === 'Backspace' || event.key === 'Unidentified') {\n                            shouldDeleteOneMoreBackwards.current = true;\n                        } else {\n                            shouldDeleteOneMoreForwards.current = true;\n                        }\n                    }\n                }\n            },\n            [isDisabled, isPopupVisible, onKeyDown],\n        );\n\n        const handlePopupVisibility = useCallback(\n            (isVisible: boolean) => {\n                setIsPopupVisible(isVisible);\n\n                if (editorRef.current && isVisible) {\n                    saveSelection(editorRef.current);\n                }\n\n                if (typeof onPopupVisibilityChange === 'function') {\n                    onPopupVisibilityChange(isVisible);\n                }\n            },\n            [onPopupVisibilityChange],\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 document.execCommand('insertHTML')\n         */\n        const handlePaste = useCallback(\n            (event: ClipboardEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [isDisabled],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are dropped. 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 document.execCommand('insertHTML')\n         */\n        const handleDrop = useCallback(\n            (event: React.DragEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [isDisabled],\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({\n                    editorElement: editorRef.current,\n                    text: emoji,\n                    shouldUseSavedSelection: true,\n                });\n\n                const event = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(event);\n            }\n        }, []);\n\n        useEffect(() => {\n            if (typeof onPrefixElementRemove !== 'function') {\n                return;\n            }\n\n            if (!hasPrefixRendered.current) {\n                return;\n            }\n\n            const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n                '&nbsp;',\n                ' ',\n            );\n            const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n            if (\n                (convertedPrefix &&\n                    convertedText.includes(convertedPrefix) &&\n                    convertedText.length > convertedPrefix.length) ||\n                convertedPrefix === convertedText\n            ) {\n                return;\n            }\n\n            if (hasPrefixChanged.current) {\n                hasPrefixChanged.current = false;\n\n                return;\n            }\n\n            onPrefixElementRemove();\n            hasPrefixRendered.current = false;\n        }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n        useEffect(() => {\n            if (typeof prefixElement === 'string') {\n                hasPrefixChanged.current = true;\n            }\n        }, [prefixElement]);\n\n        useEffect(() => {\n            if (value !== plainTextValue) {\n                setPlainTextValue(value);\n\n                handleUpdateHTML(value);\n            }\n        }, [handleUpdateHTML, plainTextValue, value]);\n\n        // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n        // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n        // the HTML content correctly when the component is rendered for the first time.\n        useIsomorphicLayoutEffect(() => {\n            handleUpdateHTML(valueRef.current);\n        }, [handleUpdateHTML]);\n\n        const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n            if (editorRef.current) {\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        const handleReplaceText = useCallback((searchText: string, pasteText: string) => {\n            if (editorRef.current) {\n                replaceText({ editorElement: editorRef.current, searchText, pasteText });\n\n                const newEvent = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(newEvent);\n            }\n        }, []);\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n                replaceText: handleReplaceText,\n                startProgress: handleStartProgress,\n                stopProgress: handleStopProgress,\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n            ],\n        );\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        const shouldShowPlaceholder = useMemo(() => {\n            if (!isPrefixAnimationFinished) {\n                return false;\n            }\n\n            const isJustPrefixElement =\n                prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n            const shouldRenderPlaceholder =\n                (prefixElement && !plainTextValue) ||\n                (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n            switch (true) {\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    !hasFocus:\n                case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n                    return shouldRenderPlaceholder;\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    hasFocus:\n                    return false;\n                default:\n                    return false;\n            }\n        }, [\n            isPrefixAnimationFinished,\n            hasFocus,\n            plainTextValue,\n            prefixElement,\n            shouldHidePlaceholderOnFocus,\n            prefixElementWidth,\n        ]);\n\n        useEffect(() => {\n            if (prefixElement) {\n                setIsPrefixAnimationFinished(false);\n            }\n        }, [prefixElement]);\n\n        const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onFocus === 'function' && !isDisabled) {\n                onFocus(event);\n            }\n\n            setHasFocus(true);\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onBlur === 'function' && !isDisabled) {\n                onBlur(event);\n            }\n\n            setHasFocus(false);\n        };\n\n        useEffect(() => {\n            if (editorRef.current && prefixElement) {\n                const text = convertEmojisToUnicode(prefixElement);\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [handleUpdateHTML, prefixElement]);\n\n        useEffect(() => {\n            if (\n                prefixElementRef.current &&\n                prefixElement &&\n                convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n            ) {\n                setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n            } else {\n                setPrefixElementWidth(undefined);\n            }\n        }, [plainTextValue, prefixElement]);\n\n        useEffect(() => {\n            const handleResize = () => {\n                if (editorRef.current) {\n                    setLabelWidth(editorRef.current.offsetWidth);\n                }\n            };\n\n            const resizeObserver = new ResizeObserver(handleResize);\n\n            if (editorRef.current) {\n                resizeObserver.observe(editorRef.current);\n            }\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }, []);\n\n        useEffect(() => {\n            const blurElement = () => {\n                if (\n                    editorRef.current &&\n                    document.activeElement === editorRef.current &&\n                    isDisabled\n                ) {\n                    editorRef.current.blur();\n                }\n            };\n\n            document.addEventListener('focus', blurElement, true);\n\n            return () => {\n                document.removeEventListener('focus', blurElement, true);\n            };\n        }, [isDisabled]);\n\n        return (\n            <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n                <AnimatePresence initial>\n                    {progressDuration > 0 && (\n                        <StyledMotionEmojiInputProgress\n                            animate={{ width: '100%' }}\n                            exit={{ opacity: 0 }}\n                            initial={{ opacity: 1, width: '0%' }}\n                            transition={{\n                                width: {\n                                    ease: 'linear',\n                                    duration: progressDuration,\n                                },\n                                opacity: {\n                                    type: 'tween',\n                                    duration: 0.3,\n                                },\n                            }}\n                        />\n                    )}\n                </AnimatePresence>\n                <StyledEmojiInputContent>\n                    {prefixElement && (\n                        <PrefixElement\n                            key={prefixElement}\n                            element={prefixElement}\n                            prefixElementRef={prefixElementRef}\n                            setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n                        />\n                    )}\n                    <StyledMotionEmojiInputEditor\n                        $browser={browser?.name}\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable={!isDisabled}\n                        id={inputId}\n                        onBeforeInput={handleBeforeInput}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onInput={handleInput}\n                        onKeyDown={handleKeyDown}\n                        onPaste={handlePaste}\n                        onDrop={handleDrop}\n                        ref={editorRef}\n                        $shouldShowContent={isPrefixAnimationFinished}\n                        transition={{ type: 'tween', duration: 0.2 }}\n                    />\n\n                    {shouldShowPlaceholder && (\n                        <StyledEmojiInputLabel\n                            $maxWidth={labelWidth}\n                            $offsetWidth={prefixElementWidth}\n                        >\n                            {placeholder}\n                        </StyledEmojiInputLabel>\n                    )}\n                    {!isTouch && !shouldPreventEmojiPicker && (\n                        <EmojiPickerPopup\n                            accessToken={accessToken}\n                            onSelect={handlePopupSelect}\n                            onPopupVisibilityChange={handlePopupVisibility}\n                            personId={personId}\n                        />\n                    )}\n                </StyledEmojiInputContent>\n                {rightElement && (\n                    <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n                )}\n            </StyledEmojiInput>\n        );\n    },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/utils/selection.js

@@ -119,6 +119,27 @@ export const restoreSelection = element => {
   selection.addRange(range);
   range.collapse(true);
 };
+export const setSelectionRange = _ref2 => {
+  let {
+    endOffset: endOffsetNumber,
+    startOffset: startOffsetNumber
+  } = _ref2;
+  const selection = window.getSelection();
+
+  // Überprüfen, ob es eine aktive Auswahl gibt
+  if (!selection?.rangeCount) return;
+
+  // Hole den aktuellen Range
+  const range = selection.getRangeAt(0);
+
+  // Setze den Start- und Endoffset neu, basierend auf dem aktuellen Startknoten
+  range.setStart(range.startContainer, startOffsetNumber);
+  range.setEnd(range.endContainer, endOffsetNumber);
+
+  // Optional: Die neue Range wieder setzen (kann helfen bei Visualisierung der Auswahl)
+  selection.removeAllRanges();
+  selection.addRange(range);
+};
 export const moveSelectionOffset = distance => {
   endOffset += distance;
   startOffset += distance;
@@ -142,10 +163,10 @@ export const getCharCodeThatWillBeDeleted = event => {
    * been selected and therefore no single letter is removed or neither the "Backspace" nor the
    * "Delete" key has been pressed.
    */
-  if (!range || range.endOffset !== range.startOffset || event.key !== 'Backspace' && event.key !== 'Delete') {
+  if (!range || range.endOffset !== range.startOffset || event.key !== 'Backspace' && event.key !== 'Delete' && event.key !== 'Unidentified') {
     return null;
   }
-  if (event.key === 'Backspace') {
+  if (event.key === 'Backspace' || event.key === 'Unidentified') {
     const {
       nodeValue,
       previousSibling
@@ -164,11 +185,11 @@ export const getCharCodeThatWillBeDeleted = event => {
   }
   return nextSibling?.nodeValue?.charCodeAt(0);
 };
-export const findAndSelectText = _ref2 => {
+export const findAndSelectText = _ref3 => {
   let {
     editorElement,
     searchText
-  } = _ref2;
+  } = _ref3;
   if (!editorElement.textContent?.includes(searchText)) {
     return null;
   }

package/lib/esm/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","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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","ignoreList":[]}
+{"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","setSelectionRange","_ref2","endOffsetNumber","startOffsetNumber","rangeCount","startContainer","endContainer","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","key","previousSibling","findAndSelectText","_ref3","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\ninterface SetSelectionRangeOptions {\n    startOffset: number;\n    endOffset: number;\n}\n\nexport const setSelectionRange = ({\n    endOffset: endOffsetNumber,\n    startOffset: startOffsetNumber,\n}: SetSelectionRangeOptions) => {\n    const selection = window.getSelection();\n\n    // Überprüfen, ob es eine aktive Auswahl gibt\n    if (!selection?.rangeCount) return;\n\n    // Hole den aktuellen Range\n    const range = selection.getRangeAt(0);\n\n    // Setze den Start- und Endoffset neu, basierend auf dem aktuellen Startknoten\n    range.setStart(range.startContainer, startOffsetNumber);\n    range.setEnd(range.endContainer, endOffsetNumber);\n\n    // Optional: Die neue Range wieder setzen (kann helfen bei Visualisierung der Auswahl)\n    selection.removeAllRanges();\n    selection.addRange(range);\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' && event.key !== 'Unidentified')\n    ) {\n        return null;\n    }\n\n    if (event.key === 'Backspace' || event.key === 'Unidentified') {\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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","ignoreList":[]}

package/lib/esm/utils/text.js

@@ -10,7 +10,7 @@ export const convertTextToHTML = text => {
   let result = element.innerHTML;
   document.body.removeChild(element);
   result = unescapeHTML(result);
-  result = result.replace(HTML_A_TAG_REGEX, '$1').replace(BB_LC_MENTION_REGEX, '<lc_mention contenteditable="false" id="$1"><span>@</span>$2</lc_mention>').replace(BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable="false">$1</nerIgnore>').replace(BB_NER_REPLACE_REGEX, (_, prefix, type, value, entity) => {
+  result = result.replace(HTML_A_TAG_REGEX, '$1').replace(BB_LC_MENTION_REGEX, '<lc_mention contenteditable="false" id="$1"><span>@</span>$2</lc_mention>​').replace(BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable="false">$1</nerIgnore>').replace(BB_NER_REPLACE_REGEX, (_, prefix, type, value, entity) => {
     const prefixAttr = prefix ? `prefix="${prefix}" ` : '';
     return `<nerReplace contenteditable="false" ${prefixAttr}type="${type}" value="${value}">${entity}</nerReplace>`;
   });

package/lib/esm/utils/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":["BB_LC_MENTION_REGEX","BB_NER_IGNORE_REGEX","BB_NER_REPLACE_REGEX","HTML_A_TAG_REGEX","HTML_BOLD_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","escapeHTML","unescapeHTML","convertTextToHTML","text","element","document","createElement","style","position","opacity","contentEditable","innerText","body","appendChild","result","innerHTML","removeChild","replace","_","prefix","type","value","entity","prefixAttr","convertHTMLToText","getElementTextLength","textLength","outerHTML","length","e"],"sources":["../../../src/utils/text.ts"],"sourcesContent":["import {\n    BB_LC_MENTION_REGEX,\n    BB_NER_IGNORE_REGEX,\n    BB_NER_REPLACE_REGEX,\n    HTML_A_TAG_REGEX,\n    HTML_BOLD_REGEX,\n    HTML_LC_MENTION_REGEX,\n    HTML_NER_IGNORE_REGEX,\n    HTML_NER_REPLACE_REGEX,\n} from '../constants/regex';\nimport { escapeHTML, unescapeHTML } from './emoji';\n\nexport const convertTextToHTML = (text: string) => {\n    const element = document.createElement('div');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\n    element.contentEditable = 'true';\n    element.innerText = text;\n\n    document.body.appendChild(element);\n\n    let result = element.innerHTML;\n\n    document.body.removeChild(element);\n\n    result = unescapeHTML(result);\n\n    result = result\n        .replace(HTML_A_TAG_REGEX, '$1')\n        .replace(\n            BB_LC_MENTION_REGEX,\n            '<lc_mention contenteditable=\"false\" id=\"$1\"><span>@</span>$2</lc_mention>',\n        )\n        .replace(BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable=\"false\">$1</nerIgnore>')\n        .replace(\n            BB_NER_REPLACE_REGEX,\n            (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n                const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n                return `<nerReplace contenteditable=\"false\" ${prefixAttr}type=\"${type}\" value=\"${value}\">${entity}</nerReplace>`;\n            },\n        );\n\n    return result;\n};\n\nexport const convertHTMLToText = (text: string) => {\n    let result = text;\n\n    result = result\n        .replace(HTML_A_TAG_REGEX, '$1')\n        .replace(HTML_BOLD_REGEX, '[b]$1[/b]')\n        .replace(HTML_LC_MENTION_REGEX, '[lc_mention id=\"$1\"]$2[/lc_mention]')\n        .replace(HTML_NER_IGNORE_REGEX, '[nerIgnore]$1[/nerIgnore]')\n        .replace(\n            HTML_NER_REPLACE_REGEX,\n            (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n                const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n                return `[nerReplace ${prefixAttr}type=\"${type}\" value=\"${value}\"]${entity}[/nerReplace]`;\n            },\n        );\n\n    // eslint-disable-next-line no-irregular-whitespace\n    result = result.replace(/​/g, '');\n\n    result = escapeHTML(result);\n\n    const element = document.createElement('div');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\n    element.contentEditable = 'true';\n    element.innerHTML = result;\n\n    document.body.appendChild(element);\n\n    result = element.innerText;\n\n    document.body.removeChild(element);\n\n    return result;\n};\n\nexport const getElementTextLength = (element: Element) => {\n    let textLength = 0;\n\n    try {\n        textLength = convertHTMLToText(element.outerHTML).length;\n    } catch (e) {\n        // Do nothing\n    }\n\n    return textLength;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"text.js","names":["BB_LC_MENTION_REGEX","BB_NER_IGNORE_REGEX","BB_NER_REPLACE_REGEX","HTML_A_TAG_REGEX","HTML_BOLD_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","escapeHTML","unescapeHTML","convertTextToHTML","text","element","document","createElement","style","position","opacity","contentEditable","innerText","body","appendChild","result","innerHTML","removeChild","replace","_","prefix","type","value","entity","prefixAttr","convertHTMLToText","getElementTextLength","textLength","outerHTML","length","e"],"sources":["../../../src/utils/text.ts"],"sourcesContent":["import {\n    BB_LC_MENTION_REGEX,\n    BB_NER_IGNORE_REGEX,\n    BB_NER_REPLACE_REGEX,\n    HTML_A_TAG_REGEX,\n    HTML_BOLD_REGEX,\n    HTML_LC_MENTION_REGEX,\n    HTML_NER_IGNORE_REGEX,\n    HTML_NER_REPLACE_REGEX,\n} from '../constants/regex';\nimport { escapeHTML, unescapeHTML } from './emoji';\n\nexport const convertTextToHTML = (text: string) => {\n    const element = document.createElement('div');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\n    element.contentEditable = 'true';\n    element.innerText = text;\n\n    document.body.appendChild(element);\n\n    let result = element.innerHTML;\n\n    document.body.removeChild(element);\n\n    result = unescapeHTML(result);\n\n    result = result\n        .replace(HTML_A_TAG_REGEX, '$1')\n        .replace(\n            BB_LC_MENTION_REGEX,\n            '<lc_mention contenteditable=\"false\" id=\"$1\"><span>@</span>$2</lc_mention>​',\n        )\n        .replace(BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable=\"false\">$1</nerIgnore>')\n        .replace(\n            BB_NER_REPLACE_REGEX,\n            (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n                const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n                return `<nerReplace contenteditable=\"false\" ${prefixAttr}type=\"${type}\" value=\"${value}\">${entity}</nerReplace>`;\n            },\n        );\n\n    return result;\n};\n\nexport const convertHTMLToText = (text: string) => {\n    let result = text;\n\n    result = result\n        .replace(HTML_A_TAG_REGEX, '$1')\n        .replace(HTML_BOLD_REGEX, '[b]$1[/b]')\n        .replace(HTML_LC_MENTION_REGEX, '[lc_mention id=\"$1\"]$2[/lc_mention]')\n        .replace(HTML_NER_IGNORE_REGEX, '[nerIgnore]$1[/nerIgnore]')\n        .replace(\n            HTML_NER_REPLACE_REGEX,\n            (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n                const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n                return `[nerReplace ${prefixAttr}type=\"${type}\" value=\"${value}\"]${entity}[/nerReplace]`;\n            },\n        );\n\n    // eslint-disable-next-line no-irregular-whitespace\n    result = result.replace(/​/g, '');\n\n    result = escapeHTML(result);\n\n    const element = document.createElement('div');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\n    element.contentEditable = 'true';\n    element.innerHTML = result;\n\n    document.body.appendChild(element);\n\n    result = element.innerText;\n\n    document.body.removeChild(element);\n\n    return result;\n};\n\nexport const getElementTextLength = (element: Element) => {\n    let textLength = 0;\n\n    try {\n        textLength = convertHTMLToText(element.outerHTML).length;\n    } catch (e) {\n        // Do nothing\n    }\n\n    return textLength;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/types/utils/selection.d.ts

@@ -4,6 +4,11 @@ interface SaveSelectionOptions {
 }
 export declare const saveSelection: (element: HTMLDivElement, { shouldIgnoreEmptyTextNodes }?: SaveSelectionOptions) => void;
 export declare const restoreSelection: (element: HTMLDivElement) => void;
+interface SetSelectionRangeOptions {
+    startOffset: number;
+    endOffset: number;
+}
+export declare const setSelectionRange: ({ endOffset: endOffsetNumber, startOffset: startOffsetNumber, }: SetSelectionRangeOptions) => void;
 export declare const moveSelectionOffset: (distance: number) => void;
 export declare const setChildIndex: (index: number) => void;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/emoji-input",
-    "version": "5.0.0-beta.856",
+    "version": "5.0.0-beta.857",
     "description": "Input field that supports HTML elements and emojis",
     "sideEffects": false,
     "browserslist": [
@@ -46,7 +46,9 @@
         "build:types": "tsc",
         "build:cjs": "cross-env NODE_ENV=cjs babel src --out-dir lib/cjs --extensions=.ts,.tsx --source-maps --ignore=src/stories --copy-files",
         "build:esm": "cross-env NODE_ENV=esm babel src --out-dir lib/esm --extensions=.ts,.tsx --source-maps --ignore=src/stories --copy-files",
-        "prepublishOnly": "npm run build"
+        "prepublishOnly": "npm run build",
+        "watch:js": "npm run build:esm -- --watch",
+        "link": "npm link && npm run watch:js"
     },
     "bugs": {
         "url": "https://github.com/TobitSoftware/chayns-components/issues"
@@ -70,7 +72,7 @@
         "typescript": "^5.6.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.856",
+        "@chayns-components/core": "^5.0.0-beta.857",
         "emojilib": "^3.0.12",
         "unicode-emoji-json": "^0.8.0"
     },
@@ -84,5 +86,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "a4bfd00dcc1350c5ac9020347e55081da4afb6cb"
+    "gitHead": "f3bf7a1df0514af0980ce86d27777907590a2560"
 }