@chayns-components/emoji-input 5.0.18 → 5.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/emoji-input/EmojiInput.js +28 -5
- package/lib/cjs/components/emoji-input/EmojiInput.js.map +1 -1
- package/lib/cjs/utils/selection.js +90 -1
- package/lib/cjs/utils/selection.js.map +1 -1
- package/lib/esm/components/emoji-input/EmojiInput.js +29 -6
- package/lib/esm/components/emoji-input/EmojiInput.js.map +1 -1
- package/lib/esm/utils/selection.js +87 -0
- package/lib/esm/utils/selection.js.map +1 -1
- package/lib/types/components/emoji-input/EmojiInput.d.ts +1 -0
- package/lib/types/utils/selection.d.ts +5 -0
- package/package.json +3 -3
|
@@ -60,13 +60,19 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
|
|
|
60
60
|
const hasPrefixChanged = (0, _react2.useRef)(false);
|
|
61
61
|
const shouldDeleteOneMoreBackwards = (0, _react2.useRef)(false);
|
|
62
62
|
const shouldDeleteOneMoreForwards = (0, _react2.useRef)(false);
|
|
63
|
+
const savedCursorPositionRef = (0, _react2.useRef)(0);
|
|
63
64
|
const valueRef = (0, _react2.useRef)(value);
|
|
64
|
-
(0, _cursor.useCursorPosition)(editorRef, onCursorPositionChange, {
|
|
65
|
-
isDisabled
|
|
66
|
-
});
|
|
67
65
|
const {
|
|
68
66
|
browser
|
|
69
67
|
} = (0, _chaynsApi.getDevice)();
|
|
68
|
+
(0, _cursor.useCursorPosition)(editorRef, (0, _react2.useCallback)(position => {
|
|
69
|
+
savedCursorPositionRef.current = position;
|
|
70
|
+
if (typeof onCursorPositionChange === 'function') {
|
|
71
|
+
onCursorPositionChange(position);
|
|
72
|
+
}
|
|
73
|
+
}, [onCursorPositionChange]), {
|
|
74
|
+
isDisabled
|
|
75
|
+
});
|
|
70
76
|
const shouldChangeColor = (0, _react2.useMemo)(() => areaProvider.shouldChangeColor ?? false, [areaProvider.shouldChangeColor]);
|
|
71
77
|
(0, _react2.useEffect)(() => {
|
|
72
78
|
void (0, _asyncEmojiData.loadEmojiShortList)().then(({
|
|
@@ -380,6 +386,22 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
|
|
|
380
386
|
const handleStopProgress = (0, _react2.useCallback)(() => {
|
|
381
387
|
setProgressDuration(0);
|
|
382
388
|
}, []);
|
|
389
|
+
const handleSetCursorPosition = (0, _react2.useCallback)(position => {
|
|
390
|
+
if (!editorRef.current) {
|
|
391
|
+
return;
|
|
392
|
+
}
|
|
393
|
+
const resolvedPosition = position ?? savedCursorPositionRef.current;
|
|
394
|
+
savedCursorPositionRef.current = resolvedPosition;
|
|
395
|
+
editorRef.current.focus();
|
|
396
|
+
(0, _selection.setCursorPositionByAbsIndex)({
|
|
397
|
+
editorElement: editorRef.current,
|
|
398
|
+
position: resolvedPosition
|
|
399
|
+
});
|
|
400
|
+
const updatedPosition = (0, _selection.getCurrentCursorPosition)(editorRef.current);
|
|
401
|
+
if (typeof updatedPosition === 'number') {
|
|
402
|
+
savedCursorPositionRef.current = updatedPosition;
|
|
403
|
+
}
|
|
404
|
+
}, []);
|
|
383
405
|
(0, _react2.useImperativeHandle)(ref, () => ({
|
|
384
406
|
insertTextAtCursorPosition: handleInsertTextAtCursorPosition,
|
|
385
407
|
replaceText: handleReplaceText,
|
|
@@ -392,8 +414,9 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
|
|
|
392
414
|
blur: () => {
|
|
393
415
|
var _editorRef$current3;
|
|
394
416
|
return (_editorRef$current3 = editorRef.current) === null || _editorRef$current3 === void 0 ? void 0 : _editorRef$current3.blur();
|
|
395
|
-
}
|
|
396
|
-
|
|
417
|
+
},
|
|
418
|
+
setCursorPosition: handleSetCursorPosition
|
|
419
|
+
}), [handleInsertTextAtCursorPosition, handleReplaceText, handleStartProgress, handleStopProgress, handleSetCursorPosition]);
|
|
397
420
|
(0, _react2.useEffect)(() => {
|
|
398
421
|
/**
|
|
399
422
|
* This function ensures that the input field does not lose focus when the popup is opened
|
|
@@ -1 +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","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","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, useIsTouch } 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 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}\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 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 ' ',\n ' ',\n );\n const convertedPrefix = prefixElement && prefixElement.replace(' ', ' ');\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":[]}
|
|
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","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","savedCursorPositionRef","valueRef","browser","getDevice","useCursorPosition","useCallback","position","current","shouldChangeColor","useMemo","loadEmojiShortList","then","shortNameList","regShortnames","handleUpdateHTML","html","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","handleSetCursorPosition","resolvedPosition","focus","setCursorPositionByAbsIndex","updatedPosition","getCurrentCursorPosition","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","$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, useIsTouch } 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 getCurrentCursorPosition,\n setCursorPositionByAbsIndex,\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 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 const savedCursorPositionRef = useRef<number>(0);\n\n const valueRef = useRef(value);\n\n const { browser } = getDevice();\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 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 ' ',\n ' ',\n );\n const convertedPrefix = prefixElement && prefixElement.replace(' ', ' ');\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 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 $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":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.setChildIndex = exports.saveSelection = exports.restoreSelection = exports.moveSelectionOffset = exports.insertPseudoMarker = exports.insertInvisibleCursorMarker = exports.insertCursorAtMarker = exports.getCurrentCursorPosition = exports.getCharCodeThatWillBeDeleted = exports.findAndSelectText = void 0;
|
|
6
|
+
exports.setCursorPositionByAbsIndex = exports.setChildIndex = exports.saveSelection = exports.restoreSelection = exports.moveSelectionOffset = exports.insertPseudoMarker = exports.insertInvisibleCursorMarker = exports.insertCursorAtMarker = exports.getCurrentCursorPosition = exports.getCharCodeThatWillBeDeleted = exports.findAndSelectText = void 0;
|
|
7
7
|
var _number = require("./number");
|
|
8
8
|
var _text = require("./text");
|
|
9
9
|
let childIndex = -1;
|
|
@@ -348,4 +348,93 @@ const getCurrentCursorPosition = editorElement => {
|
|
|
348
348
|
}
|
|
349
349
|
};
|
|
350
350
|
exports.getCurrentCursorPosition = getCurrentCursorPosition;
|
|
351
|
+
const getCursorTargetByAbsIndex = ({
|
|
352
|
+
editorElement,
|
|
353
|
+
position
|
|
354
|
+
}) => {
|
|
355
|
+
const childNodes = Array.from(editorElement.childNodes);
|
|
356
|
+
if (childNodes.length === 0) {
|
|
357
|
+
const textNode = document.createTextNode('');
|
|
358
|
+
editorElement.appendChild(textNode);
|
|
359
|
+
return {
|
|
360
|
+
node: textNode,
|
|
361
|
+
offset: 0
|
|
362
|
+
};
|
|
363
|
+
}
|
|
364
|
+
const clampedPosition = (0, _number.clamp)(position, 0, (0, _text.convertHTMLToText)(editorElement.innerHTML).length);
|
|
365
|
+
let absCounter = 0;
|
|
366
|
+
const searchNodes = node => {
|
|
367
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
368
|
+
const textNode = node;
|
|
369
|
+
const nodeText = textNode.nodeValue ?? '';
|
|
370
|
+
const nextAbsCounter = absCounter + nodeText.length;
|
|
371
|
+
if (clampedPosition <= nextAbsCounter) {
|
|
372
|
+
return {
|
|
373
|
+
node: textNode,
|
|
374
|
+
offset: (0, _number.clamp)(clampedPosition - absCounter, 0, nodeText.length)
|
|
375
|
+
};
|
|
376
|
+
}
|
|
377
|
+
absCounter = nextAbsCounter;
|
|
378
|
+
return null;
|
|
379
|
+
}
|
|
380
|
+
if (node.nodeName === 'LC_MENTION') {
|
|
381
|
+
return null;
|
|
382
|
+
}
|
|
383
|
+
for (const child of Array.from(node.childNodes)) {
|
|
384
|
+
const found = searchNodes(child);
|
|
385
|
+
if (found) {
|
|
386
|
+
return found;
|
|
387
|
+
}
|
|
388
|
+
}
|
|
389
|
+
return null;
|
|
390
|
+
};
|
|
391
|
+
for (const rootNode of childNodes) {
|
|
392
|
+
const found = searchNodes(rootNode);
|
|
393
|
+
if (found) {
|
|
394
|
+
return found;
|
|
395
|
+
}
|
|
396
|
+
}
|
|
397
|
+
const lastTextNode = editorElement.lastChild;
|
|
398
|
+
if ((lastTextNode === null || lastTextNode === void 0 ? void 0 : lastTextNode.nodeType) === Node.TEXT_NODE) {
|
|
399
|
+
const textNode = lastTextNode;
|
|
400
|
+
return {
|
|
401
|
+
node: textNode,
|
|
402
|
+
offset: textNode.length
|
|
403
|
+
};
|
|
404
|
+
}
|
|
405
|
+
const appendedTextNode = document.createTextNode('\u200B');
|
|
406
|
+
editorElement.appendChild(appendedTextNode);
|
|
407
|
+
return {
|
|
408
|
+
node: appendedTextNode,
|
|
409
|
+
offset: appendedTextNode.length
|
|
410
|
+
};
|
|
411
|
+
};
|
|
412
|
+
const setCursorPositionByAbsIndex = ({
|
|
413
|
+
editorElement,
|
|
414
|
+
position
|
|
415
|
+
}) => {
|
|
416
|
+
var _window$getSelection3, _window2;
|
|
417
|
+
const selection = (_window$getSelection3 = (_window2 = window).getSelection) === null || _window$getSelection3 === void 0 ? void 0 : _window$getSelection3.call(_window2);
|
|
418
|
+
if (!selection) {
|
|
419
|
+
return;
|
|
420
|
+
}
|
|
421
|
+
const target = getCursorTargetByAbsIndex({
|
|
422
|
+
editorElement,
|
|
423
|
+
position
|
|
424
|
+
});
|
|
425
|
+
if (!target) {
|
|
426
|
+
return;
|
|
427
|
+
}
|
|
428
|
+
const range = document.createRange();
|
|
429
|
+
try {
|
|
430
|
+
range.setStart(target.node, target.offset);
|
|
431
|
+
range.setEnd(target.node, target.offset);
|
|
432
|
+
} catch {
|
|
433
|
+
return;
|
|
434
|
+
}
|
|
435
|
+
selection.removeAllRanges();
|
|
436
|
+
selection.addRange(range);
|
|
437
|
+
range.collapse(true);
|
|
438
|
+
};
|
|
439
|
+
exports.setCursorPositionByAbsIndex = setCursorPositionByAbsIndex;
|
|
351
440
|
//# sourceMappingURL=selection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection.js","names":["_number","require","_text","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","selection","window","getSelection","anchorNode","range","getRangeAt","childNodesArray","Array","from","childNodes","filter","nodeType","nodeValue","Node","TEXT_NODE","indexOf","exports","restoreSelection","hasFoundNoJoiner","forEach","node","noJoinerIndex","replace","childNode","elementTextLength","getElementTextLength","nextSibling","charCodeAt","_childNode$parentNode","textNode","document","createTextNode","parentNode","insertBefore","length","_childNode$parentNode2","_childNode$nextSiblin","_childNode$nextSiblin2","_childNode$parentNode3","_childNode$parentNode4","createRange","clamp","setStart","setEnd","error","removeAllRanges","addRange","collapse","insertInvisibleCursorMarker","rangeCount","startContainer","offset","execCommand","span","createElement","style","display","width","height","className","parent","textContent","beforeText","slice","afterText","afterTextNode","setTimeout","newRange","setStartAfter","setEndAfter","remove","insertPseudoMarker","marker","id","insertNode","insertCursorAtMarker","ref","_ref$current","current","querySelector","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","_window$getSelection","_nextSibling$nodeValu","key","_previousSibling$node","previousSibling","endContainer","findAndSelectText","editorElement","searchText","options","shouldReplaceNearCursor","_editorElement$textCo","includes","cursorPos","getCurrentCursorPosition","matches","absCounter","searchNodesForText","push","absIndex","nodeName","match","reduce","prev","curr","Math","abs","_window$getSelection2","_window","sel","call","contains","commonAncestorContainer","pre","selectNodeContents","container","appendChild","cloneContents","bbCodeUntilCursor","convertHTMLToText","innerHTML","preserveSpaces"],"sources":["../../../src/utils/selection.ts"],"sourcesContent":["import type { KeyboardEvent, RefObject } from 'react';\nimport { clamp } from './number';\nimport { convertHTMLToText, getElementTextLength } from './text';\n\nlet childIndex = -1;\nlet endOffset = -1;\nlet startOffset = -1;\n\ninterface SaveSelectionOptions {\n shouldIgnoreEmptyTextNodes?: boolean;\n}\n\nexport const saveSelection = (\n element: HTMLDivElement,\n { shouldIgnoreEmptyTextNodes }: SaveSelectionOptions = {},\n) => {\n const selection = window.getSelection();\n\n if (!selection) {\n return;\n }\n\n const { anchorNode } = selection;\n\n if (!anchorNode) {\n return;\n }\n\n const range = selection.getRangeAt(0);\n\n let childNodesArray = Array.from(element.childNodes);\n\n if (shouldIgnoreEmptyTextNodes) {\n childNodesArray = childNodesArray.filter(\n ({ nodeType, nodeValue }) =>\n nodeType !== Node.TEXT_NODE || (nodeValue !== '' && nodeValue !== '\\u200B'),\n );\n }\n\n childIndex = childNodesArray.indexOf(anchorNode as ChildNode);\n\n endOffset = range.endOffset;\n startOffset = range.startOffset;\n};\n\nexport const restoreSelection = (element: HTMLDivElement) => {\n // Search for \\u200C in child nodes. If found, set the childIndex, startOffset, and endOffset to the\n // position of the \\u200C character. Also remove the \\u200C character from the child node. If not found,\n // the childIndex, startOffset, and endOffset will be like before.\n const childNodesArray = Array.from(element.childNodes);\n\n let hasFoundNoJoiner = false;\n\n childNodesArray.forEach((node) => {\n if (\n !hasFoundNoJoiner &&\n node.nodeType === Node.TEXT_NODE &&\n typeof node.nodeValue === 'string'\n ) {\n const noJoinerIndex = node.nodeValue.indexOf('\\u200C');\n\n if (noJoinerIndex !== -1) {\n hasFoundNoJoiner = true;\n\n childIndex = childNodesArray.indexOf(node);\n startOffset = noJoinerIndex;\n endOffset = noJoinerIndex;\n }\n }\n });\n\n // Remove all no joiner characters from the child nodes if no joiner was found\n if (hasFoundNoJoiner) {\n childNodesArray.forEach((node) => {\n if (node.nodeType === Node.TEXT_NODE && typeof node.nodeValue === 'string') {\n // eslint-disable-next-line no-param-reassign\n node.nodeValue = node.nodeValue.replace(/\\u200C/g, '');\n }\n });\n }\n\n let childNode = element.childNodes[childIndex];\n\n const selection = window.getSelection();\n\n if (!childNode || !element || !selection) {\n return;\n }\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue !== 'string') {\n const elementTextLength = getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {\n if (childNode.nextSibling?.nodeValue) {\n let elementTextLength = childNode.nodeValue.length;\n\n childNode = childNode.nextSibling;\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue !== 'string') {\n elementTextLength += getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling?.nodeValue) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n }\n } else {\n endOffset = childNode.nodeValue.length;\n startOffset = childNode.nodeValue.length;\n }\n }\n\n const range = document.createRange();\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue === 'string') {\n startOffset = clamp(startOffset, 0, childNode.nodeValue.length);\n endOffset = clamp(endOffset, 0, childNode.nodeValue.length);\n }\n\n try {\n range.setStart(childNode, startOffset);\n range.setEnd(childNode, endOffset);\n } catch (error) {\n // Do nothing\n }\n\n selection.removeAllRanges();\n selection.addRange(range);\n\n range.collapse(true);\n};\n\nexport const insertInvisibleCursorMarker = (): void => {\n const selection = window.getSelection();\n\n if (!selection || selection.rangeCount === 0) {\n return;\n }\n\n const range = selection.getRangeAt(0);\n const textNode = range.startContainer;\n const offset = range.startOffset;\n\n // noinspection JSDeprecatedSymbols\n document.execCommand('delete', false);\n\n const span = document.createElement('span');\n span.style.display = 'inline-block';\n span.style.width = '0';\n span.style.height = '0';\n span.className = 'invisible-cursor-marker';\n\n const parent = textNode.parentNode;\n\n if (parent) {\n if (textNode.nodeType === Node.TEXT_NODE) {\n const textContent = textNode.textContent || '';\n const beforeText = textContent.slice(0, offset);\n const afterText = textContent.slice(offset);\n\n textNode.textContent = beforeText;\n\n parent.insertBefore(span, textNode.nextSibling);\n const afterTextNode = document.createTextNode(afterText);\n parent.insertBefore(afterTextNode, span.nextSibling);\n\n setTimeout(() => {\n // Set cursor to cursor element\n const newRange = document.createRange();\n newRange.setStartAfter(span);\n newRange.setEndAfter(span);\n selection.removeAllRanges();\n selection.addRange(newRange);\n\n // Remove cursor element\n span.remove();\n }, 10);\n }\n }\n};\n\nexport const insertPseudoMarker = () => {\n const selection = window.getSelection();\n\n if (selection && selection.rangeCount > 0) {\n const range = selection.getRangeAt(0);\n const marker = document.createElement('span');\n marker.id = 'cursor-marker';\n marker.style.display = 'inline-block';\n marker.style.width = '0';\n marker.style.height = '0';\n range.insertNode(marker);\n }\n};\n\nexport const insertCursorAtMarker = (ref: RefObject<HTMLDivElement>) => {\n const marker = ref.current?.querySelector('#cursor-marker');\n\n if (marker) {\n const selection = window.getSelection();\n const range = document.createRange();\n range.setStartAfter(marker);\n range.setEndAfter(marker);\n selection?.removeAllRanges();\n selection?.addRange(range);\n marker.remove();\n }\n};\n\nexport const moveSelectionOffset = (distance: number) => {\n endOffset += distance;\n startOffset += distance;\n};\n\nexport const setChildIndex = (index: number) => {\n childIndex = index;\n};\n\n/**\n * This function returns the code of the character that will be removed by the KeyDown event in the\n * next step, if the \"Backspace\" or \"Delete\" key was pressed and there is no selection of multiple\n * characters.\n *\n * @param event - Keyboard event from \"onKeyDown\"\n */\nexport const getCharCodeThatWillBeDeleted = (event: KeyboardEvent<HTMLDivElement>) => {\n const range = window.getSelection()?.getRangeAt(0);\n\n /**\n * At this point the function is aborted if there is no selection range, several characters have\n * been selected and therefore no single letter is removed or neither the \"Backspace\" nor the\n * \"Delete\" key has been pressed.\n */\n if (\n !range ||\n range.endOffset !== range.startOffset ||\n (event.key !== 'Backspace' && event.key !== 'Delete' && event.key !== 'Unidentified')\n ) {\n return null;\n }\n\n if (event.key === 'Backspace' || event.key === 'Unidentified') {\n const { nodeValue, previousSibling } = range.startContainer;\n\n if (range.startOffset > 0) {\n return nodeValue?.charCodeAt(range.startOffset - 1);\n }\n\n return previousSibling?.nodeValue?.charCodeAt(previousSibling.nodeValue.length - 1);\n }\n\n const { nextSibling, nodeValue } = range.endContainer;\n\n if (range.endOffset < (nodeValue?.length ?? 0)) {\n return nodeValue?.charCodeAt(range.endOffset);\n }\n\n return nextSibling?.nodeValue?.charCodeAt(0);\n};\n\nexport type ReplaceTextOptions = { shouldReplaceNearCursor?: boolean };\n\ninterface FindAndSelectTextOptions {\n editorElement: HTMLDivElement;\n searchText: string;\n options?: ReplaceTextOptions;\n}\n\ntype Match = { node: Node; offset: number; absIndex: number };\n\nexport const findAndSelectText = ({\n editorElement,\n searchText,\n options = { shouldReplaceNearCursor: true },\n}: FindAndSelectTextOptions): Range | null => {\n if (!editorElement.textContent?.includes(searchText)) {\n return null;\n }\n\n const range = document.createRange();\n\n const cursorPos = getCurrentCursorPosition(editorElement);\n\n const matches: Match[] = [];\n let absCounter = 0;\n\n const searchNodesForText = (node: Node) => {\n if (node.nodeType === Node.TEXT_NODE && node.textContent) {\n let index = node.textContent.indexOf(searchText);\n while (index !== -1) {\n matches.push({\n node,\n offset: index,\n absIndex: absCounter + index,\n });\n index = node.textContent.indexOf(searchText, index + 1);\n }\n absCounter += node.textContent.length;\n } else if (node.nodeName !== 'LC_MENTION') {\n Array.from(node.childNodes).forEach(searchNodesForText);\n }\n };\n\n searchNodesForText(editorElement);\n\n if (matches.length === 0) {\n return null;\n }\n\n let match = matches[0];\n\n if (options?.shouldReplaceNearCursor && cursorPos !== null) {\n match = matches.reduce((prev, curr) =>\n Math.abs(curr.absIndex - cursorPos) < Math.abs(prev.absIndex - cursorPos) ? curr : prev,\n );\n }\n\n if (!match) {\n return null;\n }\n\n range.setStart(match.node, match.offset);\n range.setEnd(match.node, match.offset + searchText.length);\n\n return range;\n};\n\nexport const getCurrentCursorPosition = (editorElement: HTMLDivElement | null): number | null => {\n if (!editorElement) {\n return null;\n }\n\n const sel = window.getSelection?.();\n if (!sel || sel.rangeCount === 0) {\n return null;\n }\n\n const range = sel.getRangeAt(0);\n\n if (!editorElement.contains(range.commonAncestorContainer)) {\n return null;\n }\n\n const pre = document.createRange();\n pre.selectNodeContents(editorElement);\n\n try {\n pre.setEnd(range.startContainer, range.startOffset);\n\n const container = document.createElement('div');\n container.appendChild(pre.cloneContents());\n\n const bbCodeUntilCursor = convertHTMLToText(container.innerHTML, { preserveSpaces: true });\n\n return bbCodeUntilCursor.length;\n } catch {\n return convertHTMLToText(editorElement.innerHTML).length;\n }\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"selection.js","names":["_number","require","_text","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","selection","window","getSelection","anchorNode","range","getRangeAt","childNodesArray","Array","from","childNodes","filter","nodeType","nodeValue","Node","TEXT_NODE","indexOf","exports","restoreSelection","hasFoundNoJoiner","forEach","node","noJoinerIndex","replace","childNode","elementTextLength","getElementTextLength","nextSibling","charCodeAt","_childNode$parentNode","textNode","document","createTextNode","parentNode","insertBefore","length","_childNode$parentNode2","_childNode$nextSiblin","_childNode$nextSiblin2","_childNode$parentNode3","_childNode$parentNode4","createRange","clamp","setStart","setEnd","error","removeAllRanges","addRange","collapse","insertInvisibleCursorMarker","rangeCount","startContainer","offset","execCommand","span","createElement","style","display","width","height","className","parent","textContent","beforeText","slice","afterText","afterTextNode","setTimeout","newRange","setStartAfter","setEndAfter","remove","insertPseudoMarker","marker","id","insertNode","insertCursorAtMarker","ref","_ref$current","current","querySelector","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","_window$getSelection","_nextSibling$nodeValu","key","_previousSibling$node","previousSibling","endContainer","findAndSelectText","editorElement","searchText","options","shouldReplaceNearCursor","_editorElement$textCo","includes","cursorPos","getCurrentCursorPosition","matches","absCounter","searchNodesForText","push","absIndex","nodeName","match","reduce","prev","curr","Math","abs","_window$getSelection2","_window","sel","call","contains","commonAncestorContainer","pre","selectNodeContents","container","appendChild","cloneContents","bbCodeUntilCursor","convertHTMLToText","innerHTML","preserveSpaces","getCursorTargetByAbsIndex","position","clampedPosition","searchNodes","nodeText","nextAbsCounter","child","found","rootNode","lastTextNode","lastChild","appendedTextNode","setCursorPositionByAbsIndex","_window$getSelection3","_window2","target"],"sources":["../../../src/utils/selection.ts"],"sourcesContent":["import type { KeyboardEvent, RefObject } from 'react';\nimport { clamp } from './number';\nimport { convertHTMLToText, getElementTextLength } from './text';\n\nlet childIndex = -1;\nlet endOffset = -1;\nlet startOffset = -1;\n\ninterface SaveSelectionOptions {\n shouldIgnoreEmptyTextNodes?: boolean;\n}\n\nexport const saveSelection = (\n element: HTMLDivElement,\n { shouldIgnoreEmptyTextNodes }: SaveSelectionOptions = {},\n) => {\n const selection = window.getSelection();\n\n if (!selection) {\n return;\n }\n\n const { anchorNode } = selection;\n\n if (!anchorNode) {\n return;\n }\n\n const range = selection.getRangeAt(0);\n\n let childNodesArray = Array.from(element.childNodes);\n\n if (shouldIgnoreEmptyTextNodes) {\n childNodesArray = childNodesArray.filter(\n ({ nodeType, nodeValue }) =>\n nodeType !== Node.TEXT_NODE || (nodeValue !== '' && nodeValue !== '\\u200B'),\n );\n }\n\n childIndex = childNodesArray.indexOf(anchorNode as ChildNode);\n\n endOffset = range.endOffset;\n startOffset = range.startOffset;\n};\n\nexport const restoreSelection = (element: HTMLDivElement) => {\n // Search for \\u200C in child nodes. If found, set the childIndex, startOffset, and endOffset to the\n // position of the \\u200C character. Also remove the \\u200C character from the child node. If not found,\n // the childIndex, startOffset, and endOffset will be like before.\n const childNodesArray = Array.from(element.childNodes);\n\n let hasFoundNoJoiner = false;\n\n childNodesArray.forEach((node) => {\n if (\n !hasFoundNoJoiner &&\n node.nodeType === Node.TEXT_NODE &&\n typeof node.nodeValue === 'string'\n ) {\n const noJoinerIndex = node.nodeValue.indexOf('\\u200C');\n\n if (noJoinerIndex !== -1) {\n hasFoundNoJoiner = true;\n\n childIndex = childNodesArray.indexOf(node);\n startOffset = noJoinerIndex;\n endOffset = noJoinerIndex;\n }\n }\n });\n\n // Remove all no joiner characters from the child nodes if no joiner was found\n if (hasFoundNoJoiner) {\n childNodesArray.forEach((node) => {\n if (node.nodeType === Node.TEXT_NODE && typeof node.nodeValue === 'string') {\n // eslint-disable-next-line no-param-reassign\n node.nodeValue = node.nodeValue.replace(/\\u200C/g, '');\n }\n });\n }\n\n let childNode = element.childNodes[childIndex];\n\n const selection = window.getSelection();\n\n if (!childNode || !element || !selection) {\n return;\n }\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue !== 'string') {\n const elementTextLength = getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {\n if (childNode.nextSibling?.nodeValue) {\n let elementTextLength = childNode.nodeValue.length;\n\n childNode = childNode.nextSibling;\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue !== 'string') {\n elementTextLength += getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling?.nodeValue) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n }\n } else {\n endOffset = childNode.nodeValue.length;\n startOffset = childNode.nodeValue.length;\n }\n }\n\n const range = document.createRange();\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue === 'string') {\n startOffset = clamp(startOffset, 0, childNode.nodeValue.length);\n endOffset = clamp(endOffset, 0, childNode.nodeValue.length);\n }\n\n try {\n range.setStart(childNode, startOffset);\n range.setEnd(childNode, endOffset);\n } catch (error) {\n // Do nothing\n }\n\n selection.removeAllRanges();\n selection.addRange(range);\n\n range.collapse(true);\n};\n\nexport const insertInvisibleCursorMarker = (): void => {\n const selection = window.getSelection();\n\n if (!selection || selection.rangeCount === 0) {\n return;\n }\n\n const range = selection.getRangeAt(0);\n const textNode = range.startContainer;\n const offset = range.startOffset;\n\n // noinspection JSDeprecatedSymbols\n document.execCommand('delete', false);\n\n const span = document.createElement('span');\n span.style.display = 'inline-block';\n span.style.width = '0';\n span.style.height = '0';\n span.className = 'invisible-cursor-marker';\n\n const parent = textNode.parentNode;\n\n if (parent) {\n if (textNode.nodeType === Node.TEXT_NODE) {\n const textContent = textNode.textContent || '';\n const beforeText = textContent.slice(0, offset);\n const afterText = textContent.slice(offset);\n\n textNode.textContent = beforeText;\n\n parent.insertBefore(span, textNode.nextSibling);\n const afterTextNode = document.createTextNode(afterText);\n parent.insertBefore(afterTextNode, span.nextSibling);\n\n setTimeout(() => {\n // Set cursor to cursor element\n const newRange = document.createRange();\n newRange.setStartAfter(span);\n newRange.setEndAfter(span);\n selection.removeAllRanges();\n selection.addRange(newRange);\n\n // Remove cursor element\n span.remove();\n }, 10);\n }\n }\n};\n\nexport const insertPseudoMarker = () => {\n const selection = window.getSelection();\n\n if (selection && selection.rangeCount > 0) {\n const range = selection.getRangeAt(0);\n const marker = document.createElement('span');\n marker.id = 'cursor-marker';\n marker.style.display = 'inline-block';\n marker.style.width = '0';\n marker.style.height = '0';\n range.insertNode(marker);\n }\n};\n\nexport const insertCursorAtMarker = (ref: RefObject<HTMLDivElement>) => {\n const marker = ref.current?.querySelector('#cursor-marker');\n\n if (marker) {\n const selection = window.getSelection();\n const range = document.createRange();\n range.setStartAfter(marker);\n range.setEndAfter(marker);\n selection?.removeAllRanges();\n selection?.addRange(range);\n marker.remove();\n }\n};\n\nexport const moveSelectionOffset = (distance: number) => {\n endOffset += distance;\n startOffset += distance;\n};\n\nexport const setChildIndex = (index: number) => {\n childIndex = index;\n};\n\n/**\n * This function returns the code of the character that will be removed by the KeyDown event in the\n * next step, if the \"Backspace\" or \"Delete\" key was pressed and there is no selection of multiple\n * characters.\n *\n * @param event - Keyboard event from \"onKeyDown\"\n */\nexport const getCharCodeThatWillBeDeleted = (event: KeyboardEvent<HTMLDivElement>) => {\n const range = window.getSelection()?.getRangeAt(0);\n\n /**\n * At this point the function is aborted if there is no selection range, several characters have\n * been selected and therefore no single letter is removed or neither the \"Backspace\" nor the\n * \"Delete\" key has been pressed.\n */\n if (\n !range ||\n range.endOffset !== range.startOffset ||\n (event.key !== 'Backspace' && event.key !== 'Delete' && event.key !== 'Unidentified')\n ) {\n return null;\n }\n\n if (event.key === 'Backspace' || event.key === 'Unidentified') {\n const { nodeValue, previousSibling } = range.startContainer;\n\n if (range.startOffset > 0) {\n return nodeValue?.charCodeAt(range.startOffset - 1);\n }\n\n return previousSibling?.nodeValue?.charCodeAt(previousSibling.nodeValue.length - 1);\n }\n\n const { nextSibling, nodeValue } = range.endContainer;\n\n if (range.endOffset < (nodeValue?.length ?? 0)) {\n return nodeValue?.charCodeAt(range.endOffset);\n }\n\n return nextSibling?.nodeValue?.charCodeAt(0);\n};\n\nexport type ReplaceTextOptions = { shouldReplaceNearCursor?: boolean };\n\ninterface FindAndSelectTextOptions {\n editorElement: HTMLDivElement;\n searchText: string;\n options?: ReplaceTextOptions;\n}\n\nexport interface SetCursorPositionByAbsIndexOptions {\n editorElement: HTMLDivElement;\n position: number;\n}\n\ntype Match = { node: Node; offset: number; absIndex: number };\n\nexport const findAndSelectText = ({\n editorElement,\n searchText,\n options = { shouldReplaceNearCursor: true },\n}: FindAndSelectTextOptions): Range | null => {\n if (!editorElement.textContent?.includes(searchText)) {\n return null;\n }\n\n const range = document.createRange();\n\n const cursorPos = getCurrentCursorPosition(editorElement);\n\n const matches: Match[] = [];\n let absCounter = 0;\n\n const searchNodesForText = (node: Node) => {\n if (node.nodeType === Node.TEXT_NODE && node.textContent) {\n let index = node.textContent.indexOf(searchText);\n while (index !== -1) {\n matches.push({\n node,\n offset: index,\n absIndex: absCounter + index,\n });\n index = node.textContent.indexOf(searchText, index + 1);\n }\n absCounter += node.textContent.length;\n } else if (node.nodeName !== 'LC_MENTION') {\n Array.from(node.childNodes).forEach(searchNodesForText);\n }\n };\n\n searchNodesForText(editorElement);\n\n if (matches.length === 0) {\n return null;\n }\n\n let match = matches[0];\n\n if (options?.shouldReplaceNearCursor && cursorPos !== null) {\n match = matches.reduce((prev, curr) =>\n Math.abs(curr.absIndex - cursorPos) < Math.abs(prev.absIndex - cursorPos) ? curr : prev,\n );\n }\n\n if (!match) {\n return null;\n }\n\n range.setStart(match.node, match.offset);\n range.setEnd(match.node, match.offset + searchText.length);\n\n return range;\n};\n\nexport const getCurrentCursorPosition = (editorElement: HTMLDivElement | null): number | null => {\n if (!editorElement) {\n return null;\n }\n\n const sel = window.getSelection?.();\n if (!sel || sel.rangeCount === 0) {\n return null;\n }\n\n const range = sel.getRangeAt(0);\n\n if (!editorElement.contains(range.commonAncestorContainer)) {\n return null;\n }\n\n const pre = document.createRange();\n pre.selectNodeContents(editorElement);\n\n try {\n pre.setEnd(range.startContainer, range.startOffset);\n\n const container = document.createElement('div');\n container.appendChild(pre.cloneContents());\n\n const bbCodeUntilCursor = convertHTMLToText(container.innerHTML, { preserveSpaces: true });\n\n return bbCodeUntilCursor.length;\n } catch {\n return convertHTMLToText(editorElement.innerHTML).length;\n }\n};\n\ntype CursorTarget = { node: Text; offset: number };\n\nconst getCursorTargetByAbsIndex = ({\n editorElement,\n position,\n}: SetCursorPositionByAbsIndexOptions): CursorTarget | null => {\n const childNodes = Array.from(editorElement.childNodes);\n\n if (childNodes.length === 0) {\n const textNode = document.createTextNode('');\n editorElement.appendChild(textNode);\n\n return { node: textNode, offset: 0 };\n }\n\n const clampedPosition = clamp(position, 0, convertHTMLToText(editorElement.innerHTML).length);\n\n let absCounter = 0;\n\n const searchNodes = (node: Node): CursorTarget | null => {\n if (node.nodeType === Node.TEXT_NODE) {\n const textNode = node as Text;\n const nodeText = textNode.nodeValue ?? '';\n const nextAbsCounter = absCounter + nodeText.length;\n\n if (clampedPosition <= nextAbsCounter) {\n return {\n node: textNode,\n offset: clamp(clampedPosition - absCounter, 0, nodeText.length),\n };\n }\n\n absCounter = nextAbsCounter;\n\n return null;\n }\n\n if (node.nodeName === 'LC_MENTION') {\n return null;\n }\n\n for (const child of Array.from(node.childNodes)) {\n const found = searchNodes(child);\n if (found) {\n return found;\n }\n }\n\n return null;\n };\n\n for (const rootNode of childNodes) {\n const found = searchNodes(rootNode);\n if (found) {\n return found;\n }\n }\n\n const lastTextNode = editorElement.lastChild;\n if (lastTextNode?.nodeType === Node.TEXT_NODE) {\n const textNode = lastTextNode as Text;\n return { node: textNode, offset: textNode.length };\n }\n\n const appendedTextNode = document.createTextNode('\\u200B');\n editorElement.appendChild(appendedTextNode);\n\n return { node: appendedTextNode, offset: appendedTextNode.length };\n};\n\nexport const setCursorPositionByAbsIndex = ({\n editorElement,\n position,\n}: SetCursorPositionByAbsIndexOptions): void => {\n const selection = window.getSelection?.();\n\n if (!selection) {\n return;\n }\n\n const target = getCursorTargetByAbsIndex({ editorElement, position });\n\n if (!target) {\n return;\n }\n\n const range = document.createRange();\n\n try {\n range.setStart(target.node, target.offset);\n range.setEnd(target.node, target.offset);\n } catch {\n return;\n }\n\n selection.removeAllRanges();\n selection.addRange(range);\n\n range.collapse(true);\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ import { AnimatePresence } from 'motion/react';
|
|
|
4
4
|
import React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
5
5
|
import { convertEmojisToUnicode, escapeHTML } from '../../utils/emoji';
|
|
6
6
|
import { insertTextAtCursorPosition, replaceText } from '../../utils/insert';
|
|
7
|
-
import { getCharCodeThatWillBeDeleted, insertInvisibleCursorMarker, restoreSelection, saveSelection, insertPseudoMarker, insertCursorAtMarker } from '../../utils/selection';
|
|
7
|
+
import { getCharCodeThatWillBeDeleted, insertInvisibleCursorMarker, restoreSelection, saveSelection, insertPseudoMarker, insertCursorAtMarker, getCurrentCursorPosition, setCursorPositionByAbsIndex } from '../../utils/selection';
|
|
8
8
|
import { convertHTMLToText, convertTextToHTML } from '../../utils/text';
|
|
9
9
|
import EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';
|
|
10
10
|
import { StyledEmojiInput, StyledEmojiInputContent, StyledEmojiInputLabel, StyledEmojiInputRightWrapper, StyledMotionEmojiInputEditor, StyledMotionEmojiInputProgress } from './EmojiInput.styles';
|
|
@@ -52,13 +52,19 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
|
|
|
52
52
|
const hasPrefixChanged = useRef(false);
|
|
53
53
|
const shouldDeleteOneMoreBackwards = useRef(false);
|
|
54
54
|
const shouldDeleteOneMoreForwards = useRef(false);
|
|
55
|
+
const savedCursorPositionRef = useRef(0);
|
|
55
56
|
const valueRef = useRef(value);
|
|
56
|
-
useCursorPosition(editorRef, onCursorPositionChange, {
|
|
57
|
-
isDisabled
|
|
58
|
-
});
|
|
59
57
|
const {
|
|
60
58
|
browser
|
|
61
59
|
} = getDevice();
|
|
60
|
+
useCursorPosition(editorRef, useCallback(position => {
|
|
61
|
+
savedCursorPositionRef.current = position;
|
|
62
|
+
if (typeof onCursorPositionChange === 'function') {
|
|
63
|
+
onCursorPositionChange(position);
|
|
64
|
+
}
|
|
65
|
+
}, [onCursorPositionChange]), {
|
|
66
|
+
isDisabled
|
|
67
|
+
});
|
|
62
68
|
const shouldChangeColor = useMemo(() => areaProvider.shouldChangeColor ?? false, [areaProvider.shouldChangeColor]);
|
|
63
69
|
useEffect(() => {
|
|
64
70
|
void loadEmojiShortList().then(({
|
|
@@ -370,14 +376,31 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
|
|
|
370
376
|
const handleStopProgress = useCallback(() => {
|
|
371
377
|
setProgressDuration(0);
|
|
372
378
|
}, []);
|
|
379
|
+
const handleSetCursorPosition = useCallback(position => {
|
|
380
|
+
if (!editorRef.current) {
|
|
381
|
+
return;
|
|
382
|
+
}
|
|
383
|
+
const resolvedPosition = position ?? savedCursorPositionRef.current;
|
|
384
|
+
savedCursorPositionRef.current = resolvedPosition;
|
|
385
|
+
editorRef.current.focus();
|
|
386
|
+
setCursorPositionByAbsIndex({
|
|
387
|
+
editorElement: editorRef.current,
|
|
388
|
+
position: resolvedPosition
|
|
389
|
+
});
|
|
390
|
+
const updatedPosition = getCurrentCursorPosition(editorRef.current);
|
|
391
|
+
if (typeof updatedPosition === 'number') {
|
|
392
|
+
savedCursorPositionRef.current = updatedPosition;
|
|
393
|
+
}
|
|
394
|
+
}, []);
|
|
373
395
|
useImperativeHandle(ref, () => ({
|
|
374
396
|
insertTextAtCursorPosition: handleInsertTextAtCursorPosition,
|
|
375
397
|
replaceText: handleReplaceText,
|
|
376
398
|
startProgress: handleStartProgress,
|
|
377
399
|
stopProgress: handleStopProgress,
|
|
378
400
|
focus: () => editorRef.current?.focus(),
|
|
379
|
-
blur: () => editorRef.current?.blur()
|
|
380
|
-
|
|
401
|
+
blur: () => editorRef.current?.blur(),
|
|
402
|
+
setCursorPosition: handleSetCursorPosition
|
|
403
|
+
}), [handleInsertTextAtCursorPosition, handleReplaceText, handleStartProgress, handleStopProgress, handleSetCursorPosition]);
|
|
381
404
|
useEffect(() => {
|
|
382
405
|
/**
|
|
383
406
|
* This function ensures that the input field does not lose focus when the popup is opened
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiInput.js","names":["AreaContext","useIsTouch","getDevice","AnimatePresence","React","forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","convertEmojisToUnicode","escapeHTML","insertTextAtCursorPosition","replaceText","getCharCodeThatWillBeDeleted","insertInvisibleCursorMarker","restoreSelection","saveSelection","insertPseudoMarker","insertCursorAtMarker","convertHTMLToText","convertTextToHTML","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","loadEmojiShortList","scrollCursorIntoView","useCursorPosition","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","valueRef","browser","shouldChangeColor","then","shortNameList","regShortnames","handleUpdateHTML","html","current","newInnerHTML","innerHTML","shouldIgnoreEmptyTextNodes","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","document","execCommand","handleKeyDown","key","isPropagationStopped","requestAnimationFrame","charCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","dataTransfer","handlePopupSelect","emoji","shouldUseSavedSelection","convertedText","replace","convertedPrefix","length","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","options","handleStartProgress","duration","handleStopProgress","startProgress","stopProgress","focus","blur","handlePreventLoseFocus","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","createElement","$isDisabled","$shouldChangeColor","initial","animate","width","exit","opacity","transition","ease","$browser","name","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","$maxWidth","$offsetWidth","onSelect","displayName"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, BrowserName, useIsTouch } 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 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}\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 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 ' ',\n ' ',\n );\n const convertedPrefix = prefixElement && prefixElement.replace(' ', ' ');\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":[]}
|
|
1
|
+
{"version":3,"file":"EmojiInput.js","names":["AreaContext","useIsTouch","getDevice","AnimatePresence","React","forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","convertEmojisToUnicode","escapeHTML","insertTextAtCursorPosition","replaceText","getCharCodeThatWillBeDeleted","insertInvisibleCursorMarker","restoreSelection","saveSelection","insertPseudoMarker","insertCursorAtMarker","getCurrentCursorPosition","setCursorPositionByAbsIndex","convertHTMLToText","convertTextToHTML","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","loadEmojiShortList","scrollCursorIntoView","useCursorPosition","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","savedCursorPositionRef","valueRef","browser","position","current","shouldChangeColor","then","shortNameList","regShortnames","handleUpdateHTML","html","newInnerHTML","innerHTML","shouldIgnoreEmptyTextNodes","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","document","execCommand","handleKeyDown","key","isPropagationStopped","requestAnimationFrame","charCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","dataTransfer","handlePopupSelect","emoji","shouldUseSavedSelection","convertedText","replace","convertedPrefix","length","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","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","$browser","name","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","$maxWidth","$offsetWidth","onSelect","displayName"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, BrowserName, useIsTouch } 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 getCurrentCursorPosition,\n setCursorPositionByAbsIndex,\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 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 const savedCursorPositionRef = useRef<number>(0);\n\n const valueRef = useRef(value);\n\n const { browser } = getDevice();\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 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 ' ',\n ' ',\n );\n const convertedPrefix = prefixElement && prefixElement.replace(' ', ' ');\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 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 $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":[]}
|
|
@@ -321,4 +321,91 @@ export const getCurrentCursorPosition = editorElement => {
|
|
|
321
321
|
return convertHTMLToText(editorElement.innerHTML).length;
|
|
322
322
|
}
|
|
323
323
|
};
|
|
324
|
+
const getCursorTargetByAbsIndex = ({
|
|
325
|
+
editorElement,
|
|
326
|
+
position
|
|
327
|
+
}) => {
|
|
328
|
+
const childNodes = Array.from(editorElement.childNodes);
|
|
329
|
+
if (childNodes.length === 0) {
|
|
330
|
+
const textNode = document.createTextNode('');
|
|
331
|
+
editorElement.appendChild(textNode);
|
|
332
|
+
return {
|
|
333
|
+
node: textNode,
|
|
334
|
+
offset: 0
|
|
335
|
+
};
|
|
336
|
+
}
|
|
337
|
+
const clampedPosition = clamp(position, 0, convertHTMLToText(editorElement.innerHTML).length);
|
|
338
|
+
let absCounter = 0;
|
|
339
|
+
const searchNodes = node => {
|
|
340
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
341
|
+
const textNode = node;
|
|
342
|
+
const nodeText = textNode.nodeValue ?? '';
|
|
343
|
+
const nextAbsCounter = absCounter + nodeText.length;
|
|
344
|
+
if (clampedPosition <= nextAbsCounter) {
|
|
345
|
+
return {
|
|
346
|
+
node: textNode,
|
|
347
|
+
offset: clamp(clampedPosition - absCounter, 0, nodeText.length)
|
|
348
|
+
};
|
|
349
|
+
}
|
|
350
|
+
absCounter = nextAbsCounter;
|
|
351
|
+
return null;
|
|
352
|
+
}
|
|
353
|
+
if (node.nodeName === 'LC_MENTION') {
|
|
354
|
+
return null;
|
|
355
|
+
}
|
|
356
|
+
for (const child of Array.from(node.childNodes)) {
|
|
357
|
+
const found = searchNodes(child);
|
|
358
|
+
if (found) {
|
|
359
|
+
return found;
|
|
360
|
+
}
|
|
361
|
+
}
|
|
362
|
+
return null;
|
|
363
|
+
};
|
|
364
|
+
for (const rootNode of childNodes) {
|
|
365
|
+
const found = searchNodes(rootNode);
|
|
366
|
+
if (found) {
|
|
367
|
+
return found;
|
|
368
|
+
}
|
|
369
|
+
}
|
|
370
|
+
const lastTextNode = editorElement.lastChild;
|
|
371
|
+
if (lastTextNode?.nodeType === Node.TEXT_NODE) {
|
|
372
|
+
const textNode = lastTextNode;
|
|
373
|
+
return {
|
|
374
|
+
node: textNode,
|
|
375
|
+
offset: textNode.length
|
|
376
|
+
};
|
|
377
|
+
}
|
|
378
|
+
const appendedTextNode = document.createTextNode('\u200B');
|
|
379
|
+
editorElement.appendChild(appendedTextNode);
|
|
380
|
+
return {
|
|
381
|
+
node: appendedTextNode,
|
|
382
|
+
offset: appendedTextNode.length
|
|
383
|
+
};
|
|
384
|
+
};
|
|
385
|
+
export const setCursorPositionByAbsIndex = ({
|
|
386
|
+
editorElement,
|
|
387
|
+
position
|
|
388
|
+
}) => {
|
|
389
|
+
const selection = window.getSelection?.();
|
|
390
|
+
if (!selection) {
|
|
391
|
+
return;
|
|
392
|
+
}
|
|
393
|
+
const target = getCursorTargetByAbsIndex({
|
|
394
|
+
editorElement,
|
|
395
|
+
position
|
|
396
|
+
});
|
|
397
|
+
if (!target) {
|
|
398
|
+
return;
|
|
399
|
+
}
|
|
400
|
+
const range = document.createRange();
|
|
401
|
+
try {
|
|
402
|
+
range.setStart(target.node, target.offset);
|
|
403
|
+
range.setEnd(target.node, target.offset);
|
|
404
|
+
} catch {
|
|
405
|
+
return;
|
|
406
|
+
}
|
|
407
|
+
selection.removeAllRanges();
|
|
408
|
+
selection.addRange(range);
|
|
409
|
+
range.collapse(true);
|
|
410
|
+
};
|
|
324
411
|
//# sourceMappingURL=selection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection.js","names":["clamp","convertHTMLToText","getElementTextLength","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","selection","window","getSelection","anchorNode","range","getRangeAt","childNodesArray","Array","from","childNodes","filter","nodeType","nodeValue","Node","TEXT_NODE","indexOf","restoreSelection","hasFoundNoJoiner","forEach","node","noJoinerIndex","replace","childNode","elementTextLength","nextSibling","charCodeAt","textNode","document","createTextNode","parentNode","insertBefore","length","createRange","setStart","setEnd","error","removeAllRanges","addRange","collapse","insertInvisibleCursorMarker","rangeCount","startContainer","offset","execCommand","span","createElement","style","display","width","height","className","parent","textContent","beforeText","slice","afterText","afterTextNode","setTimeout","newRange","setStartAfter","setEndAfter","remove","insertPseudoMarker","marker","id","insertNode","insertCursorAtMarker","ref","current","querySelector","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","key","previousSibling","endContainer","findAndSelectText","editorElement","searchText","options","shouldReplaceNearCursor","includes","cursorPos","getCurrentCursorPosition","matches","absCounter","searchNodesForText","push","absIndex","nodeName","match","reduce","prev","curr","Math","abs","sel","contains","commonAncestorContainer","pre","selectNodeContents","container","appendChild","cloneContents","bbCodeUntilCursor","innerHTML","preserveSpaces"],"sources":["../../../src/utils/selection.ts"],"sourcesContent":["import type { KeyboardEvent, RefObject } from 'react';\nimport { clamp } from './number';\nimport { convertHTMLToText, getElementTextLength } from './text';\n\nlet childIndex = -1;\nlet endOffset = -1;\nlet startOffset = -1;\n\ninterface SaveSelectionOptions {\n shouldIgnoreEmptyTextNodes?: boolean;\n}\n\nexport const saveSelection = (\n element: HTMLDivElement,\n { shouldIgnoreEmptyTextNodes }: SaveSelectionOptions = {},\n) => {\n const selection = window.getSelection();\n\n if (!selection) {\n return;\n }\n\n const { anchorNode } = selection;\n\n if (!anchorNode) {\n return;\n }\n\n const range = selection.getRangeAt(0);\n\n let childNodesArray = Array.from(element.childNodes);\n\n if (shouldIgnoreEmptyTextNodes) {\n childNodesArray = childNodesArray.filter(\n ({ nodeType, nodeValue }) =>\n nodeType !== Node.TEXT_NODE || (nodeValue !== '' && nodeValue !== '\\u200B'),\n );\n }\n\n childIndex = childNodesArray.indexOf(anchorNode as ChildNode);\n\n endOffset = range.endOffset;\n startOffset = range.startOffset;\n};\n\nexport const restoreSelection = (element: HTMLDivElement) => {\n // Search for \\u200C in child nodes. If found, set the childIndex, startOffset, and endOffset to the\n // position of the \\u200C character. Also remove the \\u200C character from the child node. If not found,\n // the childIndex, startOffset, and endOffset will be like before.\n const childNodesArray = Array.from(element.childNodes);\n\n let hasFoundNoJoiner = false;\n\n childNodesArray.forEach((node) => {\n if (\n !hasFoundNoJoiner &&\n node.nodeType === Node.TEXT_NODE &&\n typeof node.nodeValue === 'string'\n ) {\n const noJoinerIndex = node.nodeValue.indexOf('\\u200C');\n\n if (noJoinerIndex !== -1) {\n hasFoundNoJoiner = true;\n\n childIndex = childNodesArray.indexOf(node);\n startOffset = noJoinerIndex;\n endOffset = noJoinerIndex;\n }\n }\n });\n\n // Remove all no joiner characters from the child nodes if no joiner was found\n if (hasFoundNoJoiner) {\n childNodesArray.forEach((node) => {\n if (node.nodeType === Node.TEXT_NODE && typeof node.nodeValue === 'string') {\n // eslint-disable-next-line no-param-reassign\n node.nodeValue = node.nodeValue.replace(/\\u200C/g, '');\n }\n });\n }\n\n let childNode = element.childNodes[childIndex];\n\n const selection = window.getSelection();\n\n if (!childNode || !element || !selection) {\n return;\n }\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue !== 'string') {\n const elementTextLength = getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {\n if (childNode.nextSibling?.nodeValue) {\n let elementTextLength = childNode.nodeValue.length;\n\n childNode = childNode.nextSibling;\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue !== 'string') {\n elementTextLength += getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling?.nodeValue) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n }\n } else {\n endOffset = childNode.nodeValue.length;\n startOffset = childNode.nodeValue.length;\n }\n }\n\n const range = document.createRange();\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue === 'string') {\n startOffset = clamp(startOffset, 0, childNode.nodeValue.length);\n endOffset = clamp(endOffset, 0, childNode.nodeValue.length);\n }\n\n try {\n range.setStart(childNode, startOffset);\n range.setEnd(childNode, endOffset);\n } catch (error) {\n // Do nothing\n }\n\n selection.removeAllRanges();\n selection.addRange(range);\n\n range.collapse(true);\n};\n\nexport const insertInvisibleCursorMarker = (): void => {\n const selection = window.getSelection();\n\n if (!selection || selection.rangeCount === 0) {\n return;\n }\n\n const range = selection.getRangeAt(0);\n const textNode = range.startContainer;\n const offset = range.startOffset;\n\n // noinspection JSDeprecatedSymbols\n document.execCommand('delete', false);\n\n const span = document.createElement('span');\n span.style.display = 'inline-block';\n span.style.width = '0';\n span.style.height = '0';\n span.className = 'invisible-cursor-marker';\n\n const parent = textNode.parentNode;\n\n if (parent) {\n if (textNode.nodeType === Node.TEXT_NODE) {\n const textContent = textNode.textContent || '';\n const beforeText = textContent.slice(0, offset);\n const afterText = textContent.slice(offset);\n\n textNode.textContent = beforeText;\n\n parent.insertBefore(span, textNode.nextSibling);\n const afterTextNode = document.createTextNode(afterText);\n parent.insertBefore(afterTextNode, span.nextSibling);\n\n setTimeout(() => {\n // Set cursor to cursor element\n const newRange = document.createRange();\n newRange.setStartAfter(span);\n newRange.setEndAfter(span);\n selection.removeAllRanges();\n selection.addRange(newRange);\n\n // Remove cursor element\n span.remove();\n }, 10);\n }\n }\n};\n\nexport const insertPseudoMarker = () => {\n const selection = window.getSelection();\n\n if (selection && selection.rangeCount > 0) {\n const range = selection.getRangeAt(0);\n const marker = document.createElement('span');\n marker.id = 'cursor-marker';\n marker.style.display = 'inline-block';\n marker.style.width = '0';\n marker.style.height = '0';\n range.insertNode(marker);\n }\n};\n\nexport const insertCursorAtMarker = (ref: RefObject<HTMLDivElement>) => {\n const marker = ref.current?.querySelector('#cursor-marker');\n\n if (marker) {\n const selection = window.getSelection();\n const range = document.createRange();\n range.setStartAfter(marker);\n range.setEndAfter(marker);\n selection?.removeAllRanges();\n selection?.addRange(range);\n marker.remove();\n }\n};\n\nexport const moveSelectionOffset = (distance: number) => {\n endOffset += distance;\n startOffset += distance;\n};\n\nexport const setChildIndex = (index: number) => {\n childIndex = index;\n};\n\n/**\n * This function returns the code of the character that will be removed by the KeyDown event in the\n * next step, if the \"Backspace\" or \"Delete\" key was pressed and there is no selection of multiple\n * characters.\n *\n * @param event - Keyboard event from \"onKeyDown\"\n */\nexport const getCharCodeThatWillBeDeleted = (event: KeyboardEvent<HTMLDivElement>) => {\n const range = window.getSelection()?.getRangeAt(0);\n\n /**\n * At this point the function is aborted if there is no selection range, several characters have\n * been selected and therefore no single letter is removed or neither the \"Backspace\" nor the\n * \"Delete\" key has been pressed.\n */\n if (\n !range ||\n range.endOffset !== range.startOffset ||\n (event.key !== 'Backspace' && event.key !== 'Delete' && event.key !== 'Unidentified')\n ) {\n return null;\n }\n\n if (event.key === 'Backspace' || event.key === 'Unidentified') {\n const { nodeValue, previousSibling } = range.startContainer;\n\n if (range.startOffset > 0) {\n return nodeValue?.charCodeAt(range.startOffset - 1);\n }\n\n return previousSibling?.nodeValue?.charCodeAt(previousSibling.nodeValue.length - 1);\n }\n\n const { nextSibling, nodeValue } = range.endContainer;\n\n if (range.endOffset < (nodeValue?.length ?? 0)) {\n return nodeValue?.charCodeAt(range.endOffset);\n }\n\n return nextSibling?.nodeValue?.charCodeAt(0);\n};\n\nexport type ReplaceTextOptions = { shouldReplaceNearCursor?: boolean };\n\ninterface FindAndSelectTextOptions {\n editorElement: HTMLDivElement;\n searchText: string;\n options?: ReplaceTextOptions;\n}\n\ntype Match = { node: Node; offset: number; absIndex: number };\n\nexport const findAndSelectText = ({\n editorElement,\n searchText,\n options = { shouldReplaceNearCursor: true },\n}: FindAndSelectTextOptions): Range | null => {\n if (!editorElement.textContent?.includes(searchText)) {\n return null;\n }\n\n const range = document.createRange();\n\n const cursorPos = getCurrentCursorPosition(editorElement);\n\n const matches: Match[] = [];\n let absCounter = 0;\n\n const searchNodesForText = (node: Node) => {\n if (node.nodeType === Node.TEXT_NODE && node.textContent) {\n let index = node.textContent.indexOf(searchText);\n while (index !== -1) {\n matches.push({\n node,\n offset: index,\n absIndex: absCounter + index,\n });\n index = node.textContent.indexOf(searchText, index + 1);\n }\n absCounter += node.textContent.length;\n } else if (node.nodeName !== 'LC_MENTION') {\n Array.from(node.childNodes).forEach(searchNodesForText);\n }\n };\n\n searchNodesForText(editorElement);\n\n if (matches.length === 0) {\n return null;\n }\n\n let match = matches[0];\n\n if (options?.shouldReplaceNearCursor && cursorPos !== null) {\n match = matches.reduce((prev, curr) =>\n Math.abs(curr.absIndex - cursorPos) < Math.abs(prev.absIndex - cursorPos) ? curr : prev,\n );\n }\n\n if (!match) {\n return null;\n }\n\n range.setStart(match.node, match.offset);\n range.setEnd(match.node, match.offset + searchText.length);\n\n return range;\n};\n\nexport const getCurrentCursorPosition = (editorElement: HTMLDivElement | null): number | null => {\n if (!editorElement) {\n return null;\n }\n\n const sel = window.getSelection?.();\n if (!sel || sel.rangeCount === 0) {\n return null;\n }\n\n const range = sel.getRangeAt(0);\n\n if (!editorElement.contains(range.commonAncestorContainer)) {\n return null;\n }\n\n const pre = document.createRange();\n pre.selectNodeContents(editorElement);\n\n try {\n pre.setEnd(range.startContainer, range.startOffset);\n\n const container = document.createElement('div');\n container.appendChild(pre.cloneContents());\n\n const bbCodeUntilCursor = convertHTMLToText(container.innerHTML, { preserveSpaces: true });\n\n return bbCodeUntilCursor.length;\n } catch {\n return convertHTMLToText(editorElement.innerHTML).length;\n }\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"selection.js","names":["clamp","convertHTMLToText","getElementTextLength","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","selection","window","getSelection","anchorNode","range","getRangeAt","childNodesArray","Array","from","childNodes","filter","nodeType","nodeValue","Node","TEXT_NODE","indexOf","restoreSelection","hasFoundNoJoiner","forEach","node","noJoinerIndex","replace","childNode","elementTextLength","nextSibling","charCodeAt","textNode","document","createTextNode","parentNode","insertBefore","length","createRange","setStart","setEnd","error","removeAllRanges","addRange","collapse","insertInvisibleCursorMarker","rangeCount","startContainer","offset","execCommand","span","createElement","style","display","width","height","className","parent","textContent","beforeText","slice","afterText","afterTextNode","setTimeout","newRange","setStartAfter","setEndAfter","remove","insertPseudoMarker","marker","id","insertNode","insertCursorAtMarker","ref","current","querySelector","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","key","previousSibling","endContainer","findAndSelectText","editorElement","searchText","options","shouldReplaceNearCursor","includes","cursorPos","getCurrentCursorPosition","matches","absCounter","searchNodesForText","push","absIndex","nodeName","match","reduce","prev","curr","Math","abs","sel","contains","commonAncestorContainer","pre","selectNodeContents","container","appendChild","cloneContents","bbCodeUntilCursor","innerHTML","preserveSpaces","getCursorTargetByAbsIndex","position","clampedPosition","searchNodes","nodeText","nextAbsCounter","child","found","rootNode","lastTextNode","lastChild","appendedTextNode","setCursorPositionByAbsIndex","target"],"sources":["../../../src/utils/selection.ts"],"sourcesContent":["import type { KeyboardEvent, RefObject } from 'react';\nimport { clamp } from './number';\nimport { convertHTMLToText, getElementTextLength } from './text';\n\nlet childIndex = -1;\nlet endOffset = -1;\nlet startOffset = -1;\n\ninterface SaveSelectionOptions {\n shouldIgnoreEmptyTextNodes?: boolean;\n}\n\nexport const saveSelection = (\n element: HTMLDivElement,\n { shouldIgnoreEmptyTextNodes }: SaveSelectionOptions = {},\n) => {\n const selection = window.getSelection();\n\n if (!selection) {\n return;\n }\n\n const { anchorNode } = selection;\n\n if (!anchorNode) {\n return;\n }\n\n const range = selection.getRangeAt(0);\n\n let childNodesArray = Array.from(element.childNodes);\n\n if (shouldIgnoreEmptyTextNodes) {\n childNodesArray = childNodesArray.filter(\n ({ nodeType, nodeValue }) =>\n nodeType !== Node.TEXT_NODE || (nodeValue !== '' && nodeValue !== '\\u200B'),\n );\n }\n\n childIndex = childNodesArray.indexOf(anchorNode as ChildNode);\n\n endOffset = range.endOffset;\n startOffset = range.startOffset;\n};\n\nexport const restoreSelection = (element: HTMLDivElement) => {\n // Search for \\u200C in child nodes. If found, set the childIndex, startOffset, and endOffset to the\n // position of the \\u200C character. Also remove the \\u200C character from the child node. If not found,\n // the childIndex, startOffset, and endOffset will be like before.\n const childNodesArray = Array.from(element.childNodes);\n\n let hasFoundNoJoiner = false;\n\n childNodesArray.forEach((node) => {\n if (\n !hasFoundNoJoiner &&\n node.nodeType === Node.TEXT_NODE &&\n typeof node.nodeValue === 'string'\n ) {\n const noJoinerIndex = node.nodeValue.indexOf('\\u200C');\n\n if (noJoinerIndex !== -1) {\n hasFoundNoJoiner = true;\n\n childIndex = childNodesArray.indexOf(node);\n startOffset = noJoinerIndex;\n endOffset = noJoinerIndex;\n }\n }\n });\n\n // Remove all no joiner characters from the child nodes if no joiner was found\n if (hasFoundNoJoiner) {\n childNodesArray.forEach((node) => {\n if (node.nodeType === Node.TEXT_NODE && typeof node.nodeValue === 'string') {\n // eslint-disable-next-line no-param-reassign\n node.nodeValue = node.nodeValue.replace(/\\u200C/g, '');\n }\n });\n }\n\n let childNode = element.childNodes[childIndex];\n\n const selection = window.getSelection();\n\n if (!childNode || !element || !selection) {\n return;\n }\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue !== 'string') {\n const elementTextLength = getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {\n if (childNode.nextSibling?.nodeValue) {\n let elementTextLength = childNode.nodeValue.length;\n\n childNode = childNode.nextSibling;\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue !== 'string') {\n elementTextLength += getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling?.nodeValue) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n }\n } else {\n endOffset = childNode.nodeValue.length;\n startOffset = childNode.nodeValue.length;\n }\n }\n\n const range = document.createRange();\n\n // noinspection SuspiciousTypeOfGuard\n if (typeof childNode.nodeValue === 'string') {\n startOffset = clamp(startOffset, 0, childNode.nodeValue.length);\n endOffset = clamp(endOffset, 0, childNode.nodeValue.length);\n }\n\n try {\n range.setStart(childNode, startOffset);\n range.setEnd(childNode, endOffset);\n } catch (error) {\n // Do nothing\n }\n\n selection.removeAllRanges();\n selection.addRange(range);\n\n range.collapse(true);\n};\n\nexport const insertInvisibleCursorMarker = (): void => {\n const selection = window.getSelection();\n\n if (!selection || selection.rangeCount === 0) {\n return;\n }\n\n const range = selection.getRangeAt(0);\n const textNode = range.startContainer;\n const offset = range.startOffset;\n\n // noinspection JSDeprecatedSymbols\n document.execCommand('delete', false);\n\n const span = document.createElement('span');\n span.style.display = 'inline-block';\n span.style.width = '0';\n span.style.height = '0';\n span.className = 'invisible-cursor-marker';\n\n const parent = textNode.parentNode;\n\n if (parent) {\n if (textNode.nodeType === Node.TEXT_NODE) {\n const textContent = textNode.textContent || '';\n const beforeText = textContent.slice(0, offset);\n const afterText = textContent.slice(offset);\n\n textNode.textContent = beforeText;\n\n parent.insertBefore(span, textNode.nextSibling);\n const afterTextNode = document.createTextNode(afterText);\n parent.insertBefore(afterTextNode, span.nextSibling);\n\n setTimeout(() => {\n // Set cursor to cursor element\n const newRange = document.createRange();\n newRange.setStartAfter(span);\n newRange.setEndAfter(span);\n selection.removeAllRanges();\n selection.addRange(newRange);\n\n // Remove cursor element\n span.remove();\n }, 10);\n }\n }\n};\n\nexport const insertPseudoMarker = () => {\n const selection = window.getSelection();\n\n if (selection && selection.rangeCount > 0) {\n const range = selection.getRangeAt(0);\n const marker = document.createElement('span');\n marker.id = 'cursor-marker';\n marker.style.display = 'inline-block';\n marker.style.width = '0';\n marker.style.height = '0';\n range.insertNode(marker);\n }\n};\n\nexport const insertCursorAtMarker = (ref: RefObject<HTMLDivElement>) => {\n const marker = ref.current?.querySelector('#cursor-marker');\n\n if (marker) {\n const selection = window.getSelection();\n const range = document.createRange();\n range.setStartAfter(marker);\n range.setEndAfter(marker);\n selection?.removeAllRanges();\n selection?.addRange(range);\n marker.remove();\n }\n};\n\nexport const moveSelectionOffset = (distance: number) => {\n endOffset += distance;\n startOffset += distance;\n};\n\nexport const setChildIndex = (index: number) => {\n childIndex = index;\n};\n\n/**\n * This function returns the code of the character that will be removed by the KeyDown event in the\n * next step, if the \"Backspace\" or \"Delete\" key was pressed and there is no selection of multiple\n * characters.\n *\n * @param event - Keyboard event from \"onKeyDown\"\n */\nexport const getCharCodeThatWillBeDeleted = (event: KeyboardEvent<HTMLDivElement>) => {\n const range = window.getSelection()?.getRangeAt(0);\n\n /**\n * At this point the function is aborted if there is no selection range, several characters have\n * been selected and therefore no single letter is removed or neither the \"Backspace\" nor the\n * \"Delete\" key has been pressed.\n */\n if (\n !range ||\n range.endOffset !== range.startOffset ||\n (event.key !== 'Backspace' && event.key !== 'Delete' && event.key !== 'Unidentified')\n ) {\n return null;\n }\n\n if (event.key === 'Backspace' || event.key === 'Unidentified') {\n const { nodeValue, previousSibling } = range.startContainer;\n\n if (range.startOffset > 0) {\n return nodeValue?.charCodeAt(range.startOffset - 1);\n }\n\n return previousSibling?.nodeValue?.charCodeAt(previousSibling.nodeValue.length - 1);\n }\n\n const { nextSibling, nodeValue } = range.endContainer;\n\n if (range.endOffset < (nodeValue?.length ?? 0)) {\n return nodeValue?.charCodeAt(range.endOffset);\n }\n\n return nextSibling?.nodeValue?.charCodeAt(0);\n};\n\nexport type ReplaceTextOptions = { shouldReplaceNearCursor?: boolean };\n\ninterface FindAndSelectTextOptions {\n editorElement: HTMLDivElement;\n searchText: string;\n options?: ReplaceTextOptions;\n}\n\nexport interface SetCursorPositionByAbsIndexOptions {\n editorElement: HTMLDivElement;\n position: number;\n}\n\ntype Match = { node: Node; offset: number; absIndex: number };\n\nexport const findAndSelectText = ({\n editorElement,\n searchText,\n options = { shouldReplaceNearCursor: true },\n}: FindAndSelectTextOptions): Range | null => {\n if (!editorElement.textContent?.includes(searchText)) {\n return null;\n }\n\n const range = document.createRange();\n\n const cursorPos = getCurrentCursorPosition(editorElement);\n\n const matches: Match[] = [];\n let absCounter = 0;\n\n const searchNodesForText = (node: Node) => {\n if (node.nodeType === Node.TEXT_NODE && node.textContent) {\n let index = node.textContent.indexOf(searchText);\n while (index !== -1) {\n matches.push({\n node,\n offset: index,\n absIndex: absCounter + index,\n });\n index = node.textContent.indexOf(searchText, index + 1);\n }\n absCounter += node.textContent.length;\n } else if (node.nodeName !== 'LC_MENTION') {\n Array.from(node.childNodes).forEach(searchNodesForText);\n }\n };\n\n searchNodesForText(editorElement);\n\n if (matches.length === 0) {\n return null;\n }\n\n let match = matches[0];\n\n if (options?.shouldReplaceNearCursor && cursorPos !== null) {\n match = matches.reduce((prev, curr) =>\n Math.abs(curr.absIndex - cursorPos) < Math.abs(prev.absIndex - cursorPos) ? curr : prev,\n );\n }\n\n if (!match) {\n return null;\n }\n\n range.setStart(match.node, match.offset);\n range.setEnd(match.node, match.offset + searchText.length);\n\n return range;\n};\n\nexport const getCurrentCursorPosition = (editorElement: HTMLDivElement | null): number | null => {\n if (!editorElement) {\n return null;\n }\n\n const sel = window.getSelection?.();\n if (!sel || sel.rangeCount === 0) {\n return null;\n }\n\n const range = sel.getRangeAt(0);\n\n if (!editorElement.contains(range.commonAncestorContainer)) {\n return null;\n }\n\n const pre = document.createRange();\n pre.selectNodeContents(editorElement);\n\n try {\n pre.setEnd(range.startContainer, range.startOffset);\n\n const container = document.createElement('div');\n container.appendChild(pre.cloneContents());\n\n const bbCodeUntilCursor = convertHTMLToText(container.innerHTML, { preserveSpaces: true });\n\n return bbCodeUntilCursor.length;\n } catch {\n return convertHTMLToText(editorElement.innerHTML).length;\n }\n};\n\ntype CursorTarget = { node: Text; offset: number };\n\nconst getCursorTargetByAbsIndex = ({\n editorElement,\n position,\n}: SetCursorPositionByAbsIndexOptions): CursorTarget | null => {\n const childNodes = Array.from(editorElement.childNodes);\n\n if (childNodes.length === 0) {\n const textNode = document.createTextNode('');\n editorElement.appendChild(textNode);\n\n return { node: textNode, offset: 0 };\n }\n\n const clampedPosition = clamp(position, 0, convertHTMLToText(editorElement.innerHTML).length);\n\n let absCounter = 0;\n\n const searchNodes = (node: Node): CursorTarget | null => {\n if (node.nodeType === Node.TEXT_NODE) {\n const textNode = node as Text;\n const nodeText = textNode.nodeValue ?? '';\n const nextAbsCounter = absCounter + nodeText.length;\n\n if (clampedPosition <= nextAbsCounter) {\n return {\n node: textNode,\n offset: clamp(clampedPosition - absCounter, 0, nodeText.length),\n };\n }\n\n absCounter = nextAbsCounter;\n\n return null;\n }\n\n if (node.nodeName === 'LC_MENTION') {\n return null;\n }\n\n for (const child of Array.from(node.childNodes)) {\n const found = searchNodes(child);\n if (found) {\n return found;\n }\n }\n\n return null;\n };\n\n for (const rootNode of childNodes) {\n const found = searchNodes(rootNode);\n if (found) {\n return found;\n }\n }\n\n const lastTextNode = editorElement.lastChild;\n if (lastTextNode?.nodeType === Node.TEXT_NODE) {\n const textNode = lastTextNode as Text;\n return { node: textNode, offset: textNode.length };\n }\n\n const appendedTextNode = document.createTextNode('\\u200B');\n editorElement.appendChild(appendedTextNode);\n\n return { node: appendedTextNode, offset: appendedTextNode.length };\n};\n\nexport const setCursorPositionByAbsIndex = ({\n editorElement,\n position,\n}: SetCursorPositionByAbsIndexOptions): void => {\n const selection = window.getSelection?.();\n\n if (!selection) {\n return;\n }\n\n const target = getCursorTargetByAbsIndex({ editorElement, position });\n\n if (!target) {\n return;\n }\n\n const range = document.createRange();\n\n try {\n range.setStart(target.node, target.offset);\n range.setEnd(target.node, target.offset);\n } catch {\n return;\n }\n\n selection.removeAllRanges();\n selection.addRange(range);\n\n range.collapse(true);\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -96,6 +96,7 @@ export interface EmojiInputRef {
|
|
|
96
96
|
stopProgress: () => void;
|
|
97
97
|
focus: () => void;
|
|
98
98
|
blur: () => void;
|
|
99
|
+
setCursorPosition: (position?: number) => void;
|
|
99
100
|
}
|
|
100
101
|
declare const EmojiInput: React.ForwardRefExoticComponent<EmojiInputProps & React.RefAttributes<EmojiInputRef>>;
|
|
101
102
|
export default EmojiInput;
|
|
@@ -25,6 +25,11 @@ interface FindAndSelectTextOptions {
|
|
|
25
25
|
searchText: string;
|
|
26
26
|
options?: ReplaceTextOptions;
|
|
27
27
|
}
|
|
28
|
+
export interface SetCursorPositionByAbsIndexOptions {
|
|
29
|
+
editorElement: HTMLDivElement;
|
|
30
|
+
position: number;
|
|
31
|
+
}
|
|
28
32
|
export declare const findAndSelectText: ({ editorElement, searchText, options, }: FindAndSelectTextOptions) => Range | null;
|
|
29
33
|
export declare const getCurrentCursorPosition: (editorElement: HTMLDivElement | null) => number | null;
|
|
34
|
+
export declare const setCursorPositionByAbsIndex: ({ editorElement, position, }: SetCursorPositionByAbsIndexOptions) => void;
|
|
30
35
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/emoji-input",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.20",
|
|
4
4
|
"description": "Input field that supports HTML elements and emojis",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"browserslist": [
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"typescript": "^5.9.3"
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
|
-
"@chayns-components/core": "^5.0.
|
|
76
|
+
"@chayns-components/core": "^5.0.19",
|
|
77
77
|
"emojilib": "^3.0.12",
|
|
78
78
|
"unicode-emoji-json": "^0.8.0"
|
|
79
79
|
},
|
|
@@ -87,5 +87,5 @@
|
|
|
87
87
|
"publishConfig": {
|
|
88
88
|
"access": "public"
|
|
89
89
|
},
|
|
90
|
-
"gitHead": "
|
|
90
|
+
"gitHead": "0fb725bd948be7cf3bfb1271b1d01bb4a628ae02"
|
|
91
91
|
}
|