@chayns-components/emoji-input 5.4.0 → 5.4.3

package/lib/cjs/utils/text.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getElementTextLength = exports.convertTextToHTML = exports.convertHTMLToText = void 0;
+exports.getElementTextLength = exports.convertTextToHTML = exports.convertHTMLToText = exports.cleanupEmptyIgnoreEmojiSpans = void 0;
 var _regex = require("../constants/regex");
 var _emoji = require("./emoji");
 const convertTextToHTML = text => {
@@ -16,26 +16,22 @@ const convertTextToHTML = text => {
   let result = element.innerHTML;
   document.body.removeChild(element);
   result = (0, _emoji.unescapeHTML)(result);
-  result = result.replace(_regex.HTML_A_TAG_REGEX, '$1').replace(_regex.BB_LC_MENTION_REGEX, '<lc_mention contenteditable="false" id="$1"><span>@</span>$2</lc_mention>​').replace(_regex.BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable="false">$1</nerIgnore>').replace(_regex.BB_NER_REPLACE_REGEX, (_, prefix, type, value, entity) => {
+  result = result.replace(_regex.HTML_A_TAG_REGEX, '$1').replace(_regex.BB_LC_MENTION_REGEX, '<lc_mention contenteditable="false" id="$1"><span>@</span>$2</lc_mention>\u200B').replace(_regex.BB_NER_IGNORE_REGEX, '<nerIgnore contenteditable="false">$1</nerIgnore>').replace(_regex.BB_NER_REPLACE_REGEX, (_, prefix, type, value, entity) => {
     const prefixAttr = prefix ? `prefix="${prefix}" ` : '';
     return `<nerReplace contenteditable="false" ${prefixAttr}type="${type}" value="${value}">${entity}</nerReplace>`;
-  });
+  }).replace(_regex.BB_IGNORE_EMOJI_REGEX, '<span class="no-emoji-convert">$1</span>');
   return result;
 };
 exports.convertTextToHTML = convertTextToHTML;
 const convertHTMLToText = (text, {
-  preserveSpaces = false
+  preserveSpaces = false,
+  shouldSerializeNoEmojiToBBCode = true
 } = {}) => {
   let result = text;
-
-  // Unwrap "no-emoji-convert" protection spans so the plain-text
-  // representation does not leak the marker HTML to consumers.
-  // The protection itself is only relevant inside the live editor DOM.
-  result = result.replace(_regex.HTML_NO_EMOJI_REGEX, '$1');
   result = result.replace(_regex.HTML_A_TAG_REGEX, '$1').replace(_regex.HTML_BOLD_REGEX, '[b]$1[/b]').replace(_regex.HTML_LC_MENTION_REGEX, '[lc_mention id="$1"]$2[/lc_mention]').replace(_regex.HTML_NER_IGNORE_REGEX, '[nerIgnore]$1[/nerIgnore]').replace(_regex.HTML_NER_REPLACE_REGEX, (_, prefix, type, value, entity) => {
     const prefixAttr = prefix ? `prefix="${prefix}" ` : '';
     return `[nerReplace ${prefixAttr}type="${type}" value="${value}"]${entity}[/nerReplace]`;
-  });
+  }).replace(_regex.HTML_NO_EMOJI_REGEX, shouldSerializeNoEmojiToBBCode ? '[ignoreEmoji]$1[/ignoreEmoji]' : '$1');
   if (preserveSpaces) {
     return result.replace(/&nbsp;/g, '\u00A0') // non-breaking space
     .replace(/\u200B/g, '​'); // zero-width space (sichtbar gemacht)
@@ -58,11 +54,18 @@ exports.convertHTMLToText = convertHTMLToText;
 const getElementTextLength = element => {
   let textLength = 0;
   try {
-    textLength = convertHTMLToText(element.outerHTML).length;
+    textLength = convertHTMLToText(element.outerHTML, {
+      shouldSerializeNoEmojiToBBCode: false
+    }).length;
   } catch (e) {
     // Do nothing
   }
   return textLength;
 };
 exports.getElementTextLength = getElementTextLength;
+const cleanupEmptyIgnoreEmojiSpans = html => {
+  // Remove empty no-emoji-convert spans that have no text content
+  return html.replace(/<span class="no-emoji-convert"><\/span>/g, '');
+};
+exports.cleanupEmptyIgnoreEmojiSpans = cleanupEmptyIgnoreEmojiSpans;
 //# sourceMappingURL=text.js.map

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

@@ -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","exports","convertHTMLToText","preserveSpaces","HTML_NO_EMOJI_REGEX","HTML_BOLD_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","escapeHTML","getElementTextLength","textLength","outerHTML","length","e"],"sources":["../../../src/utils/text.ts"],"sourcesContent":["import {\n    BB_LC_MENTION_REGEX,\n    BB_NER_IGNORE_REGEX,\n    BB_NER_REPLACE_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\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>​',\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\n    return result;\n};\n\nexport const convertHTMLToText = (text: string, { preserveSpaces = false } = {}) => {\n    let result = text;\n\n    // Unwrap \"no-emoji-convert\" protection spans so the plain-text\n    // representation does not leak the marker HTML to consumers.\n    // The protection itself is only relevant inside the live editor DOM.\n    result = result.replace(HTML_NO_EMOJI_REGEX, '$1');\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\n    if (preserveSpaces) {\n        return result\n            .replace(/&nbsp;/g, '\\u00A0') // non-breaking space\n            .replace(/\\u200B/g, '​'); // zero-width space (sichtbar gemacht)\n    }\n\n    // eslint-disable-next-line no-irregular-whitespace\n    result = result.replace(/​/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).length;\n    } catch (e) {\n        // Do nothing\n    }\n\n    return textLength;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAWA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAIC,IAAY,IAAK;EAC/C,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,UAAU;EACnCJ,OAAO,CAACG,KAAK,CAACE,OAAO,GAAG,GAAG;EAE3BL,OAAO,CAACM,eAAe,GAAG,MAAM;EAChCN,OAAO,CAACO,SAAS,GAAGR,IAAI;EAExBE,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACT,OAAO,CAAC;EAElC,IAAIU,MAAM,GAAGV,OAAO,CAACW,SAAS;EAE9BV,QAAQ,CAACO,IAAI,CAACI,WAAW,CAACZ,OAAO,CAAC;EAElCU,MAAM,GAAG,IAAAG,mBAAY,EAACH,MAAM,CAAC;EAE7BA,MAAM,GAAGA,MAAM,CACVI,OAAO,CAACC,uBAAgB,EAAE,IAAI,CAAC,CAC/BD,OAAO,CACJE,0BAAmB,EACnB,4EACJ,CAAC,CACAF,OAAO,CAACG,0BAAmB,EAAE,mDAAmD,CAAC,CACjFH,OAAO,CACJI,2BAAoB,EACpB,CAACC,CAAC,EAAEC,MAA0B,EAAEC,IAAY,EAAEC,KAAa,EAAEC,MAAc,KAAK;IAC5E,MAAMC,UAAU,GAAGJ,MAAM,GAAG,WAAWA,MAAM,IAAI,GAAG,EAAE;IAEtD,OAAO,uCAAuCI,UAAU,SAASH,IAAI,YAAYC,KAAK,KAAKC,MAAM,eAAe;EACpH,CACJ,CAAC;EAEL,OAAOb,MAAM;AACjB,CAAC;AAACe,OAAA,CAAA3B,iBAAA,GAAAA,iBAAA;AAEK,MAAM4B,iBAAiB,GAAGA,CAAC3B,IAAY,EAAE;EAAE4B,cAAc,GAAG;AAAM,CAAC,GAAG,CAAC,CAAC,KAAK;EAChF,IAAIjB,MAAM,GAAGX,IAAI;;EAEjB;EACA;EACA;EACAW,MAAM,GAAGA,MAAM,CAACI,OAAO,CAACc,0BAAmB,EAAE,IAAI,CAAC;EAElDlB,MAAM,GAAGA,MAAM,CACVI,OAAO,CAACC,uBAAgB,EAAE,IAAI,CAAC,CAC/BD,OAAO,CAACe,sBAAe,EAAE,WAAW,CAAC,CACrCf,OAAO,CAACgB,4BAAqB,EAAE,qCAAqC,CAAC,CACrEhB,OAAO,CAACiB,4BAAqB,EAAE,2BAA2B,CAAC,CAC3DjB,OAAO,CACJkB,6BAAsB,EACtB,CAACb,CAAC,EAAEC,MAA0B,EAAEC,IAAY,EAAEC,KAAa,EAAEC,MAAc,KAAK;IAC5E,MAAMC,UAAU,GAAGJ,MAAM,GAAG,WAAWA,MAAM,IAAI,GAAG,EAAE;IAEtD,OAAO,eAAeI,UAAU,SAASH,IAAI,YAAYC,KAAK,KAAKC,MAAM,eAAe;EAC5F,CACJ,CAAC;EAEL,IAAII,cAAc,EAAE;IAChB,OAAOjB,MAAM,CACRI,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAAA,CAC7BA,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;EAClC;;EAEA;EACAJ,MAAM,GAAGA,MAAM,CAACI,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;EAEjCJ,MAAM,GAAG,IAAAuB,iBAAU,EAACvB,MAAM,CAAC;EAE3B,MAAMV,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,UAAU;EACnCJ,OAAO,CAACG,KAAK,CAACE,OAAO,GAAG,GAAG;EAE3BL,OAAO,CAACM,eAAe,GAAG,MAAM;EAChCN,OAAO,CAACW,SAAS,GAAGD,MAAM;EAE1BT,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACT,OAAO,CAAC;EAElCU,MAAM,GAAGV,OAAO,CAACO,SAAS;EAE1BN,QAAQ,CAACO,IAAI,CAACI,WAAW,CAACZ,OAAO,CAAC;EAElC,OAAOU,MAAM;AACjB,CAAC;AAACe,OAAA,CAAAC,iBAAA,GAAAA,iBAAA;AAEK,MAAMQ,oBAAoB,GAAIlC,OAAgB,IAAK;EACtD,IAAImC,UAAU,GAAG,CAAC;EAElB,IAAI;IACAA,UAAU,GAAGT,iBAAiB,CAAC1B,OAAO,CAACoC,SAAS,CAAC,CAACC,MAAM;EAC5D,CAAC,CAAC,OAAOC,CAAC,EAAE;IACR;EAAA;EAGJ,OAAOH,UAAU;AACrB,CAAC;AAACV,OAAA,CAAAS,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"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, '​'); // zero-width space (sichtbar gemacht)\n    }\n\n    // eslint-disable-next-line no-irregular-whitespace\n    result = result.replace(/​/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":[]}

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

@@ -4,7 +4,7 @@ import React, { forwardRef, useCallback, useContext, useEffect, useImperativeHan
 import { convertEmojisToUnicode, escapeHTML } from '../../utils/emoji';
 import { insertTextAtCursorPosition, replaceText, revertAsciiSmileyConversion } from '../../utils/insert';
 import { getCharCodeThatWillBeDeleted, insertInvisibleCursorMarker, restoreSelection, saveSelection, insertPseudoMarker, insertCursorAtMarker, getCurrentCursorPosition, setCursorPositionByAbsIndex } from '../../utils/selection';
-import { convertHTMLToText, convertTextToHTML } from '../../utils/text';
+import { convertHTMLToText, convertTextToHTML, cleanupEmptyIgnoreEmojiSpans } from '../../utils/text';
 import EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';
 import { StyledEmojiInput, StyledEmojiInputContent, StyledEmojiInputLabel, StyledEmojiInputRightWrapper, StyledMotionEmojiInputEditor, StyledMotionEmojiInputProgress } from './EmojiInput.styles';
 import PrefixElement from './prefix-element/PrefixElement';
@@ -93,6 +93,7 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
       onAsciiConversion: conv => conversions.push(conv)
     });
     newInnerHTML = convertTextToHTML(newInnerHTML);
+    newInnerHTML = cleanupEmptyIgnoreEmojiSpans(newInnerHTML);
     if (newInnerHTML !== editorRef.current.innerHTML) {
       saveSelection(editorRef.current, {
         shouldIgnoreEmptyTextNodes: true
@@ -176,8 +177,9 @@ const EmojiInput = /*#__PURE__*/forwardRef(({
       document.execCommand('forwardDelete', false);
       return;
     }
-    handleUpdateHTML(editorRef.current.innerHTML);
-    const text = convertHTMLToText(editorRef.current.innerHTML);
+    let cleanedHTML = cleanupEmptyIgnoreEmojiSpans(editorRef.current.innerHTML);
+    handleUpdateHTML(cleanedHTML);
+    const text = convertHTMLToText(cleanedHTML);
     setPlainTextValue(text);
     if (typeof onInput === 'function') {
       onInput(event, text);

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiInput.js","names":["AreaContext","useIsTouch","AnimatePresence","React","forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","convertEmojisToUnicode","escapeHTML","insertTextAtCursorPosition","replaceText","revertAsciiSmileyConversion","getCharCodeThatWillBeDeleted","insertInvisibleCursorMarker","restoreSelection","saveSelection","insertPseudoMarker","insertCursorAtMarker","getCurrentCursorPosition","setCursorPositionByAbsIndex","convertHTMLToText","convertTextToHTML","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","loadEmojiShortList","scrollCursorIntoView","useCursorPosition","MODIFIER_KEYS","Set","useIsomorphicLayoutEffect","window","EmojiInput","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","onCursorPositionChange","ref","isTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","editorRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","lastAsciiConversionRef","savedCursorPositionRef","valueRef","position","current","shouldChangeColor","then","shortNameList","regShortnames","handleUpdateHTML","html","conversions","newInnerHTML","onAsciiConversion","conv","push","innerHTML","shouldIgnoreEmptyTextNodes","length","lastConv","pos","original","emoji","plainTextCursorPos","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","document","execCommand","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} from '../../utils/selection';\nimport { convertHTMLToText, convertTextToHTML } from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n    StyledEmojiInput,\n    StyledEmojiInputContent,\n    StyledEmojiInputLabel,\n    StyledEmojiInputRightWrapper,\n    StyledMotionEmojiInputEditor,\n    StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\nimport { scrollCursorIntoView } from '../../utils/scroll';\nimport { useCursorPosition } from '../../hooks/cursor';\n\nconst MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type EmojiInputProps = {\n    /**\n     * Access token of the logged-in user. Is needed to load and save the history of the emojis.\n     */\n    accessToken?: string;\n    /**\n     * Sets the height of the input field to a fixed value. If this value is not set, the component will use the needed height until the maximum height is reached.\n     */\n    height?: CSSProperties['height'];\n    /**\n     * HTML id of the input element\n     */\n    inputId?: string;\n    /**\n     * Disables the input so that it cannot be changed anymore\n     */\n    isDisabled?: boolean;\n    /**\n     * Sets the maximum height of the input field.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\n    /**\n     * Function that is executed when the input field loses focus.\n     */\n    onBlur?: FocusEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the cursor position is changed.\n     */\n    onCursorPositionChange?: (position: number) => void;\n    /**\n     * Function that is executed when the input field gets the focus.\n     */\n    onFocus?: FocusEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the text of the input changes. In addition to the original\n     * event, the original text is returned as second parameter, in which the internally used HTML\n     * elements have been converted back to BB codes.\n     */\n    onInput?: (event: ChangeEvent<HTMLDivElement>, originalText: string) => void;\n    /**\n     * Function that is executed when a key is pressed down.\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed if the prefixElement is removed.\n     */\n    onPrefixElementRemove?: () => void;\n    /**\n     * Function that is executed when the visibility of the popup changes.\n     * @param {boolean} isVisible - Whether the popup is visible or not\n     */\n    onPopupVisibilityChange?: (isVisible: boolean) => void;\n    /**\n     * Person id of the logged-in user. Is needed to load and save the history of the emojis.\n     */\n    personId?: string;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string | ReactElement;\n    /**\n     * Sets the alignment of the popup to a fixed value. If this value is not set, the component\n     * calculates the best position on its own. Use the imported 'PopupAlignment' enum to set this\n     * value.\n     */\n    popupAlignment?: PopupAlignment;\n    /**\n     * Element that is rendered before the input field but the placeholder is still visible.\n     */\n    prefixElement?: string;\n    /**\n     * Element that is rendered inside the EmojiInput on the right side.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Whether the placeholder should be shown after the input has focus.\n     */\n    shouldHidePlaceholderOnFocus?: boolean;\n    /**\n     * Prevents the EmojiPickerPopup icon from being displayed\n     */\n    shouldPreventEmojiPicker?: boolean;\n    /**\n     * The plain text value of the input field. Instead of HTML elements BB codes must be used at\n     * this point. These are then converted by the input field into corresponding HTML elements.\n     */\n    value: string;\n};\n\nexport interface EmojiInputRef {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string, options?: ReplaceTextOptions) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n    focus: () => void;\n    blur: () => void;\n    setCursorPosition: (position?: number) => void;\n}\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n    (\n        {\n            accessToken,\n            height,\n            inputId,\n            isDisabled,\n            maxHeight = '190px',\n            onBlur,\n            onFocus,\n            onInput,\n            onKeyDown,\n            onPrefixElementRemove,\n            onPopupVisibilityChange,\n            personId,\n            placeholder,\n            popupAlignment,\n            prefixElement,\n            rightElement,\n            shouldHidePlaceholderOnFocus = false,\n            shouldPreventEmojiPicker,\n            value,\n            onCursorPositionChange,\n        },\n        ref,\n    ) => {\n        const isTouch = useIsTouch();\n        const [plainTextValue, setPlainTextValue] = useState(value);\n        const [hasFocus, setHasFocus] = useState(false);\n        const [progressDuration, setProgressDuration] = useState(0);\n        const [labelWidth, setLabelWidth] = useState(0);\n        const [isPopupVisible, setIsPopupVisible] = useState(false);\n        const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n        const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n        const [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n        const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>(/./);\n\n        const areaProvider = useContext(AreaContext);\n\n        const editorRef = useRef<HTMLDivElement>(null);\n        const prefixElementRef = useRef<HTMLDivElement>(null);\n        const hasPrefixRendered = useRef(false);\n        const hasPrefixChanged = useRef(false);\n        const shouldDeleteOneMoreBackwards = useRef(false);\n        const shouldDeleteOneMoreForwards = useRef(false);\n\n        /** * Tracks the most recently auto-converted ASCII smiley so the next * Backspace keystroke can revert it (Word/IntelliJ-style autocorrect undo). * The ref is invalidated as soon as the user presses any non-modifier key * other than Backspace (see `handleKeyDown`). */\n        const lastAsciiConversionRef = useRef<{\n            original: string;\n            emoji: string;\n            plainTextCursorPos: number;\n        } | null>(null);\n\n        const savedCursorPositionRef = useRef<number>(0);\n\n        const valueRef = useRef(value);\n\n        useCursorPosition(\n            editorRef,\n            useCallback(\n                (position: number) => {\n                    savedCursorPositionRef.current = position;\n\n                    if (typeof onCursorPositionChange === 'function') {\n                        onCursorPositionChange(position);\n                    }\n                },\n                [onCursorPositionChange],\n            ),\n            { isDisabled },\n        );\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        useEffect(() => {\n            void loadEmojiShortList().then(({ shortNameList, regShortnames }) => {\n                setEmojiShortNames(shortNameList);\n                setEmojiRegShortNames(regShortnames);\n            });\n        }, []);\n\n        /**\n         * This function updates the content of the 'contentEditable' element if the new text is\n         * different from the previous content. So this is only true if, for example, a text like \":-)\"\n         * has been replaced to the corresponding emoji.\n         *\n         * When updating the HTML, the current cursor position is saved before replacing the content, so\n         * that it can be set again afterward.\n         */\n        const handleUpdateHTML = useCallback(\n            (html: string) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                const conversions: { original: string; emoji: string }[] = [];\n\n                let newInnerHTML = convertEmojisToUnicode(\n                    html,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                    {\n                        onAsciiConversion: (conv) => conversions.push(conv),\n                    },\n                );\n\n                newInnerHTML = convertTextToHTML(newInnerHTML);\n\n                if (newInnerHTML !== editorRef.current.innerHTML) {\n                    saveSelection(editorRef.current, { shouldIgnoreEmptyTextNodes: true });\n\n                    editorRef.current.innerHTML = newInnerHTML;\n\n                    restoreSelection(editorRef.current);\n\n                    // Remember the LAST ASCII conversion so Backspace can revert it.\n                    // Older conversions are dropped on purpose: only the smiley the\n                    // user just produced should be undoable.\n                    if (conversions.length > 0) {\n                        const lastConv = conversions[conversions.length - 1];\n                        const pos = getCurrentCursorPosition(editorRef.current);\n                        if (pos !== null) {\n                            lastAsciiConversionRef.current = {\n                                original: lastConv!.original,\n                                emoji: lastConv!.emoji,\n                                plainTextCursorPos: pos,\n                            };\n                        }\n                    }\n                }\n            },\n            [emojiRegShortNames, emojiShortNames],\n        );\n\n        const handleBeforeInput = useCallback(\n            (event: FormEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                const { data, type } = event.nativeEvent as InputEvent;\n\n                if (type === 'textInput' && data && data.includes('\\n')) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    const text = convertEmojisToUnicode(data, emojiRegShortNames, emojiShortNames);\n\n                    insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function handles the 'input' events of the 'contentEditable' element and also passes the\n         * respective event up accordingly if the 'onInput' property is a function.\n         */\n        const handleInput = useCallback(\n            (event: ChangeEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.stopPropagation();\n                    event.preventDefault();\n                }\n\n                if (shouldDeleteOneMoreBackwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    // Remove content and set cursor to the right position\n                    insertInvisibleCursorMarker();\n\n                    return;\n                }\n\n                if (shouldDeleteOneMoreForwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('forwardDelete', false);\n\n                    return;\n                }\n\n                handleUpdateHTML(editorRef.current.innerHTML);\n\n                const text = convertHTMLToText(editorRef.current.innerHTML);\n\n                setPlainTextValue(text);\n\n                if (typeof onInput === 'function') {\n                    onInput(event, text);\n                }\n\n                insertCursorAtMarker(editorRef);\n            },\n            [handleUpdateHTML, isDisabled, onInput],\n        );\n\n        const handleKeyDown = useCallback(\n            (event: TmpKeyboardEvent<HTMLDivElement>) => {\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                // --- Backspace-revert for the most recent auto-conversion ---\n                // If the user presses Backspace immediately after an ASCII smiley\n                // was auto-converted (and the cursor is still at the post-conversion\n                // position), we revert the emoji back to the original text and wrap\n                // it in a protection span so it does not get re-converted.\n                if (\n                    event.key === 'Backspace' &&\n                    !event.ctrlKey &&\n                    !event.metaKey &&\n                    lastAsciiConversionRef.current &&\n                    editorRef.current\n                ) {\n                    const { original, emoji, plainTextCursorPos } = lastAsciiConversionRef.current;\n                    const currentPos = getCurrentCursorPosition(editorRef.current);\n\n                    if (currentPos === plainTextCursorPos) {\n                        event.preventDefault();\n                        event.stopPropagation();\n\n                        const didRevert = revertAsciiSmileyConversion({\n                            editorElement: editorRef.current,\n                            original,\n                            emoji,\n                        });\n\n                        lastAsciiConversionRef.current = null;\n\n                        if (didRevert) {\n                            // Notify React + downstream consumers via a synthetic input event\n                            const newEvent = new Event('input', { bubbles: true });\n                            editorRef.current.dispatchEvent(newEvent);\n                            return;\n                        }\n                    } else {\n                        // Cursor moved away from the just-converted emoji -> drop tracker\n                        lastAsciiConversionRef.current = null;\n                    }\n                } else if (!MODIFIER_KEYS.has(event.key)) {\n                    // Any other actual keystroke invalidates the revert window\n                    lastAsciiConversionRef.current = null;\n                }\n\n                if (event.key === 'Enter' && isPopupVisible) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (typeof onKeyDown === 'function') {\n                    onKeyDown(event);\n                }\n\n                if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {\n                    event.preventDefault();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('insertLineBreak', false);\n                }\n\n                if (event.key === 'Enter') {\n                    requestAnimationFrame(() => {\n                        if (editorRef.current) scrollCursorIntoView(editorRef.current);\n                    });\n                }\n\n                if (\n                    event.key === 'Backspace' ||\n                    event.key === 'Delete' ||\n                    event.key === 'Unidentified'\n                ) {\n                    const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n                    if (charCodeThatWillBeDeleted === 8203) {\n                        if (event.key === 'Backspace' || event.key === 'Unidentified') {\n                            shouldDeleteOneMoreBackwards.current = true;\n                        } else {\n                            shouldDeleteOneMoreForwards.current = true;\n                        }\n                    }\n                }\n            },\n            [isDisabled, isPopupVisible, onKeyDown],\n        );\n\n        const handlePopupVisibility = useCallback(\n            (isVisible: boolean) => {\n                setIsPopupVisible(isVisible);\n\n                if (editorRef.current && isVisible) {\n                    saveSelection(editorRef.current);\n                }\n\n                if (typeof onPopupVisibilityChange === 'function') {\n                    onPopupVisibilityChange(isVisible);\n                }\n            },\n            [onPopupVisibilityChange],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are inserted. To do this, the\n         * plain text is read from the event after the default behavior has been prevented. The plain\n         * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n         */\n        const handlePaste = useCallback(\n            (event: ClipboardEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    // This ensures, that only the copied text is inserted and not its HTML formatting.\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n                    if (text.includes('\\n')) {\n                        text += '\\u200C';\n                    }\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are dropped. To do this, the\n         * plain text is read from the event after the default behavior has been prevented. The plain\n         * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n         */\n        const handleDrop = useCallback(\n            (event: React.DragEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    // This ensures, that only the dropped text is inserted and not its HTML formatting.\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the\n         * correct position in the editor element.\n         *\n         * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,\n         * which in turn executes the 'onInput' function from the props. So this serves to ensure that\n         * the event is also passed through to the top when inserting via the popup.\n         */\n        const handlePopupSelect = useCallback((emoji: string) => {\n            if (editorRef.current) {\n                insertTextAtCursorPosition({\n                    editorElement: editorRef.current,\n                    text: emoji,\n                    shouldUseSavedSelection: true,\n                });\n\n                const event = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(event);\n            }\n        }, []);\n\n        useEffect(() => {\n            if (typeof onPrefixElementRemove !== 'function') {\n                return;\n            }\n\n            if (!hasPrefixRendered.current) {\n                return;\n            }\n\n            const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n                '&nbsp;',\n                ' ',\n            );\n            const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n            if (\n                (convertedPrefix &&\n                    convertedText.includes(convertedPrefix) &&\n                    convertedText.length > convertedPrefix.length) ||\n                convertedPrefix === convertedText\n            ) {\n                return;\n            }\n\n            if (hasPrefixChanged.current) {\n                hasPrefixChanged.current = false;\n\n                return;\n            }\n\n            onPrefixElementRemove();\n            hasPrefixRendered.current = false;\n        }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n        useEffect(() => {\n            if (typeof prefixElement === 'string') {\n                hasPrefixChanged.current = true;\n            }\n        }, [prefixElement]);\n\n        useEffect(() => {\n            if (value !== plainTextValue) {\n                setPlainTextValue(value);\n\n                handleUpdateHTML(value);\n            }\n        }, [handleUpdateHTML, plainTextValue, value]);\n\n        // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n        // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n        // the HTML content correctly when the component is rendered for the first time.\n        useIsomorphicLayoutEffect(() => {\n            handleUpdateHTML(valueRef.current);\n        }, [handleUpdateHTML]);\n\n        const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n            if (editorRef.current) {\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                const newEvent = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(newEvent);\n            }\n        }, []);\n\n        const handleReplaceText = useCallback(\n            (searchText: string, pasteText: string, options?: ReplaceTextOptions) => {\n                if (editorRef.current) {\n                    replaceText({\n                        editorElement: editorRef.current,\n                        searchText,\n                        pasteText,\n                        options,\n                    });\n\n                    insertPseudoMarker();\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [],\n        );\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        const handleSetCursorPosition = useCallback((position?: number) => {\n            if (!editorRef.current) {\n                return;\n            }\n\n            const resolvedPosition = position ?? savedCursorPositionRef.current;\n\n            savedCursorPositionRef.current = resolvedPosition;\n\n            editorRef.current.focus();\n\n            setCursorPositionByAbsIndex({\n                editorElement: editorRef.current,\n                position: resolvedPosition,\n            });\n\n            const updatedPosition = getCurrentCursorPosition(editorRef.current);\n            if (typeof updatedPosition === 'number') {\n                savedCursorPositionRef.current = updatedPosition;\n            }\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n                replaceText: handleReplaceText,\n                startProgress: handleStartProgress,\n                stopProgress: handleStopProgress,\n                focus: () => editorRef.current?.focus(),\n                blur: () => editorRef.current?.blur(),\n                setCursorPosition: handleSetCursorPosition,\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n                handleSetCursorPosition,\n            ],\n        );\n\n        useEffect(() => {\n            /**\n             * This function ensures that the input field does not lose focus when the popup is opened\n             * or an emoji is selected in it. For this purpose the corresponding elements get the class\n             * 'prevent-lose-focus'.\n             *\n             * The class can also be set to any other elements that should also not cause the input\n             * field to lose focus.\n             */\n            const handlePreventLoseFocus = (event: MouseEvent) => {\n                const element = event.target as Element;\n\n                if (\n                    element.classList.contains('prevent-lose-focus') ||\n                    element.parentElement?.classList.contains('prevent-lose-focus') ||\n                    element.parentElement?.parentElement?.classList.contains('prevent-lose-focus')\n                ) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n            };\n\n            document.body.addEventListener('mousedown', handlePreventLoseFocus);\n\n            return () => {\n                document.body.removeEventListener('mousedown', handlePreventLoseFocus);\n            };\n        }, []);\n\n        const shouldShowPlaceholder = useMemo(() => {\n            if (!isPrefixAnimationFinished) {\n                return false;\n            }\n\n            const isJustPrefixElement =\n                prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n            const shouldRenderPlaceholder =\n                (prefixElement && !plainTextValue) ||\n                (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n            switch (true) {\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    !hasFocus:\n                case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n                    return shouldRenderPlaceholder;\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    hasFocus:\n                    return false;\n                default:\n                    return false;\n            }\n        }, [\n            isPrefixAnimationFinished,\n            hasFocus,\n            plainTextValue,\n            prefixElement,\n            shouldHidePlaceholderOnFocus,\n            prefixElementWidth,\n        ]);\n\n        useEffect(() => {\n            if (prefixElement) {\n                setIsPrefixAnimationFinished(false);\n            }\n        }, [prefixElement]);\n\n        const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onFocus === 'function' && !isDisabled) {\n                onFocus(event);\n            }\n\n            setHasFocus(true);\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onBlur === 'function' && !isDisabled) {\n                onBlur(event);\n            }\n\n            setHasFocus(false);\n        };\n\n        useEffect(() => {\n            if (editorRef.current && prefixElement) {\n                const text = convertEmojisToUnicode(\n                    prefixElement,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                );\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [emojiRegShortNames, emojiShortNames, handleUpdateHTML, prefixElement]);\n\n        useEffect(() => {\n            if (\n                prefixElementRef.current &&\n                prefixElement &&\n                convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n            ) {\n                setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n            } else {\n                setPrefixElementWidth(undefined);\n            }\n        }, [plainTextValue, prefixElement]);\n\n        useEffect(() => {\n            const handleResize = () => {\n                if (editorRef.current) {\n                    setLabelWidth(editorRef.current.offsetWidth);\n                }\n            };\n\n            const resizeObserver = new ResizeObserver(handleResize);\n\n            if (editorRef.current) {\n                resizeObserver.observe(editorRef.current);\n            }\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }, []);\n\n        useEffect(() => {\n            const blurElement = () => {\n                if (\n                    editorRef.current &&\n                    document.activeElement === editorRef.current &&\n                    isDisabled\n                ) {\n                    editorRef.current.blur();\n                }\n            };\n\n            document.addEventListener('focus', blurElement, true);\n\n            return () => {\n                document.removeEventListener('focus', blurElement, true);\n            };\n        }, [isDisabled]);\n\n        return (\n            <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n                <AnimatePresence initial>\n                    {progressDuration > 0 && (\n                        <StyledMotionEmojiInputProgress\n                            animate={{ width: '100%' }}\n                            exit={{ opacity: 0 }}\n                            initial={{ opacity: 1, width: '0%' }}\n                            transition={{\n                                width: {\n                                    ease: 'linear',\n                                    duration: progressDuration,\n                                },\n                                opacity: {\n                                    type: 'tween',\n                                    duration: 0.3,\n                                },\n                            }}\n                        />\n                    )}\n                </AnimatePresence>\n                <StyledEmojiInputContent>\n                    {prefixElement && (\n                        <PrefixElement\n                            key={prefixElement}\n                            element={prefixElement}\n                            prefixElementRef={prefixElementRef}\n                            setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n                        />\n                    )}\n                    <StyledMotionEmojiInputEditor\n                        className=\"chayns-scrollbar\"\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable\n                        id={inputId}\n                        onBeforeInput={handleBeforeInput}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onInput={handleInput}\n                        onKeyDown={handleKeyDown}\n                        onPaste={handlePaste}\n                        onDrop={handleDrop}\n                        ref={editorRef}\n                        $shouldShowContent={isPrefixAnimationFinished}\n                        transition={{ type: 'tween', duration: 0.2 }}\n                    />\n\n                    {shouldShowPlaceholder && (\n                        <StyledEmojiInputLabel\n                            $maxWidth={labelWidth}\n                            $offsetWidth={prefixElementWidth}\n                        >\n                            {placeholder}\n                        </StyledEmojiInputLabel>\n                    )}\n                    {!isTouch && !shouldPreventEmojiPicker && (\n                        <EmojiPickerPopup\n                            accessToken={accessToken}\n                            onSelect={handlePopupSelect}\n                            onPopupVisibilityChange={handlePopupVisibility}\n                            personId={personId}\n                        />\n                    )}\n                </StyledEmojiInputContent>\n                {rightElement && (\n                    <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n                )}\n            </StyledEmojiInput>\n        );\n    },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EmojiInput.js","names":["AreaContext","useIsTouch","AnimatePresence","React","forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","convertEmojisToUnicode","escapeHTML","insertTextAtCursorPosition","replaceText","revertAsciiSmileyConversion","getCharCodeThatWillBeDeleted","insertInvisibleCursorMarker","restoreSelection","saveSelection","insertPseudoMarker","insertCursorAtMarker","getCurrentCursorPosition","setCursorPositionByAbsIndex","convertHTMLToText","convertTextToHTML","cleanupEmptyIgnoreEmojiSpans","EmojiPickerPopup","StyledEmojiInput","StyledEmojiInputContent","StyledEmojiInputLabel","StyledEmojiInputRightWrapper","StyledMotionEmojiInputEditor","StyledMotionEmojiInputProgress","PrefixElement","loadEmojiShortList","scrollCursorIntoView","useCursorPosition","MODIFIER_KEYS","Set","useIsomorphicLayoutEffect","window","EmojiInput","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","onCursorPositionChange","ref","isTouch","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","emojiShortNames","setEmojiShortNames","emojiRegShortNames","setEmojiRegShortNames","areaProvider","editorRef","prefixElementRef","hasPrefixRendered","hasPrefixChanged","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","lastAsciiConversionRef","savedCursorPositionRef","valueRef","position","current","shouldChangeColor","then","shortNameList","regShortnames","handleUpdateHTML","html","conversions","newInnerHTML","onAsciiConversion","conv","push","innerHTML","shouldIgnoreEmptyTextNodes","length","lastConv","pos","original","emoji","plainTextCursorPos","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","document","execCommand","cleanedHTML","handleKeyDown","key","ctrlKey","metaKey","currentPos","didRevert","has","isPropagationStopped","requestAnimationFrame","charCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handleDrop","dataTransfer","handlePopupSelect","shouldUseSavedSelection","convertedText","replace","convertedPrefix","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","options","handleStartProgress","duration","handleStopProgress","handleSetCursorPosition","resolvedPosition","focus","updatedPosition","startProgress","stopProgress","blur","setCursorPosition","handlePreventLoseFocus","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","createElement","$isDisabled","$shouldChangeColor","initial","animate","width","exit","opacity","transition","ease","className","minHeight","contentEditable","id","onBeforeInput","onPaste","onDrop","$shouldShowContent","$maxWidth","$offsetWidth","onSelect","displayName"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext, useIsTouch } from '@chayns-components/core';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEvent,\n    ClipboardEvent,\n    CSSProperties,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEvent as TmpKeyboardEvent,\n    KeyboardEventHandler,\n    ReactElement,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode, escapeHTML } from '../../utils/emoji';\nimport {\n    insertTextAtCursorPosition,\n    replaceText,\n    revertAsciiSmileyConversion,\n} from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    insertInvisibleCursorMarker,\n    restoreSelection,\n    saveSelection,\n    type ReplaceTextOptions,\n    insertPseudoMarker,\n    insertCursorAtMarker,\n    getCurrentCursorPosition,\n    setCursorPositionByAbsIndex,\n} from '../../utils/selection';\nimport {\n    convertHTMLToText,\n    convertTextToHTML,\n    cleanupEmptyIgnoreEmojiSpans,\n} from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n    StyledEmojiInput,\n    StyledEmojiInputContent,\n    StyledEmojiInputLabel,\n    StyledEmojiInputRightWrapper,\n    StyledMotionEmojiInputEditor,\n    StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\nimport { loadEmojiShortList } from '../../utils/asyncEmojiData';\nimport { scrollCursorIntoView } from '../../utils/scroll';\nimport { useCursorPosition } from '../../hooks/cursor';\n\nconst MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type EmojiInputProps = {\n    /**\n     * Access token of the logged-in user. Is needed to load and save the history of the emojis.\n     */\n    accessToken?: string;\n    /**\n     * Sets the height of the input field to a fixed value. If this value is not set, the component will use the needed height until the maximum height is reached.\n     */\n    height?: CSSProperties['height'];\n    /**\n     * HTML id of the input element\n     */\n    inputId?: string;\n    /**\n     * Disables the input so that it cannot be changed anymore\n     */\n    isDisabled?: boolean;\n    /**\n     * Sets the maximum height of the input field.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\n    /**\n     * Function that is executed when the input field loses focus.\n     */\n    onBlur?: FocusEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the cursor position is changed.\n     */\n    onCursorPositionChange?: (position: number) => void;\n    /**\n     * Function that is executed when the input field gets the focus.\n     */\n    onFocus?: FocusEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the text of the input changes. In addition to the original\n     * event, the original text is returned as second parameter, in which the internally used HTML\n     * elements have been converted back to BB codes.\n     */\n    onInput?: (event: ChangeEvent<HTMLDivElement>, originalText: string) => void;\n    /**\n     * Function that is executed when a key is pressed down.\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed if the prefixElement is removed.\n     */\n    onPrefixElementRemove?: () => void;\n    /**\n     * Function that is executed when the visibility of the popup changes.\n     * @param {boolean} isVisible - Whether the popup is visible or not\n     */\n    onPopupVisibilityChange?: (isVisible: boolean) => void;\n    /**\n     * Person id of the logged-in user. Is needed to load and save the history of the emojis.\n     */\n    personId?: string;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string | ReactElement;\n    /**\n     * Sets the alignment of the popup to a fixed value. If this value is not set, the component\n     * calculates the best position on its own. Use the imported 'PopupAlignment' enum to set this\n     * value.\n     */\n    popupAlignment?: PopupAlignment;\n    /**\n     * Element that is rendered before the input field but the placeholder is still visible.\n     */\n    prefixElement?: string;\n    /**\n     * Element that is rendered inside the EmojiInput on the right side.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Whether the placeholder should be shown after the input has focus.\n     */\n    shouldHidePlaceholderOnFocus?: boolean;\n    /**\n     * Prevents the EmojiPickerPopup icon from being displayed\n     */\n    shouldPreventEmojiPicker?: boolean;\n    /**\n     * The plain text value of the input field. Instead of HTML elements BB codes must be used at\n     * this point. These are then converted by the input field into corresponding HTML elements.\n     */\n    value: string;\n};\n\nexport interface EmojiInputRef {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string, options?: ReplaceTextOptions) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n    focus: () => void;\n    blur: () => void;\n    setCursorPosition: (position?: number) => void;\n}\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n    (\n        {\n            accessToken,\n            height,\n            inputId,\n            isDisabled,\n            maxHeight = '190px',\n            onBlur,\n            onFocus,\n            onInput,\n            onKeyDown,\n            onPrefixElementRemove,\n            onPopupVisibilityChange,\n            personId,\n            placeholder,\n            popupAlignment,\n            prefixElement,\n            rightElement,\n            shouldHidePlaceholderOnFocus = false,\n            shouldPreventEmojiPicker,\n            value,\n            onCursorPositionChange,\n        },\n        ref,\n    ) => {\n        const isTouch = useIsTouch();\n        const [plainTextValue, setPlainTextValue] = useState(value);\n        const [hasFocus, setHasFocus] = useState(false);\n        const [progressDuration, setProgressDuration] = useState(0);\n        const [labelWidth, setLabelWidth] = useState(0);\n        const [isPopupVisible, setIsPopupVisible] = useState(false);\n        const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n        const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n        const [emojiShortNames, setEmojiShortNames] = useState<{ [p: string]: string }>({});\n        const [emojiRegShortNames, setEmojiRegShortNames] = useState<RegExp>(/./);\n\n        const areaProvider = useContext(AreaContext);\n\n        const editorRef = useRef<HTMLDivElement>(null);\n        const prefixElementRef = useRef<HTMLDivElement>(null);\n        const hasPrefixRendered = useRef(false);\n        const hasPrefixChanged = useRef(false);\n        const shouldDeleteOneMoreBackwards = useRef(false);\n        const shouldDeleteOneMoreForwards = useRef(false);\n\n        /** * Tracks the most recently auto-converted ASCII smiley so the next * Backspace keystroke can revert it (Word/IntelliJ-style autocorrect undo). * The ref is invalidated as soon as the user presses any non-modifier key * other than Backspace (see `handleKeyDown`). */\n        const lastAsciiConversionRef = useRef<{\n            original: string;\n            emoji: string;\n            plainTextCursorPos: number;\n        } | null>(null);\n\n        const savedCursorPositionRef = useRef<number>(0);\n\n        const valueRef = useRef(value);\n\n        useCursorPosition(\n            editorRef,\n            useCallback(\n                (position: number) => {\n                    savedCursorPositionRef.current = position;\n\n                    if (typeof onCursorPositionChange === 'function') {\n                        onCursorPositionChange(position);\n                    }\n                },\n                [onCursorPositionChange],\n            ),\n            { isDisabled },\n        );\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        useEffect(() => {\n            void loadEmojiShortList().then(({ shortNameList, regShortnames }) => {\n                setEmojiShortNames(shortNameList);\n                setEmojiRegShortNames(regShortnames);\n            });\n        }, []);\n\n        /**\n         * This function updates the content of the 'contentEditable' element if the new text is\n         * different from the previous content. So this is only true if, for example, a text like \":-)\"\n         * has been replaced to the corresponding emoji.\n         *\n         * When updating the HTML, the current cursor position is saved before replacing the content, so\n         * that it can be set again afterward.\n         */\n        const handleUpdateHTML = useCallback(\n            (html: string) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                const conversions: { original: string; emoji: string }[] = [];\n\n                let newInnerHTML = convertEmojisToUnicode(\n                    html,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                    {\n                        onAsciiConversion: (conv) => conversions.push(conv),\n                    },\n                );\n\n                newInnerHTML = convertTextToHTML(newInnerHTML);\n                newInnerHTML = cleanupEmptyIgnoreEmojiSpans(newInnerHTML);\n\n                if (newInnerHTML !== editorRef.current.innerHTML) {\n                    saveSelection(editorRef.current, { shouldIgnoreEmptyTextNodes: true });\n\n                    editorRef.current.innerHTML = newInnerHTML;\n\n                    restoreSelection(editorRef.current);\n\n                    // Remember the LAST ASCII conversion so Backspace can revert it.\n                    // Older conversions are dropped on purpose: only the smiley the\n                    // user just produced should be undoable.\n                    if (conversions.length > 0) {\n                        const lastConv = conversions[conversions.length - 1];\n                        const pos = getCurrentCursorPosition(editorRef.current);\n                        if (pos !== null) {\n                            lastAsciiConversionRef.current = {\n                                original: lastConv!.original,\n                                emoji: lastConv!.emoji,\n                                plainTextCursorPos: pos,\n                            };\n                        }\n                    }\n                }\n            },\n            [emojiRegShortNames, emojiShortNames],\n        );\n\n        const handleBeforeInput = useCallback(\n            (event: FormEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                const { data, type } = event.nativeEvent as InputEvent;\n\n                if (type === 'textInput' && data && data.includes('\\n')) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    const text = convertEmojisToUnicode(data, emojiRegShortNames, emojiShortNames);\n\n                    insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function handles the 'input' events of the 'contentEditable' element and also passes the\n         * respective event up accordingly if the 'onInput' property is a function.\n         */\n        const handleInput = useCallback(\n            (event: ChangeEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (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                const text = convertHTMLToText(cleanedHTML);\n\n                setPlainTextValue(text);\n\n                if (typeof onInput === 'function') {\n                    onInput(event, text);\n                }\n\n                insertCursorAtMarker(editorRef);\n            },\n            [handleUpdateHTML, isDisabled, onInput],\n        );\n\n        const handleKeyDown = useCallback(\n            (event: TmpKeyboardEvent<HTMLDivElement>) => {\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                // --- Backspace-revert for the most recent auto-conversion ---\n                // If the user presses Backspace immediately after an ASCII smiley\n                // was auto-converted (and the cursor is still at the post-conversion\n                // position), we revert the emoji back to the original text and wrap\n                // it in a protection span so it does not get re-converted.\n                if (\n                    event.key === 'Backspace' &&\n                    !event.ctrlKey &&\n                    !event.metaKey &&\n                    lastAsciiConversionRef.current &&\n                    editorRef.current\n                ) {\n                    const { original, emoji, plainTextCursorPos } = lastAsciiConversionRef.current;\n                    const currentPos = getCurrentCursorPosition(editorRef.current);\n\n                    if (currentPos === plainTextCursorPos) {\n                        event.preventDefault();\n                        event.stopPropagation();\n\n                        const didRevert = revertAsciiSmileyConversion({\n                            editorElement: editorRef.current,\n                            original,\n                            emoji,\n                        });\n\n                        lastAsciiConversionRef.current = null;\n\n                        if (didRevert) {\n                            // Notify React + downstream consumers via a synthetic input event\n                            const newEvent = new Event('input', { bubbles: true });\n                            editorRef.current.dispatchEvent(newEvent);\n                            return;\n                        }\n                    } else {\n                        // Cursor moved away from the just-converted emoji -> drop tracker\n                        lastAsciiConversionRef.current = null;\n                    }\n                } else if (!MODIFIER_KEYS.has(event.key)) {\n                    // Any other actual keystroke invalidates the revert window\n                    lastAsciiConversionRef.current = null;\n                }\n\n                if (event.key === 'Enter' && isPopupVisible) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (typeof onKeyDown === 'function') {\n                    onKeyDown(event);\n                }\n\n                if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {\n                    event.preventDefault();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('insertLineBreak', false);\n                }\n\n                if (event.key === 'Enter') {\n                    requestAnimationFrame(() => {\n                        if (editorRef.current) scrollCursorIntoView(editorRef.current);\n                    });\n                }\n\n                if (\n                    event.key === 'Backspace' ||\n                    event.key === 'Delete' ||\n                    event.key === 'Unidentified'\n                ) {\n                    const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n                    if (charCodeThatWillBeDeleted === 8203) {\n                        if (event.key === 'Backspace' || event.key === 'Unidentified') {\n                            shouldDeleteOneMoreBackwards.current = true;\n                        } else {\n                            shouldDeleteOneMoreForwards.current = true;\n                        }\n                    }\n                }\n            },\n            [isDisabled, isPopupVisible, onKeyDown],\n        );\n\n        const handlePopupVisibility = useCallback(\n            (isVisible: boolean) => {\n                setIsPopupVisible(isVisible);\n\n                if (editorRef.current && isVisible) {\n                    saveSelection(editorRef.current);\n                }\n\n                if (typeof onPopupVisibilityChange === 'function') {\n                    onPopupVisibilityChange(isVisible);\n                }\n            },\n            [onPopupVisibilityChange],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are inserted. To do this, the\n         * plain text is read from the event after the default behavior has been prevented. The plain\n         * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n         */\n        const handlePaste = useCallback(\n            (event: ClipboardEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    // This ensures, that only the copied text is inserted and not its HTML formatting.\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       pasted the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // Insert an invisible control character at the end of the text to place the cursor in the correct position after insertion.\n                    if (text.includes('\\n')) {\n                        text += '\\u200C';\n                    }\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function prevents formatting from being adopted when texts are dropped. To do this, the\n         * plain text is read from the event after the default behavior has been prevented. The plain\n         * text is then inserted at the correct position in the input field using document.execCommand('insertHTML')\n         */\n        const handleDrop = useCallback(\n            (event: React.DragEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    // This ensures, that only the dropped text is inserted and not its HTML formatting.\n                    let text = event.dataTransfer?.getData('text');\n\n                    if (!text) {\n                        return;\n                    }\n\n                    text = convertEmojisToUnicode(text, emojiRegShortNames, emojiShortNames);\n\n                    /* This ensures, that valid HTML in the inserted text is not interpreted as such. e.g. if the user\n                       drops the text '<b>test</b>' (not as formatted html), the <b> tags need to be escaped, to\n                       prevent it from being interpreted as html. */\n                    text = escapeHTML(text);\n\n                    // This deprecated function is used, because it causes the inserted content to be added to the undo stack.\n                    // If the text were to be inserted directly into the 'innerHTML' of the editor element, the undo stack would not be updated.\n                    // In that case on CTRL+Z the inserted text would not be removed.\n                    document.execCommand('insertHTML', false, text);\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [emojiRegShortNames, emojiShortNames, isDisabled],\n        );\n\n        /**\n         * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the\n         * correct position in the editor element.\n         *\n         * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,\n         * which in turn executes the 'onInput' function from the props. So this serves to ensure that\n         * the event is also passed through to the top when inserting via the popup.\n         */\n        const handlePopupSelect = useCallback((emoji: string) => {\n            if (editorRef.current) {\n                insertTextAtCursorPosition({\n                    editorElement: editorRef.current,\n                    text: emoji,\n                    shouldUseSavedSelection: true,\n                });\n\n                const event = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(event);\n            }\n        }, []);\n\n        useEffect(() => {\n            if (typeof onPrefixElementRemove !== 'function') {\n                return;\n            }\n\n            if (!hasPrefixRendered.current) {\n                return;\n            }\n\n            const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n                '&nbsp;',\n                ' ',\n            );\n            const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n            if (\n                (convertedPrefix &&\n                    convertedText.includes(convertedPrefix) &&\n                    convertedText.length > convertedPrefix.length) ||\n                convertedPrefix === convertedText\n            ) {\n                return;\n            }\n\n            if (hasPrefixChanged.current) {\n                hasPrefixChanged.current = false;\n\n                return;\n            }\n\n            onPrefixElementRemove();\n            hasPrefixRendered.current = false;\n        }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n        useEffect(() => {\n            if (typeof prefixElement === 'string') {\n                hasPrefixChanged.current = true;\n            }\n        }, [prefixElement]);\n\n        useEffect(() => {\n            if (value !== plainTextValue) {\n                setPlainTextValue(value);\n\n                handleUpdateHTML(value);\n            }\n        }, [handleUpdateHTML, plainTextValue, value]);\n\n        // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n        // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n        // the HTML content correctly when the component is rendered for the first time.\n        useIsomorphicLayoutEffect(() => {\n            handleUpdateHTML(valueRef.current);\n        }, [handleUpdateHTML]);\n\n        const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n            if (editorRef.current) {\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                const newEvent = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(newEvent);\n            }\n        }, []);\n\n        const handleReplaceText = useCallback(\n            (searchText: string, pasteText: string, options?: ReplaceTextOptions) => {\n                if (editorRef.current) {\n                    replaceText({\n                        editorElement: editorRef.current,\n                        searchText,\n                        pasteText,\n                        options,\n                    });\n\n                    insertPseudoMarker();\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [],\n        );\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        const handleSetCursorPosition = useCallback((position?: number) => {\n            if (!editorRef.current) {\n                return;\n            }\n\n            const resolvedPosition = position ?? savedCursorPositionRef.current;\n\n            savedCursorPositionRef.current = resolvedPosition;\n\n            editorRef.current.focus();\n\n            setCursorPositionByAbsIndex({\n                editorElement: editorRef.current,\n                position: resolvedPosition,\n            });\n\n            const updatedPosition = getCurrentCursorPosition(editorRef.current);\n            if (typeof updatedPosition === 'number') {\n                savedCursorPositionRef.current = updatedPosition;\n            }\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n                replaceText: handleReplaceText,\n                startProgress: handleStartProgress,\n                stopProgress: handleStopProgress,\n                focus: () => editorRef.current?.focus(),\n                blur: () => editorRef.current?.blur(),\n                setCursorPosition: handleSetCursorPosition,\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n                handleSetCursorPosition,\n            ],\n        );\n\n        useEffect(() => {\n            /**\n             * This function ensures that the input field does not lose focus when the popup is opened\n             * or an emoji is selected in it. For this purpose the corresponding elements get the class\n             * 'prevent-lose-focus'.\n             *\n             * The class can also be set to any other elements that should also not cause the input\n             * field to lose focus.\n             */\n            const handlePreventLoseFocus = (event: MouseEvent) => {\n                const element = event.target as Element;\n\n                if (\n                    element.classList.contains('prevent-lose-focus') ||\n                    element.parentElement?.classList.contains('prevent-lose-focus') ||\n                    element.parentElement?.parentElement?.classList.contains('prevent-lose-focus')\n                ) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n            };\n\n            document.body.addEventListener('mousedown', handlePreventLoseFocus);\n\n            return () => {\n                document.body.removeEventListener('mousedown', handlePreventLoseFocus);\n            };\n        }, []);\n\n        const shouldShowPlaceholder = useMemo(() => {\n            if (!isPrefixAnimationFinished) {\n                return false;\n            }\n\n            const isJustPrefixElement =\n                prefixElement && convertTextToHTML(prefixElement) === editorRef.current?.innerHTML;\n\n            const shouldRenderPlaceholder =\n                (prefixElement && !plainTextValue) ||\n                (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n            switch (true) {\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    !hasFocus:\n                case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n                    return shouldRenderPlaceholder;\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    hasFocus:\n                    return false;\n                default:\n                    return false;\n            }\n        }, [\n            isPrefixAnimationFinished,\n            hasFocus,\n            plainTextValue,\n            prefixElement,\n            shouldHidePlaceholderOnFocus,\n            prefixElementWidth,\n        ]);\n\n        useEffect(() => {\n            if (prefixElement) {\n                setIsPrefixAnimationFinished(false);\n            }\n        }, [prefixElement]);\n\n        const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onFocus === 'function' && !isDisabled) {\n                onFocus(event);\n            }\n\n            setHasFocus(true);\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onBlur === 'function' && !isDisabled) {\n                onBlur(event);\n            }\n\n            setHasFocus(false);\n        };\n\n        useEffect(() => {\n            if (editorRef.current && prefixElement) {\n                const text = convertEmojisToUnicode(\n                    prefixElement,\n                    emojiRegShortNames,\n                    emojiShortNames,\n                );\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [emojiRegShortNames, emojiShortNames, handleUpdateHTML, prefixElement]);\n\n        useEffect(() => {\n            if (\n                prefixElementRef.current &&\n                prefixElement &&\n                convertTextToHTML(prefixElement) === editorRef.current?.innerHTML\n            ) {\n                setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n            } else {\n                setPrefixElementWidth(undefined);\n            }\n        }, [plainTextValue, prefixElement]);\n\n        useEffect(() => {\n            const handleResize = () => {\n                if (editorRef.current) {\n                    setLabelWidth(editorRef.current.offsetWidth);\n                }\n            };\n\n            const resizeObserver = new ResizeObserver(handleResize);\n\n            if (editorRef.current) {\n                resizeObserver.observe(editorRef.current);\n            }\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }, []);\n\n        useEffect(() => {\n            const blurElement = () => {\n                if (\n                    editorRef.current &&\n                    document.activeElement === editorRef.current &&\n                    isDisabled\n                ) {\n                    editorRef.current.blur();\n                }\n            };\n\n            document.addEventListener('focus', blurElement, true);\n\n            return () => {\n                document.removeEventListener('focus', blurElement, true);\n            };\n        }, [isDisabled]);\n\n        return (\n            <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n                <AnimatePresence initial>\n                    {progressDuration > 0 && (\n                        <StyledMotionEmojiInputProgress\n                            animate={{ width: '100%' }}\n                            exit={{ opacity: 0 }}\n                            initial={{ opacity: 1, width: '0%' }}\n                            transition={{\n                                width: {\n                                    ease: 'linear',\n                                    duration: progressDuration,\n                                },\n                                opacity: {\n                                    type: 'tween',\n                                    duration: 0.3,\n                                },\n                            }}\n                        />\n                    )}\n                </AnimatePresence>\n                <StyledEmojiInputContent>\n                    {prefixElement && (\n                        <PrefixElement\n                            key={prefixElement}\n                            element={prefixElement}\n                            prefixElementRef={prefixElementRef}\n                            setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n                        />\n                    )}\n                    <StyledMotionEmojiInputEditor\n                        className=\"chayns-scrollbar\"\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable\n                        id={inputId}\n                        onBeforeInput={handleBeforeInput}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onInput={handleInput}\n                        onKeyDown={handleKeyDown}\n                        onPaste={handlePaste}\n                        onDrop={handleDrop}\n                        ref={editorRef}\n                        $shouldShowContent={isPrefixAnimationFinished}\n                        transition={{ type: 'tween', duration: 0.2 }}\n                    />\n\n                    {shouldShowPlaceholder && (\n                        <StyledEmojiInputLabel\n                            $maxWidth={labelWidth}\n                            $offsetWidth={prefixElementWidth}\n                        >\n                            {placeholder}\n                        </StyledEmojiInputLabel>\n                    )}\n                    {!isTouch && !shouldPreventEmojiPicker && (\n                        <EmojiPickerPopup\n                            accessToken={accessToken}\n                            onSelect={handlePopupSelect}\n                            onPopupVisibilityChange={handlePopupVisibility}\n                            personId={personId}\n                        />\n                    )}\n                </StyledEmojiInputContent>\n                {rightElement && (\n                    <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n                )}\n            </StyledEmojiInput>\n        );\n    },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/constants/regex.js

@@ -1,6 +1,7 @@
 export const BB_LC_MENTION_REGEX = /\[lc_mention.+?id="([^"]+?)"](.+?)\[\/lc_mention]/g;
 export const BB_NER_IGNORE_REGEX = /\[nerIgnore](.+?)\[\/nerIgnore]/g;
 export const BB_NER_REPLACE_REGEX = /\[nerReplace\s*(?:prefix="(.*?)")?\s*type="(.*?)"\s*value="(.*?)"](.*?)\[\/nerReplace]/gi;
+export const BB_IGNORE_EMOJI_REGEX = /\[ignoreEmoji\]([\s\S]*?)\[\/ignoreEmoji\]/g;
 export const HTML_LC_MENTION_REGEX = /<lc_mention.+?id="([^"]+?)">(?:<span.*?<\/span>)*(.+?)<\/lc_mention>/g;
 export const HTML_NER_IGNORE_REGEX = /<nerIgnore>(.+?)<\/nerIgnore>/g;
 export const HTML_NER_REPLACE_REGEX = /<nerReplace\s*(?:prefix="(.*?)")?\s*type="(.*?)"\s*value="(.*?)">(.*?)<\/nerReplace>/gi;

package/lib/esm/constants/regex.js.map

@@ -1 +1 @@
-{"version":3,"file":"regex.js","names":["BB_LC_MENTION_REGEX","BB_NER_IGNORE_REGEX","BB_NER_REPLACE_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","HTML_BOLD_REGEX","HTML_A_TAG_REGEX","HTML_NO_EMOJI_REGEX"],"sources":["../../../src/constants/regex.ts"],"sourcesContent":["export const BB_LC_MENTION_REGEX = /\\[lc_mention.+?id=\"([^\"]+?)\"](.+?)\\[\\/lc_mention]/g;\nexport const BB_NER_IGNORE_REGEX = /\\[nerIgnore](.+?)\\[\\/nerIgnore]/g;\nexport const BB_NER_REPLACE_REGEX =\n    /\\[nerReplace\\s*(?:prefix=\"(.*?)\")?\\s*type=\"(.*?)\"\\s*value=\"(.*?)\"](.*?)\\[\\/nerReplace]/gi;\n\nexport const HTML_LC_MENTION_REGEX =\n    /<lc_mention.+?id=\"([^\"]+?)\">(?:<span.*?<\\/span>)*(.+?)<\\/lc_mention>/g;\nexport const HTML_NER_IGNORE_REGEX = /<nerIgnore>(.+?)<\\/nerIgnore>/g;\nexport const HTML_NER_REPLACE_REGEX =\n    /<nerReplace\\s*(?:prefix=\"(.*?)\")?\\s*type=\"(.*?)\"\\s*value=\"(.*?)\">(.*?)<\\/nerReplace>/gi;\nexport const HTML_BOLD_REGEX = /<b>(.+?)<\\/b>/g;\nexport const HTML_A_TAG_REGEX = /(?:<|&lt;)a\\b[^>]*?(?:>|&gt;)(.*?)(?:<|&lt;)\\/a(?:>|&gt;)/g;\n\nexport const HTML_NO_EMOJI_REGEX = /<span class=\"no-emoji-convert\">([\\s\\S]*?)<\\/span>/g;\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAG,oDAAoD;AACvF,OAAO,MAAMC,mBAAmB,GAAG,kCAAkC;AACrE,OAAO,MAAMC,oBAAoB,GAC7B,0FAA0F;AAE9F,OAAO,MAAMC,qBAAqB,GAC9B,uEAAuE;AAC3E,OAAO,MAAMC,qBAAqB,GAAG,gCAAgC;AACrE,OAAO,MAAMC,sBAAsB,GAC/B,wFAAwF;AAC5F,OAAO,MAAMC,eAAe,GAAG,gBAAgB;AAC/C,OAAO,MAAMC,gBAAgB,GAAG,4DAA4D;AAE5F,OAAO,MAAMC,mBAAmB,GAAG,oDAAoD","ignoreList":[]}
+{"version":3,"file":"regex.js","names":["BB_LC_MENTION_REGEX","BB_NER_IGNORE_REGEX","BB_NER_REPLACE_REGEX","BB_IGNORE_EMOJI_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","HTML_BOLD_REGEX","HTML_A_TAG_REGEX","HTML_NO_EMOJI_REGEX"],"sources":["../../../src/constants/regex.ts"],"sourcesContent":["export const BB_LC_MENTION_REGEX = /\\[lc_mention.+?id=\"([^\"]+?)\"](.+?)\\[\\/lc_mention]/g;\nexport const BB_NER_IGNORE_REGEX = /\\[nerIgnore](.+?)\\[\\/nerIgnore]/g;\nexport const BB_NER_REPLACE_REGEX =\n    /\\[nerReplace\\s*(?:prefix=\"(.*?)\")?\\s*type=\"(.*?)\"\\s*value=\"(.*?)\"](.*?)\\[\\/nerReplace]/gi;\nexport const BB_IGNORE_EMOJI_REGEX = /\\[ignoreEmoji\\]([\\s\\S]*?)\\[\\/ignoreEmoji\\]/g;\n\nexport const HTML_LC_MENTION_REGEX =\n    /<lc_mention.+?id=\"([^\"]+?)\">(?:<span.*?<\\/span>)*(.+?)<\\/lc_mention>/g;\nexport const HTML_NER_IGNORE_REGEX = /<nerIgnore>(.+?)<\\/nerIgnore>/g;\nexport const HTML_NER_REPLACE_REGEX =\n    /<nerReplace\\s*(?:prefix=\"(.*?)\")?\\s*type=\"(.*?)\"\\s*value=\"(.*?)\">(.*?)<\\/nerReplace>/gi;\nexport const HTML_BOLD_REGEX = /<b>(.+?)<\\/b>/g;\nexport const HTML_A_TAG_REGEX = /(?:<|&lt;)a\\b[^>]*?(?:>|&gt;)(.*?)(?:<|&lt;)\\/a(?:>|&gt;)/g;\n\nexport const HTML_NO_EMOJI_REGEX = /<span class=\"no-emoji-convert\">([\\s\\S]*?)<\\/span>/g;\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAG,oDAAoD;AACvF,OAAO,MAAMC,mBAAmB,GAAG,kCAAkC;AACrE,OAAO,MAAMC,oBAAoB,GAC7B,0FAA0F;AAC9F,OAAO,MAAMC,qBAAqB,GAAG,6CAA6C;AAElF,OAAO,MAAMC,qBAAqB,GAC9B,uEAAuE;AAC3E,OAAO,MAAMC,qBAAqB,GAAG,gCAAgC;AACrE,OAAO,MAAMC,sBAAsB,GAC/B,wFAAwF;AAC5F,OAAO,MAAMC,eAAe,GAAG,gBAAgB;AAC/C,OAAO,MAAMC,gBAAgB,GAAG,4DAA4D;AAE5F,OAAO,MAAMC,mBAAmB,GAAG,oDAAoD","ignoreList":[]}

package/lib/esm/utils/selection.js

@@ -314,11 +314,14 @@ export const getCurrentCursorPosition = editorElement => {
     const container = document.createElement('div');
     container.appendChild(pre.cloneContents());
     const bbCodeUntilCursor = convertHTMLToText(container.innerHTML, {
-      preserveSpaces: true
+      preserveSpaces: true,
+      shouldSerializeNoEmojiToBBCode: false
     });
     return bbCodeUntilCursor.length;
   } catch {
-    return convertHTMLToText(editorElement.innerHTML).length;
+    return convertHTMLToText(editorElement.innerHTML, {
+      shouldSerializeNoEmojiToBBCode: false
+    }).length;
   }
 };
 const getCursorTargetByAbsIndex = ({
@@ -334,7 +337,9 @@ const getCursorTargetByAbsIndex = ({
       offset: 0
     };
   }
-  const clampedPosition = clamp(position, 0, convertHTMLToText(editorElement.innerHTML).length);
+  const clampedPosition = clamp(position, 0, convertHTMLToText(editorElement.innerHTML, {
+    shouldSerializeNoEmojiToBBCode: false
+  }).length);
   let absCounter = 0;
   const searchNodes = node => {
     if (node.nodeType === Node.TEXT_NODE) {