@chayns-components/emoji-input 5.4.8-alpha.0 → 5.4.9

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

@@ -23,6 +23,7 @@ const MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react2.useLayoutEffect : _react2.useEffect;
 const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
   accessToken,
+  container,
   height,
   inputId,
   isDisabled,
@@ -39,6 +40,7 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
   prefixElement,
   rightElement,
   shouldHidePlaceholderOnFocus = false,
+  shouldRevertAsciiSmileyConversionOnBackspace = false,
   shouldPreventEmojiPicker,
   value,
   onCursorPositionChange
@@ -112,7 +114,7 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
       // Remember the LAST ASCII conversion so Backspace can revert it.
       // Older conversions are dropped on purpose: only the smiley the
       // user just produced should be undoable.
-      if (conversions.length > 0) {
+      if (shouldRevertAsciiSmileyConversionOnBackspace && conversions.length > 0) {
         const lastConv = conversions[conversions.length - 1];
         const pos = (0, _selection.getCurrentCursorPosition)(editorRef.current);
         if (pos !== null) {
@@ -122,9 +124,11 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
             plainTextCursorPos: pos
           };
         }
+      } else {
+        lastAsciiConversionRef.current = null;
       }
     }
-  }, [emojiRegShortNames, emojiShortNames]);
+  }, [emojiRegShortNames, emojiShortNames, shouldRevertAsciiSmileyConversionOnBackspace]);
   const handleBeforeInput = (0, _react2.useCallback)(event => {
     if (!editorRef.current) {
       return;
@@ -215,7 +219,7 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
     // was auto-converted (and the cursor is still at the post-conversion
     // position), we revert the emoji back to the original text and wrap
     // it in a protection span so it does not get re-converted.
-    if (event.key === 'Backspace' && !event.ctrlKey && !event.metaKey && lastAsciiConversionRef.current && editorRef.current) {
+    if (shouldRevertAsciiSmileyConversionOnBackspace && event.key === 'Backspace' && !event.ctrlKey && !event.metaKey && lastAsciiConversionRef.current && editorRef.current) {
       const {
         original,
         emoji,
@@ -243,7 +247,7 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
         // Cursor moved away from the just-converted emoji -> drop tracker
         lastAsciiConversionRef.current = null;
       }
-    } else if (!MODIFIER_KEYS.has(event.key)) {
+    } else if (shouldRevertAsciiSmileyConversionOnBackspace && !MODIFIER_KEYS.has(event.key)) {
       // Any other actual keystroke invalidates the revert window
       lastAsciiConversionRef.current = null;
     }
@@ -275,7 +279,7 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
         }
       }
     }
-  }, [isDisabled, isPopupVisible, onKeyDown]);
+  }, [isDisabled, isPopupVisible, onKeyDown, shouldRevertAsciiSmileyConversionOnBackspace]);
   const handlePopupVisibility = (0, _react2.useCallback)(isVisible => {
     setIsPopupVisible(isVisible);
     if (editorRef.current && isVisible) {
@@ -382,6 +386,11 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
       editorRef.current.dispatchEvent(event);
     }
   }, []);
+  (0, _react2.useEffect)(() => {
+    if (!shouldRevertAsciiSmileyConversionOnBackspace) {
+      lastAsciiConversionRef.current = null;
+    }
+  }, [shouldRevertAsciiSmileyConversionOnBackspace]);
   (0, _react2.useEffect)(() => {
     var _editorRef$current;
     if (typeof onPrefixElementRemove !== 'function') {
@@ -646,6 +655,7 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
     $offsetWidth: prefixElementWidth
   }, placeholder), !isTouch && !shouldPreventEmojiPicker && /*#__PURE__*/_react2.default.createElement(_EmojiPickerPopup.default, {
     accessToken: accessToken,
+    container: container,
     onSelect: handlePopupSelect,
     onPopupVisibilityChange: handlePopupVisibility,
     personId: personId

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiInput.js","names":["_core","require","_react","_react2","_interopRequireWildcard","_emoji","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","_PrefixElement","_asyncEmojiData","_scroll","_cursor","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MODIFIER_KEYS","Set","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","EmojiInput","forwardRef","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","onCursorPositionChange","ref","isTouch","useIsTouch","plainTextValue","setPlainTextValue","useState","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","lastAsciiConversionRef","savedCursorPositionRef","valueRef","useCursorPosition","useCallback","position","current","shouldChangeColor","useMemo","loadEmojiShortList","then","shortNameList","regShortnames","handleUpdateHTML","html","conversions","newInnerHTML","convertEmojisToUnicode","onAsciiConversion","conv","push","convertTextToHTML","cleanupEmptyIgnoreEmojiSpans","innerHTML","saveSelection","shouldIgnoreEmptyTextNodes","restoreSelection","length","lastConv","pos","getCurrentCursorPosition","original","emoji","plainTextCursorPos","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","insertTextAtCursorPosition","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","unwrapIgnoreEmojiSpanAtCursor","insertInvisibleCursorMarker","document","execCommand","cleanedHTML","convertHTMLToText","insertCursorAtMarker","moveCursorOutOfIgnoreEmojiSpan","handleKeyDown","key","ctrlKey","metaKey","currentPos","didRevert","revertAsciiSmileyConversion","isPropagationStopped","requestAnimationFrame","scrollCursorIntoView","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","escapeHTML","handleDrop","_event$dataTransfer","dataTransfer","handlePopupSelect","shouldUseSavedSelection","_editorRef$current","convertedText","replace","convertedPrefix","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","options","replaceText","insertPseudoMarker","handleStartProgress","duration","handleStopProgress","handleSetCursorPosition","resolvedPosition","focus","setCursorPositionByAbsIndex","updatedPosition","useImperativeHandle","startProgress","stopProgress","_editorRef$current2","blur","_editorRef$current3","setCursorPosition","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","className","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, useIsTouch } from '@chayns-components/core';\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 {\n    insertTextAtCursorPosition,\n    replaceText,\n    revertAsciiSmileyConversion,\n} from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    insertInvisibleCursorMarker,\n    restoreSelection,\n    saveSelection,\n    type ReplaceTextOptions,\n    insertPseudoMarker,\n    insertCursorAtMarker,\n    getCurrentCursorPosition,\n    setCursorPositionByAbsIndex,\n    moveCursorOutOfIgnoreEmojiSpan,\n    unwrapIgnoreEmojiSpanAtCursor,\n} from '../../utils/selection';\nimport {\n    convertHTMLToText,\n    convertTextToHTML,\n    cleanupEmptyIgnoreEmojiSpans,\n} 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';\nimport { useCursorPosition } from '../../hooks/cursor';\n\nconst MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);\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 to be executed when the cursor position is changed.\n     */\n    onCursorPositionChange?: (position: number) => void;\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 interface EmojiInputRef {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string, options?: ReplaceTextOptions) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n    focus: () => void;\n    blur: () => void;\n    setCursorPosition: (position?: number) => 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            onCursorPositionChange,\n        },\n        ref,\n    ) => {\n        const isTouch = useIsTouch();\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        /** * Tracks the most recently auto-converted ASCII smiley so the next * Backspace keystroke can revert it (Word/IntelliJ-style autocorrect undo). * The ref is invalidated as soon as the user presses any non-modifier key * other than Backspace (see `handleKeyDown`). */\n        const lastAsciiConversionRef = useRef<{\n            original: string;\n            emoji: string;\n            plainTextCursorPos: number;\n        } | null>(null);\n\n        const savedCursorPositionRef = useRef<number>(0);\n\n        const valueRef = useRef(value);\n\n        useCursorPosition(\n            editorRef,\n            useCallback(\n                (position: number) => {\n                    savedCursorPositionRef.current = position;\n\n                    if (typeof onCursorPositionChange === 'function') {\n                        onCursorPositionChange(position);\n                    }\n                },\n                [onCursorPositionChange],\n            ),\n            { isDisabled },\n        );\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                const conversions: { original: string; emoji: string }[] = [];\n\n                let newInnerHTML = convertEmojisToUnicode(\n                    html,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                    {\n                        onAsciiConversion: (conv) => conversions.push(conv),\n                    },\n                );\n\n                newInnerHTML = convertTextToHTML(newInnerHTML);\n                newInnerHTML = cleanupEmptyIgnoreEmojiSpans(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                    // Remember the LAST ASCII conversion so Backspace can revert it.\n                    // Older conversions are dropped on purpose: only the smiley the\n                    // user just produced should be undoable.\n                    if (conversions.length > 0) {\n                        const lastConv = conversions[conversions.length - 1];\n                        const pos = getCurrentCursorPosition(editorRef.current);\n                        if (pos !== null) {\n                            lastAsciiConversionRef.current = {\n                                original: lastConv!.original,\n                                emoji: lastConv!.emoji,\n                                plainTextCursorPos: pos,\n                            };\n                        }\n                    }\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 the user is typing inside a no-emoji-convert span, unwrap it first\n                // This prevents text from getting stuck inside the protection span\n                unwrapIgnoreEmojiSpanAtCursor(editorRef.current);\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                let cleanedHTML = cleanupEmptyIgnoreEmojiSpans(editorRef.current.innerHTML);\n                handleUpdateHTML(cleanedHTML);\n\n                // After handleUpdateHTML, the DOM has been updated with emojis\n                // We need to read the text from the updated DOM, not from pre-update HTML\n                // convertHTMLToText will convert no-emoji-convert spans to [ignoreEmoji] BBCode\n                const text = convertHTMLToText(editorRef.current.innerHTML);\n\n                setPlainTextValue(text);\n\n                if (typeof onInput === 'function') {\n                    onInput(event, text);\n                }\n\n                insertCursorAtMarker(editorRef);\n                moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\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                // --- Backspace-revert for the most recent auto-conversion ---\n                // If the user presses Backspace immediately after an ASCII smiley\n                // was auto-converted (and the cursor is still at the post-conversion\n                // position), we revert the emoji back to the original text and wrap\n                // it in a protection span so it does not get re-converted.\n                if (\n                    event.key === 'Backspace' &&\n                    !event.ctrlKey &&\n                    !event.metaKey &&\n                    lastAsciiConversionRef.current &&\n                    editorRef.current\n                ) {\n                    const { original, emoji, plainTextCursorPos } = lastAsciiConversionRef.current;\n                    const currentPos = getCurrentCursorPosition(editorRef.current);\n\n                    if (currentPos === plainTextCursorPos) {\n                        event.preventDefault();\n                        event.stopPropagation();\n\n                        const didRevert = revertAsciiSmileyConversion({\n                            editorElement: editorRef.current,\n                            original,\n                            emoji,\n                        });\n\n                        lastAsciiConversionRef.current = null;\n\n                        if (didRevert) {\n                            // Notify React + downstream consumers via a synthetic input event\n                            const newEvent = new Event('input', { bubbles: true });\n                            editorRef.current.dispatchEvent(newEvent);\n                            return;\n                        }\n                    } else {\n                        // Cursor moved away from the just-converted emoji -> drop tracker\n                        lastAsciiConversionRef.current = null;\n                    }\n                } else if (!MODIFIER_KEYS.has(event.key)) {\n                    // Any other actual keystroke invalidates the revert window\n                    lastAsciiConversionRef.current = null;\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        // After every input, ensure the cursor is not stuck inside a no-emoji-convert span\n        useEffect(() => {\n            moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n        }, [plainTextValue]);\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(\n            (searchText: string, pasteText: string, options?: ReplaceTextOptions) => {\n                if (editorRef.current) {\n                    replaceText({\n                        editorElement: editorRef.current,\n                        searchText,\n                        pasteText,\n                        options,\n                    });\n\n                    insertPseudoMarker();\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [],\n        );\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        const handleSetCursorPosition = useCallback((position?: number) => {\n            if (!editorRef.current) {\n                return;\n            }\n\n            const resolvedPosition = position ?? savedCursorPositionRef.current;\n\n            savedCursorPositionRef.current = resolvedPosition;\n\n            editorRef.current.focus();\n\n            setCursorPositionByAbsIndex({\n                editorElement: editorRef.current,\n                position: resolvedPosition,\n            });\n\n            const updatedPosition = getCurrentCursorPosition(editorRef.current);\n            if (typeof updatedPosition === 'number') {\n                savedCursorPositionRef.current = updatedPosition;\n            }\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                setCursorPosition: handleSetCursorPosition,\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n                handleSetCursorPosition,\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                        className=\"chayns-scrollbar\"\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","_react","_react2","_interopRequireWildcard","_emoji","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","_PrefixElement","_asyncEmojiData","_scroll","_cursor","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MODIFIER_KEYS","Set","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","EmojiInput","forwardRef","accessToken","container","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldRevertAsciiSmileyConversionOnBackspace","shouldPreventEmojiPicker","value","onCursorPositionChange","ref","isTouch","useIsTouch","plainTextValue","setPlainTextValue","useState","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","lastAsciiConversionRef","savedCursorPositionRef","valueRef","useCursorPosition","useCallback","position","current","shouldChangeColor","useMemo","loadEmojiShortList","then","shortNameList","regShortnames","handleUpdateHTML","html","conversions","newInnerHTML","convertEmojisToUnicode","onAsciiConversion","conv","push","convertTextToHTML","cleanupEmptyIgnoreEmojiSpans","innerHTML","saveSelection","shouldIgnoreEmptyTextNodes","restoreSelection","length","lastConv","pos","getCurrentCursorPosition","original","emoji","plainTextCursorPos","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","insertTextAtCursorPosition","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","unwrapIgnoreEmojiSpanAtCursor","insertInvisibleCursorMarker","document","execCommand","cleanedHTML","convertHTMLToText","insertCursorAtMarker","moveCursorOutOfIgnoreEmojiSpan","handleKeyDown","key","ctrlKey","metaKey","currentPos","didRevert","revertAsciiSmileyConversion","isPropagationStopped","requestAnimationFrame","scrollCursorIntoView","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","escapeHTML","handleDrop","_event$dataTransfer","dataTransfer","handlePopupSelect","shouldUseSavedSelection","_editorRef$current","convertedText","replace","convertedPrefix","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","options","replaceText","insertPseudoMarker","handleStartProgress","duration","handleStopProgress","handleSetCursorPosition","resolvedPosition","focus","setCursorPositionByAbsIndex","updatedPosition","useImperativeHandle","startProgress","stopProgress","_editorRef$current2","blur","_editorRef$current3","setCursorPosition","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","className","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, useIsTouch } from '@chayns-components/core';\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 {\n    insertTextAtCursorPosition,\n    replaceText,\n    revertAsciiSmileyConversion,\n} from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    insertInvisibleCursorMarker,\n    restoreSelection,\n    saveSelection,\n    type ReplaceTextOptions,\n    insertPseudoMarker,\n    insertCursorAtMarker,\n    getCurrentCursorPosition,\n    setCursorPositionByAbsIndex,\n    moveCursorOutOfIgnoreEmojiSpan,\n    unwrapIgnoreEmojiSpanAtCursor,\n} from '../../utils/selection';\nimport {\n    convertHTMLToText,\n    convertTextToHTML,\n    cleanupEmptyIgnoreEmojiSpans,\n} 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';\nimport { useCursorPosition } from '../../hooks/cursor';\n\nconst MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);\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     * The DOM element that should receive the emoji picker popup portal.\n     */\n    container?: Element;\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 to be executed when the cursor position is changed.\n     */\n    onCursorPositionChange?: (position: number) => void;\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     * Allows the most recently auto-converted ASCII smiley to be reverted with Backspace.\n     */\n    shouldRevertAsciiSmileyConversionOnBackspace?: 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 interface EmojiInputRef {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string, options?: ReplaceTextOptions) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n    focus: () => void;\n    blur: () => void;\n    setCursorPosition: (position?: number) => void;\n}\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n    (\n        {\n            accessToken,\n            container,\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            shouldRevertAsciiSmileyConversionOnBackspace = false,\n            shouldPreventEmojiPicker,\n            value,\n            onCursorPositionChange,\n        },\n        ref,\n    ) => {\n        const isTouch = useIsTouch();\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        /** * Tracks the most recently auto-converted ASCII smiley so the next * Backspace keystroke can revert it (Word/IntelliJ-style autocorrect undo). * The ref is invalidated as soon as the user presses any non-modifier key * other than Backspace (see `handleKeyDown`). */\n        const lastAsciiConversionRef = useRef<{\n            original: string;\n            emoji: string;\n            plainTextCursorPos: number;\n        } | null>(null);\n\n        const savedCursorPositionRef = useRef<number>(0);\n\n        const valueRef = useRef(value);\n\n        useCursorPosition(\n            editorRef,\n            useCallback(\n                (position: number) => {\n                    savedCursorPositionRef.current = position;\n\n                    if (typeof onCursorPositionChange === 'function') {\n                        onCursorPositionChange(position);\n                    }\n                },\n                [onCursorPositionChange],\n            ),\n            { isDisabled },\n        );\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                const conversions: { original: string; emoji: string }[] = [];\n\n                let newInnerHTML = convertEmojisToUnicode(\n                    html,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                    {\n                        onAsciiConversion: (conv) => conversions.push(conv),\n                    },\n                );\n\n                newInnerHTML = convertTextToHTML(newInnerHTML);\n                newInnerHTML = cleanupEmptyIgnoreEmojiSpans(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                    // Remember the LAST ASCII conversion so Backspace can revert it.\n                    // Older conversions are dropped on purpose: only the smiley the\n                    // user just produced should be undoable.\n                    if (shouldRevertAsciiSmileyConversionOnBackspace && conversions.length > 0) {\n                        const lastConv = conversions[conversions.length - 1];\n                        const pos = getCurrentCursorPosition(editorRef.current);\n                        if (pos !== null) {\n                            lastAsciiConversionRef.current = {\n                                original: lastConv!.original,\n                                emoji: lastConv!.emoji,\n                                plainTextCursorPos: pos,\n                            };\n                        }\n                    } else {\n                        lastAsciiConversionRef.current = null;\n                    }\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, shouldRevertAsciiSmileyConversionOnBackspace],\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 the user is typing inside a no-emoji-convert span, unwrap it first\n                // This prevents text from getting stuck inside the protection span\n                unwrapIgnoreEmojiSpanAtCursor(editorRef.current);\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                let cleanedHTML = cleanupEmptyIgnoreEmojiSpans(editorRef.current.innerHTML);\n                handleUpdateHTML(cleanedHTML);\n\n                // After handleUpdateHTML, the DOM has been updated with emojis\n                // We need to read the text from the updated DOM, not from pre-update HTML\n                // convertHTMLToText will convert no-emoji-convert spans to [ignoreEmoji] BBCode\n                const text = convertHTMLToText(editorRef.current.innerHTML);\n\n                setPlainTextValue(text);\n\n                if (typeof onInput === 'function') {\n                    onInput(event, text);\n                }\n\n                insertCursorAtMarker(editorRef);\n                moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\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                // --- Backspace-revert for the most recent auto-conversion ---\n                // If the user presses Backspace immediately after an ASCII smiley\n                // was auto-converted (and the cursor is still at the post-conversion\n                // position), we revert the emoji back to the original text and wrap\n                // it in a protection span so it does not get re-converted.\n                if (\n                    shouldRevertAsciiSmileyConversionOnBackspace &&\n                    event.key === 'Backspace' &&\n                    !event.ctrlKey &&\n                    !event.metaKey &&\n                    lastAsciiConversionRef.current &&\n                    editorRef.current\n                ) {\n                    const { original, emoji, plainTextCursorPos } = lastAsciiConversionRef.current;\n                    const currentPos = getCurrentCursorPosition(editorRef.current);\n\n                    if (currentPos === plainTextCursorPos) {\n                        event.preventDefault();\n                        event.stopPropagation();\n\n                        const didRevert = revertAsciiSmileyConversion({\n                            editorElement: editorRef.current,\n                            original,\n                            emoji,\n                        });\n\n                        lastAsciiConversionRef.current = null;\n\n                        if (didRevert) {\n                            // Notify React + downstream consumers via a synthetic input event\n                            const newEvent = new Event('input', { bubbles: true });\n                            editorRef.current.dispatchEvent(newEvent);\n                            return;\n                        }\n                    } else {\n                        // Cursor moved away from the just-converted emoji -> drop tracker\n                        lastAsciiConversionRef.current = null;\n                    }\n                } else if (\n                    shouldRevertAsciiSmileyConversionOnBackspace &&\n                    !MODIFIER_KEYS.has(event.key)\n                ) {\n                    // Any other actual keystroke invalidates the revert window\n                    lastAsciiConversionRef.current = null;\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, shouldRevertAsciiSmileyConversionOnBackspace],\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 (!shouldRevertAsciiSmileyConversionOnBackspace) {\n                lastAsciiConversionRef.current = null;\n            }\n        }, [shouldRevertAsciiSmileyConversionOnBackspace]);\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        // After every input, ensure the cursor is not stuck inside a no-emoji-convert span\n        useEffect(() => {\n            moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n        }, [plainTextValue]);\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(\n            (searchText: string, pasteText: string, options?: ReplaceTextOptions) => {\n                if (editorRef.current) {\n                    replaceText({\n                        editorElement: editorRef.current,\n                        searchText,\n                        pasteText,\n                        options,\n                    });\n\n                    insertPseudoMarker();\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [],\n        );\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        const handleSetCursorPosition = useCallback((position?: number) => {\n            if (!editorRef.current) {\n                return;\n            }\n\n            const resolvedPosition = position ?? savedCursorPositionRef.current;\n\n            savedCursorPositionRef.current = resolvedPosition;\n\n            editorRef.current.focus();\n\n            setCursorPositionByAbsIndex({\n                editorElement: editorRef.current,\n                position: resolvedPosition,\n            });\n\n            const updatedPosition = getCurrentCursorPosition(editorRef.current);\n            if (typeof updatedPosition === 'number') {\n                savedCursorPositionRef.current = updatedPosition;\n            }\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                setCursorPosition: handleSetCursorPosition,\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n                handleSetCursorPosition,\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                        className=\"chayns-scrollbar\"\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                            container={container}\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/components/emoji-picker-popup/EmojiPickerPopup.js

@@ -12,6 +12,7 @@ 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 EmojiPickerPopup = ({
   accessToken,
+  container,
   onPopupVisibilityChange,
   onSelect,
   personId
@@ -26,10 +27,11 @@ const EmojiPickerPopup = ({
   (0, _react.useEffect)(() => {
     document.addEventListener('keydown', handleKeyPress);
     return () => {
-      document.addEventListener('keydown', handleKeyPress);
+      document.removeEventListener('keydown', handleKeyPress);
     };
   }, [handleKeyPress]);
   return /*#__PURE__*/_react.default.createElement(_EmojiPickerPopup.StyledEmojiPickerPopup, null, /*#__PURE__*/_react.default.createElement(_core.Popup, {
+    container: container,
     ref: popupRef,
     onHide: () => typeof onPopupVisibilityChange === 'function' ? onPopupVisibilityChange(false) : undefined,
     onShow: () => typeof onPopupVisibilityChange === 'function' ? onPopupVisibilityChange(true) : undefined,

package/lib/cjs/components/emoji-picker-popup/EmojiPickerPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPickerPopup.js","names":["_core","require","_react","_interopRequireWildcard","_EmojiPicker","_interopRequireDefault","_EmojiPickerPopup","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EmojiPickerPopup","accessToken","onPopupVisibilityChange","onSelect","personId","popupRef","useRef","handleKeyPress","useCallback","event","key","shiftKey","_popupRef$current","current","hide","useEffect","document","addEventListener","createElement","StyledEmojiPickerPopup","Popup","ref","onHide","undefined","onShow","content","AreaProvider","shouldChangeColor","Icon","className","icons","size","displayName","_default","exports"],"sources":["../../../../src/components/emoji-picker-popup/EmojiPickerPopup.tsx"],"sourcesContent":["import { AreaProvider, Icon, Popup, type PopupRef } from '@chayns-components/core';\nimport React, { FC, useCallback, useEffect, useRef } from 'react';\nimport EmojiPicker from '../emoji-picker/EmojiPicker';\nimport { StyledEmojiPickerPopup } from './EmojiPickerPopup.styles';\n\nexport type EmojiPickerPopupProps = {\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     * 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     * Function executed when an emoji is selected in the popup\n     * @param {string} emoji - Emoji that was selected\n     */\n    onSelect: (emoji: string) => void;\n};\n\nconst EmojiPickerPopup: FC<EmojiPickerPopupProps> = ({\n    accessToken,\n    onPopupVisibilityChange,\n    onSelect,\n    personId,\n}) => {\n    const popupRef = useRef<PopupRef>(null);\n\n    const handleKeyPress = useCallback((event: KeyboardEvent) => {\n        if (event.key === 'Escape' && !event.shiftKey) {\n            popupRef.current?.hide();\n        }\n    }, []);\n\n    useEffect(() => {\n        document.addEventListener('keydown', handleKeyPress);\n\n        return () => {\n            document.addEventListener('keydown', handleKeyPress);\n        };\n    }, [handleKeyPress]);\n\n    return (\n        <StyledEmojiPickerPopup>\n            <Popup\n                ref={popupRef}\n                onHide={() =>\n                    typeof onPopupVisibilityChange === 'function'\n                        ? onPopupVisibilityChange(false)\n                        : undefined\n                }\n                onShow={() =>\n                    typeof onPopupVisibilityChange === 'function'\n                        ? onPopupVisibilityChange(true)\n                        : undefined\n                }\n                content={\n                    <AreaProvider shouldChangeColor={false}>\n                        <EmojiPicker\n                            accessToken={accessToken}\n                            onSelect={onSelect}\n                            personId={personId}\n                        />\n                    </AreaProvider>\n                }\n            >\n                <Icon className=\"prevent-lose-focus\" icons={['far fa-smile']} size={18} />\n            </Popup>\n        </StyledEmojiPickerPopup>\n    );\n};\n\nEmojiPickerPopup.displayName = 'EmojiPickerPopup';\n\nexport default EmojiPickerPopup;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EmojiPickerPopup.js","names":["_core","require","_react","_interopRequireWildcard","_EmojiPicker","_interopRequireDefault","_EmojiPickerPopup","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EmojiPickerPopup","accessToken","container","onPopupVisibilityChange","onSelect","personId","popupRef","useRef","handleKeyPress","useCallback","event","key","shiftKey","_popupRef$current","current","hide","useEffect","document","addEventListener","removeEventListener","createElement","StyledEmojiPickerPopup","Popup","ref","onHide","undefined","onShow","content","AreaProvider","shouldChangeColor","Icon","className","icons","size","displayName","_default","exports"],"sources":["../../../../src/components/emoji-picker-popup/EmojiPickerPopup.tsx"],"sourcesContent":["import { AreaProvider, Icon, Popup, PopupAlignment, type PopupRef } from '@chayns-components/core';\nimport React, { FC, useCallback, useEffect, useRef } from 'react';\nimport EmojiPicker from '../emoji-picker/EmojiPicker';\nimport { StyledEmojiPickerPopup } from './EmojiPickerPopup.styles';\n\nexport type EmojiPickerPopupProps = {\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     * The DOM element that should receive the popup portal.\n     */\n    container?: Element;\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     * Function executed when an emoji is selected in the popup\n     * @param {string} emoji - Emoji that was selected\n     */\n    onSelect: (emoji: string) => void;\n};\n\nconst EmojiPickerPopup: FC<EmojiPickerPopupProps> = ({\n    accessToken,\n    container,\n    onPopupVisibilityChange,\n    onSelect,\n    personId,\n}) => {\n    const popupRef = useRef<PopupRef>(null);\n\n    const handleKeyPress = useCallback((event: KeyboardEvent) => {\n        if (event.key === 'Escape' && !event.shiftKey) {\n            popupRef.current?.hide();\n        }\n    }, []);\n\n    useEffect(() => {\n        document.addEventListener('keydown', handleKeyPress);\n\n        return () => {\n            document.removeEventListener('keydown', handleKeyPress);\n        };\n    }, [handleKeyPress]);\n\n    return (\n        <StyledEmojiPickerPopup>\n            <Popup\n                container={container}\n                ref={popupRef}\n                onHide={() =>\n                    typeof onPopupVisibilityChange === 'function'\n                        ? onPopupVisibilityChange(false)\n                        : undefined\n                }\n                onShow={() =>\n                    typeof onPopupVisibilityChange === 'function'\n                        ? onPopupVisibilityChange(true)\n                        : undefined\n                }\n                content={\n                    <AreaProvider shouldChangeColor={false}>\n                        <EmojiPicker\n                            accessToken={accessToken}\n                            onSelect={onSelect}\n                            personId={personId}\n                        />\n                    </AreaProvider>\n                }\n            >\n                <Icon className=\"prevent-lose-focus\" icons={['far fa-smile']} size={18} />\n            </Popup>\n        </StyledEmojiPickerPopup>\n    );\n};\n\nEmojiPickerPopup.displayName = 'EmojiPickerPopup';\n\nexport default EmojiPickerPopup;\n"],"mappings":"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","ignoreList":[]}

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

@@ -15,6 +15,7 @@ const MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 const EmojiInput = /*#__PURE__*/forwardRef(({
   accessToken,
+  container,
   height,
   inputId,
   isDisabled,
@@ -31,6 +32,7 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
   prefixElement,
   rightElement,
   shouldHidePlaceholderOnFocus = false,
+  shouldRevertAsciiSmileyConversionOnBackspace = false,
   shouldPreventEmojiPicker,
   value,
   onCursorPositionChange
@@ -104,7 +106,7 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
       // Remember the LAST ASCII conversion so Backspace can revert it.
       // Older conversions are dropped on purpose: only the smiley the
       // user just produced should be undoable.
-      if (conversions.length > 0) {
+      if (shouldRevertAsciiSmileyConversionOnBackspace && conversions.length > 0) {
         const lastConv = conversions[conversions.length - 1];
         const pos = getCurrentCursorPosition(editorRef.current);
         if (pos !== null) {
@@ -114,9 +116,11 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
             plainTextCursorPos: pos
           };
         }
+      } else {
+        lastAsciiConversionRef.current = null;
       }
     }
-  }, [emojiRegShortNames, emojiShortNames]);
+  }, [emojiRegShortNames, emojiShortNames, shouldRevertAsciiSmileyConversionOnBackspace]);
   const handleBeforeInput = useCallback(event => {
     if (!editorRef.current) {
       return;
@@ -207,7 +211,7 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
     // was auto-converted (and the cursor is still at the post-conversion
     // position), we revert the emoji back to the original text and wrap
     // it in a protection span so it does not get re-converted.
-    if (event.key === 'Backspace' && !event.ctrlKey && !event.metaKey && lastAsciiConversionRef.current && editorRef.current) {
+    if (shouldRevertAsciiSmileyConversionOnBackspace && event.key === 'Backspace' && !event.ctrlKey && !event.metaKey && lastAsciiConversionRef.current && editorRef.current) {
       const {
         original,
         emoji,
@@ -235,7 +239,7 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
         // Cursor moved away from the just-converted emoji -> drop tracker
         lastAsciiConversionRef.current = null;
       }
-    } else if (!MODIFIER_KEYS.has(event.key)) {
+    } else if (shouldRevertAsciiSmileyConversionOnBackspace && !MODIFIER_KEYS.has(event.key)) {
       // Any other actual keystroke invalidates the revert window
       lastAsciiConversionRef.current = null;
     }
@@ -267,7 +271,7 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
         }
       }
     }
-  }, [isDisabled, isPopupVisible, onKeyDown]);
+  }, [isDisabled, isPopupVisible, onKeyDown, shouldRevertAsciiSmileyConversionOnBackspace]);
   const handlePopupVisibility = useCallback(isVisible => {
     setIsPopupVisible(isVisible);
     if (editorRef.current && isVisible) {
@@ -373,6 +377,11 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
       editorRef.current.dispatchEvent(event);
     }
   }, []);
+  useEffect(() => {
+    if (!shouldRevertAsciiSmileyConversionOnBackspace) {
+      lastAsciiConversionRef.current = null;
+    }
+  }, [shouldRevertAsciiSmileyConversionOnBackspace]);
   useEffect(() => {
     if (typeof onPrefixElementRemove !== 'function') {
       return;
@@ -627,6 +636,7 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
     $offsetWidth: prefixElementWidth
   }, placeholder), !isTouch && !shouldPreventEmojiPicker && /*#__PURE__*/React.createElement(EmojiPickerPopup, {
     accessToken: accessToken,
+    container: container,
     onSelect: handlePopupSelect,
     onPopupVisibilityChange: handlePopupVisibility,
     personId: personId

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiInput.js","names":["AreaContext","useIsTouch","AnimatePresence","React","forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","convertEmojisToUnicode","escapeHTML","insertTextAtCursorPosition","replaceText","revertAsciiSmileyConversion","getCharCodeThatWillBeDeleted","insertInvisibleCursorMarker","restoreSelection","saveSelection","insertPseudoMarker","insertCursorAtMarker","getCurrentCursorPosition","setCursorPositionByAbsIndex","moveCursorOutOfIgnoreEmojiSpan","unwrapIgnoreEmojiSpanAtCursor","convertHTMLToText","convertTextToHTML","cleanupEmptyIgnoreEmojiSpans","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","loadEmojiShortList","scrollCursorIntoView","useCursorPosition","MODIFIER_KEYS","Set","useIsomorphicLayoutEffect","window","EmojiInput","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","onCursorPositionChange","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","lastAsciiConversionRef","savedCursorPositionRef","valueRef","position","current","shouldChangeColor","then","shortNameList","regShortnames","handleUpdateHTML","html","conversions","newInnerHTML","onAsciiConversion","conv","push","innerHTML","shouldIgnoreEmptyTextNodes","length","lastConv","pos","original","emoji","plainTextCursorPos","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","document","execCommand","cleanedHTML","handleKeyDown","key","ctrlKey","metaKey","currentPos","didRevert","has","isPropagationStopped","requestAnimationFrame","charCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","dataTransfer","handlePopupSelect","shouldUseSavedSelection","convertedText","replace","convertedPrefix","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","options","handleStartProgress","duration","handleStopProgress","handleSetCursorPosition","resolvedPosition","focus","updatedPosition","startProgress","stopProgress","blur","setCursorPosition","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","className","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","$maxWidth","$offsetWidth","onSelect","displayName"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, useIsTouch } from '@chayns-components/core';\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 {\n    insertTextAtCursorPosition,\n    replaceText,\n    revertAsciiSmileyConversion,\n} from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    insertInvisibleCursorMarker,\n    restoreSelection,\n    saveSelection,\n    type ReplaceTextOptions,\n    insertPseudoMarker,\n    insertCursorAtMarker,\n    getCurrentCursorPosition,\n    setCursorPositionByAbsIndex,\n    moveCursorOutOfIgnoreEmojiSpan,\n    unwrapIgnoreEmojiSpanAtCursor,\n} from '../../utils/selection';\nimport {\n    convertHTMLToText,\n    convertTextToHTML,\n    cleanupEmptyIgnoreEmojiSpans,\n} 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';\nimport { useCursorPosition } from '../../hooks/cursor';\n\nconst MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);\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 to be executed when the cursor position is changed.\n     */\n    onCursorPositionChange?: (position: number) => void;\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 interface EmojiInputRef {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string, options?: ReplaceTextOptions) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n    focus: () => void;\n    blur: () => void;\n    setCursorPosition: (position?: number) => 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            onCursorPositionChange,\n        },\n        ref,\n    ) => {\n        const isTouch = useIsTouch();\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        /** * Tracks the most recently auto-converted ASCII smiley so the next * Backspace keystroke can revert it (Word/IntelliJ-style autocorrect undo). * The ref is invalidated as soon as the user presses any non-modifier key * other than Backspace (see `handleKeyDown`). */\n        const lastAsciiConversionRef = useRef<{\n            original: string;\n            emoji: string;\n            plainTextCursorPos: number;\n        } | null>(null);\n\n        const savedCursorPositionRef = useRef<number>(0);\n\n        const valueRef = useRef(value);\n\n        useCursorPosition(\n            editorRef,\n            useCallback(\n                (position: number) => {\n                    savedCursorPositionRef.current = position;\n\n                    if (typeof onCursorPositionChange === 'function') {\n                        onCursorPositionChange(position);\n                    }\n                },\n                [onCursorPositionChange],\n            ),\n            { isDisabled },\n        );\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                const conversions: { original: string; emoji: string }[] = [];\n\n                let newInnerHTML = convertEmojisToUnicode(\n                    html,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                    {\n                        onAsciiConversion: (conv) => conversions.push(conv),\n                    },\n                );\n\n                newInnerHTML = convertTextToHTML(newInnerHTML);\n                newInnerHTML = cleanupEmptyIgnoreEmojiSpans(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                    // Remember the LAST ASCII conversion so Backspace can revert it.\n                    // Older conversions are dropped on purpose: only the smiley the\n                    // user just produced should be undoable.\n                    if (conversions.length > 0) {\n                        const lastConv = conversions[conversions.length - 1];\n                        const pos = getCurrentCursorPosition(editorRef.current);\n                        if (pos !== null) {\n                            lastAsciiConversionRef.current = {\n                                original: lastConv!.original,\n                                emoji: lastConv!.emoji,\n                                plainTextCursorPos: pos,\n                            };\n                        }\n                    }\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 the user is typing inside a no-emoji-convert span, unwrap it first\n                // This prevents text from getting stuck inside the protection span\n                unwrapIgnoreEmojiSpanAtCursor(editorRef.current);\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                let cleanedHTML = cleanupEmptyIgnoreEmojiSpans(editorRef.current.innerHTML);\n                handleUpdateHTML(cleanedHTML);\n\n                // After handleUpdateHTML, the DOM has been updated with emojis\n                // We need to read the text from the updated DOM, not from pre-update HTML\n                // convertHTMLToText will convert no-emoji-convert spans to [ignoreEmoji] BBCode\n                const text = convertHTMLToText(editorRef.current.innerHTML);\n\n                setPlainTextValue(text);\n\n                if (typeof onInput === 'function') {\n                    onInput(event, text);\n                }\n\n                insertCursorAtMarker(editorRef);\n                moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\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                // --- Backspace-revert for the most recent auto-conversion ---\n                // If the user presses Backspace immediately after an ASCII smiley\n                // was auto-converted (and the cursor is still at the post-conversion\n                // position), we revert the emoji back to the original text and wrap\n                // it in a protection span so it does not get re-converted.\n                if (\n                    event.key === 'Backspace' &&\n                    !event.ctrlKey &&\n                    !event.metaKey &&\n                    lastAsciiConversionRef.current &&\n                    editorRef.current\n                ) {\n                    const { original, emoji, plainTextCursorPos } = lastAsciiConversionRef.current;\n                    const currentPos = getCurrentCursorPosition(editorRef.current);\n\n                    if (currentPos === plainTextCursorPos) {\n                        event.preventDefault();\n                        event.stopPropagation();\n\n                        const didRevert = revertAsciiSmileyConversion({\n                            editorElement: editorRef.current,\n                            original,\n                            emoji,\n                        });\n\n                        lastAsciiConversionRef.current = null;\n\n                        if (didRevert) {\n                            // Notify React + downstream consumers via a synthetic input event\n                            const newEvent = new Event('input', { bubbles: true });\n                            editorRef.current.dispatchEvent(newEvent);\n                            return;\n                        }\n                    } else {\n                        // Cursor moved away from the just-converted emoji -> drop tracker\n                        lastAsciiConversionRef.current = null;\n                    }\n                } else if (!MODIFIER_KEYS.has(event.key)) {\n                    // Any other actual keystroke invalidates the revert window\n                    lastAsciiConversionRef.current = null;\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        // After every input, ensure the cursor is not stuck inside a no-emoji-convert span\n        useEffect(() => {\n            moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n        }, [plainTextValue]);\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(\n            (searchText: string, pasteText: string, options?: ReplaceTextOptions) => {\n                if (editorRef.current) {\n                    replaceText({\n                        editorElement: editorRef.current,\n                        searchText,\n                        pasteText,\n                        options,\n                    });\n\n                    insertPseudoMarker();\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [],\n        );\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        const handleSetCursorPosition = useCallback((position?: number) => {\n            if (!editorRef.current) {\n                return;\n            }\n\n            const resolvedPosition = position ?? savedCursorPositionRef.current;\n\n            savedCursorPositionRef.current = resolvedPosition;\n\n            editorRef.current.focus();\n\n            setCursorPositionByAbsIndex({\n                editorElement: editorRef.current,\n                position: resolvedPosition,\n            });\n\n            const updatedPosition = getCurrentCursorPosition(editorRef.current);\n            if (typeof updatedPosition === 'number') {\n                savedCursorPositionRef.current = updatedPosition;\n            }\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                setCursorPosition: handleSetCursorPosition,\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n                handleSetCursorPosition,\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                        className=\"chayns-scrollbar\"\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","useIsTouch","AnimatePresence","React","forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","convertEmojisToUnicode","escapeHTML","insertTextAtCursorPosition","replaceText","revertAsciiSmileyConversion","getCharCodeThatWillBeDeleted","insertInvisibleCursorMarker","restoreSelection","saveSelection","insertPseudoMarker","insertCursorAtMarker","getCurrentCursorPosition","setCursorPositionByAbsIndex","moveCursorOutOfIgnoreEmojiSpan","unwrapIgnoreEmojiSpanAtCursor","convertHTMLToText","convertTextToHTML","cleanupEmptyIgnoreEmojiSpans","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","loadEmojiShortList","scrollCursorIntoView","useCursorPosition","MODIFIER_KEYS","Set","useIsomorphicLayoutEffect","window","EmojiInput","accessToken","container","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldRevertAsciiSmileyConversionOnBackspace","shouldPreventEmojiPicker","value","onCursorPositionChange","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","lastAsciiConversionRef","savedCursorPositionRef","valueRef","position","current","shouldChangeColor","then","shortNameList","regShortnames","handleUpdateHTML","html","conversions","newInnerHTML","onAsciiConversion","conv","push","innerHTML","shouldIgnoreEmptyTextNodes","length","lastConv","pos","original","emoji","plainTextCursorPos","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","document","execCommand","cleanedHTML","handleKeyDown","key","ctrlKey","metaKey","currentPos","didRevert","has","isPropagationStopped","requestAnimationFrame","charCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","dataTransfer","handlePopupSelect","shouldUseSavedSelection","convertedText","replace","convertedPrefix","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","options","handleStartProgress","duration","handleStopProgress","handleSetCursorPosition","resolvedPosition","focus","updatedPosition","startProgress","stopProgress","blur","setCursorPosition","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","className","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","$maxWidth","$offsetWidth","onSelect","displayName"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, useIsTouch } from '@chayns-components/core';\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 {\n    insertTextAtCursorPosition,\n    replaceText,\n    revertAsciiSmileyConversion,\n} from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    insertInvisibleCursorMarker,\n    restoreSelection,\n    saveSelection,\n    type ReplaceTextOptions,\n    insertPseudoMarker,\n    insertCursorAtMarker,\n    getCurrentCursorPosition,\n    setCursorPositionByAbsIndex,\n    moveCursorOutOfIgnoreEmojiSpan,\n    unwrapIgnoreEmojiSpanAtCursor,\n} from '../../utils/selection';\nimport {\n    convertHTMLToText,\n    convertTextToHTML,\n    cleanupEmptyIgnoreEmojiSpans,\n} 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';\nimport { useCursorPosition } from '../../hooks/cursor';\n\nconst MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);\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     * The DOM element that should receive the emoji picker popup portal.\n     */\n    container?: Element;\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 to be executed when the cursor position is changed.\n     */\n    onCursorPositionChange?: (position: number) => void;\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     * Allows the most recently auto-converted ASCII smiley to be reverted with Backspace.\n     */\n    shouldRevertAsciiSmileyConversionOnBackspace?: 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 interface EmojiInputRef {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string, options?: ReplaceTextOptions) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n    focus: () => void;\n    blur: () => void;\n    setCursorPosition: (position?: number) => void;\n}\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n    (\n        {\n            accessToken,\n            container,\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            shouldRevertAsciiSmileyConversionOnBackspace = false,\n            shouldPreventEmojiPicker,\n            value,\n            onCursorPositionChange,\n        },\n        ref,\n    ) => {\n        const isTouch = useIsTouch();\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        /** * Tracks the most recently auto-converted ASCII smiley so the next * Backspace keystroke can revert it (Word/IntelliJ-style autocorrect undo). * The ref is invalidated as soon as the user presses any non-modifier key * other than Backspace (see `handleKeyDown`). */\n        const lastAsciiConversionRef = useRef<{\n            original: string;\n            emoji: string;\n            plainTextCursorPos: number;\n        } | null>(null);\n\n        const savedCursorPositionRef = useRef<number>(0);\n\n        const valueRef = useRef(value);\n\n        useCursorPosition(\n            editorRef,\n            useCallback(\n                (position: number) => {\n                    savedCursorPositionRef.current = position;\n\n                    if (typeof onCursorPositionChange === 'function') {\n                        onCursorPositionChange(position);\n                    }\n                },\n                [onCursorPositionChange],\n            ),\n            { isDisabled },\n        );\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                const conversions: { original: string; emoji: string }[] = [];\n\n                let newInnerHTML = convertEmojisToUnicode(\n                    html,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                    {\n                        onAsciiConversion: (conv) => conversions.push(conv),\n                    },\n                );\n\n                newInnerHTML = convertTextToHTML(newInnerHTML);\n                newInnerHTML = cleanupEmptyIgnoreEmojiSpans(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                    // Remember the LAST ASCII conversion so Backspace can revert it.\n                    // Older conversions are dropped on purpose: only the smiley the\n                    // user just produced should be undoable.\n                    if (shouldRevertAsciiSmileyConversionOnBackspace && conversions.length > 0) {\n                        const lastConv = conversions[conversions.length - 1];\n                        const pos = getCurrentCursorPosition(editorRef.current);\n                        if (pos !== null) {\n                            lastAsciiConversionRef.current = {\n                                original: lastConv!.original,\n                                emoji: lastConv!.emoji,\n                                plainTextCursorPos: pos,\n                            };\n                        }\n                    } else {\n                        lastAsciiConversionRef.current = null;\n                    }\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, shouldRevertAsciiSmileyConversionOnBackspace],\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 the user is typing inside a no-emoji-convert span, unwrap it first\n                // This prevents text from getting stuck inside the protection span\n                unwrapIgnoreEmojiSpanAtCursor(editorRef.current);\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                let cleanedHTML = cleanupEmptyIgnoreEmojiSpans(editorRef.current.innerHTML);\n                handleUpdateHTML(cleanedHTML);\n\n                // After handleUpdateHTML, the DOM has been updated with emojis\n                // We need to read the text from the updated DOM, not from pre-update HTML\n                // convertHTMLToText will convert no-emoji-convert spans to [ignoreEmoji] BBCode\n                const text = convertHTMLToText(editorRef.current.innerHTML);\n\n                setPlainTextValue(text);\n\n                if (typeof onInput === 'function') {\n                    onInput(event, text);\n                }\n\n                insertCursorAtMarker(editorRef);\n                moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\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                // --- Backspace-revert for the most recent auto-conversion ---\n                // If the user presses Backspace immediately after an ASCII smiley\n                // was auto-converted (and the cursor is still at the post-conversion\n                // position), we revert the emoji back to the original text and wrap\n                // it in a protection span so it does not get re-converted.\n                if (\n                    shouldRevertAsciiSmileyConversionOnBackspace &&\n                    event.key === 'Backspace' &&\n                    !event.ctrlKey &&\n                    !event.metaKey &&\n                    lastAsciiConversionRef.current &&\n                    editorRef.current\n                ) {\n                    const { original, emoji, plainTextCursorPos } = lastAsciiConversionRef.current;\n                    const currentPos = getCurrentCursorPosition(editorRef.current);\n\n                    if (currentPos === plainTextCursorPos) {\n                        event.preventDefault();\n                        event.stopPropagation();\n\n                        const didRevert = revertAsciiSmileyConversion({\n                            editorElement: editorRef.current,\n                            original,\n                            emoji,\n                        });\n\n                        lastAsciiConversionRef.current = null;\n\n                        if (didRevert) {\n                            // Notify React + downstream consumers via a synthetic input event\n                            const newEvent = new Event('input', { bubbles: true });\n                            editorRef.current.dispatchEvent(newEvent);\n                            return;\n                        }\n                    } else {\n                        // Cursor moved away from the just-converted emoji -> drop tracker\n                        lastAsciiConversionRef.current = null;\n                    }\n                } else if (\n                    shouldRevertAsciiSmileyConversionOnBackspace &&\n                    !MODIFIER_KEYS.has(event.key)\n                ) {\n                    // Any other actual keystroke invalidates the revert window\n                    lastAsciiConversionRef.current = null;\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, shouldRevertAsciiSmileyConversionOnBackspace],\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 (!shouldRevertAsciiSmileyConversionOnBackspace) {\n                lastAsciiConversionRef.current = null;\n            }\n        }, [shouldRevertAsciiSmileyConversionOnBackspace]);\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        // After every input, ensure the cursor is not stuck inside a no-emoji-convert span\n        useEffect(() => {\n            moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n        }, [plainTextValue]);\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(\n            (searchText: string, pasteText: string, options?: ReplaceTextOptions) => {\n                if (editorRef.current) {\n                    replaceText({\n                        editorElement: editorRef.current,\n                        searchText,\n                        pasteText,\n                        options,\n                    });\n\n                    insertPseudoMarker();\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [],\n        );\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        const handleSetCursorPosition = useCallback((position?: number) => {\n            if (!editorRef.current) {\n                return;\n            }\n\n            const resolvedPosition = position ?? savedCursorPositionRef.current;\n\n            savedCursorPositionRef.current = resolvedPosition;\n\n            editorRef.current.focus();\n\n            setCursorPositionByAbsIndex({\n                editorElement: editorRef.current,\n                position: resolvedPosition,\n            });\n\n            const updatedPosition = getCurrentCursorPosition(editorRef.current);\n            if (typeof updatedPosition === 'number') {\n                savedCursorPositionRef.current = updatedPosition;\n            }\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                setCursorPosition: handleSetCursorPosition,\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n                handleSetCursorPosition,\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                        className=\"chayns-scrollbar\"\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                            container={container}\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/components/emoji-picker-popup/EmojiPickerPopup.js

@@ -4,6 +4,7 @@ import EmojiPicker from '../emoji-picker/EmojiPicker';
 import { StyledEmojiPickerPopup } from './EmojiPickerPopup.styles';
 const EmojiPickerPopup = ({
   accessToken,
+  container,
   onPopupVisibilityChange,
   onSelect,
   personId
@@ -17,10 +18,11 @@ const EmojiPickerPopup = ({
   useEffect(() => {
     document.addEventListener('keydown', handleKeyPress);
     return () => {
-      document.addEventListener('keydown', handleKeyPress);
+      document.removeEventListener('keydown', handleKeyPress);
     };
   }, [handleKeyPress]);
   return /*#__PURE__*/React.createElement(StyledEmojiPickerPopup, null, /*#__PURE__*/React.createElement(Popup, {
+    container: container,
     ref: popupRef,
     onHide: () => typeof onPopupVisibilityChange === 'function' ? onPopupVisibilityChange(false) : undefined,
     onShow: () => typeof onPopupVisibilityChange === 'function' ? onPopupVisibilityChange(true) : undefined,

package/lib/esm/components/emoji-picker-popup/EmojiPickerPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPickerPopup.js","names":["AreaProvider","Icon","Popup","React","useCallback","useEffect","useRef","EmojiPicker","StyledEmojiPickerPopup","EmojiPickerPopup","accessToken","onPopupVisibilityChange","onSelect","personId","popupRef","handleKeyPress","event","key","shiftKey","current","hide","document","addEventListener","createElement","ref","onHide","undefined","onShow","content","shouldChangeColor","className","icons","size","displayName"],"sources":["../../../../src/components/emoji-picker-popup/EmojiPickerPopup.tsx"],"sourcesContent":["import { AreaProvider, Icon, Popup, type PopupRef } from '@chayns-components/core';\nimport React, { FC, useCallback, useEffect, useRef } from 'react';\nimport EmojiPicker from '../emoji-picker/EmojiPicker';\nimport { StyledEmojiPickerPopup } from './EmojiPickerPopup.styles';\n\nexport type EmojiPickerPopupProps = {\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     * 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     * Function executed when an emoji is selected in the popup\n     * @param {string} emoji - Emoji that was selected\n     */\n    onSelect: (emoji: string) => void;\n};\n\nconst EmojiPickerPopup: FC<EmojiPickerPopupProps> = ({\n    accessToken,\n    onPopupVisibilityChange,\n    onSelect,\n    personId,\n}) => {\n    const popupRef = useRef<PopupRef>(null);\n\n    const handleKeyPress = useCallback((event: KeyboardEvent) => {\n        if (event.key === 'Escape' && !event.shiftKey) {\n            popupRef.current?.hide();\n        }\n    }, []);\n\n    useEffect(() => {\n        document.addEventListener('keydown', handleKeyPress);\n\n        return () => {\n            document.addEventListener('keydown', handleKeyPress);\n        };\n    }, [handleKeyPress]);\n\n    return (\n        <StyledEmojiPickerPopup>\n            <Popup\n                ref={popupRef}\n                onHide={() =>\n                    typeof onPopupVisibilityChange === 'function'\n                        ? onPopupVisibilityChange(false)\n                        : undefined\n                }\n                onShow={() =>\n                    typeof onPopupVisibilityChange === 'function'\n                        ? onPopupVisibilityChange(true)\n                        : undefined\n                }\n                content={\n                    <AreaProvider shouldChangeColor={false}>\n                        <EmojiPicker\n                            accessToken={accessToken}\n                            onSelect={onSelect}\n                            personId={personId}\n                        />\n                    </AreaProvider>\n                }\n            >\n                <Icon className=\"prevent-lose-focus\" icons={['far fa-smile']} size={18} />\n            </Popup>\n        </StyledEmojiPickerPopup>\n    );\n};\n\nEmojiPickerPopup.displayName = 'EmojiPickerPopup';\n\nexport default EmojiPickerPopup;\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,IAAI,EAAEC,KAAK,QAAuB,yBAAyB;AAClF,OAAOC,KAAK,IAAQC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACjE,OAAOC,WAAW,MAAM,6BAA6B;AACrD,SAASC,sBAAsB,QAAQ,2BAA2B;AAuBlE,MAAMC,gBAA2C,GAAGA,CAAC;EACjDC,WAAW;EACXC,uBAAuB;EACvBC,QAAQ;EACRC;AACJ,CAAC,KAAK;EACF,MAAMC,QAAQ,GAAGR,MAAM,CAAW,IAAI,CAAC;EAEvC,MAAMS,cAAc,GAAGX,WAAW,CAAEY,KAAoB,IAAK;IACzD,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,IAAI,CAACD,KAAK,CAACE,QAAQ,EAAE;MAC3CJ,QAAQ,CAACK,OAAO,EAAEC,IAAI,CAAC,CAAC;IAC5B;EACJ,CAAC,EAAE,EAAE,CAAC;EAENf,SAAS,CAAC,MAAM;IACZgB,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEP,cAAc,CAAC;IAEpD,OAAO,MAAM;MACTM,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEP,cAAc,CAAC;IACxD,CAAC;EACL,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,oBACIZ,KAAA,CAAAoB,aAAA,CAACf,sBAAsB,qBACnBL,KAAA,CAAAoB,aAAA,CAACrB,KAAK;IACFsB,GAAG,EAAEV,QAAS;IACdW,MAAM,EAAEA,CAAA,KACJ,OAAOd,uBAAuB,KAAK,UAAU,GACvCA,uBAAuB,CAAC,KAAK,CAAC,GAC9Be,SACT;IACDC,MAAM,EAAEA,CAAA,KACJ,OAAOhB,uBAAuB,KAAK,UAAU,GACvCA,uBAAuB,CAAC,IAAI,CAAC,GAC7Be,SACT;IACDE,OAAO,eACHzB,KAAA,CAAAoB,aAAA,CAACvB,YAAY;MAAC6B,iBAAiB,EAAE;IAAM,gBACnC1B,KAAA,CAAAoB,aAAA,CAAChB,WAAW;MACRG,WAAW,EAAEA,WAAY;MACzBE,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA;IAAS,CACtB,CACS;EACjB,gBAEDV,KAAA,CAAAoB,aAAA,CAACtB,IAAI;IAAC6B,SAAS,EAAC,oBAAoB;IAACC,KAAK,EAAE,CAAC,cAAc,CAAE;IAACC,IAAI,EAAE;EAAG,CAAE,CACtE,CACa,CAAC;AAEjC,CAAC;AAEDvB,gBAAgB,CAACwB,WAAW,GAAG,kBAAkB;AAEjD,eAAexB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"EmojiPickerPopup.js","names":["AreaProvider","Icon","Popup","React","useCallback","useEffect","useRef","EmojiPicker","StyledEmojiPickerPopup","EmojiPickerPopup","accessToken","container","onPopupVisibilityChange","onSelect","personId","popupRef","handleKeyPress","event","key","shiftKey","current","hide","document","addEventListener","removeEventListener","createElement","ref","onHide","undefined","onShow","content","shouldChangeColor","className","icons","size","displayName"],"sources":["../../../../src/components/emoji-picker-popup/EmojiPickerPopup.tsx"],"sourcesContent":["import { AreaProvider, Icon, Popup, PopupAlignment, type PopupRef } from '@chayns-components/core';\nimport React, { FC, useCallback, useEffect, useRef } from 'react';\nimport EmojiPicker from '../emoji-picker/EmojiPicker';\nimport { StyledEmojiPickerPopup } from './EmojiPickerPopup.styles';\n\nexport type EmojiPickerPopupProps = {\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     * The DOM element that should receive the popup portal.\n     */\n    container?: Element;\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     * Function executed when an emoji is selected in the popup\n     * @param {string} emoji - Emoji that was selected\n     */\n    onSelect: (emoji: string) => void;\n};\n\nconst EmojiPickerPopup: FC<EmojiPickerPopupProps> = ({\n    accessToken,\n    container,\n    onPopupVisibilityChange,\n    onSelect,\n    personId,\n}) => {\n    const popupRef = useRef<PopupRef>(null);\n\n    const handleKeyPress = useCallback((event: KeyboardEvent) => {\n        if (event.key === 'Escape' && !event.shiftKey) {\n            popupRef.current?.hide();\n        }\n    }, []);\n\n    useEffect(() => {\n        document.addEventListener('keydown', handleKeyPress);\n\n        return () => {\n            document.removeEventListener('keydown', handleKeyPress);\n        };\n    }, [handleKeyPress]);\n\n    return (\n        <StyledEmojiPickerPopup>\n            <Popup\n                container={container}\n                ref={popupRef}\n                onHide={() =>\n                    typeof onPopupVisibilityChange === 'function'\n                        ? onPopupVisibilityChange(false)\n                        : undefined\n                }\n                onShow={() =>\n                    typeof onPopupVisibilityChange === 'function'\n                        ? onPopupVisibilityChange(true)\n                        : undefined\n                }\n                content={\n                    <AreaProvider shouldChangeColor={false}>\n                        <EmojiPicker\n                            accessToken={accessToken}\n                            onSelect={onSelect}\n                            personId={personId}\n                        />\n                    </AreaProvider>\n                }\n            >\n                <Icon className=\"prevent-lose-focus\" icons={['far fa-smile']} size={18} />\n            </Popup>\n        </StyledEmojiPickerPopup>\n    );\n};\n\nEmojiPickerPopup.displayName = 'EmojiPickerPopup';\n\nexport default EmojiPickerPopup;\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,IAAI,EAAEC,KAAK,QAAuC,yBAAyB;AAClG,OAAOC,KAAK,IAAQC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACjE,OAAOC,WAAW,MAAM,6BAA6B;AACrD,SAASC,sBAAsB,QAAQ,2BAA2B;AA2BlE,MAAMC,gBAA2C,GAAGA,CAAC;EACjDC,WAAW;EACXC,SAAS;EACTC,uBAAuB;EACvBC,QAAQ;EACRC;AACJ,CAAC,KAAK;EACF,MAAMC,QAAQ,GAAGT,MAAM,CAAW,IAAI,CAAC;EAEvC,MAAMU,cAAc,GAAGZ,WAAW,CAAEa,KAAoB,IAAK;IACzD,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,IAAI,CAACD,KAAK,CAACE,QAAQ,EAAE;MAC3CJ,QAAQ,CAACK,OAAO,EAAEC,IAAI,CAAC,CAAC;IAC5B;EACJ,CAAC,EAAE,EAAE,CAAC;EAENhB,SAAS,CAAC,MAAM;IACZiB,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEP,cAAc,CAAC;IAEpD,OAAO,MAAM;MACTM,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAER,cAAc,CAAC;IAC3D,CAAC;EACL,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,oBACIb,KAAA,CAAAsB,aAAA,CAACjB,sBAAsB,qBACnBL,KAAA,CAAAsB,aAAA,CAACvB,KAAK;IACFS,SAAS,EAAEA,SAAU;IACrBe,GAAG,EAAEX,QAAS;IACdY,MAAM,EAAEA,CAAA,KACJ,OAAOf,uBAAuB,KAAK,UAAU,GACvCA,uBAAuB,CAAC,KAAK,CAAC,GAC9BgB,SACT;IACDC,MAAM,EAAEA,CAAA,KACJ,OAAOjB,uBAAuB,KAAK,UAAU,GACvCA,uBAAuB,CAAC,IAAI,CAAC,GAC7BgB,SACT;IACDE,OAAO,eACH3B,KAAA,CAAAsB,aAAA,CAACzB,YAAY;MAAC+B,iBAAiB,EAAE;IAAM,gBACnC5B,KAAA,CAAAsB,aAAA,CAAClB,WAAW;MACRG,WAAW,EAAEA,WAAY;MACzBG,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA;IAAS,CACtB,CACS;EACjB,gBAEDX,KAAA,CAAAsB,aAAA,CAACxB,IAAI;IAAC+B,SAAS,EAAC,oBAAoB;IAACC,KAAK,EAAE,CAAC,cAAc,CAAE;IAACC,IAAI,EAAE;EAAG,CAAE,CACtE,CACa,CAAC;AAEjC,CAAC;AAEDzB,gBAAgB,CAAC0B,WAAW,GAAG,kBAAkB;AAEjD,eAAe1B,gBAAgB","ignoreList":[]}

package/lib/types/components/emoji-input/EmojiInput.d.ts

@@ -6,6 +6,10 @@ export type EmojiInputProps = {
      * Access token of the logged-in user. Is needed to load and save the history of the emojis.
      */
     accessToken?: string;
+    /**
+     * The DOM element that should receive the emoji picker popup portal.
+     */
+    container?: Element;
     /**
      * 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.
      */
@@ -79,6 +83,10 @@ export type EmojiInputProps = {
      * Whether the placeholder should be shown after the input has focus.
      */
     shouldHidePlaceholderOnFocus?: boolean;
+    /**
+     * Allows the most recently auto-converted ASCII smiley to be reverted with Backspace.
+     */
+    shouldRevertAsciiSmileyConversionOnBackspace?: boolean;
     /**
      * Prevents the EmojiPickerPopup icon from being displayed
      */

package/lib/types/components/emoji-picker-popup/EmojiPickerPopup.d.ts

@@ -4,6 +4,10 @@ export type EmojiPickerPopupProps = {
      * Access token of the logged-in user. Is needed to load and save the history of the emojis.
      */
     accessToken?: string;
+    /**
+     * The DOM element that should receive the popup portal.
+     */
+    container?: Element;
     /**
      * Function that is executed when the visibility of the popup changes.
      * @param {boolean} isVisible - Whether the popup is visible or not

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/emoji-input",
-    "version": "5.4.8-alpha.0",
+    "version": "5.4.9",
     "description": "Input field that supports HTML elements and emojis",
     "sideEffects": false,
     "browserslist": [
@@ -73,7 +73,7 @@
         "typescript": "^5.9.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.4.8-alpha.0",
+        "@chayns-components/core": "^5.4.7",
         "@chayns-components/textstring": "^5.2.5",
         "emojilib": "^3.0.12",
         "react-compiler-runtime": "^1.0.0",
@@ -89,5 +89,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "684a9cabab0ea61dbe77d15d7be0f0d0bce98209"
+    "gitHead": "55de11898e81fb7a25e942c905ca9a9631efdcdb"
 }