@chayns-components/emoji-input 5.4.15-alpha.0 → 5.4.17

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.
@@ -138,11 +138,15 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
138
138
  event.stopPropagation();
139
139
  return;
140
140
  }
141
+ const nativeEvent = event.nativeEvent;
141
142
  const {
142
143
  data,
143
- type
144
- } = event.nativeEvent;
145
- if (type === 'textInput' && data && data.includes('\n')) {
144
+ inputType
145
+ } = nativeEvent;
146
+ if (inputType === 'insertParagraph' || inputType === 'insertLineBreak') {
147
+ return;
148
+ }
149
+ if (inputType === 'insertText' && data && data.includes('\n')) {
146
150
  event.preventDefault();
147
151
  event.stopPropagation();
148
152
  const text = (0, _emoji.convertEmojisToUnicode)(data, emojiRegShortNames, emojiShortNames);
@@ -193,7 +197,7 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
193
197
  document.execCommand('forwardDelete', false);
194
198
  return;
195
199
  }
196
- let cleanedHTML = (0, _text.cleanupEmptyIgnoreEmojiSpans)(editorRef.current.innerHTML);
200
+ const cleanedHTML = (0, _text.cleanupEmptyIgnoreEmojiSpans)(editorRef.current.innerHTML);
197
201
  handleUpdateHTML(cleanedHTML);
198
202
 
199
203
  // After handleUpdateHTML, the DOM has been updated with emojis
@@ -258,12 +262,6 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
258
262
  if (typeof onKeyDown === 'function') {
259
263
  onKeyDown(event);
260
264
  }
261
- if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {
262
- event.preventDefault();
263
-
264
- // noinspection JSDeprecatedSymbols
265
- document.execCommand('insertLineBreak', false);
266
- }
267
265
  if (event.key === 'Enter') {
268
266
  requestAnimationFrame(() => {
269
267
  if (editorRef.current) (0, _scroll.scrollCursorIntoView)(editorRef.current);
@@ -636,6 +634,12 @@ const EmojiInput = /*#__PURE__*/(0, _react2.forwardRef)(({
636
634
  minHeight: height ?? '26px'
637
635
  },
638
636
  contentEditable: true,
637
+ role: "textbox",
638
+ "aria-multiline": "true",
639
+ inputMode: "text",
640
+ autoCapitalize: "sentences",
641
+ autoCorrect: "on",
642
+ spellCheck: true,
639
643
  id: inputId,
640
644
  onBeforeInput: handleBeforeInput,
641
645
  onBlur: handleBlur,
@@ -1 +1 @@
1
- {"version":3,"file":"EmojiInput.js","names":["_core","require","_react","_react2","_interopRequireWildcard","_emoji","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","_PrefixElement","_asyncEmojiData","_scroll","_cursor","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MODIFIER_KEYS","Set","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","EmojiInput","forwardRef","accessToken","container","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldRevertAsciiSmileyConversionOnBackspace","shouldPreventEmojiPicker","value","onCursorPositionChange","ref","isTouch","useIsTouch","plainTextValue","setPlainTextValue","useState","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","useContext","AreaContext","editorRef","useRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","lastAsciiConversionRef","savedCursorPositionRef","valueRef","useCursorPosition","useCallback","position","current","shouldChangeColor","useMemo","loadEmojiShortList","then","shortNameList","regShortnames","handleUpdateHTML","html","conversions","newInnerHTML","convertEmojisToUnicode","onAsciiConversion","conv","push","convertTextToHTML","cleanupEmptyIgnoreEmojiSpans","innerHTML","saveSelection","shouldIgnoreEmptyTextNodes","restoreSelection","length","lastConv","pos","getCurrentCursorPosition","original","emoji","plainTextCursorPos","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","insertTextAtCursorPosition","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","unwrapIgnoreEmojiSpanAtCursor","insertInvisibleCursorMarker","document","execCommand","cleanedHTML","convertHTMLToText","insertCursorAtMarker","moveCursorOutOfIgnoreEmojiSpan","handleKeyDown","key","ctrlKey","metaKey","currentPos","didRevert","revertAsciiSmileyConversion","isPropagationStopped","requestAnimationFrame","scrollCursorIntoView","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","escapeHTML","handleDrop","_event$dataTransfer","dataTransfer","handlePopupSelect","shouldUseSavedSelection","_editorRef$current","convertedText","replace","convertedPrefix","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","options","replaceText","insertPseudoMarker","handleStartProgress","duration","handleStopProgress","handleSetCursorPosition","resolvedPosition","focus","setCursorPositionByAbsIndex","updatedPosition","useImperativeHandle","startProgress","stopProgress","_editorRef$current2","blur","_editorRef$current3","setCursorPosition","handlePreventLoseFocus","_element$parentElemen","_element$parentElemen2","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","_editorRef$current4","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","_editorRef$current5","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","createElement","StyledEmojiInput","$isDisabled","$shouldChangeColor","AnimatePresence","initial","StyledMotionEmojiInputProgress","animate","width","exit","opacity","transition","ease","StyledEmojiInputContent","StyledMotionEmojiInputEditor","className","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","StyledEmojiInputLabel","$maxWidth","$offsetWidth","onSelect","StyledEmojiInputRightWrapper","displayName","_default","exports"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, useIsTouch } from '@chayns-components/core';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n ChangeEvent,\n ClipboardEvent,\n CSSProperties,\n FocusEvent,\n FocusEventHandler,\n forwardRef,\n KeyboardEvent as TmpKeyboardEvent,\n KeyboardEventHandler,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useImperativeHandle,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode, escapeHTML } from '../../utils/emoji';\nimport {\n insertTextAtCursorPosition,\n replaceText,\n revertAsciiSmileyConversion,\n} from '../../utils/insert';\nimport {\n getCharCodeThatWillBeDeleted,\n insertInvisibleCursorMarker,\n restoreSelection,\n saveSelection,\n type ReplaceTextOptions,\n insertPseudoMarker,\n insertCursorAtMarker,\n getCurrentCursorPosition,\n setCursorPositionByAbsIndex,\n moveCursorOutOfIgnoreEmojiSpan,\n unwrapIgnoreEmojiSpanAtCursor,\n} from '../../utils/selection';\nimport {\n convertHTMLToText,\n convertTextToHTML,\n cleanupEmptyIgnoreEmojiSpans,\n} from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n StyledEmojiInput,\n StyledEmojiInputContent,\n StyledEmojiInputLabel,\n StyledEmojiInputRightWrapper,\n StyledMotionEmojiInputEditor,\n StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\nimport { scrollCursorIntoView } from '../../utils/scroll';\nimport { useCursorPosition } from '../../hooks/cursor';\n\nconst MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type EmojiInputProps = {\n /**\n * Access token of the logged-in user. Is needed to load and save the history of the emojis.\n */\n accessToken?: string;\n /**\n * The DOM element that should receive the emoji picker popup portal.\n */\n container?: Element;\n /**\n * Sets the height of the input field to a fixed value. If this value is not set, the component will use the needed height until the maximum height is reached.\n */\n height?: CSSProperties['height'];\n /**\n * HTML id of the input element\n */\n inputId?: string;\n /**\n * Disables the input so that it cannot be changed anymore\n */\n isDisabled?: boolean;\n /**\n * Sets the maximum height of the input field.\n */\n maxHeight?: CSSProperties['maxHeight'];\n /**\n * Function that is executed when the input field loses focus.\n */\n onBlur?: FocusEventHandler<HTMLDivElement>;\n /**\n * Function to be executed when the cursor position is changed.\n */\n onCursorPositionChange?: (position: number) => void;\n /**\n * Function that is executed when the input field gets the focus.\n */\n onFocus?: FocusEventHandler<HTMLDivElement>;\n /**\n * Function that is executed when the text of the input changes. In addition to the original\n * event, the original text is returned as second parameter, in which the internally used HTML\n * elements have been converted back to BB codes.\n */\n onInput?: (event: ChangeEvent<HTMLDivElement>, originalText: string) => void;\n /**\n * Function that is executed when a key is pressed down.\n */\n onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n /**\n * Function to be executed if the prefixElement is removed.\n */\n onPrefixElementRemove?: () => void;\n /**\n * Function that is executed when the visibility of the popup changes.\n * @param {boolean} isVisible - Whether the popup is visible or not\n */\n onPopupVisibilityChange?: (isVisible: boolean) => void;\n /**\n * Person id of the logged-in user. Is needed to load and save the history of the emojis.\n */\n personId?: string;\n /**\n * Placeholder for the input field\n */\n placeholder?: string | ReactElement;\n /**\n * Sets the alignment of the popup to a fixed value. If this value is not set, the component\n * calculates the best position on its own. Use the imported 'PopupAlignment' enum to set this\n * value.\n */\n popupAlignment?: PopupAlignment;\n /**\n * Element that is rendered before the input field but the placeholder is still visible.\n */\n prefixElement?: string;\n /**\n * Element that is rendered inside the EmojiInput on the right side.\n */\n rightElement?: ReactNode;\n /**\n * Whether the placeholder should be shown after the input has focus.\n */\n shouldHidePlaceholderOnFocus?: boolean;\n /**\n * Allows the most recently auto-converted ASCII smiley to be reverted with Backspace.\n */\n shouldRevertAsciiSmileyConversionOnBackspace?: boolean;\n /**\n * Prevents the EmojiPickerPopup icon from being displayed\n */\n shouldPreventEmojiPicker?: boolean;\n /**\n * The plain text value of the input field. Instead of HTML elements BB codes must be used at\n * this point. These are then converted by the input field into corresponding HTML elements.\n */\n value: string;\n};\n\nexport interface EmojiInputRef {\n insertTextAtCursorPosition: (text: string) => void;\n replaceText: (searchText: string, replaceText: string, options?: ReplaceTextOptions) => void;\n startProgress: (durationInSeconds: number) => void;\n stopProgress: () => void;\n focus: () => void;\n blur: () => void;\n setCursorPosition: (position?: number) => void;\n}\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n (\n {\n accessToken,\n container,\n height,\n inputId,\n isDisabled,\n maxHeight = '190px',\n onBlur,\n onFocus,\n onInput,\n onKeyDown,\n onPrefixElementRemove,\n onPopupVisibilityChange,\n personId,\n placeholder,\n popupAlignment,\n prefixElement,\n rightElement,\n shouldHidePlaceholderOnFocus = false,\n shouldRevertAsciiSmileyConversionOnBackspace = false,\n shouldPreventEmojiPicker,\n value,\n onCursorPositionChange,\n },\n ref,\n ) => {\n const isTouch = useIsTouch();\n const [plainTextValue, setPlainTextValue] = useState(value);\n const [hasFocus, setHasFocus] = useState(false);\n const [progressDuration, setProgressDuration] = useState(0);\n const [labelWidth, setLabelWidth] = useState(0);\n const [isPopupVisible, setIsPopupVisible] = useState(false);\n const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n const [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>(/./);\n\n const areaProvider = useContext(AreaContext);\n\n const editorRef = useRef<HTMLDivElement>(null);\n const prefixElementRef = useRef<HTMLDivElement>(null);\n const hasPrefixRendered = useRef(false);\n const hasPrefixChanged = useRef(false);\n const shouldDeleteOneMoreBackwards = useRef(false);\n const shouldDeleteOneMoreForwards = useRef(false);\n\n /** * Tracks the most recently auto-converted ASCII smiley so the next * Backspace keystroke can revert it (Word/IntelliJ-style autocorrect undo). * The ref is invalidated as soon as the user presses any non-modifier key * other than Backspace (see `handleKeyDown`). */\n const lastAsciiConversionRef = useRef<{\n original: string;\n emoji: string;\n plainTextCursorPos: number;\n } | null>(null);\n\n const savedCursorPositionRef = useRef<number>(0);\n\n const valueRef = useRef(value);\n\n useCursorPosition(\n editorRef,\n useCallback(\n (position: number) => {\n savedCursorPositionRef.current = position;\n\n if (typeof onCursorPositionChange === 'function') {\n onCursorPositionChange(position);\n }\n },\n [onCursorPositionChange],\n ),\n { isDisabled },\n );\n\n const shouldChangeColor = useMemo(\n () => areaProvider.shouldChangeColor ?? false,\n [areaProvider.shouldChangeColor],\n );\n\n useEffect(() => {\n void loadEmojiShortList().then(({ shortNameList, regShortnames }) => {\n setEmojiShortNames(shortNameList);\n setEmojiRegShortNames(regShortnames);\n });\n }, []);\n\n /**\n * This function updates the content of the 'contentEditable' element if the new text is\n * different from the previous content. So this is only true if, for example, a text like \":-)\"\n * has been replaced to the corresponding emoji.\n *\n * When updating the HTML, the current cursor position is saved before replacing the content, so\n * that it can be set again afterward.\n */\n const handleUpdateHTML = useCallback(\n (html: string) => {\n if (!editorRef.current) {\n return;\n }\n\n const conversions: { original: string; emoji: string }[] = [];\n\n let newInnerHTML = convertEmojisToUnicode(\n html,\n emojiRegShortNames,\n emojiShortNames,\n {\n onAsciiConversion: (conv) => conversions.push(conv),\n },\n );\n\n newInnerHTML = convertTextToHTML(newInnerHTML);\n newInnerHTML = cleanupEmptyIgnoreEmojiSpans(newInnerHTML);\n\n if (newInnerHTML !== editorRef.current.innerHTML) {\n saveSelection(editorRef.current, { shouldIgnoreEmptyTextNodes: true });\n\n editorRef.current.innerHTML = newInnerHTML;\n\n restoreSelection(editorRef.current);\n\n // Remember the LAST ASCII conversion so Backspace can revert it.\n // Older conversions are dropped on purpose: only the smiley the\n // user just produced should be undoable.\n if (shouldRevertAsciiSmileyConversionOnBackspace && conversions.length > 0) {\n const lastConv = conversions[conversions.length - 1];\n const pos = getCurrentCursorPosition(editorRef.current);\n if (pos !== null) {\n lastAsciiConversionRef.current = {\n original: lastConv!.original,\n emoji: lastConv!.emoji,\n plainTextCursorPos: pos,\n };\n }\n } else {\n lastAsciiConversionRef.current = null;\n }\n }\n },\n [emojiRegShortNames, emojiShortNames, shouldRevertAsciiSmileyConversionOnBackspace],\n );\n\n const handleBeforeInput = useCallback(\n (event: FormEvent<HTMLDivElement>) => {\n if (!editorRef.current) {\n return;\n }\n\n if (isDisabled) {\n event.preventDefault();\n event.stopPropagation();\n\n return;\n }\n\n const { data, type } = event.nativeEvent as InputEvent;\n\n if (type === 'textInput' && data && data.includes('\\n')) {\n event.preventDefault();\n event.stopPropagation();\n\n const text = convertEmojisToUnicode(data, emojiRegShortNames, emojiShortNames);\n\n insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function handles the 'input' events of the 'contentEditable' element and also passes the\n * respective event up accordingly if the 'onInput' property is a function.\n */\n const handleInput = useCallback(\n (event: ChangeEvent<HTMLDivElement>) => {\n if (!editorRef.current) {\n return;\n }\n\n // If the user is typing inside a no-emoji-convert span, unwrap it first\n // This prevents text from getting stuck inside the protection span\n unwrapIgnoreEmojiSpanAtCursor(editorRef.current);\n\n if (isDisabled) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (shouldDeleteOneMoreBackwards.current) {\n shouldDeleteOneMoreBackwards.current = false;\n shouldDeleteOneMoreForwards.current = false;\n\n event.preventDefault();\n event.stopPropagation();\n\n // Remove content and set cursor to the right position\n insertInvisibleCursorMarker();\n\n return;\n }\n\n if (shouldDeleteOneMoreForwards.current) {\n shouldDeleteOneMoreBackwards.current = false;\n shouldDeleteOneMoreForwards.current = false;\n\n event.preventDefault();\n event.stopPropagation();\n\n // noinspection JSDeprecatedSymbols\n document.execCommand('forwardDelete', false);\n\n return;\n }\n\n let cleanedHTML = cleanupEmptyIgnoreEmojiSpans(editorRef.current.innerHTML);\n handleUpdateHTML(cleanedHTML);\n\n // After handleUpdateHTML, the DOM has been updated with emojis\n // We need to read the text from the updated DOM, not from pre-update HTML\n // convertHTMLToText will convert no-emoji-convert spans to [ignoreEmoji] BBCode\n const text = convertHTMLToText(editorRef.current.innerHTML);\n\n setPlainTextValue(text);\n\n if (typeof onInput === 'function') {\n onInput(event, text);\n }\n\n insertCursorAtMarker(editorRef);\n moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n },\n [handleUpdateHTML, isDisabled, onInput],\n );\n\n const handleKeyDown = useCallback(\n (event: TmpKeyboardEvent<HTMLDivElement>) => {\n if (isDisabled) {\n event.preventDefault();\n event.stopPropagation();\n\n return;\n }\n\n // --- Backspace-revert for the most recent auto-conversion ---\n // If the user presses Backspace immediately after an ASCII smiley\n // was auto-converted (and the cursor is still at the post-conversion\n // position), we revert the emoji back to the original text and wrap\n // it in a protection span so it does not get re-converted.\n if (\n shouldRevertAsciiSmileyConversionOnBackspace &&\n event.key === 'Backspace' &&\n !event.ctrlKey &&\n !event.metaKey &&\n lastAsciiConversionRef.current &&\n editorRef.current\n ) {\n const { original, emoji, plainTextCursorPos } = lastAsciiConversionRef.current;\n const currentPos = getCurrentCursorPosition(editorRef.current);\n\n if (currentPos === plainTextCursorPos) {\n event.preventDefault();\n event.stopPropagation();\n\n const didRevert = revertAsciiSmileyConversion({\n editorElement: editorRef.current,\n original,\n emoji,\n });\n\n lastAsciiConversionRef.current = null;\n\n if (didRevert) {\n // Notify React + downstream consumers via a synthetic input event\n const newEvent = new Event('input', { bubbles: true });\n editorRef.current.dispatchEvent(newEvent);\n return;\n }\n } else {\n // Cursor moved away from the just-converted emoji -> drop tracker\n lastAsciiConversionRef.current = null;\n }\n } else if (\n shouldRevertAsciiSmileyConversionOnBackspace &&\n !MODIFIER_KEYS.has(event.key)\n ) {\n // Any other actual keystroke invalidates the revert window\n lastAsciiConversionRef.current = null;\n }\n\n if (event.key === 'Enter' && isPopupVisible) {\n event.preventDefault();\n\n return;\n }\n\n if (typeof onKeyDown === 'function') {\n onKeyDown(event);\n }\n\n if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {\n event.preventDefault();\n\n // noinspection JSDeprecatedSymbols\n document.execCommand('insertLineBreak', false);\n }\n\n if (event.key === 'Enter') {\n requestAnimationFrame(() => {\n if (editorRef.current) scrollCursorIntoView(editorRef.current);\n });\n }\n\n if (\n event.key === 'Backspace' ||\n event.key === 'Delete' ||\n event.key === 'Unidentified'\n ) {\n const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n if (charCodeThatWillBeDeleted === 8203) {\n if (event.key === 'Backspace' || event.key === 'Unidentified') {\n shouldDeleteOneMoreBackwards.current = true;\n } else {\n shouldDeleteOneMoreForwards.current = true;\n }\n }\n }\n },\n [isDisabled, isPopupVisible, onKeyDown, shouldRevertAsciiSmileyConversionOnBackspace],\n );\n\n const handlePopupVisibility = useCallback(\n (isVisible: boolean) => {\n setIsPopupVisible(isVisible);\n\n if (editorRef.current && isVisible) {\n saveSelection(editorRef.current);\n }\n\n if (typeof onPopupVisibilityChange === 'function') {\n onPopupVisibilityChange(isVisible);\n }\n },\n [onPopupVisibilityChange],\n );\n\n /**\n * This function prevents formatting from being adopted when texts are inserted. To do this, the\n * plain text is read from the event after the default behavior has been prevented. The plain\n * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n */\n const handlePaste = useCallback(\n (event: ClipboardEvent<HTMLDivElement>) => {\n if (editorRef.current) {\n event.preventDefault();\n\n if (isDisabled) {\n event.stopPropagation();\n\n return;\n }\n\n // This ensures, that only the copied text is inserted and not its HTML formatting.\n let text = event.clipboardData.getData('text/plain');\n\n text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n prevent it from being interpreted as html. */\n text = escapeHTML(text);\n\n // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n if (text.includes('\\n')) {\n text += '\\u200C';\n }\n\n // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n // In that case on CTRL+Z the inserted text would not be removed.\n document.execCommand('insertHTML', false, text);\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function prevents formatting from being adopted when texts are dropped. To do this, the\n * plain text is read from the event after the default behavior has been prevented. The plain\n * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n */\n const handleDrop = useCallback(\n (event: React.DragEvent<HTMLDivElement>) => {\n if (editorRef.current) {\n event.preventDefault();\n\n if (isDisabled) {\n event.stopPropagation();\n\n return;\n }\n\n // This ensures, that only the dropped text is inserted and not its HTML formatting.\n let text = event.dataTransfer?.getData('text');\n\n if (!text) {\n return;\n }\n\n text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n prevent it from being interpreted as html. */\n text = escapeHTML(text);\n\n // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n // In that case on CTRL+Z the inserted text would not be removed.\n document.execCommand('insertHTML', false, text);\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the\n * correct position in the editor element.\n *\n * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,\n * which in turn executes the 'onInput' function from the props. So this serves to ensure that\n * the event is also passed through to the top when inserting via the popup.\n */\n const handlePopupSelect = useCallback((emoji: string) => {\n if (editorRef.current) {\n insertTextAtCursorPosition({\n editorElement: editorRef.current,\n text: emoji,\n shouldUseSavedSelection: true,\n });\n\n const event = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(event);\n }\n }, []);\n\n useEffect(() => {\n if (!shouldRevertAsciiSmileyConversionOnBackspace) {\n lastAsciiConversionRef.current = null;\n }\n }, [shouldRevertAsciiSmileyConversionOnBackspace]);\n\n useEffect(() => {\n if (typeof onPrefixElementRemove !== 'function') {\n return;\n }\n\n if (!hasPrefixRendered.current) {\n return;\n }\n\n const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n '&nbsp;',\n ' ',\n );\n const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n if (\n (convertedPrefix &&\n convertedText.includes(convertedPrefix) &&\n convertedText.length > convertedPrefix.length) ||\n convertedPrefix === convertedText\n ) {\n return;\n }\n\n if (hasPrefixChanged.current) {\n hasPrefixChanged.current = false;\n\n return;\n }\n\n onPrefixElementRemove();\n hasPrefixRendered.current = false;\n }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n useEffect(() => {\n if (typeof prefixElement === 'string') {\n hasPrefixChanged.current = true;\n }\n }, [prefixElement]);\n\n useEffect(() => {\n if (value !== plainTextValue) {\n setPlainTextValue(value);\n\n handleUpdateHTML(value);\n }\n }, [handleUpdateHTML, plainTextValue, value]);\n\n // After every input, ensure the cursor is not stuck inside a no-emoji-convert span\n useEffect(() => {\n moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n }, [plainTextValue]);\n\n // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n // the HTML content correctly when the component is rendered for the first time.\n useIsomorphicLayoutEffect(() => {\n handleUpdateHTML(valueRef.current);\n }, [handleUpdateHTML]);\n\n const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n if (editorRef.current) {\n insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n }, []);\n\n const handleReplaceText = useCallback(\n (searchText: string, pasteText: string, options?: ReplaceTextOptions) => {\n if (editorRef.current) {\n replaceText({\n editorElement: editorRef.current,\n searchText,\n pasteText,\n options,\n });\n\n insertPseudoMarker();\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [],\n );\n\n const handleStartProgress = useCallback((duration: number) => {\n setProgressDuration(duration);\n }, []);\n\n const handleStopProgress = useCallback(() => {\n setProgressDuration(0);\n }, []);\n\n const handleSetCursorPosition = useCallback((position?: number) => {\n if (!editorRef.current) {\n return;\n }\n\n const resolvedPosition = position ?? savedCursorPositionRef.current;\n\n savedCursorPositionRef.current = resolvedPosition;\n\n editorRef.current.focus();\n\n setCursorPositionByAbsIndex({\n editorElement: editorRef.current,\n position: resolvedPosition,\n });\n\n const updatedPosition = getCurrentCursorPosition(editorRef.current);\n if (typeof updatedPosition === 'number') {\n savedCursorPositionRef.current = updatedPosition;\n }\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n replaceText: handleReplaceText,\n startProgress: handleStartProgress,\n stopProgress: handleStopProgress,\n focus: () => editorRef.current?.focus(),\n blur: () => editorRef.current?.blur(),\n setCursorPosition: handleSetCursorPosition,\n }),\n [\n handleInsertTextAtCursorPosition,\n handleReplaceText,\n handleStartProgress,\n handleStopProgress,\n handleSetCursorPosition,\n ],\n );\n\n useEffect(() => {\n /**\n * This function ensures that the input field does not lose focus when the popup is opened\n * or an emoji is selected in it. For this purpose the corresponding elements get the class\n * 'prevent-lose-focus'.\n *\n * The class can also be set to any other elements that should also not cause the input\n * field to lose focus.\n */\n const handlePreventLoseFocus = (event: MouseEvent) => {\n const element = event.target as Element;\n\n if (\n element.classList.contains('prevent-lose-focus') ||\n element.parentElement?.classList.contains('prevent-lose-focus') ||\n element.parentElement?.parentElement?.classList.contains('prevent-lose-focus')\n ) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n document.body.addEventListener('mousedown', handlePreventLoseFocus);\n\n return () => {\n document.body.removeEventListener('mousedown', handlePreventLoseFocus);\n };\n }, []);\n\n const shouldShowPlaceholder = useMemo(() => {\n if (!isPrefixAnimationFinished) {\n return false;\n }\n\n const isJustPrefixElement =\n prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n const shouldRenderPlaceholder =\n (prefixElement && !plainTextValue) ||\n (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n switch (true) {\n case (!plainTextValue || isJustPrefixElement) &&\n shouldHidePlaceholderOnFocus &&\n !hasFocus:\n case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n return shouldRenderPlaceholder;\n case (!plainTextValue || isJustPrefixElement) &&\n shouldHidePlaceholderOnFocus &&\n hasFocus:\n return false;\n default:\n return false;\n }\n }, [\n isPrefixAnimationFinished,\n hasFocus,\n plainTextValue,\n prefixElement,\n shouldHidePlaceholderOnFocus,\n prefixElementWidth,\n ]);\n\n useEffect(() => {\n if (prefixElement) {\n setIsPrefixAnimationFinished(false);\n }\n }, [prefixElement]);\n\n const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n if (typeof onFocus === 'function' && !isDisabled) {\n onFocus(event);\n }\n\n setHasFocus(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n if (typeof onBlur === 'function' && !isDisabled) {\n onBlur(event);\n }\n\n setHasFocus(false);\n };\n\n useEffect(() => {\n if (editorRef.current && prefixElement) {\n const text = convertEmojisToUnicode(\n prefixElement,\n emojiRegShortNames,\n emojiShortNames,\n );\n\n insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n handleUpdateHTML(prefixElement);\n hasPrefixRendered.current = true;\n }\n }, [emojiRegShortNames, emojiShortNames, handleUpdateHTML, prefixElement]);\n\n useEffect(() => {\n if (\n prefixElementRef.current &&\n prefixElement &&\n convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n ) {\n setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n } else {\n setPrefixElementWidth(undefined);\n }\n }, [plainTextValue, prefixElement]);\n\n useEffect(() => {\n const handleResize = () => {\n if (editorRef.current) {\n setLabelWidth(editorRef.current.offsetWidth);\n }\n };\n\n const resizeObserver = new ResizeObserver(handleResize);\n\n if (editorRef.current) {\n resizeObserver.observe(editorRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n };\n }, []);\n\n useEffect(() => {\n const blurElement = () => {\n if (\n editorRef.current &&\n document.activeElement === editorRef.current &&\n isDisabled\n ) {\n editorRef.current.blur();\n }\n };\n\n document.addEventListener('focus', blurElement, true);\n\n return () => {\n document.removeEventListener('focus', blurElement, true);\n };\n }, [isDisabled]);\n\n return (\n <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n <AnimatePresence initial>\n {progressDuration > 0 && (\n <StyledMotionEmojiInputProgress\n animate={{ width: '100%' }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 1, width: '0%' }}\n transition={{\n width: {\n ease: 'linear',\n duration: progressDuration,\n },\n opacity: {\n type: 'tween',\n duration: 0.3,\n },\n }}\n />\n )}\n </AnimatePresence>\n <StyledEmojiInputContent>\n {prefixElement && (\n <PrefixElement\n key={prefixElement}\n element={prefixElement}\n prefixElementRef={prefixElementRef}\n setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n />\n )}\n <StyledMotionEmojiInputEditor\n className=\"chayns-scrollbar\"\n animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n contentEditable\n id={inputId}\n onBeforeInput={handleBeforeInput}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onInput={handleInput}\n onKeyDown={handleKeyDown}\n onPaste={handlePaste}\n onDrop={handleDrop}\n ref={editorRef}\n $shouldShowContent={isPrefixAnimationFinished}\n transition={{ type: 'tween', duration: 0.2 }}\n />\n\n {shouldShowPlaceholder && (\n <StyledEmojiInputLabel\n $maxWidth={labelWidth}\n $offsetWidth={prefixElementWidth}\n >\n {placeholder}\n </StyledEmojiInputLabel>\n )}\n {!isTouch && !shouldPreventEmojiPicker && (\n <EmojiPickerPopup\n accessToken={accessToken}\n container={container}\n onSelect={handlePopupSelect}\n onPopupVisibilityChange={handlePopupVisibility}\n personId={personId}\n />\n )}\n </StyledEmojiInputContent>\n {rightElement && (\n <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n )}\n </StyledEmojiInput>\n );\n },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"EmojiInput.js","names":["_core","require","_react","_react2","_interopRequireWildcard","_emoji","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","_PrefixElement","_asyncEmojiData","_scroll","_cursor","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MODIFIER_KEYS","Set","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","EmojiInput","forwardRef","accessToken","container","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldRevertAsciiSmileyConversionOnBackspace","shouldPreventEmojiPicker","value","onCursorPositionChange","ref","isTouch","useIsTouch","plainTextValue","setPlainTextValue","useState","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","useContext","AreaContext","editorRef","useRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","lastAsciiConversionRef","savedCursorPositionRef","valueRef","useCursorPosition","useCallback","position","current","shouldChangeColor","useMemo","loadEmojiShortList","then","shortNameList","regShortnames","handleUpdateHTML","html","conversions","newInnerHTML","convertEmojisToUnicode","onAsciiConversion","conv","push","convertTextToHTML","cleanupEmptyIgnoreEmojiSpans","innerHTML","saveSelection","shouldIgnoreEmptyTextNodes","restoreSelection","length","lastConv","pos","getCurrentCursorPosition","original","emoji","plainTextCursorPos","handleBeforeInput","event","preventDefault","stopPropagation","nativeEvent","data","inputType","includes","text","insertTextAtCursorPosition","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","unwrapIgnoreEmojiSpanAtCursor","insertInvisibleCursorMarker","document","execCommand","cleanedHTML","convertHTMLToText","insertCursorAtMarker","moveCursorOutOfIgnoreEmojiSpan","handleKeyDown","key","ctrlKey","metaKey","currentPos","didRevert","revertAsciiSmileyConversion","requestAnimationFrame","scrollCursorIntoView","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","escapeHTML","handleDrop","_event$dataTransfer","dataTransfer","handlePopupSelect","shouldUseSavedSelection","_editorRef$current","convertedText","replace","convertedPrefix","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","options","replaceText","insertPseudoMarker","handleStartProgress","duration","handleStopProgress","handleSetCursorPosition","resolvedPosition","focus","setCursorPositionByAbsIndex","updatedPosition","useImperativeHandle","startProgress","stopProgress","_editorRef$current2","blur","_editorRef$current3","setCursorPosition","handlePreventLoseFocus","_element$parentElemen","_element$parentElemen2","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","_editorRef$current4","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","_editorRef$current5","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","createElement","StyledEmojiInput","$isDisabled","$shouldChangeColor","AnimatePresence","initial","StyledMotionEmojiInputProgress","animate","width","exit","opacity","transition","ease","type","StyledEmojiInputContent","StyledMotionEmojiInputEditor","className","minHeight","contentEditable","role","inputMode","autoCapitalize","autoCorrect","spellCheck","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","StyledEmojiInputLabel","$maxWidth","$offsetWidth","onSelect","StyledEmojiInputRightWrapper","displayName","_default","exports"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, useIsTouch } from '@chayns-components/core';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n ChangeEvent,\n ClipboardEvent,\n CSSProperties,\n FocusEvent,\n FocusEventHandler,\n forwardRef,\n KeyboardEvent as TmpKeyboardEvent,\n KeyboardEventHandler,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useImperativeHandle,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode, escapeHTML } from '../../utils/emoji';\nimport {\n insertTextAtCursorPosition,\n replaceText,\n revertAsciiSmileyConversion,\n} from '../../utils/insert';\nimport {\n getCharCodeThatWillBeDeleted,\n insertInvisibleCursorMarker,\n restoreSelection,\n saveSelection,\n type ReplaceTextOptions,\n insertPseudoMarker,\n insertCursorAtMarker,\n getCurrentCursorPosition,\n setCursorPositionByAbsIndex,\n moveCursorOutOfIgnoreEmojiSpan,\n unwrapIgnoreEmojiSpanAtCursor,\n} from '../../utils/selection';\nimport {\n convertHTMLToText,\n convertTextToHTML,\n cleanupEmptyIgnoreEmojiSpans,\n} from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n StyledEmojiInput,\n StyledEmojiInputContent,\n StyledEmojiInputLabel,\n StyledEmojiInputRightWrapper,\n StyledMotionEmojiInputEditor,\n StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\nimport { scrollCursorIntoView } from '../../utils/scroll';\nimport { useCursorPosition } from '../../hooks/cursor';\n\nconst MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type EmojiInputProps = {\n /**\n * Access token of the logged-in user. Is needed to load and save the history of the emojis.\n */\n accessToken?: string;\n /**\n * The DOM element that should receive the emoji picker popup portal.\n */\n container?: Element;\n /**\n * Sets the height of the input field to a fixed value. If this value is not set, the component will use the needed height until the maximum height is reached.\n */\n height?: CSSProperties['height'];\n /**\n * HTML id of the input element\n */\n inputId?: string;\n /**\n * Disables the input so that it cannot be changed anymore\n */\n isDisabled?: boolean;\n /**\n * Sets the maximum height of the input field.\n */\n maxHeight?: CSSProperties['maxHeight'];\n /**\n * Function that is executed when the input field loses focus.\n */\n onBlur?: FocusEventHandler<HTMLDivElement>;\n /**\n * Function to be executed when the cursor position is changed.\n */\n onCursorPositionChange?: (position: number) => void;\n /**\n * Function that is executed when the input field gets the focus.\n */\n onFocus?: FocusEventHandler<HTMLDivElement>;\n /**\n * Function that is executed when the text of the input changes. In addition to the original\n * event, the original text is returned as second parameter, in which the internally used HTML\n * elements have been converted back to BB codes.\n */\n onInput?: (event: ChangeEvent<HTMLDivElement>, originalText: string) => void;\n /**\n * Function that is executed when a key is pressed down.\n */\n onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n /**\n * Function to be executed if the prefixElement is removed.\n */\n onPrefixElementRemove?: () => void;\n /**\n * Function that is executed when the visibility of the popup changes.\n * @param {boolean} isVisible - Whether the popup is visible or not\n */\n onPopupVisibilityChange?: (isVisible: boolean) => void;\n /**\n * Person id of the logged-in user. Is needed to load and save the history of the emojis.\n */\n personId?: string;\n /**\n * Placeholder for the input field\n */\n placeholder?: string | ReactElement;\n /**\n * Sets the alignment of the popup to a fixed value. If this value is not set, the component\n * calculates the best position on its own. Use the imported 'PopupAlignment' enum to set this\n * value.\n */\n popupAlignment?: PopupAlignment;\n /**\n * Element that is rendered before the input field but the placeholder is still visible.\n */\n prefixElement?: string;\n /**\n * Element that is rendered inside the EmojiInput on the right side.\n */\n rightElement?: ReactNode;\n /**\n * Whether the placeholder should be shown after the input has focus.\n */\n shouldHidePlaceholderOnFocus?: boolean;\n /**\n * Allows the most recently auto-converted ASCII smiley to be reverted with Backspace.\n */\n shouldRevertAsciiSmileyConversionOnBackspace?: boolean;\n /**\n * Prevents the EmojiPickerPopup icon from being displayed\n */\n shouldPreventEmojiPicker?: boolean;\n /**\n * The plain text value of the input field. Instead of HTML elements BB codes must be used at\n * this point. These are then converted by the input field into corresponding HTML elements.\n */\n value: string;\n};\n\nexport interface EmojiInputRef {\n insertTextAtCursorPosition: (text: string) => void;\n replaceText: (searchText: string, replaceText: string, options?: ReplaceTextOptions) => void;\n startProgress: (durationInSeconds: number) => void;\n stopProgress: () => void;\n focus: () => void;\n blur: () => void;\n setCursorPosition: (position?: number) => void;\n}\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n (\n {\n accessToken,\n container,\n height,\n inputId,\n isDisabled,\n maxHeight = '190px',\n onBlur,\n onFocus,\n onInput,\n onKeyDown,\n onPrefixElementRemove,\n onPopupVisibilityChange,\n personId,\n placeholder,\n popupAlignment,\n prefixElement,\n rightElement,\n shouldHidePlaceholderOnFocus = false,\n shouldRevertAsciiSmileyConversionOnBackspace = false,\n shouldPreventEmojiPicker,\n value,\n onCursorPositionChange,\n },\n ref,\n ) => {\n const isTouch = useIsTouch();\n const [plainTextValue, setPlainTextValue] = useState(value);\n const [hasFocus, setHasFocus] = useState(false);\n const [progressDuration, setProgressDuration] = useState(0);\n const [labelWidth, setLabelWidth] = useState(0);\n const [isPopupVisible, setIsPopupVisible] = useState(false);\n const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n const [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>(/./);\n\n const areaProvider = useContext(AreaContext);\n\n const editorRef = useRef<HTMLDivElement>(null);\n const prefixElementRef = useRef<HTMLDivElement>(null);\n const hasPrefixRendered = useRef(false);\n const hasPrefixChanged = useRef(false);\n const shouldDeleteOneMoreBackwards = useRef(false);\n const shouldDeleteOneMoreForwards = useRef(false);\n\n /** * Tracks the most recently auto-converted ASCII smiley so the next * Backspace keystroke can revert it (Word/IntelliJ-style autocorrect undo). * The ref is invalidated as soon as the user presses any non-modifier key * other than Backspace (see `handleKeyDown`). */\n const lastAsciiConversionRef = useRef<{\n original: string;\n emoji: string;\n plainTextCursorPos: number;\n } | null>(null);\n\n const savedCursorPositionRef = useRef<number>(0);\n\n const valueRef = useRef(value);\n\n useCursorPosition(\n editorRef,\n useCallback(\n (position: number) => {\n savedCursorPositionRef.current = position;\n\n if (typeof onCursorPositionChange === 'function') {\n onCursorPositionChange(position);\n }\n },\n [onCursorPositionChange],\n ),\n { isDisabled },\n );\n\n const shouldChangeColor = useMemo(\n () => areaProvider.shouldChangeColor ?? false,\n [areaProvider.shouldChangeColor],\n );\n\n useEffect(() => {\n void loadEmojiShortList().then(({ shortNameList, regShortnames }) => {\n setEmojiShortNames(shortNameList);\n setEmojiRegShortNames(regShortnames);\n });\n }, []);\n\n /**\n * This function updates the content of the 'contentEditable' element if the new text is\n * different from the previous content. So this is only true if, for example, a text like \":-)\"\n * has been replaced to the corresponding emoji.\n *\n * When updating the HTML, the current cursor position is saved before replacing the content, so\n * that it can be set again afterward.\n */\n const handleUpdateHTML = useCallback(\n (html: string) => {\n if (!editorRef.current) {\n return;\n }\n\n const conversions: { original: string; emoji: string }[] = [];\n\n let newInnerHTML = convertEmojisToUnicode(\n html,\n emojiRegShortNames,\n emojiShortNames,\n {\n onAsciiConversion: (conv) => conversions.push(conv),\n },\n );\n\n newInnerHTML = convertTextToHTML(newInnerHTML);\n newInnerHTML = cleanupEmptyIgnoreEmojiSpans(newInnerHTML);\n\n if (newInnerHTML !== editorRef.current.innerHTML) {\n saveSelection(editorRef.current, { shouldIgnoreEmptyTextNodes: true });\n\n editorRef.current.innerHTML = newInnerHTML;\n\n restoreSelection(editorRef.current);\n\n // Remember the LAST ASCII conversion so Backspace can revert it.\n // Older conversions are dropped on purpose: only the smiley the\n // user just produced should be undoable.\n if (shouldRevertAsciiSmileyConversionOnBackspace && conversions.length > 0) {\n const lastConv = conversions[conversions.length - 1];\n const pos = getCurrentCursorPosition(editorRef.current);\n if (pos !== null) {\n lastAsciiConversionRef.current = {\n original: lastConv!.original,\n emoji: lastConv!.emoji,\n plainTextCursorPos: pos,\n };\n }\n } else {\n lastAsciiConversionRef.current = null;\n }\n }\n },\n [emojiRegShortNames, emojiShortNames, shouldRevertAsciiSmileyConversionOnBackspace],\n );\n\n const handleBeforeInput = useCallback(\n (event: FormEvent<HTMLDivElement>) => {\n if (!editorRef.current) {\n return;\n }\n\n if (isDisabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n const nativeEvent = event.nativeEvent as InputEvent;\n const { data, inputType } = nativeEvent;\n\n if (inputType === 'insertParagraph' || inputType === 'insertLineBreak') {\n return;\n }\n\n if (inputType === 'insertText' && data && data.includes('\\n')) {\n event.preventDefault();\n event.stopPropagation();\n\n const text = convertEmojisToUnicode(data, emojiRegShortNames, emojiShortNames);\n\n insertTextAtCursorPosition({\n editorElement: editorRef.current,\n text,\n });\n\n const newEvent = new Event('input', { bubbles: true });\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function handles the 'input' events of the 'contentEditable' element and also passes the\n * respective event up accordingly if the 'onInput' property is a function.\n */\n const handleInput = useCallback(\n (event: ChangeEvent<HTMLDivElement>) => {\n if (!editorRef.current) {\n return;\n }\n\n // If the user is typing inside a no-emoji-convert span, unwrap it first\n // This prevents text from getting stuck inside the protection span\n unwrapIgnoreEmojiSpanAtCursor(editorRef.current);\n\n if (isDisabled) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (shouldDeleteOneMoreBackwards.current) {\n shouldDeleteOneMoreBackwards.current = false;\n shouldDeleteOneMoreForwards.current = false;\n\n event.preventDefault();\n event.stopPropagation();\n\n // Remove content and set cursor to the right position\n insertInvisibleCursorMarker();\n\n return;\n }\n\n if (shouldDeleteOneMoreForwards.current) {\n shouldDeleteOneMoreBackwards.current = false;\n shouldDeleteOneMoreForwards.current = false;\n\n event.preventDefault();\n event.stopPropagation();\n\n // noinspection JSDeprecatedSymbols\n document.execCommand('forwardDelete', false);\n\n return;\n }\n\n const cleanedHTML = cleanupEmptyIgnoreEmojiSpans(editorRef.current.innerHTML);\n handleUpdateHTML(cleanedHTML);\n\n // After handleUpdateHTML, the DOM has been updated with emojis\n // We need to read the text from the updated DOM, not from pre-update HTML\n // convertHTMLToText will convert no-emoji-convert spans to [ignoreEmoji] BBCode\n const text = convertHTMLToText(editorRef.current.innerHTML);\n\n setPlainTextValue(text);\n\n if (typeof onInput === 'function') {\n onInput(event, text);\n }\n\n insertCursorAtMarker(editorRef);\n moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n },\n [handleUpdateHTML, isDisabled, onInput],\n );\n\n const handleKeyDown = useCallback(\n (event: TmpKeyboardEvent<HTMLDivElement>) => {\n if (isDisabled) {\n event.preventDefault();\n event.stopPropagation();\n\n return;\n }\n\n // --- Backspace-revert for the most recent auto-conversion ---\n // If the user presses Backspace immediately after an ASCII smiley\n // was auto-converted (and the cursor is still at the post-conversion\n // position), we revert the emoji back to the original text and wrap\n // it in a protection span so it does not get re-converted.\n if (\n shouldRevertAsciiSmileyConversionOnBackspace &&\n event.key === 'Backspace' &&\n !event.ctrlKey &&\n !event.metaKey &&\n lastAsciiConversionRef.current &&\n editorRef.current\n ) {\n const { original, emoji, plainTextCursorPos } = lastAsciiConversionRef.current;\n const currentPos = getCurrentCursorPosition(editorRef.current);\n\n if (currentPos === plainTextCursorPos) {\n event.preventDefault();\n event.stopPropagation();\n\n const didRevert = revertAsciiSmileyConversion({\n editorElement: editorRef.current,\n original,\n emoji,\n });\n\n lastAsciiConversionRef.current = null;\n\n if (didRevert) {\n // Notify React + downstream consumers via a synthetic input event\n const newEvent = new Event('input', { bubbles: true });\n editorRef.current.dispatchEvent(newEvent);\n return;\n }\n } else {\n // Cursor moved away from the just-converted emoji -> drop tracker\n lastAsciiConversionRef.current = null;\n }\n } else if (\n shouldRevertAsciiSmileyConversionOnBackspace &&\n !MODIFIER_KEYS.has(event.key)\n ) {\n // Any other actual keystroke invalidates the revert window\n lastAsciiConversionRef.current = null;\n }\n\n if (event.key === 'Enter' && isPopupVisible) {\n event.preventDefault();\n\n return;\n }\n\n if (typeof onKeyDown === 'function') {\n onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n requestAnimationFrame(() => {\n if (editorRef.current) scrollCursorIntoView(editorRef.current);\n });\n }\n\n if (\n event.key === 'Backspace' ||\n event.key === 'Delete' ||\n event.key === 'Unidentified'\n ) {\n const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n if (charCodeThatWillBeDeleted === 8203) {\n if (event.key === 'Backspace' || event.key === 'Unidentified') {\n shouldDeleteOneMoreBackwards.current = true;\n } else {\n shouldDeleteOneMoreForwards.current = true;\n }\n }\n }\n },\n [isDisabled, isPopupVisible, onKeyDown, shouldRevertAsciiSmileyConversionOnBackspace],\n );\n\n const handlePopupVisibility = useCallback(\n (isVisible: boolean) => {\n setIsPopupVisible(isVisible);\n\n if (editorRef.current && isVisible) {\n saveSelection(editorRef.current);\n }\n\n if (typeof onPopupVisibilityChange === 'function') {\n onPopupVisibilityChange(isVisible);\n }\n },\n [onPopupVisibilityChange],\n );\n\n /**\n * This function prevents formatting from being adopted when texts are inserted. To do this, the\n * plain text is read from the event after the default behavior has been prevented. The plain\n * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n */\n const handlePaste = useCallback(\n (event: ClipboardEvent<HTMLDivElement>) => {\n if (editorRef.current) {\n event.preventDefault();\n\n if (isDisabled) {\n event.stopPropagation();\n\n return;\n }\n\n // This ensures, that only the copied text is inserted and not its HTML formatting.\n let text = event.clipboardData.getData('text/plain');\n\n text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n prevent it from being interpreted as html. */\n text = escapeHTML(text);\n\n // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n if (text.includes('\\n')) {\n text += '\\u200C';\n }\n\n // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n // In that case on CTRL+Z the inserted text would not be removed.\n document.execCommand('insertHTML', false, text);\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function prevents formatting from being adopted when texts are dropped. To do this, the\n * plain text is read from the event after the default behavior has been prevented. The plain\n * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n */\n const handleDrop = useCallback(\n (event: React.DragEvent<HTMLDivElement>) => {\n if (editorRef.current) {\n event.preventDefault();\n\n if (isDisabled) {\n event.stopPropagation();\n\n return;\n }\n\n // This ensures, that only the dropped text is inserted and not its HTML formatting.\n let text = event.dataTransfer?.getData('text');\n\n if (!text) {\n return;\n }\n\n text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n prevent it from being interpreted as html. */\n text = escapeHTML(text);\n\n // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n // In that case on CTRL+Z the inserted text would not be removed.\n document.execCommand('insertHTML', false, text);\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the\n * correct position in the editor element.\n *\n * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,\n * which in turn executes the 'onInput' function from the props. So this serves to ensure that\n * the event is also passed through to the top when inserting via the popup.\n */\n const handlePopupSelect = useCallback((emoji: string) => {\n if (editorRef.current) {\n insertTextAtCursorPosition({\n editorElement: editorRef.current,\n text: emoji,\n shouldUseSavedSelection: true,\n });\n\n const event = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(event);\n }\n }, []);\n\n useEffect(() => {\n if (!shouldRevertAsciiSmileyConversionOnBackspace) {\n lastAsciiConversionRef.current = null;\n }\n }, [shouldRevertAsciiSmileyConversionOnBackspace]);\n\n useEffect(() => {\n if (typeof onPrefixElementRemove !== 'function') {\n return;\n }\n\n if (!hasPrefixRendered.current) {\n return;\n }\n\n const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n '&nbsp;',\n ' ',\n );\n const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n if (\n (convertedPrefix &&\n convertedText.includes(convertedPrefix) &&\n convertedText.length > convertedPrefix.length) ||\n convertedPrefix === convertedText\n ) {\n return;\n }\n\n if (hasPrefixChanged.current) {\n hasPrefixChanged.current = false;\n\n return;\n }\n\n onPrefixElementRemove();\n hasPrefixRendered.current = false;\n }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n useEffect(() => {\n if (typeof prefixElement === 'string') {\n hasPrefixChanged.current = true;\n }\n }, [prefixElement]);\n\n useEffect(() => {\n if (value !== plainTextValue) {\n setPlainTextValue(value);\n\n handleUpdateHTML(value);\n }\n }, [handleUpdateHTML, plainTextValue, value]);\n\n // After every input, ensure the cursor is not stuck inside a no-emoji-convert span\n useEffect(() => {\n moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n }, [plainTextValue]);\n\n // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n // the HTML content correctly when the component is rendered for the first time.\n useIsomorphicLayoutEffect(() => {\n handleUpdateHTML(valueRef.current);\n }, [handleUpdateHTML]);\n\n const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n if (editorRef.current) {\n insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n }, []);\n\n const handleReplaceText = useCallback(\n (searchText: string, pasteText: string, options?: ReplaceTextOptions) => {\n if (editorRef.current) {\n replaceText({\n editorElement: editorRef.current,\n searchText,\n pasteText,\n options,\n });\n\n insertPseudoMarker();\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [],\n );\n\n const handleStartProgress = useCallback((duration: number) => {\n setProgressDuration(duration);\n }, []);\n\n const handleStopProgress = useCallback(() => {\n setProgressDuration(0);\n }, []);\n\n const handleSetCursorPosition = useCallback((position?: number) => {\n if (!editorRef.current) {\n return;\n }\n\n const resolvedPosition = position ?? savedCursorPositionRef.current;\n\n savedCursorPositionRef.current = resolvedPosition;\n\n editorRef.current.focus();\n\n setCursorPositionByAbsIndex({\n editorElement: editorRef.current,\n position: resolvedPosition,\n });\n\n const updatedPosition = getCurrentCursorPosition(editorRef.current);\n if (typeof updatedPosition === 'number') {\n savedCursorPositionRef.current = updatedPosition;\n }\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n replaceText: handleReplaceText,\n startProgress: handleStartProgress,\n stopProgress: handleStopProgress,\n focus: () => editorRef.current?.focus(),\n blur: () => editorRef.current?.blur(),\n setCursorPosition: handleSetCursorPosition,\n }),\n [\n handleInsertTextAtCursorPosition,\n handleReplaceText,\n handleStartProgress,\n handleStopProgress,\n handleSetCursorPosition,\n ],\n );\n\n useEffect(() => {\n /**\n * This function ensures that the input field does not lose focus when the popup is opened\n * or an emoji is selected in it. For this purpose the corresponding elements get the class\n * 'prevent-lose-focus'.\n *\n * The class can also be set to any other elements that should also not cause the input\n * field to lose focus.\n */\n const handlePreventLoseFocus = (event: MouseEvent) => {\n const element = event.target as Element;\n\n if (\n element.classList.contains('prevent-lose-focus') ||\n element.parentElement?.classList.contains('prevent-lose-focus') ||\n element.parentElement?.parentElement?.classList.contains('prevent-lose-focus')\n ) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n document.body.addEventListener('mousedown', handlePreventLoseFocus);\n\n return () => {\n document.body.removeEventListener('mousedown', handlePreventLoseFocus);\n };\n }, []);\n\n const shouldShowPlaceholder = useMemo(() => {\n if (!isPrefixAnimationFinished) {\n return false;\n }\n\n const isJustPrefixElement =\n prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n const shouldRenderPlaceholder =\n (prefixElement && !plainTextValue) ||\n (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n switch (true) {\n case (!plainTextValue || isJustPrefixElement) &&\n shouldHidePlaceholderOnFocus &&\n !hasFocus:\n case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n return shouldRenderPlaceholder;\n case (!plainTextValue || isJustPrefixElement) &&\n shouldHidePlaceholderOnFocus &&\n hasFocus:\n return false;\n default:\n return false;\n }\n }, [\n isPrefixAnimationFinished,\n hasFocus,\n plainTextValue,\n prefixElement,\n shouldHidePlaceholderOnFocus,\n prefixElementWidth,\n ]);\n\n useEffect(() => {\n if (prefixElement) {\n setIsPrefixAnimationFinished(false);\n }\n }, [prefixElement]);\n\n const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n if (typeof onFocus === 'function' && !isDisabled) {\n onFocus(event);\n }\n\n setHasFocus(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n if (typeof onBlur === 'function' && !isDisabled) {\n onBlur(event);\n }\n\n setHasFocus(false);\n };\n\n useEffect(() => {\n if (editorRef.current && prefixElement) {\n const text = convertEmojisToUnicode(\n prefixElement,\n emojiRegShortNames,\n emojiShortNames,\n );\n\n insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n handleUpdateHTML(prefixElement);\n hasPrefixRendered.current = true;\n }\n }, [emojiRegShortNames, emojiShortNames, handleUpdateHTML, prefixElement]);\n\n useEffect(() => {\n if (\n prefixElementRef.current &&\n prefixElement &&\n convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n ) {\n setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n } else {\n setPrefixElementWidth(undefined);\n }\n }, [plainTextValue, prefixElement]);\n\n useEffect(() => {\n const handleResize = () => {\n if (editorRef.current) {\n setLabelWidth(editorRef.current.offsetWidth);\n }\n };\n\n const resizeObserver = new ResizeObserver(handleResize);\n\n if (editorRef.current) {\n resizeObserver.observe(editorRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n };\n }, []);\n\n useEffect(() => {\n const blurElement = () => {\n if (\n editorRef.current &&\n document.activeElement === editorRef.current &&\n isDisabled\n ) {\n editorRef.current.blur();\n }\n };\n\n document.addEventListener('focus', blurElement, true);\n\n return () => {\n document.removeEventListener('focus', blurElement, true);\n };\n }, [isDisabled]);\n\n return (\n <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n <AnimatePresence initial>\n {progressDuration > 0 && (\n <StyledMotionEmojiInputProgress\n animate={{ width: '100%' }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 1, width: '0%' }}\n transition={{\n width: {\n ease: 'linear',\n duration: progressDuration,\n },\n opacity: {\n type: 'tween',\n duration: 0.3,\n },\n }}\n />\n )}\n </AnimatePresence>\n <StyledEmojiInputContent>\n {prefixElement && (\n <PrefixElement\n key={prefixElement}\n element={prefixElement}\n prefixElementRef={prefixElementRef}\n setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n />\n )}\n <StyledMotionEmojiInputEditor\n className=\"chayns-scrollbar\"\n animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n contentEditable\n role=\"textbox\"\n aria-multiline=\"true\"\n inputMode=\"text\"\n autoCapitalize=\"sentences\"\n autoCorrect=\"on\"\n spellCheck\n id={inputId}\n onBeforeInput={handleBeforeInput}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onInput={handleInput}\n onKeyDown={handleKeyDown}\n onPaste={handlePaste}\n onDrop={handleDrop}\n ref={editorRef}\n $shouldShowContent={isPrefixAnimationFinished}\n transition={{ type: 'tween', duration: 0.2 }}\n />\n\n {shouldShowPlaceholder && (\n <StyledEmojiInputLabel\n $maxWidth={labelWidth}\n $offsetWidth={prefixElementWidth}\n >\n {placeholder}\n </StyledEmojiInputLabel>\n )}\n {!isTouch && !shouldPreventEmojiPicker && (\n <EmojiPickerPopup\n accessToken={accessToken}\n container={container}\n onSelect={handlePopupSelect}\n onPopupVisibilityChange={handlePopupVisibility}\n personId={personId}\n />\n )}\n </StyledEmojiInputContent>\n {rightElement && (\n <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n )}\n </StyledEmojiInput>\n );\n },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}
@@ -6,6 +6,42 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.getElementTextLength = exports.convertTextToHTML = exports.convertHTMLToText = exports.cleanupEmptyIgnoreEmojiSpans = void 0;
7
7
  var _regex = require("../constants/regex");
8
8
  var _emoji = require("./emoji");
9
+ const BLOCK_ELEMENT_TAG_NAMES = new Set(['DIV', 'P']);
10
+ const BLOCK_SEPARATOR = '<br>';
11
+ const serializeHTMLNodeToText = node => {
12
+ if (node.nodeType === Node.TEXT_NODE) {
13
+ return node.textContent ?? '';
14
+ }
15
+ if (node.nodeType !== Node.ELEMENT_NODE) {
16
+ return '';
17
+ }
18
+ const element = node;
19
+ if (element.tagName === 'BR') {
20
+ return '<br>';
21
+ }
22
+ if (BLOCK_ELEMENT_TAG_NAMES.has(element.tagName)) {
23
+ return serializeHTMLToText(element.childNodes);
24
+ }
25
+ return element.outerHTML;
26
+ };
27
+ const serializeHTMLToText = nodes => {
28
+ const serializedNodes = Array.from(nodes);
29
+ let result = '';
30
+ let didSerializeBlockElement = false;
31
+ serializedNodes.forEach(node => {
32
+ const serializedNode = serializeHTMLNodeToText(node);
33
+ const isBlockElement = node.nodeType === Node.ELEMENT_NODE && BLOCK_ELEMENT_TAG_NAMES.has(node.tagName);
34
+ if (!serializedNode && !isBlockElement) {
35
+ return;
36
+ }
37
+ if (result && (isBlockElement || didSerializeBlockElement)) {
38
+ result += BLOCK_SEPARATOR;
39
+ }
40
+ result += serializedNode;
41
+ didSerializeBlockElement = isBlockElement;
42
+ });
43
+ return result;
44
+ };
9
45
  const convertTextToHTML = text => {
10
46
  const element = document.createElement('div');
11
47
  element.style.position = 'absolute';
@@ -32,6 +68,9 @@ const convertHTMLToText = (text, {
32
68
  const prefixAttr = prefix ? `prefix="${prefix}" ` : '';
33
69
  return `[nerReplace ${prefixAttr}type="${type}" value="${value}"]${entity}[/nerReplace]`;
34
70
  }).replace(_regex.HTML_NO_EMOJI_REGEX, shouldSerializeNoEmojiToBBCode ? '[ignoreEmoji]$1[/ignoreEmoji]' : '$1');
71
+ const container = document.createElement('div');
72
+ container.innerHTML = result;
73
+ result = serializeHTMLToText(container.childNodes);
35
74
  if (preserveSpaces) {
36
75
  return result.replace(/&nbsp;/g, '\u00A0') // non-breaking space
37
76
  .replace(/\u200B/g, '\u200B'); // zero-width space (sichtbar gemacht)
@@ -1 +1 @@
1
- {"version":3,"file":"text.js","names":["_regex","require","_emoji","convertTextToHTML","text","element","document","createElement","style","position","opacity","contentEditable","innerText","body","appendChild","result","innerHTML","removeChild","unescapeHTML","replace","HTML_A_TAG_REGEX","BB_LC_MENTION_REGEX","BB_NER_IGNORE_REGEX","BB_NER_REPLACE_REGEX","_","prefix","type","value","entity","prefixAttr","BB_IGNORE_EMOJI_REGEX","exports","convertHTMLToText","preserveSpaces","shouldSerializeNoEmojiToBBCode","HTML_BOLD_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","HTML_NO_EMOJI_REGEX","escapeHTML","getElementTextLength","textLength","outerHTML","length","e","cleanupEmptyIgnoreEmojiSpans","html"],"sources":["../../../src/utils/text.ts"],"sourcesContent":["import {\n BB_LC_MENTION_REGEX,\n BB_NER_IGNORE_REGEX,\n BB_NER_REPLACE_REGEX,\n BB_IGNORE_EMOJI_REGEX,\n HTML_A_TAG_REGEX,\n HTML_BOLD_REGEX,\n HTML_LC_MENTION_REGEX,\n HTML_NER_IGNORE_REGEX,\n HTML_NER_REPLACE_REGEX,\n HTML_NO_EMOJI_REGEX,\n} from '../constants/regex';\nimport { escapeHTML, unescapeHTML } from './emoji';\n\ninterface ConvertHTMLToTextOptions {\n preserveSpaces?: boolean;\n shouldSerializeNoEmojiToBBCode?: boolean;\n}\n\nexport const convertTextToHTML = (text: string) => {\n const element = document.createElement('div');\n\n element.style.position = 'absolute';\n element.style.opacity = '0';\n\n element.contentEditable = 'true';\n element.innerText = text;\n\n document.body.appendChild(element);\n\n let result = element.innerHTML;\n\n document.body.removeChild(element);\n\n result = unescapeHTML(result);\n\n result = result\n .replace(HTML_A_TAG_REGEX, '$1')\n .replace(\n BB_LC_MENTION_REGEX,\n '<lc_mention contenteditable=\"false\" id=\"$1\"><span>@</span>$2</lc_mention>\\u200B',\n )\n .replace(BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable=\"false\">$1</nerIgnore>')\n .replace(\n BB_NER_REPLACE_REGEX,\n (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n return `<nerReplace contenteditable=\"false\" ${prefixAttr}type=\"${type}\" value=\"${value}\">${entity}</nerReplace>`;\n },\n )\n .replace(BB_IGNORE_EMOJI_REGEX, '<span class=\"no-emoji-convert\">$1</span>');\n\n return result;\n};\n\nexport const convertHTMLToText = (\n text: string,\n {\n preserveSpaces = false,\n shouldSerializeNoEmojiToBBCode = true,\n }: ConvertHTMLToTextOptions = {},\n) => {\n let result = text;\n\n result = result\n .replace(HTML_A_TAG_REGEX, '$1')\n .replace(HTML_BOLD_REGEX, '[b]$1[/b]')\n .replace(HTML_LC_MENTION_REGEX, '[lc_mention id=\"$1\"]$2[/lc_mention]')\n .replace(HTML_NER_IGNORE_REGEX, '[nerIgnore]$1[/nerIgnore]')\n .replace(\n HTML_NER_REPLACE_REGEX,\n (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n return `[nerReplace ${prefixAttr}type=\"${type}\" value=\"${value}\"]${entity}[/nerReplace]`;\n },\n )\n .replace(\n HTML_NO_EMOJI_REGEX,\n shouldSerializeNoEmojiToBBCode ? '[ignoreEmoji]$1[/ignoreEmoji]' : '$1',\n );\n\n if (preserveSpaces) {\n return result\n .replace(/&nbsp;/g, '\\u00A0') // non-breaking space\n .replace(/\\u200B/g, '\\u200B'); // zero-width space (sichtbar gemacht)\n }\n\n // eslint-disable-next-line no-irregular-whitespace\n result = result.replace(/\\u200B/g, '');\n\n result = escapeHTML(result);\n\n const element = document.createElement('div');\n\n element.style.position = 'absolute';\n element.style.opacity = '0';\n\n element.contentEditable = 'true';\n element.innerHTML = result;\n\n document.body.appendChild(element);\n\n result = element.innerText;\n\n document.body.removeChild(element);\n\n return result;\n};\n\nexport const getElementTextLength = (element: Element) => {\n let textLength = 0;\n\n try {\n textLength = convertHTMLToText(element.outerHTML, {\n shouldSerializeNoEmojiToBBCode: false,\n }).length;\n } catch (e) {\n // Do nothing\n }\n\n return textLength;\n};\n\nexport const cleanupEmptyIgnoreEmojiSpans = (html: string) => {\n // Remove empty no-emoji-convert spans that have no text content\n return html.replace(/<span class=\"no-emoji-convert\"><\\/span>/g, '');\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"text.js","names":["_regex","require","_emoji","BLOCK_ELEMENT_TAG_NAMES","Set","BLOCK_SEPARATOR","serializeHTMLNodeToText","node","nodeType","Node","TEXT_NODE","textContent","ELEMENT_NODE","element","tagName","has","serializeHTMLToText","childNodes","outerHTML","nodes","serializedNodes","Array","from","result","didSerializeBlockElement","forEach","serializedNode","isBlockElement","convertTextToHTML","text","document","createElement","style","position","opacity","contentEditable","innerText","body","appendChild","innerHTML","removeChild","unescapeHTML","replace","HTML_A_TAG_REGEX","BB_LC_MENTION_REGEX","BB_NER_IGNORE_REGEX","BB_NER_REPLACE_REGEX","_","prefix","type","value","entity","prefixAttr","BB_IGNORE_EMOJI_REGEX","exports","convertHTMLToText","preserveSpaces","shouldSerializeNoEmojiToBBCode","HTML_BOLD_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","HTML_NO_EMOJI_REGEX","container","escapeHTML","getElementTextLength","textLength","length","e","cleanupEmptyIgnoreEmojiSpans","html"],"sources":["../../../src/utils/text.ts"],"sourcesContent":["import {\n BB_LC_MENTION_REGEX,\n BB_NER_IGNORE_REGEX,\n BB_NER_REPLACE_REGEX,\n BB_IGNORE_EMOJI_REGEX,\n HTML_A_TAG_REGEX,\n HTML_BOLD_REGEX,\n HTML_LC_MENTION_REGEX,\n HTML_NER_IGNORE_REGEX,\n HTML_NER_REPLACE_REGEX,\n HTML_NO_EMOJI_REGEX,\n} from '../constants/regex';\nimport { escapeHTML, unescapeHTML } from './emoji';\n\ninterface ConvertHTMLToTextOptions {\n preserveSpaces?: boolean;\n shouldSerializeNoEmojiToBBCode?: boolean;\n}\n\nconst BLOCK_ELEMENT_TAG_NAMES = new Set(['DIV', 'P']);\nconst BLOCK_SEPARATOR = '<br>';\n\nconst serializeHTMLNodeToText = (node: ChildNode): string => {\n if (node.nodeType === Node.TEXT_NODE) {\n return node.textContent ?? '';\n }\n\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return '';\n }\n\n const element = node as HTMLElement;\n\n if (element.tagName === 'BR') {\n return '<br>';\n }\n\n if (BLOCK_ELEMENT_TAG_NAMES.has(element.tagName)) {\n return serializeHTMLToText(element.childNodes);\n }\n\n return element.outerHTML;\n};\n\nconst serializeHTMLToText = (nodes: NodeListOf<ChildNode> | ChildNode[]) => {\n const serializedNodes = Array.from(nodes);\n\n let result = '';\n let didSerializeBlockElement = false;\n\n serializedNodes.forEach((node) => {\n const serializedNode = serializeHTMLNodeToText(node);\n\n const isBlockElement =\n node.nodeType === Node.ELEMENT_NODE &&\n BLOCK_ELEMENT_TAG_NAMES.has((node as HTMLElement).tagName);\n\n if (!serializedNode && !isBlockElement) {\n return;\n }\n\n if (result && (isBlockElement || didSerializeBlockElement)) {\n result += BLOCK_SEPARATOR;\n }\n\n result += serializedNode;\n didSerializeBlockElement = isBlockElement;\n });\n\n return result;\n};\n\nexport const convertTextToHTML = (text: string) => {\n const element = document.createElement('div');\n\n element.style.position = 'absolute';\n element.style.opacity = '0';\n\n element.contentEditable = 'true';\n element.innerText = text;\n\n document.body.appendChild(element);\n\n let result = element.innerHTML;\n\n document.body.removeChild(element);\n\n result = unescapeHTML(result);\n\n result = result\n .replace(HTML_A_TAG_REGEX, '$1')\n .replace(\n BB_LC_MENTION_REGEX,\n '<lc_mention contenteditable=\"false\" id=\"$1\"><span>@</span>$2</lc_mention>\\u200B',\n )\n .replace(BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable=\"false\">$1</nerIgnore>')\n .replace(\n BB_NER_REPLACE_REGEX,\n (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n return `<nerReplace contenteditable=\"false\" ${prefixAttr}type=\"${type}\" value=\"${value}\">${entity}</nerReplace>`;\n },\n )\n .replace(BB_IGNORE_EMOJI_REGEX, '<span class=\"no-emoji-convert\">$1</span>');\n\n return result;\n};\n\nexport const convertHTMLToText = (\n text: string,\n {\n preserveSpaces = false,\n shouldSerializeNoEmojiToBBCode = true,\n }: ConvertHTMLToTextOptions = {},\n) => {\n let result = text;\n\n result = result\n .replace(HTML_A_TAG_REGEX, '$1')\n .replace(HTML_BOLD_REGEX, '[b]$1[/b]')\n .replace(HTML_LC_MENTION_REGEX, '[lc_mention id=\"$1\"]$2[/lc_mention]')\n .replace(HTML_NER_IGNORE_REGEX, '[nerIgnore]$1[/nerIgnore]')\n .replace(\n HTML_NER_REPLACE_REGEX,\n (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n return `[nerReplace ${prefixAttr}type=\"${type}\" value=\"${value}\"]${entity}[/nerReplace]`;\n },\n )\n .replace(\n HTML_NO_EMOJI_REGEX,\n shouldSerializeNoEmojiToBBCode ? '[ignoreEmoji]$1[/ignoreEmoji]' : '$1',\n );\n\n const container = document.createElement('div');\n\n container.innerHTML = result;\n\n result = serializeHTMLToText(container.childNodes);\n\n if (preserveSpaces) {\n return result\n .replace(/&nbsp;/g, '\\u00A0') // non-breaking space\n .replace(/\\u200B/g, '\\u200B'); // zero-width space (sichtbar gemacht)\n }\n\n // eslint-disable-next-line no-irregular-whitespace\n result = result.replace(/\\u200B/g, '');\n result = escapeHTML(result);\n\n const element = document.createElement('div');\n\n element.style.position = 'absolute';\n element.style.opacity = '0';\n\n element.contentEditable = 'true';\n element.innerHTML = result;\n\n document.body.appendChild(element);\n\n result = element.innerText;\n\n document.body.removeChild(element);\n\n return result;\n};\n\nexport const getElementTextLength = (element: Element) => {\n let textLength = 0;\n\n try {\n textLength = convertHTMLToText(element.outerHTML, {\n shouldSerializeNoEmojiToBBCode: false,\n }).length;\n } catch (e) {\n // Do nothing\n }\n\n return textLength;\n};\n\nexport const cleanupEmptyIgnoreEmojiSpans = (html: string) => {\n // Remove empty no-emoji-convert spans that have no text content\n return html.replace(/<span class=\"no-emoji-convert\"><\\/span>/g, '');\n};\n"],"mappings":"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","ignoreList":[]}
@@ -130,11 +130,15 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
130
130
  event.stopPropagation();
131
131
  return;
132
132
  }
133
+ const nativeEvent = event.nativeEvent;
133
134
  const {
134
135
  data,
135
- type
136
- } = event.nativeEvent;
137
- if (type === 'textInput' && data && data.includes('\n')) {
136
+ inputType
137
+ } = nativeEvent;
138
+ if (inputType === 'insertParagraph' || inputType === 'insertLineBreak') {
139
+ return;
140
+ }
141
+ if (inputType === 'insertText' && data && data.includes('\n')) {
138
142
  event.preventDefault();
139
143
  event.stopPropagation();
140
144
  const text = convertEmojisToUnicode(data, emojiRegShortNames, emojiShortNames);
@@ -185,7 +189,7 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
185
189
  document.execCommand('forwardDelete', false);
186
190
  return;
187
191
  }
188
- let cleanedHTML = cleanupEmptyIgnoreEmojiSpans(editorRef.current.innerHTML);
192
+ const cleanedHTML = cleanupEmptyIgnoreEmojiSpans(editorRef.current.innerHTML);
189
193
  handleUpdateHTML(cleanedHTML);
190
194
 
191
195
  // After handleUpdateHTML, the DOM has been updated with emojis
@@ -250,12 +254,6 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
250
254
  if (typeof onKeyDown === 'function') {
251
255
  onKeyDown(event);
252
256
  }
253
- if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {
254
- event.preventDefault();
255
-
256
- // noinspection JSDeprecatedSymbols
257
- document.execCommand('insertLineBreak', false);
258
- }
259
257
  if (event.key === 'Enter') {
260
258
  requestAnimationFrame(() => {
261
259
  if (editorRef.current) scrollCursorIntoView(editorRef.current);
@@ -617,6 +615,12 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
617
615
  minHeight: height ?? '26px'
618
616
  },
619
617
  contentEditable: true,
618
+ role: "textbox",
619
+ "aria-multiline": "true",
620
+ inputMode: "text",
621
+ autoCapitalize: "sentences",
622
+ autoCorrect: "on",
623
+ spellCheck: true,
620
624
  id: inputId,
621
625
  onBeforeInput: handleBeforeInput,
622
626
  onBlur: handleBlur,
@@ -1 +1 @@
1
- {"version":3,"file":"EmojiInput.js","names":["AreaContext","useIsTouch","AnimatePresence","React","forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","convertEmojisToUnicode","escapeHTML","insertTextAtCursorPosition","replaceText","revertAsciiSmileyConversion","getCharCodeThatWillBeDeleted","insertInvisibleCursorMarker","restoreSelection","saveSelection","insertPseudoMarker","insertCursorAtMarker","getCurrentCursorPosition","setCursorPositionByAbsIndex","moveCursorOutOfIgnoreEmojiSpan","unwrapIgnoreEmojiSpanAtCursor","convertHTMLToText","convertTextToHTML","cleanupEmptyIgnoreEmojiSpans","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","loadEmojiShortList","scrollCursorIntoView","useCursorPosition","MODIFIER_KEYS","Set","useIsomorphicLayoutEffect","window","EmojiInput","accessToken","container","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldRevertAsciiSmileyConversionOnBackspace","shouldPreventEmojiPicker","value","onCursorPositionChange","ref","isTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","editorRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","lastAsciiConversionRef","savedCursorPositionRef","valueRef","position","current","shouldChangeColor","then","shortNameList","regShortnames","handleUpdateHTML","html","conversions","newInnerHTML","onAsciiConversion","conv","push","innerHTML","shouldIgnoreEmptyTextNodes","length","lastConv","pos","original","emoji","plainTextCursorPos","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","document","execCommand","cleanedHTML","handleKeyDown","key","ctrlKey","metaKey","currentPos","didRevert","has","isPropagationStopped","requestAnimationFrame","charCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","dataTransfer","handlePopupSelect","shouldUseSavedSelection","convertedText","replace","convertedPrefix","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","options","handleStartProgress","duration","handleStopProgress","handleSetCursorPosition","resolvedPosition","focus","updatedPosition","startProgress","stopProgress","blur","setCursorPosition","handlePreventLoseFocus","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","createElement","$isDisabled","$shouldChangeColor","initial","animate","width","exit","opacity","transition","ease","className","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","$maxWidth","$offsetWidth","onSelect","displayName"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, useIsTouch } from '@chayns-components/core';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n ChangeEvent,\n ClipboardEvent,\n CSSProperties,\n FocusEvent,\n FocusEventHandler,\n forwardRef,\n KeyboardEvent as TmpKeyboardEvent,\n KeyboardEventHandler,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useImperativeHandle,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode, escapeHTML } from '../../utils/emoji';\nimport {\n insertTextAtCursorPosition,\n replaceText,\n revertAsciiSmileyConversion,\n} from '../../utils/insert';\nimport {\n getCharCodeThatWillBeDeleted,\n insertInvisibleCursorMarker,\n restoreSelection,\n saveSelection,\n type ReplaceTextOptions,\n insertPseudoMarker,\n insertCursorAtMarker,\n getCurrentCursorPosition,\n setCursorPositionByAbsIndex,\n moveCursorOutOfIgnoreEmojiSpan,\n unwrapIgnoreEmojiSpanAtCursor,\n} from '../../utils/selection';\nimport {\n convertHTMLToText,\n convertTextToHTML,\n cleanupEmptyIgnoreEmojiSpans,\n} from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n StyledEmojiInput,\n StyledEmojiInputContent,\n StyledEmojiInputLabel,\n StyledEmojiInputRightWrapper,\n StyledMotionEmojiInputEditor,\n StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\nimport { scrollCursorIntoView } from '../../utils/scroll';\nimport { useCursorPosition } from '../../hooks/cursor';\n\nconst MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type EmojiInputProps = {\n /**\n * Access token of the logged-in user. Is needed to load and save the history of the emojis.\n */\n accessToken?: string;\n /**\n * The DOM element that should receive the emoji picker popup portal.\n */\n container?: Element;\n /**\n * Sets the height of the input field to a fixed value. If this value is not set, the component will use the needed height until the maximum height is reached.\n */\n height?: CSSProperties['height'];\n /**\n * HTML id of the input element\n */\n inputId?: string;\n /**\n * Disables the input so that it cannot be changed anymore\n */\n isDisabled?: boolean;\n /**\n * Sets the maximum height of the input field.\n */\n maxHeight?: CSSProperties['maxHeight'];\n /**\n * Function that is executed when the input field loses focus.\n */\n onBlur?: FocusEventHandler<HTMLDivElement>;\n /**\n * Function to be executed when the cursor position is changed.\n */\n onCursorPositionChange?: (position: number) => void;\n /**\n * Function that is executed when the input field gets the focus.\n */\n onFocus?: FocusEventHandler<HTMLDivElement>;\n /**\n * Function that is executed when the text of the input changes. In addition to the original\n * event, the original text is returned as second parameter, in which the internally used HTML\n * elements have been converted back to BB codes.\n */\n onInput?: (event: ChangeEvent<HTMLDivElement>, originalText: string) => void;\n /**\n * Function that is executed when a key is pressed down.\n */\n onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n /**\n * Function to be executed if the prefixElement is removed.\n */\n onPrefixElementRemove?: () => void;\n /**\n * Function that is executed when the visibility of the popup changes.\n * @param {boolean} isVisible - Whether the popup is visible or not\n */\n onPopupVisibilityChange?: (isVisible: boolean) => void;\n /**\n * Person id of the logged-in user. Is needed to load and save the history of the emojis.\n */\n personId?: string;\n /**\n * Placeholder for the input field\n */\n placeholder?: string | ReactElement;\n /**\n * Sets the alignment of the popup to a fixed value. If this value is not set, the component\n * calculates the best position on its own. Use the imported 'PopupAlignment' enum to set this\n * value.\n */\n popupAlignment?: PopupAlignment;\n /**\n * Element that is rendered before the input field but the placeholder is still visible.\n */\n prefixElement?: string;\n /**\n * Element that is rendered inside the EmojiInput on the right side.\n */\n rightElement?: ReactNode;\n /**\n * Whether the placeholder should be shown after the input has focus.\n */\n shouldHidePlaceholderOnFocus?: boolean;\n /**\n * Allows the most recently auto-converted ASCII smiley to be reverted with Backspace.\n */\n shouldRevertAsciiSmileyConversionOnBackspace?: boolean;\n /**\n * Prevents the EmojiPickerPopup icon from being displayed\n */\n shouldPreventEmojiPicker?: boolean;\n /**\n * The plain text value of the input field. Instead of HTML elements BB codes must be used at\n * this point. These are then converted by the input field into corresponding HTML elements.\n */\n value: string;\n};\n\nexport interface EmojiInputRef {\n insertTextAtCursorPosition: (text: string) => void;\n replaceText: (searchText: string, replaceText: string, options?: ReplaceTextOptions) => void;\n startProgress: (durationInSeconds: number) => void;\n stopProgress: () => void;\n focus: () => void;\n blur: () => void;\n setCursorPosition: (position?: number) => void;\n}\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n (\n {\n accessToken,\n container,\n height,\n inputId,\n isDisabled,\n maxHeight = '190px',\n onBlur,\n onFocus,\n onInput,\n onKeyDown,\n onPrefixElementRemove,\n onPopupVisibilityChange,\n personId,\n placeholder,\n popupAlignment,\n prefixElement,\n rightElement,\n shouldHidePlaceholderOnFocus = false,\n shouldRevertAsciiSmileyConversionOnBackspace = false,\n shouldPreventEmojiPicker,\n value,\n onCursorPositionChange,\n },\n ref,\n ) => {\n const isTouch = useIsTouch();\n const [plainTextValue, setPlainTextValue] = useState(value);\n const [hasFocus, setHasFocus] = useState(false);\n const [progressDuration, setProgressDuration] = useState(0);\n const [labelWidth, setLabelWidth] = useState(0);\n const [isPopupVisible, setIsPopupVisible] = useState(false);\n const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n const [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>(/./);\n\n const areaProvider = useContext(AreaContext);\n\n const editorRef = useRef<HTMLDivElement>(null);\n const prefixElementRef = useRef<HTMLDivElement>(null);\n const hasPrefixRendered = useRef(false);\n const hasPrefixChanged = useRef(false);\n const shouldDeleteOneMoreBackwards = useRef(false);\n const shouldDeleteOneMoreForwards = useRef(false);\n\n /** * Tracks the most recently auto-converted ASCII smiley so the next * Backspace keystroke can revert it (Word/IntelliJ-style autocorrect undo). * The ref is invalidated as soon as the user presses any non-modifier key * other than Backspace (see `handleKeyDown`). */\n const lastAsciiConversionRef = useRef<{\n original: string;\n emoji: string;\n plainTextCursorPos: number;\n } | null>(null);\n\n const savedCursorPositionRef = useRef<number>(0);\n\n const valueRef = useRef(value);\n\n useCursorPosition(\n editorRef,\n useCallback(\n (position: number) => {\n savedCursorPositionRef.current = position;\n\n if (typeof onCursorPositionChange === 'function') {\n onCursorPositionChange(position);\n }\n },\n [onCursorPositionChange],\n ),\n { isDisabled },\n );\n\n const shouldChangeColor = useMemo(\n () => areaProvider.shouldChangeColor ?? false,\n [areaProvider.shouldChangeColor],\n );\n\n useEffect(() => {\n void loadEmojiShortList().then(({ shortNameList, regShortnames }) => {\n setEmojiShortNames(shortNameList);\n setEmojiRegShortNames(regShortnames);\n });\n }, []);\n\n /**\n * This function updates the content of the 'contentEditable' element if the new text is\n * different from the previous content. So this is only true if, for example, a text like \":-)\"\n * has been replaced to the corresponding emoji.\n *\n * When updating the HTML, the current cursor position is saved before replacing the content, so\n * that it can be set again afterward.\n */\n const handleUpdateHTML = useCallback(\n (html: string) => {\n if (!editorRef.current) {\n return;\n }\n\n const conversions: { original: string; emoji: string }[] = [];\n\n let newInnerHTML = convertEmojisToUnicode(\n html,\n emojiRegShortNames,\n emojiShortNames,\n {\n onAsciiConversion: (conv) => conversions.push(conv),\n },\n );\n\n newInnerHTML = convertTextToHTML(newInnerHTML);\n newInnerHTML = cleanupEmptyIgnoreEmojiSpans(newInnerHTML);\n\n if (newInnerHTML !== editorRef.current.innerHTML) {\n saveSelection(editorRef.current, { shouldIgnoreEmptyTextNodes: true });\n\n editorRef.current.innerHTML = newInnerHTML;\n\n restoreSelection(editorRef.current);\n\n // Remember the LAST ASCII conversion so Backspace can revert it.\n // Older conversions are dropped on purpose: only the smiley the\n // user just produced should be undoable.\n if (shouldRevertAsciiSmileyConversionOnBackspace && conversions.length > 0) {\n const lastConv = conversions[conversions.length - 1];\n const pos = getCurrentCursorPosition(editorRef.current);\n if (pos !== null) {\n lastAsciiConversionRef.current = {\n original: lastConv!.original,\n emoji: lastConv!.emoji,\n plainTextCursorPos: pos,\n };\n }\n } else {\n lastAsciiConversionRef.current = null;\n }\n }\n },\n [emojiRegShortNames, emojiShortNames, shouldRevertAsciiSmileyConversionOnBackspace],\n );\n\n const handleBeforeInput = useCallback(\n (event: FormEvent<HTMLDivElement>) => {\n if (!editorRef.current) {\n return;\n }\n\n if (isDisabled) {\n event.preventDefault();\n event.stopPropagation();\n\n return;\n }\n\n const { data, type } = event.nativeEvent as InputEvent;\n\n if (type === 'textInput' && data && data.includes('\\n')) {\n event.preventDefault();\n event.stopPropagation();\n\n const text = convertEmojisToUnicode(data, emojiRegShortNames, emojiShortNames);\n\n insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function handles the 'input' events of the 'contentEditable' element and also passes the\n * respective event up accordingly if the 'onInput' property is a function.\n */\n const handleInput = useCallback(\n (event: ChangeEvent<HTMLDivElement>) => {\n if (!editorRef.current) {\n return;\n }\n\n // If the user is typing inside a no-emoji-convert span, unwrap it first\n // This prevents text from getting stuck inside the protection span\n unwrapIgnoreEmojiSpanAtCursor(editorRef.current);\n\n if (isDisabled) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (shouldDeleteOneMoreBackwards.current) {\n shouldDeleteOneMoreBackwards.current = false;\n shouldDeleteOneMoreForwards.current = false;\n\n event.preventDefault();\n event.stopPropagation();\n\n // Remove content and set cursor to the right position\n insertInvisibleCursorMarker();\n\n return;\n }\n\n if (shouldDeleteOneMoreForwards.current) {\n shouldDeleteOneMoreBackwards.current = false;\n shouldDeleteOneMoreForwards.current = false;\n\n event.preventDefault();\n event.stopPropagation();\n\n // noinspection JSDeprecatedSymbols\n document.execCommand('forwardDelete', false);\n\n return;\n }\n\n let cleanedHTML = cleanupEmptyIgnoreEmojiSpans(editorRef.current.innerHTML);\n handleUpdateHTML(cleanedHTML);\n\n // After handleUpdateHTML, the DOM has been updated with emojis\n // We need to read the text from the updated DOM, not from pre-update HTML\n // convertHTMLToText will convert no-emoji-convert spans to [ignoreEmoji] BBCode\n const text = convertHTMLToText(editorRef.current.innerHTML);\n\n setPlainTextValue(text);\n\n if (typeof onInput === 'function') {\n onInput(event, text);\n }\n\n insertCursorAtMarker(editorRef);\n moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n },\n [handleUpdateHTML, isDisabled, onInput],\n );\n\n const handleKeyDown = useCallback(\n (event: TmpKeyboardEvent<HTMLDivElement>) => {\n if (isDisabled) {\n event.preventDefault();\n event.stopPropagation();\n\n return;\n }\n\n // --- Backspace-revert for the most recent auto-conversion ---\n // If the user presses Backspace immediately after an ASCII smiley\n // was auto-converted (and the cursor is still at the post-conversion\n // position), we revert the emoji back to the original text and wrap\n // it in a protection span so it does not get re-converted.\n if (\n shouldRevertAsciiSmileyConversionOnBackspace &&\n event.key === 'Backspace' &&\n !event.ctrlKey &&\n !event.metaKey &&\n lastAsciiConversionRef.current &&\n editorRef.current\n ) {\n const { original, emoji, plainTextCursorPos } = lastAsciiConversionRef.current;\n const currentPos = getCurrentCursorPosition(editorRef.current);\n\n if (currentPos === plainTextCursorPos) {\n event.preventDefault();\n event.stopPropagation();\n\n const didRevert = revertAsciiSmileyConversion({\n editorElement: editorRef.current,\n original,\n emoji,\n });\n\n lastAsciiConversionRef.current = null;\n\n if (didRevert) {\n // Notify React + downstream consumers via a synthetic input event\n const newEvent = new Event('input', { bubbles: true });\n editorRef.current.dispatchEvent(newEvent);\n return;\n }\n } else {\n // Cursor moved away from the just-converted emoji -> drop tracker\n lastAsciiConversionRef.current = null;\n }\n } else if (\n shouldRevertAsciiSmileyConversionOnBackspace &&\n !MODIFIER_KEYS.has(event.key)\n ) {\n // Any other actual keystroke invalidates the revert window\n lastAsciiConversionRef.current = null;\n }\n\n if (event.key === 'Enter' && isPopupVisible) {\n event.preventDefault();\n\n return;\n }\n\n if (typeof onKeyDown === 'function') {\n onKeyDown(event);\n }\n\n if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {\n event.preventDefault();\n\n // noinspection JSDeprecatedSymbols\n document.execCommand('insertLineBreak', false);\n }\n\n if (event.key === 'Enter') {\n requestAnimationFrame(() => {\n if (editorRef.current) scrollCursorIntoView(editorRef.current);\n });\n }\n\n if (\n event.key === 'Backspace' ||\n event.key === 'Delete' ||\n event.key === 'Unidentified'\n ) {\n const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n if (charCodeThatWillBeDeleted === 8203) {\n if (event.key === 'Backspace' || event.key === 'Unidentified') {\n shouldDeleteOneMoreBackwards.current = true;\n } else {\n shouldDeleteOneMoreForwards.current = true;\n }\n }\n }\n },\n [isDisabled, isPopupVisible, onKeyDown, shouldRevertAsciiSmileyConversionOnBackspace],\n );\n\n const handlePopupVisibility = useCallback(\n (isVisible: boolean) => {\n setIsPopupVisible(isVisible);\n\n if (editorRef.current && isVisible) {\n saveSelection(editorRef.current);\n }\n\n if (typeof onPopupVisibilityChange === 'function') {\n onPopupVisibilityChange(isVisible);\n }\n },\n [onPopupVisibilityChange],\n );\n\n /**\n * This function prevents formatting from being adopted when texts are inserted. To do this, the\n * plain text is read from the event after the default behavior has been prevented. The plain\n * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n */\n const handlePaste = useCallback(\n (event: ClipboardEvent<HTMLDivElement>) => {\n if (editorRef.current) {\n event.preventDefault();\n\n if (isDisabled) {\n event.stopPropagation();\n\n return;\n }\n\n // This ensures, that only the copied text is inserted and not its HTML formatting.\n let text = event.clipboardData.getData('text/plain');\n\n text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n prevent it from being interpreted as html. */\n text = escapeHTML(text);\n\n // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n if (text.includes('\\n')) {\n text += '\\u200C';\n }\n\n // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n // In that case on CTRL+Z the inserted text would not be removed.\n document.execCommand('insertHTML', false, text);\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function prevents formatting from being adopted when texts are dropped. To do this, the\n * plain text is read from the event after the default behavior has been prevented. The plain\n * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n */\n const handleDrop = useCallback(\n (event: React.DragEvent<HTMLDivElement>) => {\n if (editorRef.current) {\n event.preventDefault();\n\n if (isDisabled) {\n event.stopPropagation();\n\n return;\n }\n\n // This ensures, that only the dropped text is inserted and not its HTML formatting.\n let text = event.dataTransfer?.getData('text');\n\n if (!text) {\n return;\n }\n\n text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n prevent it from being interpreted as html. */\n text = escapeHTML(text);\n\n // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n // In that case on CTRL+Z the inserted text would not be removed.\n document.execCommand('insertHTML', false, text);\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the\n * correct position in the editor element.\n *\n * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,\n * which in turn executes the 'onInput' function from the props. So this serves to ensure that\n * the event is also passed through to the top when inserting via the popup.\n */\n const handlePopupSelect = useCallback((emoji: string) => {\n if (editorRef.current) {\n insertTextAtCursorPosition({\n editorElement: editorRef.current,\n text: emoji,\n shouldUseSavedSelection: true,\n });\n\n const event = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(event);\n }\n }, []);\n\n useEffect(() => {\n if (!shouldRevertAsciiSmileyConversionOnBackspace) {\n lastAsciiConversionRef.current = null;\n }\n }, [shouldRevertAsciiSmileyConversionOnBackspace]);\n\n useEffect(() => {\n if (typeof onPrefixElementRemove !== 'function') {\n return;\n }\n\n if (!hasPrefixRendered.current) {\n return;\n }\n\n const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n '&nbsp;',\n ' ',\n );\n const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n if (\n (convertedPrefix &&\n convertedText.includes(convertedPrefix) &&\n convertedText.length > convertedPrefix.length) ||\n convertedPrefix === convertedText\n ) {\n return;\n }\n\n if (hasPrefixChanged.current) {\n hasPrefixChanged.current = false;\n\n return;\n }\n\n onPrefixElementRemove();\n hasPrefixRendered.current = false;\n }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n useEffect(() => {\n if (typeof prefixElement === 'string') {\n hasPrefixChanged.current = true;\n }\n }, [prefixElement]);\n\n useEffect(() => {\n if (value !== plainTextValue) {\n setPlainTextValue(value);\n\n handleUpdateHTML(value);\n }\n }, [handleUpdateHTML, plainTextValue, value]);\n\n // After every input, ensure the cursor is not stuck inside a no-emoji-convert span\n useEffect(() => {\n moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n }, [plainTextValue]);\n\n // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n // the HTML content correctly when the component is rendered for the first time.\n useIsomorphicLayoutEffect(() => {\n handleUpdateHTML(valueRef.current);\n }, [handleUpdateHTML]);\n\n const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n if (editorRef.current) {\n insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n }, []);\n\n const handleReplaceText = useCallback(\n (searchText: string, pasteText: string, options?: ReplaceTextOptions) => {\n if (editorRef.current) {\n replaceText({\n editorElement: editorRef.current,\n searchText,\n pasteText,\n options,\n });\n\n insertPseudoMarker();\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [],\n );\n\n const handleStartProgress = useCallback((duration: number) => {\n setProgressDuration(duration);\n }, []);\n\n const handleStopProgress = useCallback(() => {\n setProgressDuration(0);\n }, []);\n\n const handleSetCursorPosition = useCallback((position?: number) => {\n if (!editorRef.current) {\n return;\n }\n\n const resolvedPosition = position ?? savedCursorPositionRef.current;\n\n savedCursorPositionRef.current = resolvedPosition;\n\n editorRef.current.focus();\n\n setCursorPositionByAbsIndex({\n editorElement: editorRef.current,\n position: resolvedPosition,\n });\n\n const updatedPosition = getCurrentCursorPosition(editorRef.current);\n if (typeof updatedPosition === 'number') {\n savedCursorPositionRef.current = updatedPosition;\n }\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n replaceText: handleReplaceText,\n startProgress: handleStartProgress,\n stopProgress: handleStopProgress,\n focus: () => editorRef.current?.focus(),\n blur: () => editorRef.current?.blur(),\n setCursorPosition: handleSetCursorPosition,\n }),\n [\n handleInsertTextAtCursorPosition,\n handleReplaceText,\n handleStartProgress,\n handleStopProgress,\n handleSetCursorPosition,\n ],\n );\n\n useEffect(() => {\n /**\n * This function ensures that the input field does not lose focus when the popup is opened\n * or an emoji is selected in it. For this purpose the corresponding elements get the class\n * 'prevent-lose-focus'.\n *\n * The class can also be set to any other elements that should also not cause the input\n * field to lose focus.\n */\n const handlePreventLoseFocus = (event: MouseEvent) => {\n const element = event.target as Element;\n\n if (\n element.classList.contains('prevent-lose-focus') ||\n element.parentElement?.classList.contains('prevent-lose-focus') ||\n element.parentElement?.parentElement?.classList.contains('prevent-lose-focus')\n ) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n document.body.addEventListener('mousedown', handlePreventLoseFocus);\n\n return () => {\n document.body.removeEventListener('mousedown', handlePreventLoseFocus);\n };\n }, []);\n\n const shouldShowPlaceholder = useMemo(() => {\n if (!isPrefixAnimationFinished) {\n return false;\n }\n\n const isJustPrefixElement =\n prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n const shouldRenderPlaceholder =\n (prefixElement && !plainTextValue) ||\n (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n switch (true) {\n case (!plainTextValue || isJustPrefixElement) &&\n shouldHidePlaceholderOnFocus &&\n !hasFocus:\n case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n return shouldRenderPlaceholder;\n case (!plainTextValue || isJustPrefixElement) &&\n shouldHidePlaceholderOnFocus &&\n hasFocus:\n return false;\n default:\n return false;\n }\n }, [\n isPrefixAnimationFinished,\n hasFocus,\n plainTextValue,\n prefixElement,\n shouldHidePlaceholderOnFocus,\n prefixElementWidth,\n ]);\n\n useEffect(() => {\n if (prefixElement) {\n setIsPrefixAnimationFinished(false);\n }\n }, [prefixElement]);\n\n const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n if (typeof onFocus === 'function' && !isDisabled) {\n onFocus(event);\n }\n\n setHasFocus(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n if (typeof onBlur === 'function' && !isDisabled) {\n onBlur(event);\n }\n\n setHasFocus(false);\n };\n\n useEffect(() => {\n if (editorRef.current && prefixElement) {\n const text = convertEmojisToUnicode(\n prefixElement,\n emojiRegShortNames,\n emojiShortNames,\n );\n\n insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n handleUpdateHTML(prefixElement);\n hasPrefixRendered.current = true;\n }\n }, [emojiRegShortNames, emojiShortNames, handleUpdateHTML, prefixElement]);\n\n useEffect(() => {\n if (\n prefixElementRef.current &&\n prefixElement &&\n convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n ) {\n setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n } else {\n setPrefixElementWidth(undefined);\n }\n }, [plainTextValue, prefixElement]);\n\n useEffect(() => {\n const handleResize = () => {\n if (editorRef.current) {\n setLabelWidth(editorRef.current.offsetWidth);\n }\n };\n\n const resizeObserver = new ResizeObserver(handleResize);\n\n if (editorRef.current) {\n resizeObserver.observe(editorRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n };\n }, []);\n\n useEffect(() => {\n const blurElement = () => {\n if (\n editorRef.current &&\n document.activeElement === editorRef.current &&\n isDisabled\n ) {\n editorRef.current.blur();\n }\n };\n\n document.addEventListener('focus', blurElement, true);\n\n return () => {\n document.removeEventListener('focus', blurElement, true);\n };\n }, [isDisabled]);\n\n return (\n <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n <AnimatePresence initial>\n {progressDuration > 0 && (\n <StyledMotionEmojiInputProgress\n animate={{ width: '100%' }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 1, width: '0%' }}\n transition={{\n width: {\n ease: 'linear',\n duration: progressDuration,\n },\n opacity: {\n type: 'tween',\n duration: 0.3,\n },\n }}\n />\n )}\n </AnimatePresence>\n <StyledEmojiInputContent>\n {prefixElement && (\n <PrefixElement\n key={prefixElement}\n element={prefixElement}\n prefixElementRef={prefixElementRef}\n setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n />\n )}\n <StyledMotionEmojiInputEditor\n className=\"chayns-scrollbar\"\n animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n contentEditable\n id={inputId}\n onBeforeInput={handleBeforeInput}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onInput={handleInput}\n onKeyDown={handleKeyDown}\n onPaste={handlePaste}\n onDrop={handleDrop}\n ref={editorRef}\n $shouldShowContent={isPrefixAnimationFinished}\n transition={{ type: 'tween', duration: 0.2 }}\n />\n\n {shouldShowPlaceholder && (\n <StyledEmojiInputLabel\n $maxWidth={labelWidth}\n $offsetWidth={prefixElementWidth}\n >\n {placeholder}\n </StyledEmojiInputLabel>\n )}\n {!isTouch && !shouldPreventEmojiPicker && (\n <EmojiPickerPopup\n accessToken={accessToken}\n container={container}\n onSelect={handlePopupSelect}\n onPopupVisibilityChange={handlePopupVisibility}\n personId={personId}\n />\n )}\n </StyledEmojiInputContent>\n {rightElement && (\n <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n )}\n </StyledEmojiInput>\n );\n },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"EmojiInput.js","names":["AreaContext","useIsTouch","AnimatePresence","React","forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","convertEmojisToUnicode","escapeHTML","insertTextAtCursorPosition","replaceText","revertAsciiSmileyConversion","getCharCodeThatWillBeDeleted","insertInvisibleCursorMarker","restoreSelection","saveSelection","insertPseudoMarker","insertCursorAtMarker","getCurrentCursorPosition","setCursorPositionByAbsIndex","moveCursorOutOfIgnoreEmojiSpan","unwrapIgnoreEmojiSpanAtCursor","convertHTMLToText","convertTextToHTML","cleanupEmptyIgnoreEmojiSpans","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","loadEmojiShortList","scrollCursorIntoView","useCursorPosition","MODIFIER_KEYS","Set","useIsomorphicLayoutEffect","window","EmojiInput","accessToken","container","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldRevertAsciiSmileyConversionOnBackspace","shouldPreventEmojiPicker","value","onCursorPositionChange","ref","isTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","editorRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","lastAsciiConversionRef","savedCursorPositionRef","valueRef","position","current","shouldChangeColor","then","shortNameList","regShortnames","handleUpdateHTML","html","conversions","newInnerHTML","onAsciiConversion","conv","push","innerHTML","shouldIgnoreEmptyTextNodes","length","lastConv","pos","original","emoji","plainTextCursorPos","handleBeforeInput","event","preventDefault","stopPropagation","nativeEvent","data","inputType","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","document","execCommand","cleanedHTML","handleKeyDown","key","ctrlKey","metaKey","currentPos","didRevert","has","requestAnimationFrame","charCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","dataTransfer","handlePopupSelect","shouldUseSavedSelection","convertedText","replace","convertedPrefix","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","options","handleStartProgress","duration","handleStopProgress","handleSetCursorPosition","resolvedPosition","focus","updatedPosition","startProgress","stopProgress","blur","setCursorPosition","handlePreventLoseFocus","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","createElement","$isDisabled","$shouldChangeColor","initial","animate","width","exit","opacity","transition","ease","type","className","minHeight","contentEditable","role","inputMode","autoCapitalize","autoCorrect","spellCheck","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","$maxWidth","$offsetWidth","onSelect","displayName"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, useIsTouch } from '@chayns-components/core';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n ChangeEvent,\n ClipboardEvent,\n CSSProperties,\n FocusEvent,\n FocusEventHandler,\n forwardRef,\n KeyboardEvent as TmpKeyboardEvent,\n KeyboardEventHandler,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useImperativeHandle,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode, escapeHTML } from '../../utils/emoji';\nimport {\n insertTextAtCursorPosition,\n replaceText,\n revertAsciiSmileyConversion,\n} from '../../utils/insert';\nimport {\n getCharCodeThatWillBeDeleted,\n insertInvisibleCursorMarker,\n restoreSelection,\n saveSelection,\n type ReplaceTextOptions,\n insertPseudoMarker,\n insertCursorAtMarker,\n getCurrentCursorPosition,\n setCursorPositionByAbsIndex,\n moveCursorOutOfIgnoreEmojiSpan,\n unwrapIgnoreEmojiSpanAtCursor,\n} from '../../utils/selection';\nimport {\n convertHTMLToText,\n convertTextToHTML,\n cleanupEmptyIgnoreEmojiSpans,\n} from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n StyledEmojiInput,\n StyledEmojiInputContent,\n StyledEmojiInputLabel,\n StyledEmojiInputRightWrapper,\n StyledMotionEmojiInputEditor,\n StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\nimport { scrollCursorIntoView } from '../../utils/scroll';\nimport { useCursorPosition } from '../../hooks/cursor';\n\nconst MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type EmojiInputProps = {\n /**\n * Access token of the logged-in user. Is needed to load and save the history of the emojis.\n */\n accessToken?: string;\n /**\n * The DOM element that should receive the emoji picker popup portal.\n */\n container?: Element;\n /**\n * Sets the height of the input field to a fixed value. If this value is not set, the component will use the needed height until the maximum height is reached.\n */\n height?: CSSProperties['height'];\n /**\n * HTML id of the input element\n */\n inputId?: string;\n /**\n * Disables the input so that it cannot be changed anymore\n */\n isDisabled?: boolean;\n /**\n * Sets the maximum height of the input field.\n */\n maxHeight?: CSSProperties['maxHeight'];\n /**\n * Function that is executed when the input field loses focus.\n */\n onBlur?: FocusEventHandler<HTMLDivElement>;\n /**\n * Function to be executed when the cursor position is changed.\n */\n onCursorPositionChange?: (position: number) => void;\n /**\n * Function that is executed when the input field gets the focus.\n */\n onFocus?: FocusEventHandler<HTMLDivElement>;\n /**\n * Function that is executed when the text of the input changes. In addition to the original\n * event, the original text is returned as second parameter, in which the internally used HTML\n * elements have been converted back to BB codes.\n */\n onInput?: (event: ChangeEvent<HTMLDivElement>, originalText: string) => void;\n /**\n * Function that is executed when a key is pressed down.\n */\n onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n /**\n * Function to be executed if the prefixElement is removed.\n */\n onPrefixElementRemove?: () => void;\n /**\n * Function that is executed when the visibility of the popup changes.\n * @param {boolean} isVisible - Whether the popup is visible or not\n */\n onPopupVisibilityChange?: (isVisible: boolean) => void;\n /**\n * Person id of the logged-in user. Is needed to load and save the history of the emojis.\n */\n personId?: string;\n /**\n * Placeholder for the input field\n */\n placeholder?: string | ReactElement;\n /**\n * Sets the alignment of the popup to a fixed value. If this value is not set, the component\n * calculates the best position on its own. Use the imported 'PopupAlignment' enum to set this\n * value.\n */\n popupAlignment?: PopupAlignment;\n /**\n * Element that is rendered before the input field but the placeholder is still visible.\n */\n prefixElement?: string;\n /**\n * Element that is rendered inside the EmojiInput on the right side.\n */\n rightElement?: ReactNode;\n /**\n * Whether the placeholder should be shown after the input has focus.\n */\n shouldHidePlaceholderOnFocus?: boolean;\n /**\n * Allows the most recently auto-converted ASCII smiley to be reverted with Backspace.\n */\n shouldRevertAsciiSmileyConversionOnBackspace?: boolean;\n /**\n * Prevents the EmojiPickerPopup icon from being displayed\n */\n shouldPreventEmojiPicker?: boolean;\n /**\n * The plain text value of the input field. Instead of HTML elements BB codes must be used at\n * this point. These are then converted by the input field into corresponding HTML elements.\n */\n value: string;\n};\n\nexport interface EmojiInputRef {\n insertTextAtCursorPosition: (text: string) => void;\n replaceText: (searchText: string, replaceText: string, options?: ReplaceTextOptions) => void;\n startProgress: (durationInSeconds: number) => void;\n stopProgress: () => void;\n focus: () => void;\n blur: () => void;\n setCursorPosition: (position?: number) => void;\n}\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n (\n {\n accessToken,\n container,\n height,\n inputId,\n isDisabled,\n maxHeight = '190px',\n onBlur,\n onFocus,\n onInput,\n onKeyDown,\n onPrefixElementRemove,\n onPopupVisibilityChange,\n personId,\n placeholder,\n popupAlignment,\n prefixElement,\n rightElement,\n shouldHidePlaceholderOnFocus = false,\n shouldRevertAsciiSmileyConversionOnBackspace = false,\n shouldPreventEmojiPicker,\n value,\n onCursorPositionChange,\n },\n ref,\n ) => {\n const isTouch = useIsTouch();\n const [plainTextValue, setPlainTextValue] = useState(value);\n const [hasFocus, setHasFocus] = useState(false);\n const [progressDuration, setProgressDuration] = useState(0);\n const [labelWidth, setLabelWidth] = useState(0);\n const [isPopupVisible, setIsPopupVisible] = useState(false);\n const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n const [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>(/./);\n\n const areaProvider = useContext(AreaContext);\n\n const editorRef = useRef<HTMLDivElement>(null);\n const prefixElementRef = useRef<HTMLDivElement>(null);\n const hasPrefixRendered = useRef(false);\n const hasPrefixChanged = useRef(false);\n const shouldDeleteOneMoreBackwards = useRef(false);\n const shouldDeleteOneMoreForwards = useRef(false);\n\n /** * Tracks the most recently auto-converted ASCII smiley so the next * Backspace keystroke can revert it (Word/IntelliJ-style autocorrect undo). * The ref is invalidated as soon as the user presses any non-modifier key * other than Backspace (see `handleKeyDown`). */\n const lastAsciiConversionRef = useRef<{\n original: string;\n emoji: string;\n plainTextCursorPos: number;\n } | null>(null);\n\n const savedCursorPositionRef = useRef<number>(0);\n\n const valueRef = useRef(value);\n\n useCursorPosition(\n editorRef,\n useCallback(\n (position: number) => {\n savedCursorPositionRef.current = position;\n\n if (typeof onCursorPositionChange === 'function') {\n onCursorPositionChange(position);\n }\n },\n [onCursorPositionChange],\n ),\n { isDisabled },\n );\n\n const shouldChangeColor = useMemo(\n () => areaProvider.shouldChangeColor ?? false,\n [areaProvider.shouldChangeColor],\n );\n\n useEffect(() => {\n void loadEmojiShortList().then(({ shortNameList, regShortnames }) => {\n setEmojiShortNames(shortNameList);\n setEmojiRegShortNames(regShortnames);\n });\n }, []);\n\n /**\n * This function updates the content of the 'contentEditable' element if the new text is\n * different from the previous content. So this is only true if, for example, a text like \":-)\"\n * has been replaced to the corresponding emoji.\n *\n * When updating the HTML, the current cursor position is saved before replacing the content, so\n * that it can be set again afterward.\n */\n const handleUpdateHTML = useCallback(\n (html: string) => {\n if (!editorRef.current) {\n return;\n }\n\n const conversions: { original: string; emoji: string }[] = [];\n\n let newInnerHTML = convertEmojisToUnicode(\n html,\n emojiRegShortNames,\n emojiShortNames,\n {\n onAsciiConversion: (conv) => conversions.push(conv),\n },\n );\n\n newInnerHTML = convertTextToHTML(newInnerHTML);\n newInnerHTML = cleanupEmptyIgnoreEmojiSpans(newInnerHTML);\n\n if (newInnerHTML !== editorRef.current.innerHTML) {\n saveSelection(editorRef.current, { shouldIgnoreEmptyTextNodes: true });\n\n editorRef.current.innerHTML = newInnerHTML;\n\n restoreSelection(editorRef.current);\n\n // Remember the LAST ASCII conversion so Backspace can revert it.\n // Older conversions are dropped on purpose: only the smiley the\n // user just produced should be undoable.\n if (shouldRevertAsciiSmileyConversionOnBackspace && conversions.length > 0) {\n const lastConv = conversions[conversions.length - 1];\n const pos = getCurrentCursorPosition(editorRef.current);\n if (pos !== null) {\n lastAsciiConversionRef.current = {\n original: lastConv!.original,\n emoji: lastConv!.emoji,\n plainTextCursorPos: pos,\n };\n }\n } else {\n lastAsciiConversionRef.current = null;\n }\n }\n },\n [emojiRegShortNames, emojiShortNames, shouldRevertAsciiSmileyConversionOnBackspace],\n );\n\n const handleBeforeInput = useCallback(\n (event: FormEvent<HTMLDivElement>) => {\n if (!editorRef.current) {\n return;\n }\n\n if (isDisabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n const nativeEvent = event.nativeEvent as InputEvent;\n const { data, inputType } = nativeEvent;\n\n if (inputType === 'insertParagraph' || inputType === 'insertLineBreak') {\n return;\n }\n\n if (inputType === 'insertText' && data && data.includes('\\n')) {\n event.preventDefault();\n event.stopPropagation();\n\n const text = convertEmojisToUnicode(data, emojiRegShortNames, emojiShortNames);\n\n insertTextAtCursorPosition({\n editorElement: editorRef.current,\n text,\n });\n\n const newEvent = new Event('input', { bubbles: true });\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function handles the 'input' events of the 'contentEditable' element and also passes the\n * respective event up accordingly if the 'onInput' property is a function.\n */\n const handleInput = useCallback(\n (event: ChangeEvent<HTMLDivElement>) => {\n if (!editorRef.current) {\n return;\n }\n\n // If the user is typing inside a no-emoji-convert span, unwrap it first\n // This prevents text from getting stuck inside the protection span\n unwrapIgnoreEmojiSpanAtCursor(editorRef.current);\n\n if (isDisabled) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (shouldDeleteOneMoreBackwards.current) {\n shouldDeleteOneMoreBackwards.current = false;\n shouldDeleteOneMoreForwards.current = false;\n\n event.preventDefault();\n event.stopPropagation();\n\n // Remove content and set cursor to the right position\n insertInvisibleCursorMarker();\n\n return;\n }\n\n if (shouldDeleteOneMoreForwards.current) {\n shouldDeleteOneMoreBackwards.current = false;\n shouldDeleteOneMoreForwards.current = false;\n\n event.preventDefault();\n event.stopPropagation();\n\n // noinspection JSDeprecatedSymbols\n document.execCommand('forwardDelete', false);\n\n return;\n }\n\n const cleanedHTML = cleanupEmptyIgnoreEmojiSpans(editorRef.current.innerHTML);\n handleUpdateHTML(cleanedHTML);\n\n // After handleUpdateHTML, the DOM has been updated with emojis\n // We need to read the text from the updated DOM, not from pre-update HTML\n // convertHTMLToText will convert no-emoji-convert spans to [ignoreEmoji] BBCode\n const text = convertHTMLToText(editorRef.current.innerHTML);\n\n setPlainTextValue(text);\n\n if (typeof onInput === 'function') {\n onInput(event, text);\n }\n\n insertCursorAtMarker(editorRef);\n moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n },\n [handleUpdateHTML, isDisabled, onInput],\n );\n\n const handleKeyDown = useCallback(\n (event: TmpKeyboardEvent<HTMLDivElement>) => {\n if (isDisabled) {\n event.preventDefault();\n event.stopPropagation();\n\n return;\n }\n\n // --- Backspace-revert for the most recent auto-conversion ---\n // If the user presses Backspace immediately after an ASCII smiley\n // was auto-converted (and the cursor is still at the post-conversion\n // position), we revert the emoji back to the original text and wrap\n // it in a protection span so it does not get re-converted.\n if (\n shouldRevertAsciiSmileyConversionOnBackspace &&\n event.key === 'Backspace' &&\n !event.ctrlKey &&\n !event.metaKey &&\n lastAsciiConversionRef.current &&\n editorRef.current\n ) {\n const { original, emoji, plainTextCursorPos } = lastAsciiConversionRef.current;\n const currentPos = getCurrentCursorPosition(editorRef.current);\n\n if (currentPos === plainTextCursorPos) {\n event.preventDefault();\n event.stopPropagation();\n\n const didRevert = revertAsciiSmileyConversion({\n editorElement: editorRef.current,\n original,\n emoji,\n });\n\n lastAsciiConversionRef.current = null;\n\n if (didRevert) {\n // Notify React + downstream consumers via a synthetic input event\n const newEvent = new Event('input', { bubbles: true });\n editorRef.current.dispatchEvent(newEvent);\n return;\n }\n } else {\n // Cursor moved away from the just-converted emoji -> drop tracker\n lastAsciiConversionRef.current = null;\n }\n } else if (\n shouldRevertAsciiSmileyConversionOnBackspace &&\n !MODIFIER_KEYS.has(event.key)\n ) {\n // Any other actual keystroke invalidates the revert window\n lastAsciiConversionRef.current = null;\n }\n\n if (event.key === 'Enter' && isPopupVisible) {\n event.preventDefault();\n\n return;\n }\n\n if (typeof onKeyDown === 'function') {\n onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n requestAnimationFrame(() => {\n if (editorRef.current) scrollCursorIntoView(editorRef.current);\n });\n }\n\n if (\n event.key === 'Backspace' ||\n event.key === 'Delete' ||\n event.key === 'Unidentified'\n ) {\n const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n if (charCodeThatWillBeDeleted === 8203) {\n if (event.key === 'Backspace' || event.key === 'Unidentified') {\n shouldDeleteOneMoreBackwards.current = true;\n } else {\n shouldDeleteOneMoreForwards.current = true;\n }\n }\n }\n },\n [isDisabled, isPopupVisible, onKeyDown, shouldRevertAsciiSmileyConversionOnBackspace],\n );\n\n const handlePopupVisibility = useCallback(\n (isVisible: boolean) => {\n setIsPopupVisible(isVisible);\n\n if (editorRef.current && isVisible) {\n saveSelection(editorRef.current);\n }\n\n if (typeof onPopupVisibilityChange === 'function') {\n onPopupVisibilityChange(isVisible);\n }\n },\n [onPopupVisibilityChange],\n );\n\n /**\n * This function prevents formatting from being adopted when texts are inserted. To do this, the\n * plain text is read from the event after the default behavior has been prevented. The plain\n * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n */\n const handlePaste = useCallback(\n (event: ClipboardEvent<HTMLDivElement>) => {\n if (editorRef.current) {\n event.preventDefault();\n\n if (isDisabled) {\n event.stopPropagation();\n\n return;\n }\n\n // This ensures, that only the copied text is inserted and not its HTML formatting.\n let text = event.clipboardData.getData('text/plain');\n\n text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n prevent it from being interpreted as html. */\n text = escapeHTML(text);\n\n // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n if (text.includes('\\n')) {\n text += '\\u200C';\n }\n\n // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n // In that case on CTRL+Z the inserted text would not be removed.\n document.execCommand('insertHTML', false, text);\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function prevents formatting from being adopted when texts are dropped. To do this, the\n * plain text is read from the event after the default behavior has been prevented. The plain\n * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n */\n const handleDrop = useCallback(\n (event: React.DragEvent<HTMLDivElement>) => {\n if (editorRef.current) {\n event.preventDefault();\n\n if (isDisabled) {\n event.stopPropagation();\n\n return;\n }\n\n // This ensures, that only the dropped text is inserted and not its HTML formatting.\n let text = event.dataTransfer?.getData('text');\n\n if (!text) {\n return;\n }\n\n text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n prevent it from being interpreted as html. */\n text = escapeHTML(text);\n\n // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n // In that case on CTRL+Z the inserted text would not be removed.\n document.execCommand('insertHTML', false, text);\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [emojiRegShortNames, emojiShortNames, isDisabled],\n );\n\n /**\n * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the\n * correct position in the editor element.\n *\n * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,\n * which in turn executes the 'onInput' function from the props. So this serves to ensure that\n * the event is also passed through to the top when inserting via the popup.\n */\n const handlePopupSelect = useCallback((emoji: string) => {\n if (editorRef.current) {\n insertTextAtCursorPosition({\n editorElement: editorRef.current,\n text: emoji,\n shouldUseSavedSelection: true,\n });\n\n const event = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(event);\n }\n }, []);\n\n useEffect(() => {\n if (!shouldRevertAsciiSmileyConversionOnBackspace) {\n lastAsciiConversionRef.current = null;\n }\n }, [shouldRevertAsciiSmileyConversionOnBackspace]);\n\n useEffect(() => {\n if (typeof onPrefixElementRemove !== 'function') {\n return;\n }\n\n if (!hasPrefixRendered.current) {\n return;\n }\n\n const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n '&nbsp;',\n ' ',\n );\n const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n if (\n (convertedPrefix &&\n convertedText.includes(convertedPrefix) &&\n convertedText.length > convertedPrefix.length) ||\n convertedPrefix === convertedText\n ) {\n return;\n }\n\n if (hasPrefixChanged.current) {\n hasPrefixChanged.current = false;\n\n return;\n }\n\n onPrefixElementRemove();\n hasPrefixRendered.current = false;\n }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n useEffect(() => {\n if (typeof prefixElement === 'string') {\n hasPrefixChanged.current = true;\n }\n }, [prefixElement]);\n\n useEffect(() => {\n if (value !== plainTextValue) {\n setPlainTextValue(value);\n\n handleUpdateHTML(value);\n }\n }, [handleUpdateHTML, plainTextValue, value]);\n\n // After every input, ensure the cursor is not stuck inside a no-emoji-convert span\n useEffect(() => {\n moveCursorOutOfIgnoreEmojiSpan(editorRef.current);\n }, [plainTextValue]);\n\n // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n // the HTML content correctly when the component is rendered for the first time.\n useIsomorphicLayoutEffect(() => {\n handleUpdateHTML(valueRef.current);\n }, [handleUpdateHTML]);\n\n const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n if (editorRef.current) {\n insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n }, []);\n\n const handleReplaceText = useCallback(\n (searchText: string, pasteText: string, options?: ReplaceTextOptions) => {\n if (editorRef.current) {\n replaceText({\n editorElement: editorRef.current,\n searchText,\n pasteText,\n options,\n });\n\n insertPseudoMarker();\n\n const newEvent = new Event('input', { bubbles: true });\n\n editorRef.current.dispatchEvent(newEvent);\n }\n },\n [],\n );\n\n const handleStartProgress = useCallback((duration: number) => {\n setProgressDuration(duration);\n }, []);\n\n const handleStopProgress = useCallback(() => {\n setProgressDuration(0);\n }, []);\n\n const handleSetCursorPosition = useCallback((position?: number) => {\n if (!editorRef.current) {\n return;\n }\n\n const resolvedPosition = position ?? savedCursorPositionRef.current;\n\n savedCursorPositionRef.current = resolvedPosition;\n\n editorRef.current.focus();\n\n setCursorPositionByAbsIndex({\n editorElement: editorRef.current,\n position: resolvedPosition,\n });\n\n const updatedPosition = getCurrentCursorPosition(editorRef.current);\n if (typeof updatedPosition === 'number') {\n savedCursorPositionRef.current = updatedPosition;\n }\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n replaceText: handleReplaceText,\n startProgress: handleStartProgress,\n stopProgress: handleStopProgress,\n focus: () => editorRef.current?.focus(),\n blur: () => editorRef.current?.blur(),\n setCursorPosition: handleSetCursorPosition,\n }),\n [\n handleInsertTextAtCursorPosition,\n handleReplaceText,\n handleStartProgress,\n handleStopProgress,\n handleSetCursorPosition,\n ],\n );\n\n useEffect(() => {\n /**\n * This function ensures that the input field does not lose focus when the popup is opened\n * or an emoji is selected in it. For this purpose the corresponding elements get the class\n * 'prevent-lose-focus'.\n *\n * The class can also be set to any other elements that should also not cause the input\n * field to lose focus.\n */\n const handlePreventLoseFocus = (event: MouseEvent) => {\n const element = event.target as Element;\n\n if (\n element.classList.contains('prevent-lose-focus') ||\n element.parentElement?.classList.contains('prevent-lose-focus') ||\n element.parentElement?.parentElement?.classList.contains('prevent-lose-focus')\n ) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n document.body.addEventListener('mousedown', handlePreventLoseFocus);\n\n return () => {\n document.body.removeEventListener('mousedown', handlePreventLoseFocus);\n };\n }, []);\n\n const shouldShowPlaceholder = useMemo(() => {\n if (!isPrefixAnimationFinished) {\n return false;\n }\n\n const isJustPrefixElement =\n prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n const shouldRenderPlaceholder =\n (prefixElement && !plainTextValue) ||\n (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n switch (true) {\n case (!plainTextValue || isJustPrefixElement) &&\n shouldHidePlaceholderOnFocus &&\n !hasFocus:\n case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n return shouldRenderPlaceholder;\n case (!plainTextValue || isJustPrefixElement) &&\n shouldHidePlaceholderOnFocus &&\n hasFocus:\n return false;\n default:\n return false;\n }\n }, [\n isPrefixAnimationFinished,\n hasFocus,\n plainTextValue,\n prefixElement,\n shouldHidePlaceholderOnFocus,\n prefixElementWidth,\n ]);\n\n useEffect(() => {\n if (prefixElement) {\n setIsPrefixAnimationFinished(false);\n }\n }, [prefixElement]);\n\n const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n if (typeof onFocus === 'function' && !isDisabled) {\n onFocus(event);\n }\n\n setHasFocus(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n if (typeof onBlur === 'function' && !isDisabled) {\n onBlur(event);\n }\n\n setHasFocus(false);\n };\n\n useEffect(() => {\n if (editorRef.current && prefixElement) {\n const text = convertEmojisToUnicode(\n prefixElement,\n emojiRegShortNames,\n emojiShortNames,\n );\n\n insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n handleUpdateHTML(prefixElement);\n hasPrefixRendered.current = true;\n }\n }, [emojiRegShortNames, emojiShortNames, handleUpdateHTML, prefixElement]);\n\n useEffect(() => {\n if (\n prefixElementRef.current &&\n prefixElement &&\n convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n ) {\n setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n } else {\n setPrefixElementWidth(undefined);\n }\n }, [plainTextValue, prefixElement]);\n\n useEffect(() => {\n const handleResize = () => {\n if (editorRef.current) {\n setLabelWidth(editorRef.current.offsetWidth);\n }\n };\n\n const resizeObserver = new ResizeObserver(handleResize);\n\n if (editorRef.current) {\n resizeObserver.observe(editorRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n };\n }, []);\n\n useEffect(() => {\n const blurElement = () => {\n if (\n editorRef.current &&\n document.activeElement === editorRef.current &&\n isDisabled\n ) {\n editorRef.current.blur();\n }\n };\n\n document.addEventListener('focus', blurElement, true);\n\n return () => {\n document.removeEventListener('focus', blurElement, true);\n };\n }, [isDisabled]);\n\n return (\n <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n <AnimatePresence initial>\n {progressDuration > 0 && (\n <StyledMotionEmojiInputProgress\n animate={{ width: '100%' }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 1, width: '0%' }}\n transition={{\n width: {\n ease: 'linear',\n duration: progressDuration,\n },\n opacity: {\n type: 'tween',\n duration: 0.3,\n },\n }}\n />\n )}\n </AnimatePresence>\n <StyledEmojiInputContent>\n {prefixElement && (\n <PrefixElement\n key={prefixElement}\n element={prefixElement}\n prefixElementRef={prefixElementRef}\n setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n />\n )}\n <StyledMotionEmojiInputEditor\n className=\"chayns-scrollbar\"\n animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n contentEditable\n role=\"textbox\"\n aria-multiline=\"true\"\n inputMode=\"text\"\n autoCapitalize=\"sentences\"\n autoCorrect=\"on\"\n spellCheck\n id={inputId}\n onBeforeInput={handleBeforeInput}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onInput={handleInput}\n onKeyDown={handleKeyDown}\n onPaste={handlePaste}\n onDrop={handleDrop}\n ref={editorRef}\n $shouldShowContent={isPrefixAnimationFinished}\n transition={{ type: 'tween', duration: 0.2 }}\n />\n\n {shouldShowPlaceholder && (\n <StyledEmojiInputLabel\n $maxWidth={labelWidth}\n $offsetWidth={prefixElementWidth}\n >\n {placeholder}\n </StyledEmojiInputLabel>\n )}\n {!isTouch && !shouldPreventEmojiPicker && (\n <EmojiPickerPopup\n accessToken={accessToken}\n container={container}\n onSelect={handlePopupSelect}\n onPopupVisibilityChange={handlePopupVisibility}\n personId={personId}\n />\n )}\n </StyledEmojiInputContent>\n {rightElement && (\n <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n )}\n </StyledEmojiInput>\n );\n },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}
@@ -1,5 +1,41 @@
1
1
  import { BB_LC_MENTION_REGEX, BB_NER_IGNORE_REGEX, BB_NER_REPLACE_REGEX, BB_IGNORE_EMOJI_REGEX, HTML_A_TAG_REGEX, HTML_BOLD_REGEX, HTML_LC_MENTION_REGEX, HTML_NER_IGNORE_REGEX, HTML_NER_REPLACE_REGEX, HTML_NO_EMOJI_REGEX } from '../constants/regex';
2
2
  import { escapeHTML, unescapeHTML } from './emoji';
3
+ const BLOCK_ELEMENT_TAG_NAMES = new Set(['DIV', 'P']);
4
+ const BLOCK_SEPARATOR = '<br>';
5
+ const serializeHTMLNodeToText = node => {
6
+ if (node.nodeType === Node.TEXT_NODE) {
7
+ return node.textContent ?? '';
8
+ }
9
+ if (node.nodeType !== Node.ELEMENT_NODE) {
10
+ return '';
11
+ }
12
+ const element = node;
13
+ if (element.tagName === 'BR') {
14
+ return '<br>';
15
+ }
16
+ if (BLOCK_ELEMENT_TAG_NAMES.has(element.tagName)) {
17
+ return serializeHTMLToText(element.childNodes);
18
+ }
19
+ return element.outerHTML;
20
+ };
21
+ const serializeHTMLToText = nodes => {
22
+ const serializedNodes = Array.from(nodes);
23
+ let result = '';
24
+ let didSerializeBlockElement = false;
25
+ serializedNodes.forEach(node => {
26
+ const serializedNode = serializeHTMLNodeToText(node);
27
+ const isBlockElement = node.nodeType === Node.ELEMENT_NODE && BLOCK_ELEMENT_TAG_NAMES.has(node.tagName);
28
+ if (!serializedNode && !isBlockElement) {
29
+ return;
30
+ }
31
+ if (result && (isBlockElement || didSerializeBlockElement)) {
32
+ result += BLOCK_SEPARATOR;
33
+ }
34
+ result += serializedNode;
35
+ didSerializeBlockElement = isBlockElement;
36
+ });
37
+ return result;
38
+ };
3
39
  export const convertTextToHTML = text => {
4
40
  const element = document.createElement('div');
5
41
  element.style.position = 'absolute';
@@ -25,6 +61,9 @@ export const convertHTMLToText = (text, {
25
61
  const prefixAttr = prefix ? `prefix="${prefix}" ` : '';
26
62
  return `[nerReplace ${prefixAttr}type="${type}" value="${value}"]${entity}[/nerReplace]`;
27
63
  }).replace(HTML_NO_EMOJI_REGEX, shouldSerializeNoEmojiToBBCode ? '[ignoreEmoji]$1[/ignoreEmoji]' : '$1');
64
+ const container = document.createElement('div');
65
+ container.innerHTML = result;
66
+ result = serializeHTMLToText(container.childNodes);
28
67
  if (preserveSpaces) {
29
68
  return result.replace(/&nbsp;/g, '\u00A0') // non-breaking space
30
69
  .replace(/\u200B/g, '\u200B'); // zero-width space (sichtbar gemacht)
@@ -1 +1 @@
1
- {"version":3,"file":"text.js","names":["BB_LC_MENTION_REGEX","BB_NER_IGNORE_REGEX","BB_NER_REPLACE_REGEX","BB_IGNORE_EMOJI_REGEX","HTML_A_TAG_REGEX","HTML_BOLD_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","HTML_NO_EMOJI_REGEX","escapeHTML","unescapeHTML","convertTextToHTML","text","element","document","createElement","style","position","opacity","contentEditable","innerText","body","appendChild","result","innerHTML","removeChild","replace","_","prefix","type","value","entity","prefixAttr","convertHTMLToText","preserveSpaces","shouldSerializeNoEmojiToBBCode","getElementTextLength","textLength","outerHTML","length","e","cleanupEmptyIgnoreEmojiSpans","html"],"sources":["../../../src/utils/text.ts"],"sourcesContent":["import {\n BB_LC_MENTION_REGEX,\n BB_NER_IGNORE_REGEX,\n BB_NER_REPLACE_REGEX,\n BB_IGNORE_EMOJI_REGEX,\n HTML_A_TAG_REGEX,\n HTML_BOLD_REGEX,\n HTML_LC_MENTION_REGEX,\n HTML_NER_IGNORE_REGEX,\n HTML_NER_REPLACE_REGEX,\n HTML_NO_EMOJI_REGEX,\n} from '../constants/regex';\nimport { escapeHTML, unescapeHTML } from './emoji';\n\ninterface ConvertHTMLToTextOptions {\n preserveSpaces?: boolean;\n shouldSerializeNoEmojiToBBCode?: boolean;\n}\n\nexport const convertTextToHTML = (text: string) => {\n const element = document.createElement('div');\n\n element.style.position = 'absolute';\n element.style.opacity = '0';\n\n element.contentEditable = 'true';\n element.innerText = text;\n\n document.body.appendChild(element);\n\n let result = element.innerHTML;\n\n document.body.removeChild(element);\n\n result = unescapeHTML(result);\n\n result = result\n .replace(HTML_A_TAG_REGEX, '$1')\n .replace(\n BB_LC_MENTION_REGEX,\n '<lc_mention contenteditable=\"false\" id=\"$1\"><span>@</span>$2</lc_mention>\\u200B',\n )\n .replace(BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable=\"false\">$1</nerIgnore>')\n .replace(\n BB_NER_REPLACE_REGEX,\n (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n return `<nerReplace contenteditable=\"false\" ${prefixAttr}type=\"${type}\" value=\"${value}\">${entity}</nerReplace>`;\n },\n )\n .replace(BB_IGNORE_EMOJI_REGEX, '<span class=\"no-emoji-convert\">$1</span>');\n\n return result;\n};\n\nexport const convertHTMLToText = (\n text: string,\n {\n preserveSpaces = false,\n shouldSerializeNoEmojiToBBCode = true,\n }: ConvertHTMLToTextOptions = {},\n) => {\n let result = text;\n\n result = result\n .replace(HTML_A_TAG_REGEX, '$1')\n .replace(HTML_BOLD_REGEX, '[b]$1[/b]')\n .replace(HTML_LC_MENTION_REGEX, '[lc_mention id=\"$1\"]$2[/lc_mention]')\n .replace(HTML_NER_IGNORE_REGEX, '[nerIgnore]$1[/nerIgnore]')\n .replace(\n HTML_NER_REPLACE_REGEX,\n (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n return `[nerReplace ${prefixAttr}type=\"${type}\" value=\"${value}\"]${entity}[/nerReplace]`;\n },\n )\n .replace(\n HTML_NO_EMOJI_REGEX,\n shouldSerializeNoEmojiToBBCode ? '[ignoreEmoji]$1[/ignoreEmoji]' : '$1',\n );\n\n if (preserveSpaces) {\n return result\n .replace(/&nbsp;/g, '\\u00A0') // non-breaking space\n .replace(/\\u200B/g, '\\u200B'); // zero-width space (sichtbar gemacht)\n }\n\n // eslint-disable-next-line no-irregular-whitespace\n result = result.replace(/\\u200B/g, '');\n\n result = escapeHTML(result);\n\n const element = document.createElement('div');\n\n element.style.position = 'absolute';\n element.style.opacity = '0';\n\n element.contentEditable = 'true';\n element.innerHTML = result;\n\n document.body.appendChild(element);\n\n result = element.innerText;\n\n document.body.removeChild(element);\n\n return result;\n};\n\nexport const getElementTextLength = (element: Element) => {\n let textLength = 0;\n\n try {\n textLength = convertHTMLToText(element.outerHTML, {\n shouldSerializeNoEmojiToBBCode: false,\n }).length;\n } catch (e) {\n // Do nothing\n }\n\n return textLength;\n};\n\nexport const cleanupEmptyIgnoreEmojiSpans = (html: string) => {\n // Remove empty no-emoji-convert spans that have no text content\n return html.replace(/<span class=\"no-emoji-convert\"><\\/span>/g, '');\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"text.js","names":["BB_LC_MENTION_REGEX","BB_NER_IGNORE_REGEX","BB_NER_REPLACE_REGEX","BB_IGNORE_EMOJI_REGEX","HTML_A_TAG_REGEX","HTML_BOLD_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","HTML_NO_EMOJI_REGEX","escapeHTML","unescapeHTML","BLOCK_ELEMENT_TAG_NAMES","Set","BLOCK_SEPARATOR","serializeHTMLNodeToText","node","nodeType","Node","TEXT_NODE","textContent","ELEMENT_NODE","element","tagName","has","serializeHTMLToText","childNodes","outerHTML","nodes","serializedNodes","Array","from","result","didSerializeBlockElement","forEach","serializedNode","isBlockElement","convertTextToHTML","text","document","createElement","style","position","opacity","contentEditable","innerText","body","appendChild","innerHTML","removeChild","replace","_","prefix","type","value","entity","prefixAttr","convertHTMLToText","preserveSpaces","shouldSerializeNoEmojiToBBCode","container","getElementTextLength","textLength","length","e","cleanupEmptyIgnoreEmojiSpans","html"],"sources":["../../../src/utils/text.ts"],"sourcesContent":["import {\n BB_LC_MENTION_REGEX,\n BB_NER_IGNORE_REGEX,\n BB_NER_REPLACE_REGEX,\n BB_IGNORE_EMOJI_REGEX,\n HTML_A_TAG_REGEX,\n HTML_BOLD_REGEX,\n HTML_LC_MENTION_REGEX,\n HTML_NER_IGNORE_REGEX,\n HTML_NER_REPLACE_REGEX,\n HTML_NO_EMOJI_REGEX,\n} from '../constants/regex';\nimport { escapeHTML, unescapeHTML } from './emoji';\n\ninterface ConvertHTMLToTextOptions {\n preserveSpaces?: boolean;\n shouldSerializeNoEmojiToBBCode?: boolean;\n}\n\nconst BLOCK_ELEMENT_TAG_NAMES = new Set(['DIV', 'P']);\nconst BLOCK_SEPARATOR = '<br>';\n\nconst serializeHTMLNodeToText = (node: ChildNode): string => {\n if (node.nodeType === Node.TEXT_NODE) {\n return node.textContent ?? '';\n }\n\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return '';\n }\n\n const element = node as HTMLElement;\n\n if (element.tagName === 'BR') {\n return '<br>';\n }\n\n if (BLOCK_ELEMENT_TAG_NAMES.has(element.tagName)) {\n return serializeHTMLToText(element.childNodes);\n }\n\n return element.outerHTML;\n};\n\nconst serializeHTMLToText = (nodes: NodeListOf<ChildNode> | ChildNode[]) => {\n const serializedNodes = Array.from(nodes);\n\n let result = '';\n let didSerializeBlockElement = false;\n\n serializedNodes.forEach((node) => {\n const serializedNode = serializeHTMLNodeToText(node);\n\n const isBlockElement =\n node.nodeType === Node.ELEMENT_NODE &&\n BLOCK_ELEMENT_TAG_NAMES.has((node as HTMLElement).tagName);\n\n if (!serializedNode && !isBlockElement) {\n return;\n }\n\n if (result && (isBlockElement || didSerializeBlockElement)) {\n result += BLOCK_SEPARATOR;\n }\n\n result += serializedNode;\n didSerializeBlockElement = isBlockElement;\n });\n\n return result;\n};\n\nexport const convertTextToHTML = (text: string) => {\n const element = document.createElement('div');\n\n element.style.position = 'absolute';\n element.style.opacity = '0';\n\n element.contentEditable = 'true';\n element.innerText = text;\n\n document.body.appendChild(element);\n\n let result = element.innerHTML;\n\n document.body.removeChild(element);\n\n result = unescapeHTML(result);\n\n result = result\n .replace(HTML_A_TAG_REGEX, '$1')\n .replace(\n BB_LC_MENTION_REGEX,\n '<lc_mention contenteditable=\"false\" id=\"$1\"><span>@</span>$2</lc_mention>\\u200B',\n )\n .replace(BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable=\"false\">$1</nerIgnore>')\n .replace(\n BB_NER_REPLACE_REGEX,\n (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n return `<nerReplace contenteditable=\"false\" ${prefixAttr}type=\"${type}\" value=\"${value}\">${entity}</nerReplace>`;\n },\n )\n .replace(BB_IGNORE_EMOJI_REGEX, '<span class=\"no-emoji-convert\">$1</span>');\n\n return result;\n};\n\nexport const convertHTMLToText = (\n text: string,\n {\n preserveSpaces = false,\n shouldSerializeNoEmojiToBBCode = true,\n }: ConvertHTMLToTextOptions = {},\n) => {\n let result = text;\n\n result = result\n .replace(HTML_A_TAG_REGEX, '$1')\n .replace(HTML_BOLD_REGEX, '[b]$1[/b]')\n .replace(HTML_LC_MENTION_REGEX, '[lc_mention id=\"$1\"]$2[/lc_mention]')\n .replace(HTML_NER_IGNORE_REGEX, '[nerIgnore]$1[/nerIgnore]')\n .replace(\n HTML_NER_REPLACE_REGEX,\n (_, prefix: string | undefined, type: string, value: string, entity: string) => {\n const prefixAttr = prefix ? `prefix=\"${prefix}\" ` : '';\n\n return `[nerReplace ${prefixAttr}type=\"${type}\" value=\"${value}\"]${entity}[/nerReplace]`;\n },\n )\n .replace(\n HTML_NO_EMOJI_REGEX,\n shouldSerializeNoEmojiToBBCode ? '[ignoreEmoji]$1[/ignoreEmoji]' : '$1',\n );\n\n const container = document.createElement('div');\n\n container.innerHTML = result;\n\n result = serializeHTMLToText(container.childNodes);\n\n if (preserveSpaces) {\n return result\n .replace(/&nbsp;/g, '\\u00A0') // non-breaking space\n .replace(/\\u200B/g, '\\u200B'); // zero-width space (sichtbar gemacht)\n }\n\n // eslint-disable-next-line no-irregular-whitespace\n result = result.replace(/\\u200B/g, '');\n result = escapeHTML(result);\n\n const element = document.createElement('div');\n\n element.style.position = 'absolute';\n element.style.opacity = '0';\n\n element.contentEditable = 'true';\n element.innerHTML = result;\n\n document.body.appendChild(element);\n\n result = element.innerText;\n\n document.body.removeChild(element);\n\n return result;\n};\n\nexport const getElementTextLength = (element: Element) => {\n let textLength = 0;\n\n try {\n textLength = convertHTMLToText(element.outerHTML, {\n shouldSerializeNoEmojiToBBCode: false,\n }).length;\n } catch (e) {\n // Do nothing\n }\n\n return textLength;\n};\n\nexport const cleanupEmptyIgnoreEmojiSpans = (html: string) => {\n // Remove empty no-emoji-convert spans that have no text content\n return html.replace(/<span class=\"no-emoji-convert\"><\\/span>/g, '');\n};\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-components/emoji-input",
3
- "version": "5.4.15-alpha.0",
3
+ "version": "5.4.17",
4
4
  "description": "Input field that supports HTML elements and emojis",
5
5
  "sideEffects": false,
6
6
  "browserslist": [
@@ -73,8 +73,8 @@
73
73
  "typescript": "^5.9.3"
74
74
  },
75
75
  "dependencies": {
76
- "@chayns-components/core": "^5.4.15-alpha.0",
77
- "@chayns-components/textstring": "^5.2.5",
76
+ "@chayns-components/core": "^5.4.17",
77
+ "@chayns-components/textstring": "^5.4.17",
78
78
  "emojilib": "^3.0.12",
79
79
  "react-compiler-runtime": "^1.0.0",
80
80
  "unicode-emoji-json": "^0.9.0"
@@ -89,5 +89,5 @@
89
89
  "publishConfig": {
90
90
  "access": "public"
91
91
  },
92
- "gitHead": "10a2db86ca792d7db14b4071011e1c3984d5b075"
92
+ "gitHead": "888dd9f3f391c7b61b239825421f1163bcccf423"
93
93
  }