@chayns-components/emoji-input 5.0.0-beta.1197 → 5.0.0-beta.1198

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

@@ -16,6 +16,7 @@ var _EmojiPickerPopup = _interopRequireDefault(require("../emoji-picker-popup/Em
 var _EmojiInput = require("./EmojiInput.styles");
 var _PrefixElement = _interopRequireDefault(require("./prefix-element/PrefixElement"));
 var _asyncEmojiData = require("../../utils/asyncEmojiData");
+var _scroll = require("../../utils/scroll");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react2.useLayoutEffect : _react2.useEffect;
@@ -180,6 +181,11 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
       // noinspection JSDeprecatedSymbols
       document.execCommand('insertLineBreak', false);
     }
+    if (event.key === 'Enter') {
+      requestAnimationFrame(() => {
+        if (editorRef.current) (0, _scroll.scrollCursorIntoView)(editorRef.current);
+      });
+    }
     if (event.key === 'Backspace' || event.key === 'Delete' || event.key === 'Unidentified') {
       const charCodeThatWillBeDeleted = (0, _selection.getCharCodeThatWillBeDeleted)(event);
       if (charCodeThatWillBeDeleted === 8203) {

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiInput.js","names":["_core","require","_chaynsApi","_react","_react2","_interopRequireWildcard","_emoji","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","_PrefixElement","_asyncEmojiData","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","useContext","AreaContext","editorRef","useRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","valueRef","browser","getDevice","shouldChangeColor","useMemo","loadEmojiShortList","then","shortNameList","regShortnames","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","insertInvisibleCursorMarker","document","execCommand","convertHTMLToText","handleKeyDown","key","isPropagationStopped","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","escapeHTML","handleDrop","_event$dataTransfer","dataTransfer","handlePopupSelect","emoji","shouldUseSavedSelection","_editorRef$current","convertedText","replace","convertedPrefix","length","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","replaceText","handleStartProgress","duration","handleStopProgress","useImperativeHandle","startProgress","stopProgress","focus","_editorRef$current2","blur","_editorRef$current3","handlePreventLoseFocus","_element$parentElemen","_element$parentElemen2","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","_editorRef$current4","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","_editorRef$current5","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","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, BrowserName, getIsTouch } from '@chayns-components/core';\nimport { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\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, escapeHTML } from '../../utils/emoji';\nimport { insertTextAtCursorPosition, replaceText } from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    insertInvisibleCursorMarker,\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';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\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    focus: () => void;\n    blur: () => 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 = false,\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 [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n        const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>((/./));\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        useEffect(() => {\n            void loadEmojiShortList().then(({shortNameList, regShortnames}) => {\n                setEmojiShortNames(shortNameList);\n                setEmojiRegShortNames(regShortnames);\n            })\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, emojiRegShortNames, emojiShortNames);\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        }, [emojiRegShortNames, emojiShortNames]);\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, emojiRegShortNames, emojiShortNames);\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            [emojiRegShortNames, emojiShortNames, 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                    // Remove content and set cursor to the right position\n                    insertInvisibleCursorMarker();\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                    // This ensures, that only the copied text is inserted and not its HTML formatting.\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n                    if (text.includes('\\n')) {\n                        text += '\\u200C';\n                    }\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            [emojiRegShortNames, emojiShortNames, 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                    // This ensures, that only the dropped text is inserted and not its HTML formatting.\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(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            [emojiRegShortNames, emojiShortNames, 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                focus: () => editorRef.current?.focus(),\n                blur: () => editorRef.current?.blur(),\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, emojiRegShortNames, emojiShortNames);\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [emojiRegShortNames, emojiShortNames, 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 as BrowserName}\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable\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":["_core","require","_chaynsApi","_react","_react2","_interopRequireWildcard","_emoji","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","_PrefixElement","_asyncEmojiData","_scroll","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","useContext","AreaContext","editorRef","useRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","valueRef","browser","getDevice","shouldChangeColor","useMemo","loadEmojiShortList","then","shortNameList","regShortnames","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","insertInvisibleCursorMarker","document","execCommand","convertHTMLToText","handleKeyDown","key","isPropagationStopped","requestAnimationFrame","scrollCursorIntoView","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","escapeHTML","handleDrop","_event$dataTransfer","dataTransfer","handlePopupSelect","emoji","shouldUseSavedSelection","_editorRef$current","convertedText","replace","convertedPrefix","length","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","replaceText","handleStartProgress","duration","handleStopProgress","useImperativeHandle","startProgress","stopProgress","focus","_editorRef$current2","blur","_editorRef$current3","handlePreventLoseFocus","_element$parentElemen","_element$parentElemen2","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","_editorRef$current4","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","_editorRef$current5","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","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, BrowserName, getIsTouch } from '@chayns-components/core';\nimport { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\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, escapeHTML } from '../../utils/emoji';\nimport { insertTextAtCursorPosition, replaceText } from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    insertInvisibleCursorMarker,\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';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\nimport { scrollCursorIntoView } from '../../utils/scroll';\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    focus: () => void;\n    blur: () => 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 = false,\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 [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n        const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>(/./);\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        useEffect(() => {\n            void loadEmojiShortList().then(({ shortNameList, regShortnames }) => {\n                setEmojiShortNames(shortNameList);\n                setEmojiRegShortNames(regShortnames);\n            });\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(\n            (html: string) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                let newInnerHTML = convertEmojisToUnicode(\n                    html,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                );\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            [emojiRegShortNames, emojiShortNames],\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, emojiRegShortNames, emojiShortNames);\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            [emojiRegShortNames, emojiShortNames, 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                    // Remove content and set cursor to the right position\n                    insertInvisibleCursorMarker();\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 === 'Enter') {\n                    requestAnimationFrame(() => {\n                        if (editorRef.current) scrollCursorIntoView(editorRef.current);\n                    });\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                    // This ensures, that only the copied text is inserted and not its HTML formatting.\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n                    if (text.includes('\\n')) {\n                        text += '\\u200C';\n                    }\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            [emojiRegShortNames, emojiShortNames, 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                    // This ensures, that only the dropped text is inserted and not its HTML formatting.\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(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            [emojiRegShortNames, emojiShortNames, 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                focus: () => editorRef.current?.focus(),\n                blur: () => editorRef.current?.blur(),\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(\n                    prefixElement,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                );\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [emojiRegShortNames, emojiShortNames, 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 as BrowserName}\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable\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/scroll.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollCursorIntoView = void 0;
+const getCaretClientRect = () => {
+  const sel = window.getSelection();
+  if (!sel || sel.rangeCount === 0) return null;
+
+  // Clone the current range so we don't mess with the actual selection
+  const range = sel.getRangeAt(0).cloneRange();
+  if (!range.collapsed) range.collapse(false);
+
+  // Try getting the rect directly
+  let rect = range.getBoundingClientRect();
+  const isEmptyRect = rect && rect.top === 0 && rect.bottom === 0;
+  if (!rect || isEmptyRect) {
+    // Fallback: insert a temporary invisible element to measure the caret position
+    const span = document.createElement('span');
+    span.appendChild(document.createTextNode('\u200B')); // zero-width space
+
+    range.insertNode(span);
+
+    // Move selection right after the temporary span
+    const newRange = document.createRange();
+    newRange.setStartAfter(span);
+    newRange.collapse(true);
+    sel.removeAllRanges();
+    sel.addRange(newRange);
+
+    // Measure the span's position
+    rect = span.getBoundingClientRect();
+
+    // Remove the temporary span
+    if (span.parentNode) {
+      span.parentNode.removeChild(span);
+    }
+  }
+  return rect;
+};
+const scrollCursorIntoView = (container, padding = 8) => {
+  const rect = getCaretClientRect();
+
+  // Fallback: scroll to bottom if caret position can't be determined
+  if (!rect) {
+    // eslint-disable-next-line no-param-reassign
+    container.scrollTop = container.scrollHeight;
+    return;
+  }
+  const containerRect = container.getBoundingClientRect();
+
+  // Scroll down if caret is below the visible area
+  if (rect.bottom > containerRect.bottom - padding) {
+    // eslint-disable-next-line no-param-reassign
+    container.scrollTop += rect.bottom - containerRect.bottom + padding;
+  }
+  // Scroll up if caret is above the visible area
+  else if (rect.top < containerRect.top + padding) {
+    // eslint-disable-next-line no-param-reassign
+    container.scrollTop -= containerRect.top + padding - rect.top;
+  }
+};
+exports.scrollCursorIntoView = scrollCursorIntoView;
+//# sourceMappingURL=scroll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.js","names":["getCaretClientRect","sel","window","getSelection","rangeCount","range","getRangeAt","cloneRange","collapsed","collapse","rect","getBoundingClientRect","isEmptyRect","top","bottom","span","document","createElement","appendChild","createTextNode","insertNode","newRange","createRange","setStartAfter","removeAllRanges","addRange","parentNode","removeChild","scrollCursorIntoView","container","padding","scrollTop","scrollHeight","containerRect","exports"],"sources":["../../../src/utils/scroll.ts"],"sourcesContent":["const getCaretClientRect = (): DOMRect | null => {\n    const sel = window.getSelection();\n\n    if (!sel || sel.rangeCount === 0) return null;\n\n    // Clone the current range so we don't mess with the actual selection\n    const range = sel.getRangeAt(0).cloneRange();\n\n    if (!range.collapsed) range.collapse(false);\n\n    // Try getting the rect directly\n    let rect = range.getBoundingClientRect();\n\n    const isEmptyRect = rect && rect.top === 0 && rect.bottom === 0;\n\n    if (!rect || isEmptyRect) {\n        // Fallback: insert a temporary invisible element to measure the caret position\n        const span = document.createElement('span');\n\n        span.appendChild(document.createTextNode('\\u200B')); // zero-width space\n\n        range.insertNode(span);\n\n        // Move selection right after the temporary span\n        const newRange = document.createRange();\n\n        newRange.setStartAfter(span);\n        newRange.collapse(true);\n\n        sel.removeAllRanges();\n        sel.addRange(newRange);\n\n        // Measure the span's position\n        rect = span.getBoundingClientRect();\n\n        // Remove the temporary span\n        if (span.parentNode) {\n            span.parentNode.removeChild(span);\n        }\n    }\n\n    return rect;\n};\n\nexport const scrollCursorIntoView = (container: HTMLElement, padding = 8): void => {\n    const rect = getCaretClientRect();\n\n    // Fallback: scroll to bottom if caret position can't be determined\n    if (!rect) {\n        // eslint-disable-next-line no-param-reassign\n        container.scrollTop = container.scrollHeight;\n\n        return;\n    }\n\n    const containerRect = container.getBoundingClientRect();\n\n    // Scroll down if caret is below the visible area\n    if (rect.bottom > containerRect.bottom - padding) {\n        // eslint-disable-next-line no-param-reassign\n        container.scrollTop += rect.bottom - containerRect.bottom + padding;\n    }\n    // Scroll up if caret is above the visible area\n    else if (rect.top < containerRect.top + padding) {\n        // eslint-disable-next-line no-param-reassign\n        container.scrollTop -= containerRect.top + padding - rect.top;\n    }\n};\n"],"mappings":";;;;;;AAAA,MAAMA,kBAAkB,GAAGA,CAAA,KAAsB;EAC7C,MAAMC,GAAG,GAAGC,MAAM,CAACC,YAAY,CAAC,CAAC;EAEjC,IAAI,CAACF,GAAG,IAAIA,GAAG,CAACG,UAAU,KAAK,CAAC,EAAE,OAAO,IAAI;;EAE7C;EACA,MAAMC,KAAK,GAAGJ,GAAG,CAACK,UAAU,CAAC,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAE5C,IAAI,CAACF,KAAK,CAACG,SAAS,EAAEH,KAAK,CAACI,QAAQ,CAAC,KAAK,CAAC;;EAE3C;EACA,IAAIC,IAAI,GAAGL,KAAK,CAACM,qBAAqB,CAAC,CAAC;EAExC,MAAMC,WAAW,GAAGF,IAAI,IAAIA,IAAI,CAACG,GAAG,KAAK,CAAC,IAAIH,IAAI,CAACI,MAAM,KAAK,CAAC;EAE/D,IAAI,CAACJ,IAAI,IAAIE,WAAW,EAAE;IACtB;IACA,MAAMG,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;IAE3CF,IAAI,CAACG,WAAW,CAACF,QAAQ,CAACG,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;;IAErDd,KAAK,CAACe,UAAU,CAACL,IAAI,CAAC;;IAEtB;IACA,MAAMM,QAAQ,GAAGL,QAAQ,CAACM,WAAW,CAAC,CAAC;IAEvCD,QAAQ,CAACE,aAAa,CAACR,IAAI,CAAC;IAC5BM,QAAQ,CAACZ,QAAQ,CAAC,IAAI,CAAC;IAEvBR,GAAG,CAACuB,eAAe,CAAC,CAAC;IACrBvB,GAAG,CAACwB,QAAQ,CAACJ,QAAQ,CAAC;;IAEtB;IACAX,IAAI,GAAGK,IAAI,CAACJ,qBAAqB,CAAC,CAAC;;IAEnC;IACA,IAAII,IAAI,CAACW,UAAU,EAAE;MACjBX,IAAI,CAACW,UAAU,CAACC,WAAW,CAACZ,IAAI,CAAC;IACrC;EACJ;EAEA,OAAOL,IAAI;AACf,CAAC;AAEM,MAAMkB,oBAAoB,GAAGA,CAACC,SAAsB,EAAEC,OAAO,GAAG,CAAC,KAAW;EAC/E,MAAMpB,IAAI,GAAGV,kBAAkB,CAAC,CAAC;;EAEjC;EACA,IAAI,CAACU,IAAI,EAAE;IACP;IACAmB,SAAS,CAACE,SAAS,GAAGF,SAAS,CAACG,YAAY;IAE5C;EACJ;EAEA,MAAMC,aAAa,GAAGJ,SAAS,CAAClB,qBAAqB,CAAC,CAAC;;EAEvD;EACA,IAAID,IAAI,CAACI,MAAM,GAAGmB,aAAa,CAACnB,MAAM,GAAGgB,OAAO,EAAE;IAC9C;IACAD,SAAS,CAACE,SAAS,IAAIrB,IAAI,CAACI,MAAM,GAAGmB,aAAa,CAACnB,MAAM,GAAGgB,OAAO;EACvE;EACA;EAAA,KACK,IAAIpB,IAAI,CAACG,GAAG,GAAGoB,aAAa,CAACpB,GAAG,GAAGiB,OAAO,EAAE;IAC7C;IACAD,SAAS,CAACE,SAAS,IAAIE,aAAa,CAACpB,GAAG,GAAGiB,OAAO,GAAGpB,IAAI,CAACG,GAAG;EACjE;AACJ,CAAC;AAACqB,OAAA,CAAAN,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -10,6 +10,7 @@ import EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';
 import { StyledEmojiInput, StyledEmojiInputContent, StyledEmojiInputLabel, StyledEmojiInputRightWrapper, StyledMotionEmojiInputEditor, StyledMotionEmojiInputProgress } from './EmojiInput.styles';
 import PrefixElement from './prefix-element/PrefixElement';
 import { loadEmojiShortList } from '../../utils/asyncEmojiData';
+import { scrollCursorIntoView } from '../../utils/scroll';
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 const EmojiInput = /*#__PURE__*/forwardRef(({
   accessToken,
@@ -172,6 +173,11 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
       // noinspection JSDeprecatedSymbols
       document.execCommand('insertLineBreak', false);
     }
+    if (event.key === 'Enter') {
+      requestAnimationFrame(() => {
+        if (editorRef.current) scrollCursorIntoView(editorRef.current);
+      });
+    }
     if (event.key === 'Backspace' || event.key === 'Delete' || event.key === 'Unidentified') {
       const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);
       if (charCodeThatWillBeDeleted === 8203) {

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","escapeHTML","insertTextAtCursorPosition","replaceText","getCharCodeThatWillBeDeleted","insertInvisibleCursorMarker","restoreSelection","saveSelection","convertHTMLToText","convertTextToHTML","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","loadEmojiShortList","useIsomorphicLayoutEffect","window","EmojiInput","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","ref","isTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","editorRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","valueRef","browser","shouldChangeColor","then","shortNameList","regShortnames","handleUpdateHTML","html","current","newInnerHTML","innerHTML","shouldIgnoreEmptyTextNodes","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","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","focus","blur","handlePreventLoseFocus","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","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, BrowserName, getIsTouch } from '@chayns-components/core';\nimport { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\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, escapeHTML } from '../../utils/emoji';\nimport { insertTextAtCursorPosition, replaceText } from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    insertInvisibleCursorMarker,\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';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\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    focus: () => void;\n    blur: () => 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 = false,\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 [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n        const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>((/./));\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        useEffect(() => {\n            void loadEmojiShortList().then(({shortNameList, regShortnames}) => {\n                setEmojiShortNames(shortNameList);\n                setEmojiRegShortNames(regShortnames);\n            })\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, emojiRegShortNames, emojiShortNames);\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        }, [emojiRegShortNames, emojiShortNames]);\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, emojiRegShortNames, emojiShortNames);\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            [emojiRegShortNames, emojiShortNames, 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                    // Remove content and set cursor to the right position\n                    insertInvisibleCursorMarker();\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                    // This ensures, that only the copied text is inserted and not its HTML formatting.\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n                    if (text.includes('\\n')) {\n                        text += '\\u200C';\n                    }\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            [emojiRegShortNames, emojiShortNames, 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                    // This ensures, that only the dropped text is inserted and not its HTML formatting.\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(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            [emojiRegShortNames, emojiShortNames, 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                focus: () => editorRef.current?.focus(),\n                blur: () => editorRef.current?.blur(),\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, emojiRegShortNames, emojiShortNames);\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [emojiRegShortNames, emojiShortNames, 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 as BrowserName}\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable\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","escapeHTML","insertTextAtCursorPosition","replaceText","getCharCodeThatWillBeDeleted","insertInvisibleCursorMarker","restoreSelection","saveSelection","convertHTMLToText","convertTextToHTML","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","loadEmojiShortList","scrollCursorIntoView","useIsomorphicLayoutEffect","window","EmojiInput","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","ref","isTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","editorRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","valueRef","browser","shouldChangeColor","then","shortNameList","regShortnames","handleUpdateHTML","html","current","newInnerHTML","innerHTML","shouldIgnoreEmptyTextNodes","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","document","execCommand","handleKeyDown","key","isPropagationStopped","requestAnimationFrame","charCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","dataTransfer","handlePopupSelect","emoji","shouldUseSavedSelection","convertedText","replace","convertedPrefix","length","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","handleStartProgress","duration","handleStopProgress","startProgress","stopProgress","focus","blur","handlePreventLoseFocus","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","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, BrowserName, getIsTouch } from '@chayns-components/core';\nimport { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\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, escapeHTML } from '../../utils/emoji';\nimport { insertTextAtCursorPosition, replaceText } from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    insertInvisibleCursorMarker,\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';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\nimport { scrollCursorIntoView } from '../../utils/scroll';\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    focus: () => void;\n    blur: () => 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 = false,\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 [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n        const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>(/./);\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        useEffect(() => {\n            void loadEmojiShortList().then(({ shortNameList, regShortnames }) => {\n                setEmojiShortNames(shortNameList);\n                setEmojiRegShortNames(regShortnames);\n            });\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(\n            (html: string) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                let newInnerHTML = convertEmojisToUnicode(\n                    html,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                );\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            [emojiRegShortNames, emojiShortNames],\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, emojiRegShortNames, emojiShortNames);\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            [emojiRegShortNames, emojiShortNames, 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                    // Remove content and set cursor to the right position\n                    insertInvisibleCursorMarker();\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 === 'Enter') {\n                    requestAnimationFrame(() => {\n                        if (editorRef.current) scrollCursorIntoView(editorRef.current);\n                    });\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                    // This ensures, that only the copied text is inserted and not its HTML formatting.\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n                    if (text.includes('\\n')) {\n                        text += '\\u200C';\n                    }\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            [emojiRegShortNames, emojiShortNames, 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                    // This ensures, that only the dropped text is inserted and not its HTML formatting.\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(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            [emojiRegShortNames, emojiShortNames, 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                focus: () => editorRef.current?.focus(),\n                blur: () => editorRef.current?.blur(),\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(\n                    prefixElement,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                );\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [emojiRegShortNames, emojiShortNames, 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 as BrowserName}\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable\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/scroll.js

@@ -0,0 +1,58 @@
+const getCaretClientRect = () => {
+  const sel = window.getSelection();
+  if (!sel || sel.rangeCount === 0) return null;
+
+  // Clone the current range so we don't mess with the actual selection
+  const range = sel.getRangeAt(0).cloneRange();
+  if (!range.collapsed) range.collapse(false);
+
+  // Try getting the rect directly
+  let rect = range.getBoundingClientRect();
+  const isEmptyRect = rect && rect.top === 0 && rect.bottom === 0;
+  if (!rect || isEmptyRect) {
+    // Fallback: insert a temporary invisible element to measure the caret position
+    const span = document.createElement('span');
+    span.appendChild(document.createTextNode('\u200B')); // zero-width space
+
+    range.insertNode(span);
+
+    // Move selection right after the temporary span
+    const newRange = document.createRange();
+    newRange.setStartAfter(span);
+    newRange.collapse(true);
+    sel.removeAllRanges();
+    sel.addRange(newRange);
+
+    // Measure the span's position
+    rect = span.getBoundingClientRect();
+
+    // Remove the temporary span
+    if (span.parentNode) {
+      span.parentNode.removeChild(span);
+    }
+  }
+  return rect;
+};
+export const scrollCursorIntoView = (container, padding = 8) => {
+  const rect = getCaretClientRect();
+
+  // Fallback: scroll to bottom if caret position can't be determined
+  if (!rect) {
+    // eslint-disable-next-line no-param-reassign
+    container.scrollTop = container.scrollHeight;
+    return;
+  }
+  const containerRect = container.getBoundingClientRect();
+
+  // Scroll down if caret is below the visible area
+  if (rect.bottom > containerRect.bottom - padding) {
+    // eslint-disable-next-line no-param-reassign
+    container.scrollTop += rect.bottom - containerRect.bottom + padding;
+  }
+  // Scroll up if caret is above the visible area
+  else if (rect.top < containerRect.top + padding) {
+    // eslint-disable-next-line no-param-reassign
+    container.scrollTop -= containerRect.top + padding - rect.top;
+  }
+};
+//# sourceMappingURL=scroll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.js","names":["getCaretClientRect","sel","window","getSelection","rangeCount","range","getRangeAt","cloneRange","collapsed","collapse","rect","getBoundingClientRect","isEmptyRect","top","bottom","span","document","createElement","appendChild","createTextNode","insertNode","newRange","createRange","setStartAfter","removeAllRanges","addRange","parentNode","removeChild","scrollCursorIntoView","container","padding","scrollTop","scrollHeight","containerRect"],"sources":["../../../src/utils/scroll.ts"],"sourcesContent":["const getCaretClientRect = (): DOMRect | null => {\n    const sel = window.getSelection();\n\n    if (!sel || sel.rangeCount === 0) return null;\n\n    // Clone the current range so we don't mess with the actual selection\n    const range = sel.getRangeAt(0).cloneRange();\n\n    if (!range.collapsed) range.collapse(false);\n\n    // Try getting the rect directly\n    let rect = range.getBoundingClientRect();\n\n    const isEmptyRect = rect && rect.top === 0 && rect.bottom === 0;\n\n    if (!rect || isEmptyRect) {\n        // Fallback: insert a temporary invisible element to measure the caret position\n        const span = document.createElement('span');\n\n        span.appendChild(document.createTextNode('\\u200B')); // zero-width space\n\n        range.insertNode(span);\n\n        // Move selection right after the temporary span\n        const newRange = document.createRange();\n\n        newRange.setStartAfter(span);\n        newRange.collapse(true);\n\n        sel.removeAllRanges();\n        sel.addRange(newRange);\n\n        // Measure the span's position\n        rect = span.getBoundingClientRect();\n\n        // Remove the temporary span\n        if (span.parentNode) {\n            span.parentNode.removeChild(span);\n        }\n    }\n\n    return rect;\n};\n\nexport const scrollCursorIntoView = (container: HTMLElement, padding = 8): void => {\n    const rect = getCaretClientRect();\n\n    // Fallback: scroll to bottom if caret position can't be determined\n    if (!rect) {\n        // eslint-disable-next-line no-param-reassign\n        container.scrollTop = container.scrollHeight;\n\n        return;\n    }\n\n    const containerRect = container.getBoundingClientRect();\n\n    // Scroll down if caret is below the visible area\n    if (rect.bottom > containerRect.bottom - padding) {\n        // eslint-disable-next-line no-param-reassign\n        container.scrollTop += rect.bottom - containerRect.bottom + padding;\n    }\n    // Scroll up if caret is above the visible area\n    else if (rect.top < containerRect.top + padding) {\n        // eslint-disable-next-line no-param-reassign\n        container.scrollTop -= containerRect.top + padding - rect.top;\n    }\n};\n"],"mappings":"AAAA,MAAMA,kBAAkB,GAAGA,CAAA,KAAsB;EAC7C,MAAMC,GAAG,GAAGC,MAAM,CAACC,YAAY,CAAC,CAAC;EAEjC,IAAI,CAACF,GAAG,IAAIA,GAAG,CAACG,UAAU,KAAK,CAAC,EAAE,OAAO,IAAI;;EAE7C;EACA,MAAMC,KAAK,GAAGJ,GAAG,CAACK,UAAU,CAAC,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAE5C,IAAI,CAACF,KAAK,CAACG,SAAS,EAAEH,KAAK,CAACI,QAAQ,CAAC,KAAK,CAAC;;EAE3C;EACA,IAAIC,IAAI,GAAGL,KAAK,CAACM,qBAAqB,CAAC,CAAC;EAExC,MAAMC,WAAW,GAAGF,IAAI,IAAIA,IAAI,CAACG,GAAG,KAAK,CAAC,IAAIH,IAAI,CAACI,MAAM,KAAK,CAAC;EAE/D,IAAI,CAACJ,IAAI,IAAIE,WAAW,EAAE;IACtB;IACA,MAAMG,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;IAE3CF,IAAI,CAACG,WAAW,CAACF,QAAQ,CAACG,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;;IAErDd,KAAK,CAACe,UAAU,CAACL,IAAI,CAAC;;IAEtB;IACA,MAAMM,QAAQ,GAAGL,QAAQ,CAACM,WAAW,CAAC,CAAC;IAEvCD,QAAQ,CAACE,aAAa,CAACR,IAAI,CAAC;IAC5BM,QAAQ,CAACZ,QAAQ,CAAC,IAAI,CAAC;IAEvBR,GAAG,CAACuB,eAAe,CAAC,CAAC;IACrBvB,GAAG,CAACwB,QAAQ,CAACJ,QAAQ,CAAC;;IAEtB;IACAX,IAAI,GAAGK,IAAI,CAACJ,qBAAqB,CAAC,CAAC;;IAEnC;IACA,IAAII,IAAI,CAACW,UAAU,EAAE;MACjBX,IAAI,CAACW,UAAU,CAACC,WAAW,CAACZ,IAAI,CAAC;IACrC;EACJ;EAEA,OAAOL,IAAI;AACf,CAAC;AAED,OAAO,MAAMkB,oBAAoB,GAAGA,CAACC,SAAsB,EAAEC,OAAO,GAAG,CAAC,KAAW;EAC/E,MAAMpB,IAAI,GAAGV,kBAAkB,CAAC,CAAC;;EAEjC;EACA,IAAI,CAACU,IAAI,EAAE;IACP;IACAmB,SAAS,CAACE,SAAS,GAAGF,SAAS,CAACG,YAAY;IAE5C;EACJ;EAEA,MAAMC,aAAa,GAAGJ,SAAS,CAAClB,qBAAqB,CAAC,CAAC;;EAEvD;EACA,IAAID,IAAI,CAACI,MAAM,GAAGmB,aAAa,CAACnB,MAAM,GAAGgB,OAAO,EAAE;IAC9C;IACAD,SAAS,CAACE,SAAS,IAAIrB,IAAI,CAACI,MAAM,GAAGmB,aAAa,CAACnB,MAAM,GAAGgB,OAAO;EACvE;EACA;EAAA,KACK,IAAIpB,IAAI,CAACG,GAAG,GAAGoB,aAAa,CAACpB,GAAG,GAAGiB,OAAO,EAAE;IAC7C;IACAD,SAAS,CAACE,SAAS,IAAIE,aAAa,CAACpB,GAAG,GAAGiB,OAAO,GAAGpB,IAAI,CAACG,GAAG;EACjE;AACJ,CAAC","ignoreList":[]}

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

@@ -0,0 +1 @@
+export declare const scrollCursorIntoView: (container: HTMLElement, padding?: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/emoji-input",
-    "version": "5.0.0-beta.1197",
+    "version": "5.0.0-beta.1198",
     "description": "Input field that supports HTML elements and emojis",
     "sideEffects": false,
     "browserslist": [
@@ -86,5 +86,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "3a6958c1c2f2c25a0d73a143240db52d153684c7"
+    "gitHead": "a7081d5a97b71357708c3039b5c4cbe6039b1583"
 }