@chayns-components/emoji-input 5.0.0-beta.146 → 5.0.0-beta.147

package/lib/utils/text.js

@@ -8,8 +8,13 @@ var _regex = require("../constants/regex");
 var _emoji = require("./emoji");
 const convertTextToHTML = text => {
   const element = document.createElement('div');
+  element.style.position = 'absolute';
+  element.style.opacity = '0';
   element.innerText = text;
+  document.body.appendChild(element);
   let result = element.innerHTML;
+  document.body.removeChild(element);
+  result = (0, _emoji.unescapeHTML)(result);
   result = result.replace(_regex.BB_LC_MENTION_REGEX, '<lc_mention contenteditable="false" id="$1"><span>@</span>$2</lc_mention>');
   return result;
 };
@@ -20,8 +25,13 @@ const convertHTMLToText = text => {
   result = result.replace(/\u200B/g, '');
   result = (0, _emoji.unescapeHTML)(result);
   const element = document.createElement('div');
+  element.style.position = 'absolute';
+  element.style.opacity = '0';
   element.innerHTML = result;
-  return element.innerText;
+  document.body.appendChild(element);
+  result = element.innerText;
+  document.body.removeChild(element);
+  return result;
 };
 exports.convertHTMLToText = convertHTMLToText;
 //# sourceMappingURL=text.js.map

package/lib/utils/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":["_regex","require","_emoji","convertTextToHTML","text","element","document","createElement","innerText","result","innerHTML","replace","BB_LC_MENTION_REGEX","exports","convertHTMLToText","HTML_LC_MENTION_REGEX","unescapeHTML"],"sources":["../../src/utils/text.ts"],"sourcesContent":["import { BB_LC_MENTION_REGEX, HTML_LC_MENTION_REGEX } from '../constants/regex';\nimport { unescapeHTML } from './emoji';\n\nexport const convertTextToHTML = (text: string) => {\n    const element = document.createElement('div');\n\n    element.innerText = text;\n\n    let result = element.innerHTML;\n\n    result = result.replace(\n        BB_LC_MENTION_REGEX,\n        '<lc_mention contenteditable=\"false\" id=\"$1\"><span>@</span>$2</lc_mention>'\n    );\n\n    return result;\n};\n\nexport const convertHTMLToText = (text: string) => {\n    let result = text;\n\n    result = result.replace(HTML_LC_MENTION_REGEX, '[lc_mention id=\"$1\"]$2[/lc_mention]');\n\n    result = result.replace(/\\u200B/g, '');\n\n    result = unescapeHTML(result);\n\n    const element = document.createElement('div');\n\n    element.innerHTML = result;\n\n    return element.innerText;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAIC,IAAY,IAAK;EAC/C,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,SAAS,GAAGJ,IAAI;EAExB,IAAIK,MAAM,GAAGJ,OAAO,CAACK,SAAS;EAE9BD,MAAM,GAAGA,MAAM,CAACE,OAAO,CACnBC,0BAAmB,EACnB,2EACJ,CAAC;EAED,OAAOH,MAAM;AACjB,CAAC;AAACI,OAAA,CAAAV,iBAAA,GAAAA,iBAAA;AAEK,MAAMW,iBAAiB,GAAIV,IAAY,IAAK;EAC/C,IAAIK,MAAM,GAAGL,IAAI;EAEjBK,MAAM,GAAGA,MAAM,CAACE,OAAO,CAACI,4BAAqB,EAAE,qCAAqC,CAAC;EAErFN,MAAM,GAAGA,MAAM,CAACE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;EAEtCF,MAAM,GAAG,IAAAO,mBAAY,EAACP,MAAM,CAAC;EAE7B,MAAMJ,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACK,SAAS,GAAGD,MAAM;EAE1B,OAAOJ,OAAO,CAACG,SAAS;AAC5B,CAAC;AAACK,OAAA,CAAAC,iBAAA,GAAAA,iBAAA"}
+{"version":3,"file":"text.js","names":["_regex","require","_emoji","convertTextToHTML","text","element","document","createElement","style","position","opacity","innerText","body","appendChild","result","innerHTML","removeChild","unescapeHTML","replace","BB_LC_MENTION_REGEX","exports","convertHTMLToText","HTML_LC_MENTION_REGEX"],"sources":["../../src/utils/text.ts"],"sourcesContent":["import { BB_LC_MENTION_REGEX, HTML_LC_MENTION_REGEX } from '../constants/regex';\nimport { 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.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.replace(\n        BB_LC_MENTION_REGEX,\n        '<lc_mention contenteditable=\"false\" id=\"$1\"><span>@</span>$2</lc_mention>'\n    );\n\n    return result;\n};\n\nexport const convertHTMLToText = (text: string) => {\n    let result = text;\n\n    result = result.replace(HTML_LC_MENTION_REGEX, '[lc_mention id=\"$1\"]$2[/lc_mention]');\n\n    result = result.replace(/\\u200B/g, '');\n\n    result = unescapeHTML(result);\n\n    const element = document.createElement('div');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\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"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,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,SAAS,GAAGP,IAAI;EAExBE,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACR,OAAO,CAAC;EAElC,IAAIS,MAAM,GAAGT,OAAO,CAACU,SAAS;EAE9BT,QAAQ,CAACM,IAAI,CAACI,WAAW,CAACX,OAAO,CAAC;EAElCS,MAAM,GAAG,IAAAG,mBAAY,EAACH,MAAM,CAAC;EAE7BA,MAAM,GAAGA,MAAM,CAACI,OAAO,CACnBC,0BAAmB,EACnB,2EACJ,CAAC;EAED,OAAOL,MAAM;AACjB,CAAC;AAACM,OAAA,CAAAjB,iBAAA,GAAAA,iBAAA;AAEK,MAAMkB,iBAAiB,GAAIjB,IAAY,IAAK;EAC/C,IAAIU,MAAM,GAAGV,IAAI;EAEjBU,MAAM,GAAGA,MAAM,CAACI,OAAO,CAACI,4BAAqB,EAAE,qCAAqC,CAAC;EAErFR,MAAM,GAAGA,MAAM,CAACI,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;EAEtCJ,MAAM,GAAG,IAAAG,mBAAY,EAACH,MAAM,CAAC;EAE7B,MAAMT,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,CAACU,SAAS,GAAGD,MAAM;EAE1BR,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACR,OAAO,CAAC;EAElCS,MAAM,GAAGT,OAAO,CAACM,SAAS;EAE1BL,QAAQ,CAACM,IAAI,CAACI,WAAW,CAACX,OAAO,CAAC;EAElC,OAAOS,MAAM;AACjB,CAAC;AAACM,OAAA,CAAAC,iBAAA,GAAAA,iBAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/emoji-input",
-    "version": "5.0.0-beta.146",
+    "version": "5.0.0-beta.147",
     "description": "Input field that supports HTML elements and emojis",
     "keywords": [
         "chayns",
@@ -68,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "dd167b4c40d7999e49b5092983c8ebadc6c4b30b"
+    "gitHead": "ecaa9a459f22e8f559b5cb363a105c43c5803418"
 }