@chayns-components/emoji-input 5.0.0-beta.1259 → 5.0.0-beta.1260

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

@@ -166,6 +166,7 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
     if (typeof onInput === 'function') {
       onInput(event, text);
     }
+    (0, _selection.insertCursorAtMarker)(editorRef);
   }, [handleUpdateHTML, isDisabled, onInput]);
   const handleKeyDown = (0, _react2.useCallback)(event => {
     if (isDisabled) {
@@ -358,13 +359,15 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
       editorRef.current.dispatchEvent(newEvent);
     }
   }, []);
-  const handleReplaceText = (0, _react2.useCallback)((searchText, pasteText) => {
+  const handleReplaceText = (0, _react2.useCallback)((searchText, pasteText, options) => {
     if (editorRef.current) {
       (0, _insert.replaceText)({
         editorElement: editorRef.current,
         searchText,
-        pasteText
+        pasteText,
+        options
       });
+      (0, _selection.insertPseudoMarker)();
       const newEvent = new Event('input', {
         bubbles: true
       });

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiInput.js","names":["_core","require","_chaynsApi","_react","_react2","_interopRequireWildcard","_emoji","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","_PrefixElement","_asyncEmojiData","_scroll","_cursor","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","EmojiInput","forwardRef","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","onCursorPositionChange","ref","isTouch","useState","getIsTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","useContext","AreaContext","editorRef","useRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","valueRef","useCursorPosition","browser","getDevice","shouldChangeColor","useMemo","loadEmojiShortList","then","shortNameList","regShortnames","handleUpdateHTML","useCallback","html","current","newInnerHTML","convertEmojisToUnicode","convertTextToHTML","innerHTML","saveSelection","shouldIgnoreEmptyTextNodes","restoreSelection","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","insertTextAtCursorPosition","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","insertInvisibleCursorMarker","document","execCommand","convertHTMLToText","handleKeyDown","key","isPropagationStopped","requestAnimationFrame","scrollCursorIntoView","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","escapeHTML","handleDrop","_event$dataTransfer","dataTransfer","handlePopupSelect","emoji","shouldUseSavedSelection","_editorRef$current","convertedText","replace","convertedPrefix","length","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","replaceText","handleStartProgress","duration","handleStopProgress","useImperativeHandle","startProgress","stopProgress","focus","_editorRef$current2","blur","_editorRef$current3","handlePreventLoseFocus","_element$parentElemen","_element$parentElemen2","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","_editorRef$current4","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","_editorRef$current5","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","createElement","StyledEmojiInput","$isDisabled","$shouldChangeColor","AnimatePresence","initial","StyledMotionEmojiInputProgress","animate","width","exit","opacity","transition","ease","StyledEmojiInputContent","StyledMotionEmojiInputEditor","$browser","name","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","StyledEmojiInputLabel","$maxWidth","$offsetWidth","onSelect","StyledEmojiInputRightWrapper","displayName","_default","exports"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, BrowserName, getIsTouch } from '@chayns-components/core';\nimport { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEvent,\n    ClipboardEvent,\n    CSSProperties,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEvent as TmpKeyboardEvent,\n    KeyboardEventHandler,\n    ReactElement,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode, escapeHTML } from '../../utils/emoji';\nimport { insertTextAtCursorPosition, replaceText } from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    getCurrentCursorPosition,\n    insertInvisibleCursorMarker,\n    restoreSelection,\n    saveSelection,\n} from '../../utils/selection';\nimport { convertHTMLToText, convertTextToHTML } from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n    StyledEmojiInput,\n    StyledEmojiInputContent,\n    StyledEmojiInputLabel,\n    StyledEmojiInputRightWrapper,\n    StyledMotionEmojiInputEditor,\n    StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\nimport { scrollCursorIntoView } from '../../utils/scroll';\nimport { useCursorPosition } from '../../hooks/cursor';\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 type EmojiInputRef = {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n    focus: () => void;\n    blur: () => void;\n};\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n    (\n        {\n            accessToken,\n            height,\n            inputId,\n            isDisabled,\n            maxHeight = '190px',\n            onBlur,\n            onFocus,\n            onInput,\n            onKeyDown,\n            onPrefixElementRemove,\n            onPopupVisibilityChange,\n            personId,\n            placeholder,\n            popupAlignment,\n            prefixElement,\n            rightElement,\n            shouldHidePlaceholderOnFocus = false,\n            shouldPreventEmojiPicker,\n            value,\n            onCursorPositionChange,\n        },\n        ref,\n    ) => {\n        const [isTouch] = useState(getIsTouch());\n        const [plainTextValue, setPlainTextValue] = useState(value);\n        const [hasFocus, setHasFocus] = useState(false);\n        const [progressDuration, setProgressDuration] = useState(0);\n        const [labelWidth, setLabelWidth] = useState(0);\n        const [isPopupVisible, setIsPopupVisible] = useState(false);\n        const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n        const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n        const [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n        const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>(/./);\n\n        const areaProvider = useContext(AreaContext);\n\n        const editorRef = useRef<HTMLDivElement>(null);\n        const prefixElementRef = useRef<HTMLDivElement>(null);\n        const hasPrefixRendered = useRef(false);\n        const hasPrefixChanged = useRef(false);\n        const shouldDeleteOneMoreBackwards = useRef(false);\n        const shouldDeleteOneMoreForwards = useRef(false);\n\n        const valueRef = useRef(value);\n\n        useCursorPosition(editorRef, onCursorPositionChange, { isDisabled });\n\n        const { browser } = getDevice();\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        useEffect(() => {\n            void loadEmojiShortList().then(({ shortNameList, regShortnames }) => {\n                setEmojiShortNames(shortNameList);\n                setEmojiRegShortNames(regShortnames);\n            });\n        }, []);\n\n        /**\n         * This function updates the content of the 'contentEditable' element if the new text is\n         * different from the previous content. So this is only true if, for example, a text like \":-)\"\n         * has been replaced to the corresponding emoji.\n         *\n         * When updating the HTML, the current cursor position is saved before replacing the content, so\n         * that it can be set again afterward.\n         */\n        const handleUpdateHTML = useCallback(\n            (html: string) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                let newInnerHTML = convertEmojisToUnicode(\n                    html,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                );\n\n                newInnerHTML = convertTextToHTML(newInnerHTML);\n\n                if (newInnerHTML !== editorRef.current.innerHTML) {\n                    saveSelection(editorRef.current, { shouldIgnoreEmptyTextNodes: true });\n\n                    editorRef.current.innerHTML = newInnerHTML;\n\n                    restoreSelection(editorRef.current);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames],\n        );\n\n        const handleBeforeInput = useCallback(\n            (event: FormEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                const { data, type } = event.nativeEvent as InputEvent;\n\n                if (type === 'textInput' && data && data.includes('\\n')) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    const text = convertEmojisToUnicode(data, emojiRegShortNames, emojiShortNames);\n\n                    insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function handles the 'input' events of the 'contentEditable' element and also passes the\n         * respective event up accordingly if the 'onInput' property is a function.\n         */\n        const handleInput = useCallback(\n            (event: ChangeEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.stopPropagation();\n                    event.preventDefault();\n                }\n\n                if (shouldDeleteOneMoreBackwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    // Remove content and set cursor to the right position\n                    insertInvisibleCursorMarker();\n\n                    return;\n                }\n\n                if (shouldDeleteOneMoreForwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('forwardDelete', false);\n\n                    return;\n                }\n\n                handleUpdateHTML(editorRef.current.innerHTML);\n\n                const text = convertHTMLToText(editorRef.current.innerHTML);\n\n                setPlainTextValue(text);\n\n                if (typeof onInput === 'function') {\n                    onInput(event, text);\n                }\n            },\n            [handleUpdateHTML, isDisabled, onInput],\n        );\n\n        const handleKeyDown = useCallback(\n            (event: TmpKeyboardEvent<HTMLDivElement>) => {\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                if (event.key === 'Enter' && isPopupVisible) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (typeof onKeyDown === 'function') {\n                    onKeyDown(event);\n                }\n\n                if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {\n                    event.preventDefault();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('insertLineBreak', false);\n                }\n\n                if (event.key === 'Enter') {\n                    requestAnimationFrame(() => {\n                        if (editorRef.current) scrollCursorIntoView(editorRef.current);\n                    });\n                }\n\n                if (\n                    event.key === 'Backspace' ||\n                    event.key === 'Delete' ||\n                    event.key === 'Unidentified'\n                ) {\n                    const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n                    if (charCodeThatWillBeDeleted === 8203) {\n                        if (event.key === 'Backspace' || event.key === 'Unidentified') {\n                            shouldDeleteOneMoreBackwards.current = true;\n                        } else {\n                            shouldDeleteOneMoreForwards.current = true;\n                        }\n                    }\n                }\n            },\n            [isDisabled, isPopupVisible, onKeyDown],\n        );\n\n        const handlePopupVisibility = useCallback(\n            (isVisible: boolean) => {\n                setIsPopupVisible(isVisible);\n\n                if (editorRef.current && isVisible) {\n                    saveSelection(editorRef.current);\n                }\n\n                if (typeof onPopupVisibilityChange === 'function') {\n                    onPopupVisibilityChange(isVisible);\n                }\n            },\n            [onPopupVisibilityChange],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are inserted. To do this, the\n         * plain text is read from the event after the default behavior has been prevented. The plain\n         * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n         */\n        const handlePaste = useCallback(\n            (event: ClipboardEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    // This ensures, that only the copied text is inserted and not its HTML formatting.\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n                    if (text.includes('\\n')) {\n                        text += '\\u200C';\n                    }\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are dropped. To do this, the\n         * plain text is read from the event after the default behavior has been prevented. The plain\n         * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n         */\n        const handleDrop = useCallback(\n            (event: React.DragEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    // This ensures, that only the dropped text is inserted and not its HTML formatting.\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the\n         * correct position in the editor element.\n         *\n         * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,\n         * which in turn executes the 'onInput' function from the props. So this serves to ensure that\n         * the event is also passed through to the top when inserting via the popup.\n         */\n        const handlePopupSelect = useCallback((emoji: string) => {\n            if (editorRef.current) {\n                insertTextAtCursorPosition({\n                    editorElement: editorRef.current,\n                    text: emoji,\n                    shouldUseSavedSelection: true,\n                });\n\n                const event = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(event);\n            }\n        }, []);\n\n        useEffect(() => {\n            if (typeof onPrefixElementRemove !== 'function') {\n                return;\n            }\n\n            if (!hasPrefixRendered.current) {\n                return;\n            }\n\n            const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n                '&nbsp;',\n                ' ',\n            );\n            const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n            if (\n                (convertedPrefix &&\n                    convertedText.includes(convertedPrefix) &&\n                    convertedText.length > convertedPrefix.length) ||\n                convertedPrefix === convertedText\n            ) {\n                return;\n            }\n\n            if (hasPrefixChanged.current) {\n                hasPrefixChanged.current = false;\n\n                return;\n            }\n\n            onPrefixElementRemove();\n            hasPrefixRendered.current = false;\n        }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n        useEffect(() => {\n            if (typeof prefixElement === 'string') {\n                hasPrefixChanged.current = true;\n            }\n        }, [prefixElement]);\n\n        useEffect(() => {\n            if (value !== plainTextValue) {\n                setPlainTextValue(value);\n\n                handleUpdateHTML(value);\n            }\n        }, [handleUpdateHTML, plainTextValue, value]);\n\n        // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n        // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n        // the HTML content correctly when the component is rendered for the first time.\n        useIsomorphicLayoutEffect(() => {\n            handleUpdateHTML(valueRef.current);\n        }, [handleUpdateHTML]);\n\n        const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n            if (editorRef.current) {\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                const newEvent = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(newEvent);\n            }\n        }, []);\n\n        const handleReplaceText = useCallback((searchText: string, pasteText: string) => {\n            if (editorRef.current) {\n                replaceText({ editorElement: editorRef.current, searchText, pasteText });\n\n                const newEvent = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(newEvent);\n            }\n        }, []);\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n                replaceText: handleReplaceText,\n                startProgress: handleStartProgress,\n                stopProgress: handleStopProgress,\n                focus: () => editorRef.current?.focus(),\n                blur: () => editorRef.current?.blur(),\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n            ],\n        );\n\n        useEffect(() => {\n            /**\n             * This function ensures that the input field does not lose focus when the popup is opened\n             * or an emoji is selected in it. For this purpose the corresponding elements get the class\n             * 'prevent-lose-focus'.\n             *\n             * The class can also be set to any other elements that should also not cause the input\n             * field to lose focus.\n             */\n            const handlePreventLoseFocus = (event: MouseEvent) => {\n                const element = event.target as Element;\n\n                if (\n                    element.classList.contains('prevent-lose-focus') ||\n                    element.parentElement?.classList.contains('prevent-lose-focus') ||\n                    element.parentElement?.parentElement?.classList.contains('prevent-lose-focus')\n                ) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n            };\n\n            document.body.addEventListener('mousedown', handlePreventLoseFocus);\n\n            return () => {\n                document.body.removeEventListener('mousedown', handlePreventLoseFocus);\n            };\n        }, []);\n\n        const shouldShowPlaceholder = useMemo(() => {\n            if (!isPrefixAnimationFinished) {\n                return false;\n            }\n\n            const isJustPrefixElement =\n                prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n            const shouldRenderPlaceholder =\n                (prefixElement && !plainTextValue) ||\n                (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n            switch (true) {\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    !hasFocus:\n                case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n                    return shouldRenderPlaceholder;\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    hasFocus:\n                    return false;\n                default:\n                    return false;\n            }\n        }, [\n            isPrefixAnimationFinished,\n            hasFocus,\n            plainTextValue,\n            prefixElement,\n            shouldHidePlaceholderOnFocus,\n            prefixElementWidth,\n        ]);\n\n        useEffect(() => {\n            if (prefixElement) {\n                setIsPrefixAnimationFinished(false);\n            }\n        }, [prefixElement]);\n\n        const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onFocus === 'function' && !isDisabled) {\n                onFocus(event);\n            }\n\n            setHasFocus(true);\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onBlur === 'function' && !isDisabled) {\n                onBlur(event);\n            }\n\n            setHasFocus(false);\n        };\n\n        useEffect(() => {\n            if (editorRef.current && prefixElement) {\n                const text = convertEmojisToUnicode(\n                    prefixElement,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                );\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [emojiRegShortNames, emojiShortNames, handleUpdateHTML, prefixElement]);\n\n        useEffect(() => {\n            if (\n                prefixElementRef.current &&\n                prefixElement &&\n                convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n            ) {\n                setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n            } else {\n                setPrefixElementWidth(undefined);\n            }\n        }, [plainTextValue, prefixElement]);\n\n        useEffect(() => {\n            const handleResize = () => {\n                if (editorRef.current) {\n                    setLabelWidth(editorRef.current.offsetWidth);\n                }\n            };\n\n            const resizeObserver = new ResizeObserver(handleResize);\n\n            if (editorRef.current) {\n                resizeObserver.observe(editorRef.current);\n            }\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }, []);\n\n        useEffect(() => {\n            const blurElement = () => {\n                if (\n                    editorRef.current &&\n                    document.activeElement === editorRef.current &&\n                    isDisabled\n                ) {\n                    editorRef.current.blur();\n                }\n            };\n\n            document.addEventListener('focus', blurElement, true);\n\n            return () => {\n                document.removeEventListener('focus', blurElement, true);\n            };\n        }, [isDisabled]);\n\n        return (\n            <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n                <AnimatePresence initial>\n                    {progressDuration > 0 && (\n                        <StyledMotionEmojiInputProgress\n                            animate={{ width: '100%' }}\n                            exit={{ opacity: 0 }}\n                            initial={{ opacity: 1, width: '0%' }}\n                            transition={{\n                                width: {\n                                    ease: 'linear',\n                                    duration: progressDuration,\n                                },\n                                opacity: {\n                                    type: 'tween',\n                                    duration: 0.3,\n                                },\n                            }}\n                        />\n                    )}\n                </AnimatePresence>\n                <StyledEmojiInputContent>\n                    {prefixElement && (\n                        <PrefixElement\n                            key={prefixElement}\n                            element={prefixElement}\n                            prefixElementRef={prefixElementRef}\n                            setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n                        />\n                    )}\n                    <StyledMotionEmojiInputEditor\n                        $browser={browser?.name as BrowserName}\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable\n                        id={inputId}\n                        onBeforeInput={handleBeforeInput}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onInput={handleInput}\n                        onKeyDown={handleKeyDown}\n                        onPaste={handlePaste}\n                        onDrop={handleDrop}\n                        ref={editorRef}\n                        $shouldShowContent={isPrefixAnimationFinished}\n                        transition={{ type: 'tween', duration: 0.2 }}\n                    />\n\n                    {shouldShowPlaceholder && (\n                        <StyledEmojiInputLabel\n                            $maxWidth={labelWidth}\n                            $offsetWidth={prefixElementWidth}\n                        >\n                            {placeholder}\n                        </StyledEmojiInputLabel>\n                    )}\n                    {!isTouch && !shouldPreventEmojiPicker && (\n                        <EmojiPickerPopup\n                            accessToken={accessToken}\n                            onSelect={handlePopupSelect}\n                            onPopupVisibilityChange={handlePopupVisibility}\n                            personId={personId}\n                        />\n                    )}\n                </StyledEmojiInputContent>\n                {rightElement && (\n                    <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n                )}\n            </StyledEmojiInput>\n        );\n    },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EmojiInput.js","names":["_core","require","_chaynsApi","_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","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","useState","getIsTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","useContext","AreaContext","editorRef","useRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","valueRef","useCursorPosition","browser","getDevice","shouldChangeColor","useMemo","loadEmojiShortList","then","shortNameList","regShortnames","handleUpdateHTML","useCallback","html","current","newInnerHTML","convertEmojisToUnicode","convertTextToHTML","innerHTML","saveSelection","shouldIgnoreEmptyTextNodes","restoreSelection","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","insertTextAtCursorPosition","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","insertInvisibleCursorMarker","document","execCommand","convertHTMLToText","insertCursorAtMarker","handleKeyDown","key","isPropagationStopped","requestAnimationFrame","scrollCursorIntoView","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","escapeHTML","handleDrop","_event$dataTransfer","dataTransfer","handlePopupSelect","emoji","shouldUseSavedSelection","_editorRef$current","convertedText","replace","convertedPrefix","length","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","options","replaceText","insertPseudoMarker","handleStartProgress","duration","handleStopProgress","useImperativeHandle","startProgress","stopProgress","focus","_editorRef$current2","blur","_editorRef$current3","handlePreventLoseFocus","_element$parentElemen","_element$parentElemen2","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","_editorRef$current4","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","_editorRef$current5","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","createElement","StyledEmojiInput","$isDisabled","$shouldChangeColor","AnimatePresence","initial","StyledMotionEmojiInputProgress","animate","width","exit","opacity","transition","ease","StyledEmojiInputContent","StyledMotionEmojiInputEditor","$browser","name","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","StyledEmojiInputLabel","$maxWidth","$offsetWidth","onSelect","StyledEmojiInputRightWrapper","displayName","_default","exports"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, BrowserName, getIsTouch } from '@chayns-components/core';\nimport { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEvent,\n    ClipboardEvent,\n    CSSProperties,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEvent as TmpKeyboardEvent,\n    KeyboardEventHandler,\n    ReactElement,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode, escapeHTML } from '../../utils/emoji';\nimport { insertTextAtCursorPosition, replaceText } from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    insertInvisibleCursorMarker,\n    restoreSelection,\n    saveSelection,\n    type ReplaceTextOptions,\n    insertPseudoMarker,\n    insertCursorAtMarker,\n} from '../../utils/selection';\nimport { convertHTMLToText, convertTextToHTML } from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n    StyledEmojiInput,\n    StyledEmojiInputContent,\n    StyledEmojiInputLabel,\n    StyledEmojiInputRightWrapper,\n    StyledMotionEmojiInputEditor,\n    StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\nimport { scrollCursorIntoView } from '../../utils/scroll';\nimport { useCursorPosition } from '../../hooks/cursor';\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 type 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};\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] = useState(getIsTouch());\n        const [plainTextValue, setPlainTextValue] = useState(value);\n        const [hasFocus, setHasFocus] = useState(false);\n        const [progressDuration, setProgressDuration] = useState(0);\n        const [labelWidth, setLabelWidth] = useState(0);\n        const [isPopupVisible, setIsPopupVisible] = useState(false);\n        const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n        const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n        const [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n        const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>(/./);\n\n        const areaProvider = useContext(AreaContext);\n\n        const editorRef = useRef<HTMLDivElement>(null);\n        const prefixElementRef = useRef<HTMLDivElement>(null);\n        const hasPrefixRendered = useRef(false);\n        const hasPrefixChanged = useRef(false);\n        const shouldDeleteOneMoreBackwards = useRef(false);\n        const shouldDeleteOneMoreForwards = useRef(false);\n\n        const valueRef = useRef(value);\n\n        useCursorPosition(editorRef, onCursorPositionChange, { isDisabled });\n\n        const { browser } = getDevice();\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        useEffect(() => {\n            void loadEmojiShortList().then(({ shortNameList, regShortnames }) => {\n                setEmojiShortNames(shortNameList);\n                setEmojiRegShortNames(regShortnames);\n            });\n        }, []);\n\n        /**\n         * This function updates the content of the 'contentEditable' element if the new text is\n         * different from the previous content. So this is only true if, for example, a text like \":-)\"\n         * has been replaced to the corresponding emoji.\n         *\n         * When updating the HTML, the current cursor position is saved before replacing the content, so\n         * that it can be set again afterward.\n         */\n        const handleUpdateHTML = useCallback(\n            (html: string) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                let newInnerHTML = convertEmojisToUnicode(\n                    html,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                );\n\n                newInnerHTML = convertTextToHTML(newInnerHTML);\n\n                if (newInnerHTML !== editorRef.current.innerHTML) {\n                    saveSelection(editorRef.current, { shouldIgnoreEmptyTextNodes: true });\n\n                    editorRef.current.innerHTML = newInnerHTML;\n\n                    restoreSelection(editorRef.current);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames],\n        );\n\n        const handleBeforeInput = useCallback(\n            (event: FormEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                const { data, type } = event.nativeEvent as InputEvent;\n\n                if (type === 'textInput' && data && data.includes('\\n')) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    const text = convertEmojisToUnicode(data, emojiRegShortNames, emojiShortNames);\n\n                    insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function handles the 'input' events of the 'contentEditable' element and also passes the\n         * respective event up accordingly if the 'onInput' property is a function.\n         */\n        const handleInput = useCallback(\n            (event: ChangeEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.stopPropagation();\n                    event.preventDefault();\n                }\n\n                if (shouldDeleteOneMoreBackwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    // Remove content and set cursor to the right position\n                    insertInvisibleCursorMarker();\n\n                    return;\n                }\n\n                if (shouldDeleteOneMoreForwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('forwardDelete', false);\n\n                    return;\n                }\n\n                handleUpdateHTML(editorRef.current.innerHTML);\n\n                const text = convertHTMLToText(editorRef.current.innerHTML);\n\n                setPlainTextValue(text);\n\n                if (typeof onInput === 'function') {\n                    onInput(event, text);\n                }\n\n                insertCursorAtMarker(editorRef);\n            },\n            [handleUpdateHTML, isDisabled, onInput],\n        );\n\n        const handleKeyDown = useCallback(\n            (event: TmpKeyboardEvent<HTMLDivElement>) => {\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                if (event.key === 'Enter' && isPopupVisible) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (typeof onKeyDown === 'function') {\n                    onKeyDown(event);\n                }\n\n                if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {\n                    event.preventDefault();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('insertLineBreak', false);\n                }\n\n                if (event.key === 'Enter') {\n                    requestAnimationFrame(() => {\n                        if (editorRef.current) scrollCursorIntoView(editorRef.current);\n                    });\n                }\n\n                if (\n                    event.key === 'Backspace' ||\n                    event.key === 'Delete' ||\n                    event.key === 'Unidentified'\n                ) {\n                    const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n                    if (charCodeThatWillBeDeleted === 8203) {\n                        if (event.key === 'Backspace' || event.key === 'Unidentified') {\n                            shouldDeleteOneMoreBackwards.current = true;\n                        } else {\n                            shouldDeleteOneMoreForwards.current = true;\n                        }\n                    }\n                }\n            },\n            [isDisabled, isPopupVisible, onKeyDown],\n        );\n\n        const handlePopupVisibility = useCallback(\n            (isVisible: boolean) => {\n                setIsPopupVisible(isVisible);\n\n                if (editorRef.current && isVisible) {\n                    saveSelection(editorRef.current);\n                }\n\n                if (typeof onPopupVisibilityChange === 'function') {\n                    onPopupVisibilityChange(isVisible);\n                }\n            },\n            [onPopupVisibilityChange],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are inserted. To do this, the\n         * plain text is read from the event after the default behavior has been prevented. The plain\n         * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n         */\n        const handlePaste = useCallback(\n            (event: ClipboardEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    // This ensures, that only the copied text is inserted and not its HTML formatting.\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n                    if (text.includes('\\n')) {\n                        text += '\\u200C';\n                    }\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are dropped. To do this, the\n         * plain text is read from the event after the default behavior has been prevented. The plain\n         * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n         */\n        const handleDrop = useCallback(\n            (event: React.DragEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    // This ensures, that only the dropped text is inserted and not its HTML formatting.\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the\n         * correct position in the editor element.\n         *\n         * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,\n         * which in turn executes the 'onInput' function from the props. So this serves to ensure that\n         * the event is also passed through to the top when inserting via the popup.\n         */\n        const handlePopupSelect = useCallback((emoji: string) => {\n            if (editorRef.current) {\n                insertTextAtCursorPosition({\n                    editorElement: editorRef.current,\n                    text: emoji,\n                    shouldUseSavedSelection: true,\n                });\n\n                const event = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(event);\n            }\n        }, []);\n\n        useEffect(() => {\n            if (typeof onPrefixElementRemove !== 'function') {\n                return;\n            }\n\n            if (!hasPrefixRendered.current) {\n                return;\n            }\n\n            const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n                '&nbsp;',\n                ' ',\n            );\n            const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n            if (\n                (convertedPrefix &&\n                    convertedText.includes(convertedPrefix) &&\n                    convertedText.length > convertedPrefix.length) ||\n                convertedPrefix === convertedText\n            ) {\n                return;\n            }\n\n            if (hasPrefixChanged.current) {\n                hasPrefixChanged.current = false;\n\n                return;\n            }\n\n            onPrefixElementRemove();\n            hasPrefixRendered.current = false;\n        }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n        useEffect(() => {\n            if (typeof prefixElement === 'string') {\n                hasPrefixChanged.current = true;\n            }\n        }, [prefixElement]);\n\n        useEffect(() => {\n            if (value !== plainTextValue) {\n                setPlainTextValue(value);\n\n                handleUpdateHTML(value);\n            }\n        }, [handleUpdateHTML, plainTextValue, value]);\n\n        // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n        // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n        // the HTML content correctly when the component is rendered for the first time.\n        useIsomorphicLayoutEffect(() => {\n            handleUpdateHTML(valueRef.current);\n        }, [handleUpdateHTML]);\n\n        const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n            if (editorRef.current) {\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                const newEvent = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(newEvent);\n            }\n        }, []);\n\n        const handleReplaceText = useCallback(\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        useImperativeHandle(\n            ref,\n            () => ({\n                insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n                replaceText: handleReplaceText,\n                startProgress: handleStartProgress,\n                stopProgress: handleStopProgress,\n                focus: () => editorRef.current?.focus(),\n                blur: () => editorRef.current?.blur(),\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n            ],\n        );\n\n        useEffect(() => {\n            /**\n             * This function ensures that the input field does not lose focus when the popup is opened\n             * or an emoji is selected in it. For this purpose the corresponding elements get the class\n             * 'prevent-lose-focus'.\n             *\n             * The class can also be set to any other elements that should also not cause the input\n             * field to lose focus.\n             */\n            const handlePreventLoseFocus = (event: MouseEvent) => {\n                const element = event.target as Element;\n\n                if (\n                    element.classList.contains('prevent-lose-focus') ||\n                    element.parentElement?.classList.contains('prevent-lose-focus') ||\n                    element.parentElement?.parentElement?.classList.contains('prevent-lose-focus')\n                ) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n            };\n\n            document.body.addEventListener('mousedown', handlePreventLoseFocus);\n\n            return () => {\n                document.body.removeEventListener('mousedown', handlePreventLoseFocus);\n            };\n        }, []);\n\n        const shouldShowPlaceholder = useMemo(() => {\n            if (!isPrefixAnimationFinished) {\n                return false;\n            }\n\n            const isJustPrefixElement =\n                prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n            const shouldRenderPlaceholder =\n                (prefixElement && !plainTextValue) ||\n                (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n            switch (true) {\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    !hasFocus:\n                case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n                    return shouldRenderPlaceholder;\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    hasFocus:\n                    return false;\n                default:\n                    return false;\n            }\n        }, [\n            isPrefixAnimationFinished,\n            hasFocus,\n            plainTextValue,\n            prefixElement,\n            shouldHidePlaceholderOnFocus,\n            prefixElementWidth,\n        ]);\n\n        useEffect(() => {\n            if (prefixElement) {\n                setIsPrefixAnimationFinished(false);\n            }\n        }, [prefixElement]);\n\n        const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onFocus === 'function' && !isDisabled) {\n                onFocus(event);\n            }\n\n            setHasFocus(true);\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onBlur === 'function' && !isDisabled) {\n                onBlur(event);\n            }\n\n            setHasFocus(false);\n        };\n\n        useEffect(() => {\n            if (editorRef.current && prefixElement) {\n                const text = convertEmojisToUnicode(\n                    prefixElement,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                );\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [emojiRegShortNames, emojiShortNames, handleUpdateHTML, prefixElement]);\n\n        useEffect(() => {\n            if (\n                prefixElementRef.current &&\n                prefixElement &&\n                convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n            ) {\n                setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n            } else {\n                setPrefixElementWidth(undefined);\n            }\n        }, [plainTextValue, prefixElement]);\n\n        useEffect(() => {\n            const handleResize = () => {\n                if (editorRef.current) {\n                    setLabelWidth(editorRef.current.offsetWidth);\n                }\n            };\n\n            const resizeObserver = new ResizeObserver(handleResize);\n\n            if (editorRef.current) {\n                resizeObserver.observe(editorRef.current);\n            }\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }, []);\n\n        useEffect(() => {\n            const blurElement = () => {\n                if (\n                    editorRef.current &&\n                    document.activeElement === editorRef.current &&\n                    isDisabled\n                ) {\n                    editorRef.current.blur();\n                }\n            };\n\n            document.addEventListener('focus', blurElement, true);\n\n            return () => {\n                document.removeEventListener('focus', blurElement, true);\n            };\n        }, [isDisabled]);\n\n        return (\n            <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n                <AnimatePresence initial>\n                    {progressDuration > 0 && (\n                        <StyledMotionEmojiInputProgress\n                            animate={{ width: '100%' }}\n                            exit={{ opacity: 0 }}\n                            initial={{ opacity: 1, width: '0%' }}\n                            transition={{\n                                width: {\n                                    ease: 'linear',\n                                    duration: progressDuration,\n                                },\n                                opacity: {\n                                    type: 'tween',\n                                    duration: 0.3,\n                                },\n                            }}\n                        />\n                    )}\n                </AnimatePresence>\n                <StyledEmojiInputContent>\n                    {prefixElement && (\n                        <PrefixElement\n                            key={prefixElement}\n                            element={prefixElement}\n                            prefixElementRef={prefixElementRef}\n                            setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n                        />\n                    )}\n                    <StyledMotionEmojiInputEditor\n                        $browser={browser?.name as BrowserName}\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable\n                        id={inputId}\n                        onBeforeInput={handleBeforeInput}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onInput={handleInput}\n                        onKeyDown={handleKeyDown}\n                        onPaste={handlePaste}\n                        onDrop={handleDrop}\n                        ref={editorRef}\n                        $shouldShowContent={isPrefixAnimationFinished}\n                        transition={{ type: 'tween', duration: 0.2 }}\n                    />\n\n                    {shouldShowPlaceholder && (\n                        <StyledEmojiInputLabel\n                            $maxWidth={labelWidth}\n                            $offsetWidth={prefixElementWidth}\n                        >\n                            {placeholder}\n                        </StyledEmojiInputLabel>\n                    )}\n                    {!isTouch && !shouldPreventEmojiPicker && (\n                        <EmojiPickerPopup\n                            accessToken={accessToken}\n                            onSelect={handlePopupSelect}\n                            onPopupVisibilityChange={handlePopupVisibility}\n                            personId={personId}\n                        />\n                    )}\n                </StyledEmojiInputContent>\n                {rightElement && (\n                    <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n                )}\n            </StyledEmojiInput>\n        );\n    },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/insert.js

@@ -90,12 +90,14 @@ exports.insertTextAtCursorPosition = insertTextAtCursorPosition;
 const replaceText = ({
   editorElement,
   searchText,
-  pasteText
+  pasteText,
+  options
 }) => {
   const selection = window.getSelection();
   const rangeToReplace = (0, _selection.findAndSelectText)({
     editorElement,
-    searchText
+    searchText,
+    options
   });
   if (rangeToReplace && selection) {
     selection.removeAllRanges();

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

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

package/lib/cjs/utils/selection.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setChildIndex = exports.saveSelection = exports.restoreSelection = exports.moveSelectionOffset = exports.insertInvisibleCursorMarker = exports.getCurrentCursorPosition = exports.getCharCodeThatWillBeDeleted = exports.findAndSelectText = void 0;
+exports.setChildIndex = exports.saveSelection = exports.restoreSelection = exports.moveSelectionOffset = exports.insertPseudoMarker = exports.insertInvisibleCursorMarker = exports.insertCursorAtMarker = exports.getCurrentCursorPosition = exports.getCharCodeThatWillBeDeleted = exports.findAndSelectText = void 0;
 var _number = require("./number");
 var _text = require("./text");
 let childIndex = -1;
@@ -196,6 +196,33 @@ const insertInvisibleCursorMarker = () => {
   }
 };
 exports.insertInvisibleCursorMarker = insertInvisibleCursorMarker;
+const insertPseudoMarker = () => {
+  const selection = window.getSelection();
+  if (selection && selection.rangeCount > 0) {
+    const range = selection.getRangeAt(0);
+    const marker = document.createElement('span');
+    marker.id = 'cursor-marker';
+    marker.style.display = 'inline-block';
+    marker.style.width = '0';
+    marker.style.height = '0';
+    range.insertNode(marker);
+  }
+};
+exports.insertPseudoMarker = insertPseudoMarker;
+const insertCursorAtMarker = ref => {
+  var _ref$current;
+  const marker = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('#cursor-marker');
+  if (marker) {
+    const selection = window.getSelection();
+    const range = document.createRange();
+    range.setStartAfter(marker);
+    range.setEndAfter(marker);
+    selection === null || selection === void 0 || selection.removeAllRanges();
+    selection === null || selection === void 0 || selection.addRange(range);
+    marker.remove();
+  }
+};
+exports.insertCursorAtMarker = insertCursorAtMarker;
 const moveSelectionOffset = distance => {
   endOffset += distance;
   startOffset += distance;
@@ -248,43 +275,64 @@ const getCharCodeThatWillBeDeleted = event => {
 exports.getCharCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted;
 const findAndSelectText = ({
   editorElement,
-  searchText
+  searchText,
+  options = {
+    shouldReplaceNearCursor: true
+  }
 }) => {
   var _editorElement$textCo;
   if (!((_editorElement$textCo = editorElement.textContent) !== null && _editorElement$textCo !== void 0 && _editorElement$textCo.includes(searchText))) {
     return null;
   }
   const range = document.createRange();
-  let startNode = null;
-  let offset = -1;
+  const cursorPos = getCurrentCursorPosition(editorElement);
+  const matches = [];
+  let absCounter = 0;
   const searchNodesForText = node => {
-    if (node.nodeType === Node.TEXT_NODE) {
-      var _node$textContent;
-      const index = (_node$textContent = node.textContent) === null || _node$textContent === void 0 ? void 0 : _node$textContent.indexOf(searchText);
-      if (typeof index === 'number' && index !== -1) {
-        startNode = node;
-        offset = index;
-        range.setStart(node, index);
-        range.setEnd(node, index + searchText.length);
-        return true;
+    if (node.nodeType === Node.TEXT_NODE && node.textContent) {
+      let index = node.textContent.indexOf(searchText);
+      while (index !== -1) {
+        matches.push({
+          node,
+          offset: index,
+          absIndex: absCounter + index
+        });
+        index = node.textContent.indexOf(searchText, index + 1);
       }
+      absCounter += node.textContent.length;
     } else if (node.nodeName !== 'LC_MENTION') {
-      return Array.from(node.childNodes).some(searchNodesForText);
+      Array.from(node.childNodes).forEach(searchNodesForText);
     }
-    return false;
   };
   searchNodesForText(editorElement);
-  if (startNode && offset !== -1) return range;
-  return null;
+  if (matches.length === 0) {
+    return null;
+  }
+  let match = matches[0];
+  if (options !== null && options !== void 0 && options.shouldReplaceNearCursor && cursorPos !== null) {
+    match = matches.reduce((prev, curr) => Math.abs(curr.absIndex - cursorPos) < Math.abs(prev.absIndex - cursorPos) ? curr : prev);
+  }
+  if (!match) {
+    return null;
+  }
+  range.setStart(match.node, match.offset);
+  range.setEnd(match.node, match.offset + searchText.length);
+  return range;
 };
 exports.findAndSelectText = findAndSelectText;
 const getCurrentCursorPosition = editorElement => {
   var _window$getSelection2, _window;
-  if (!editorElement) return null;
+  if (!editorElement) {
+    return null;
+  }
   const sel = (_window$getSelection2 = (_window = window).getSelection) === null || _window$getSelection2 === void 0 ? void 0 : _window$getSelection2.call(_window);
-  if (!sel || sel.rangeCount === 0) return null;
+  if (!sel || sel.rangeCount === 0) {
+    return null;
+  }
   const range = sel.getRangeAt(0);
-  if (!editorElement.contains(range.commonAncestorContainer)) return null;
+  if (!editorElement.contains(range.commonAncestorContainer)) {
+    return null;
+  }
   const pre = document.createRange();
   pre.selectNodeContents(editorElement);
   try {