@chayns-components/emoji-input 5.0.0-beta.90 → 5.0.0-beta.901

package/lib/cjs/constants/externalServerUrl.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ITEM_STORAGE_BASE_URL = void 0;
+const ITEM_STORAGE_BASE_URL = exports.ITEM_STORAGE_BASE_URL = 'https://cube.tobit.cloud/item-storage/api/v1.0/schemes';
+//# sourceMappingURL=externalServerUrl.js.map

package/lib/cjs/constants/externalServerUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"externalServerUrl.js","names":["ITEM_STORAGE_BASE_URL","exports"],"sources":["../../../src/constants/externalServerUrl.ts"],"sourcesContent":["export const ITEM_STORAGE_BASE_URL = 'https://cube.tobit.cloud/item-storage/api/v1.0/schemes';\n"],"mappings":";;;;;;AAAO,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,wDAAwD","ignoreList":[]}

package/lib/cjs/constants/regex.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HTML_NER_REPLACE_REGEX = exports.HTML_NER_IGNORE_REGEX = exports.HTML_LC_MENTION_REGEX = exports.HTML_BOLD_REGEX = exports.HTML_A_TAG_REGEX = exports.BB_NER_REPLACE_REGEX = exports.BB_NER_IGNORE_REGEX = exports.BB_LC_MENTION_REGEX = void 0;
+const BB_LC_MENTION_REGEX = exports.BB_LC_MENTION_REGEX = /\[lc_mention.+?id="([^"]+?)"](.+?)\[\/lc_mention]/g;
+const BB_NER_IGNORE_REGEX = exports.BB_NER_IGNORE_REGEX = /\[nerIgnore](.+?)\[\/nerIgnore]/g;
+const BB_NER_REPLACE_REGEX = exports.BB_NER_REPLACE_REGEX = /\[nerReplace\s*(?:prefix="(.*?)")?\s*type="(.*?)"\s*value="(.*?)"](.*?)\[\/nerReplace]/gi;
+const HTML_LC_MENTION_REGEX = exports.HTML_LC_MENTION_REGEX = /<lc_mention.+?id="([^"]+?)">(?:<span.*?<\/span>)*(.+?)<\/lc_mention>/g;
+const HTML_NER_IGNORE_REGEX = exports.HTML_NER_IGNORE_REGEX = /<nerIgnore>(.+?)<\/nerIgnore>/g;
+const HTML_NER_REPLACE_REGEX = exports.HTML_NER_REPLACE_REGEX = /<nerReplace\s*(?:prefix="(.*?)")?\s*type="(.*?)"\s*value="(.*?)">(.*?)<\/nerReplace>/gi;
+const HTML_BOLD_REGEX = exports.HTML_BOLD_REGEX = /<b>(.+?)<\/b>/g;
+const HTML_A_TAG_REGEX = exports.HTML_A_TAG_REGEX = /(?:<|&lt;)a\b[^>]*?(?:>|&gt;)(.*?)(?:<|&lt;)\/a(?:>|&gt;)/g;
+//# sourceMappingURL=regex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"regex.js","names":["BB_LC_MENTION_REGEX","exports","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"],"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"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,oDAAoD;AAChF,MAAME,mBAAmB,GAAAD,OAAA,CAAAC,mBAAA,GAAG,kCAAkC;AAC9D,MAAMC,oBAAoB,GAAAF,OAAA,CAAAE,oBAAA,GAC7B,0FAA0F;AAEvF,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAC9B,uEAAuE;AACpE,MAAMC,qBAAqB,GAAAJ,OAAA,CAAAI,qBAAA,GAAG,gCAAgC;AAC9D,MAAMC,sBAAsB,GAAAL,OAAA,CAAAK,sBAAA,GAC/B,wFAAwF;AACrF,MAAMC,eAAe,GAAAN,OAAA,CAAAM,eAAA,GAAG,gBAAgB;AACxC,MAAMC,gBAAgB,GAAAP,OAAA,CAAAO,gBAAA,GAAG,4DAA4D","ignoreList":[]}

package/lib/{hooks → cjs/hooks}/emojiHistory.js

@@ -7,32 +7,30 @@ exports.useEmojiHistory = void 0;
 var _react = require("react");
 var _get = require("../api/item-storage/get");
 var _put = require("../api/item-storage/put");
-const useEmojiHistory = _ref => {
-  let {
-    accessToken,
-    personId,
-    selectedCategory
-  } = _ref;
+const useEmojiHistory = ({
+  accessToken,
+  personId,
+  selectedCategory
+}) => {
   const [historyEmojis, setHistoryEmojis] = (0, _react.useState)([]);
   const tempHistoryEmojis = (0, _react.useRef)(null);
-  const addOrUpdateEmojiInHistory = (0, _react.useCallback)(async _ref2 => {
-    var _tempHistoryEmojis$cu, _historyItem$count, _historyItem;
-    let {
-      emoji,
-      name,
-      skin_tone_support
-    } = _ref2;
+  const addOrUpdateEmojiInHistory = (0, _react.useCallback)(async ({
+    emoji,
+    name,
+    skin_tone_support
+  }) => {
+    var _historyItem;
     if (typeof accessToken !== 'string' || typeof personId !== 'string') {
       return;
     }
-    const newHistoryEmojis = Array.from((_tempHistoryEmojis$cu = tempHistoryEmojis.current) !== null && _tempHistoryEmojis$cu !== void 0 ? _tempHistoryEmojis$cu : historyEmojis);
+    const newHistoryEmojis = Array.from(tempHistoryEmojis.current ?? historyEmojis);
     const historyItemIndex = newHistoryEmojis.findIndex(item => item.emoji === emoji);
     let historyItem;
     if (historyItemIndex > -1) {
       [historyItem] = newHistoryEmojis.splice(historyItemIndex, 1);
     }
     newHistoryEmojis.push({
-      count: ((_historyItem$count = (_historyItem = historyItem) === null || _historyItem === void 0 ? void 0 : _historyItem.count) !== null && _historyItem$count !== void 0 ? _historyItem$count : 0) + 1,
+      count: (((_historyItem = historyItem) === null || _historyItem === void 0 ? void 0 : _historyItem.count) ?? 0) + 1,
       emoji,
       modifiedTime: new Date().toISOString(),
       name,

package/lib/cjs/hooks/emojiHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojiHistory.js","names":["_react","require","_get","_put","useEmojiHistory","accessToken","personId","selectedCategory","historyEmojis","setHistoryEmojis","useState","tempHistoryEmojis","useRef","addOrUpdateEmojiInHistory","useCallback","emoji","name","skin_tone_support","_historyItem","newHistoryEmojis","Array","from","current","historyItemIndex","findIndex","item","historyItem","splice","push","count","modifiedTime","Date","toISOString","sort","a","b","getTime","data","putEmojiHistory","value","slice","loadHistoryEmojis","getEmojiHistory","useEffect","exports"],"sources":["../../../src/hooks/emojiHistory.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { getEmojiHistory } from '../api/item-storage/get';\nimport { putEmojiHistory } from '../api/item-storage/put';\nimport type { Category } from '../types/category';\n\nexport interface HistoryItem {\n    count: number;\n    emoji: string;\n    modifiedTime: string;\n    name: string;\n    skin_tone_support: boolean;\n}\n\ninterface UseEmojiHistoryOptions {\n    accessToken?: string;\n    personId?: string;\n    selectedCategory: Category;\n}\n\nexport const useEmojiHistory = ({\n    accessToken,\n    personId,\n    selectedCategory,\n}: UseEmojiHistoryOptions) => {\n    const [historyEmojis, setHistoryEmojis] = useState<HistoryItem[]>([]);\n\n    const tempHistoryEmojis = useRef<HistoryItem[] | null>(null);\n\n    const addOrUpdateEmojiInHistory = useCallback(\n        async ({\n            emoji,\n            name,\n            skin_tone_support,\n        }: {\n            emoji: string;\n            name: string;\n            skin_tone_support: boolean;\n        }) => {\n            if (typeof accessToken !== 'string' || typeof personId !== 'string') {\n                return;\n            }\n\n            const newHistoryEmojis = Array.from(tempHistoryEmojis.current ?? historyEmojis);\n\n            const historyItemIndex = newHistoryEmojis.findIndex((item) => item.emoji === emoji);\n\n            let historyItem;\n\n            if (historyItemIndex > -1) {\n                [historyItem] = newHistoryEmojis.splice(historyItemIndex, 1);\n            }\n\n            newHistoryEmojis.push({\n                count: (historyItem?.count ?? 0) + 1,\n                emoji,\n                modifiedTime: new Date().toISOString(),\n                name,\n                skin_tone_support,\n            });\n\n            newHistoryEmojis.sort((a, b) => {\n                if (a.count === b.count) {\n                    return new Date(b.modifiedTime).getTime() - new Date(a.modifiedTime).getTime();\n                }\n\n                return b.count - a.count;\n            });\n\n            const { data } = await putEmojiHistory({\n                accessToken,\n                personId,\n                value: newHistoryEmojis.slice(0, 50),\n            });\n\n            if (data) {\n                if (selectedCategory === 'history') {\n                    tempHistoryEmojis.current = data;\n                } else {\n                    tempHistoryEmojis.current = null;\n\n                    setHistoryEmojis(data);\n                }\n            }\n        },\n        [accessToken, historyEmojis, personId, selectedCategory]\n    );\n\n    const loadHistoryEmojis = useCallback(async () => {\n        if (typeof accessToken !== 'string' || typeof personId !== 'string') {\n            return;\n        }\n\n        const { data } = await getEmojiHistory({ accessToken, personId });\n\n        if (data) {\n            setHistoryEmojis(data);\n        }\n    }, [accessToken, personId]);\n\n    useEffect(() => {\n        void loadHistoryEmojis();\n    }, [loadHistoryEmojis]);\n\n    useEffect(() => {\n        if (selectedCategory !== 'history' && tempHistoryEmojis.current) {\n            setHistoryEmojis(tempHistoryEmojis.current);\n        }\n    }, [selectedCategory]);\n\n    return { addOrUpdateEmojiInHistory, historyEmojis: historyEmojis.slice(0, 25) };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/{index.js → cjs/index.js}

@@ -27,10 +27,10 @@ Object.defineProperty(exports, "PopupAlignment", {
     return _alignment.PopupAlignment;
   }
 });
-Object.defineProperty(exports, "convertAsciiToUnicode", {
+Object.defineProperty(exports, "convertEmojisToUnicode", {
   enumerable: true,
   get: function () {
-    return _emoji.convertAsciiToUnicode;
+    return _emoji.convertEmojisToUnicode;
   }
 });
 var _EmojiInput = _interopRequireDefault(require("./components/emoji-input/EmojiInput"));
@@ -38,5 +38,5 @@ var _EmojiPickerPopup = _interopRequireDefault(require("./components/emoji-picke
 var _EmojiPicker = _interopRequireDefault(require("./components/emoji-picker/EmojiPicker"));
 var _alignment = require("./constants/alignment");
 var _emoji = require("./utils/emoji");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_EmojiInput","_interopRequireDefault","require","_EmojiPickerPopup","_EmojiPicker","_alignment","_emoji","e","__esModule","default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as EmojiInput } from './components/emoji-input/EmojiInput';\nexport type { EmojiInputRef } from './components/emoji-input/EmojiInput';\nexport { default as EmojiPickerPopup } from './components/emoji-picker-popup/EmojiPickerPopup';\nexport { default as EmojiPicker } from './components/emoji-picker/EmojiPicker';\nexport { PopupAlignment } from './constants/alignment';\nexport { convertEmojisToUnicode } from './utils/emoji';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAuD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/cjs/types/api.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=api.js.map

package/lib/cjs/types/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","names":[],"sources":["../../../src/types/api.ts"],"sourcesContent":["export interface ApiFunctionResult<T = null> {\n    data?: T;\n    status?: number;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/types/category.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=category.js.map

package/lib/cjs/types/category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"category.js","names":[],"sources":["../../../src/types/category.ts"],"sourcesContent":["export type Category =\n    | 'history'\n    | 'smileys_emotion'\n    | 'people_body'\n    | 'animals_nature'\n    | 'food_drink'\n    | 'travel_places'\n    | 'activities'\n    | 'objects'\n    | 'symbols'\n    | 'flags';\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/utils/emoji.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unescapeHTML = exports.escapeHTML = exports.convertEmojisToUnicode = exports.addSkinToneToEmoji = void 0;
+var _dataByEmoji = _interopRequireDefault(require("unicode-emoji-json/data-by-emoji.json"));
+var _emoji = require("../constants/emoji");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const convert = unicode => {
+  if (unicode.indexOf('-') > -1) {
+    const parts = [];
+    const s = unicode.split('-');
+    for (let i = 0; i < s.length; i++) {
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      let part = parseInt(s[i], 16);
+      if (part >= 0x10000 && part <= 0x10ffff) {
+        const hi = Math.floor((part - 0x10000) / 0x400) + 0xd800;
+        const lo = (part - 0x10000) % 0x400 + 0xdc00;
+        part = String.fromCharCode(hi) + String.fromCharCode(lo);
+      } else {
+        part = String.fromCharCode(part);
+      }
+      parts.push(part);
+    }
+    return parts.join('');
+  }
+  const s = parseInt(unicode, 16);
+  if (s >= 0x10000 && s <= 0x10ffff) {
+    const hi = Math.floor((s - 0x10000) / 0x400) + 0xd800;
+    const lo = (s - 0x10000) % 0x400 + 0xdc00;
+    return String.fromCharCode(hi) + String.fromCharCode(lo);
+  }
+  return String.fromCharCode(s);
+};
+const unescapeHTML = text => {
+  const unescaped = {
+    '&amp;': '&',
+    '&#38;': '&',
+    '&#x26;': '&',
+    '&lt;': '<',
+    '&#60;': '<',
+    '&#x3C;': '<',
+    '&gt;': '>',
+    '&#62;': '>',
+    '&#x3E;': '>',
+    '&quot;': '"',
+    '&#34;': '"',
+    '&#x22;': '"',
+    '&apos;': "'",
+    '&#39;': "'",
+    '&#x27;': "'"
+  };
+  return text.replace(/&(?:amp|#38|#x26|lt|#60|#x3C|gt|#62|#x3E|apos|#39|#x27|quot|#34|#x22);/gi, match => unescaped[match] ?? match);
+};
+exports.unescapeHTML = unescapeHTML;
+const escapeHTML = text => {
+  const escaped = {
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&apos;'
+  };
+  return text.replace(/[&<>"']/g, match => escaped[match] ?? match);
+};
+exports.escapeHTML = escapeHTML;
+const convertEmojisToUnicode = text => {
+  let result = text;
+  result = result.replace(/https?:\/\/.*?(?=$|\s)/gi, fullMatch => fullMatch.replace(/:/g, '%3A'));
+  result = result.replace(_emoji.regShortnames, shortname => {
+    if (shortname) {
+      const unicode = _emoji.shortNameList[shortname];
+      if (unicode) {
+        return convert(unicode.toUpperCase());
+      }
+    }
+    return shortname;
+  });
+  result = result.replace(/https?%3A\/\/.*?(?=$|\s)/gi, fullMatch => fullMatch.replace(/%3A/g, ':'));
+  result = result.replace(_emoji.regAscii, (fullMatch, m1, m2, m3) => {
+    if (typeof m3 === 'string' && m3 !== '') {
+      const unicode = _emoji.asciiList[unescapeHTML(m3)];
+      if (unicode) {
+        return m2 + convert(unicode.toUpperCase());
+      }
+    }
+    return fullMatch;
+  });
+  return result;
+};
+exports.convertEmojisToUnicode = convertEmojisToUnicode;
+const addSkinToneToEmoji = (emoji, skinTone) => emoji.split('\u{200D}').map(rawEmoji => {
+  var _emojiList$rawEmoji;
+  const parts = [rawEmoji.replace(/\ufe0f/, '')];
+
+  // @ts-expect-error: Difficult to type external json file
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  if ((_emojiList$rawEmoji = _dataByEmoji.default[rawEmoji]) !== null && _emojiList$rawEmoji !== void 0 && _emojiList$rawEmoji.skin_tone_support) {
+    parts.push(skinTone);
+  }
+  return parts.join('');
+}).join('\u{200D}');
+exports.addSkinToneToEmoji = addSkinToneToEmoji;
+//# sourceMappingURL=emoji.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.js","names":["_dataByEmoji","_interopRequireDefault","require","_emoji","e","__esModule","default","convert","unicode","indexOf","parts","s","split","i","length","part","parseInt","hi","Math","floor","lo","String","fromCharCode","push","join","unescapeHTML","text","unescaped","replace","match","exports","escapeHTML","escaped","convertEmojisToUnicode","result","fullMatch","regShortnames","shortname","shortNameList","toUpperCase","regAscii","m1","m2","m3","asciiList","addSkinToneToEmoji","emoji","skinTone","map","rawEmoji","_emojiList$rawEmoji","emojiList","skin_tone_support"],"sources":["../../../src/utils/emoji.ts"],"sourcesContent":["import emojiList from 'unicode-emoji-json/data-by-emoji.json';\nimport { asciiList, regAscii, regShortnames, shortNameList } from '../constants/emoji';\n\nconst convert = (unicode: string) => {\n    if (unicode.indexOf('-') > -1) {\n        const parts = [];\n\n        const s = unicode.split('-');\n\n        for (let i = 0; i < s.length; i++) {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            let part: number | string = parseInt(s[i]!, 16);\n\n            if (part >= 0x10000 && part <= 0x10ffff) {\n                const hi = Math.floor((part - 0x10000) / 0x400) + 0xd800;\n                const lo = ((part - 0x10000) % 0x400) + 0xdc00;\n\n                part = String.fromCharCode(hi) + String.fromCharCode(lo);\n            } else {\n                part = String.fromCharCode(part);\n            }\n\n            parts.push(part);\n        }\n\n        return parts.join('');\n    }\n\n    const s = parseInt(unicode, 16);\n\n    if (s >= 0x10000 && s <= 0x10ffff) {\n        const hi = Math.floor((s - 0x10000) / 0x400) + 0xd800;\n        const lo = ((s - 0x10000) % 0x400) + 0xdc00;\n\n        return String.fromCharCode(hi) + String.fromCharCode(lo);\n    }\n\n    return String.fromCharCode(s);\n};\n\nexport const unescapeHTML = (text: string) => {\n    const unescaped: { [key: string]: string } = {\n        '&amp;': '&',\n        '&#38;': '&',\n        '&#x26;': '&',\n        '&lt;': '<',\n        '&#60;': '<',\n        '&#x3C;': '<',\n        '&gt;': '>',\n        '&#62;': '>',\n        '&#x3E;': '>',\n        '&quot;': '\"',\n        '&#34;': '\"',\n        '&#x22;': '\"',\n        '&apos;': \"'\",\n        '&#39;': \"'\",\n        '&#x27;': \"'\",\n    };\n\n    return text.replace(\n        /&(?:amp|#38|#x26|lt|#60|#x3C|gt|#62|#x3E|apos|#39|#x27|quot|#34|#x22);/gi,\n        (match) => unescaped[match] ?? match,\n    );\n};\n\nexport const escapeHTML = (text: string) => {\n    const escaped: { [key: string]: string } = {\n        '<': '&lt;',\n        '>': '&gt;',\n        '\"': '&quot;',\n        \"'\": '&apos;',\n    };\n\n    return text.replace(/[&<>\"']/g, (match) => escaped[match] ?? match);\n};\n\nexport const convertEmojisToUnicode = (text: string): string => {\n    let result = text;\n\n    result = result.replace(/https?:\\/\\/.*?(?=$|\\s)/gi, (fullMatch) =>\n        fullMatch.replace(/:/g, '%3A'),\n    );\n\n    result = result.replace(regShortnames, (shortname) => {\n        if (shortname) {\n            const unicode = shortNameList[shortname];\n\n            if (unicode) {\n                return convert(unicode.toUpperCase());\n            }\n        }\n\n        return shortname;\n    });\n\n    result = result.replace(/https?%3A\\/\\/.*?(?=$|\\s)/gi, (fullMatch) =>\n        fullMatch.replace(/%3A/g, ':'),\n    );\n\n    result = result.replace(regAscii, (fullMatch, m1, m2, m3) => {\n        if (typeof m3 === 'string' && m3 !== '') {\n            const unicode = asciiList[unescapeHTML(m3)];\n\n            if (unicode) {\n                return (m2 as string) + convert(unicode.toUpperCase());\n            }\n        }\n\n        return fullMatch;\n    });\n\n    return result;\n};\n\nexport const addSkinToneToEmoji = (emoji: string, skinTone: string): string =>\n    emoji\n        .split('\\u{200D}')\n        .map((rawEmoji) => {\n            const parts = [rawEmoji.replace(/\\ufe0f/, '')];\n\n            // @ts-expect-error: Difficult to type external json file\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            if (emojiList[rawEmoji]?.skin_tone_support) {\n                parts.push(skinTone);\n            }\n\n            return parts.join('');\n        })\n        .join('\\u{200D}');\n"],"mappings":"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","ignoreList":[]}

package/lib/{utils → cjs/utils}/environment.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getIsMobile = exports.getDeviceType = void 0;
-var DeviceType;
-(function (DeviceType) {
+exports.getIsMobile = exports.getIsMacOS = exports.getDeviceType = void 0;
+var DeviceType = /*#__PURE__*/function (DeviceType) {
   DeviceType[DeviceType["Desktop"] = 0] = "Desktop";
   DeviceType[DeviceType["Smartphone"] = 1] = "Smartphone";
   DeviceType[DeviceType["Tablet"] = 2] = "Tablet";
-})(DeviceType || (DeviceType = {}));
+  return DeviceType;
+}(DeviceType || {});
 const getDeviceType = () => {
   const {
     userAgent
@@ -23,6 +23,8 @@ const getDeviceType = () => {
   return DeviceType.Desktop;
 };
 exports.getDeviceType = getDeviceType;
+const getIsMacOS = () => /Mac OS X/i.test(navigator.userAgent);
+exports.getIsMacOS = getIsMacOS;
 const getIsMobile = () => {
   const deviceType = getDeviceType();
   return deviceType === DeviceType.Smartphone || deviceType === DeviceType.Tablet;

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

@@ -0,0 +1 @@
+{"version":3,"file":"environment.js","names":["DeviceType","getDeviceType","userAgent","navigator","test","Smartphone","Tablet","Desktop","exports","getIsMacOS","getIsMobile","deviceType"],"sources":["../../../src/utils/environment.ts"],"sourcesContent":["enum DeviceType {\n    Desktop,\n    Smartphone,\n    Tablet,\n}\n\nexport const getDeviceType = (): DeviceType => {\n    const { userAgent } = navigator;\n\n    if (\n        /Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(\n            userAgent,\n        )\n    ) {\n        return DeviceType.Smartphone;\n    }\n\n    if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(userAgent)) {\n        return DeviceType.Tablet;\n    }\n\n    return DeviceType.Desktop;\n};\n\nexport const getIsMacOS = () => /Mac OS X/i.test(navigator.userAgent);\n\nexport const getIsMobile = (): boolean => {\n    const deviceType = getDeviceType();\n\n    return deviceType === DeviceType.Smartphone || deviceType === DeviceType.Tablet;\n};\n"],"mappings":";;;;;;IAAKA,UAAU,0BAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA,EAAVA,UAAU;AAMR,MAAMC,aAAa,GAAGA,CAAA,KAAkB;EAC3C,MAAM;IAAEC;EAAU,CAAC,GAAGC,SAAS;EAE/B,IACI,qGAAqG,CAACC,IAAI,CACtGF,SACJ,CAAC,EACH;IACE,OAAOF,UAAU,CAACK,UAAU;EAChC;EAEA,IAAI,kDAAkD,CAACD,IAAI,CAACF,SAAS,CAAC,EAAE;IACpE,OAAOF,UAAU,CAACM,MAAM;EAC5B;EAEA,OAAON,UAAU,CAACO,OAAO;AAC7B,CAAC;AAACC,OAAA,CAAAP,aAAA,GAAAA,aAAA;AAEK,MAAMQ,UAAU,GAAGA,CAAA,KAAM,WAAW,CAACL,IAAI,CAACD,SAAS,CAACD,SAAS,CAAC;AAACM,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAE/D,MAAMC,WAAW,GAAGA,CAAA,KAAe;EACtC,MAAMC,UAAU,GAAGV,aAAa,CAAC,CAAC;EAElC,OAAOU,UAAU,KAAKX,UAAU,CAACK,UAAU,IAAIM,UAAU,KAAKX,UAAU,CAACM,MAAM;AACnF,CAAC;AAACE,OAAA,CAAAE,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/cjs/utils/font.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFontFamily = void 0;
+var _environment = require("./environment");
+const getRootFontFamily = () => {
+  const rootElement = document.querySelector(':root');
+  if (!rootElement) {
+    return '';
+  }
+  return window.getComputedStyle(rootElement).getPropertyValue('font-family');
+};
+const getFontFamily = () => `${getRootFontFamily()}${(0, _environment.getIsMobile)() || (0, _environment.getIsMacOS)() ? '' : ', Noto Color Emoji'}, serif`;
+exports.getFontFamily = getFontFamily;
+//# sourceMappingURL=font.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"font.js","names":["_environment","require","getRootFontFamily","rootElement","document","querySelector","window","getComputedStyle","getPropertyValue","getFontFamily","getIsMobile","getIsMacOS","exports"],"sources":["../../../src/utils/font.ts"],"sourcesContent":["import { getIsMacOS, getIsMobile } from './environment';\n\nconst getRootFontFamily = () => {\n    const rootElement = document.querySelector(':root');\n\n    if (!rootElement) {\n        return '';\n    }\n\n    return window.getComputedStyle(rootElement).getPropertyValue('font-family');\n};\n\nexport const getFontFamily = () =>\n    `${getRootFontFamily()}${getIsMobile() || getIsMacOS() ? '' : ', Noto Color Emoji'}, serif`;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC5B,MAAMC,WAAW,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAEnD,IAAI,CAACF,WAAW,EAAE;IACd,OAAO,EAAE;EACb;EAEA,OAAOG,MAAM,CAACC,gBAAgB,CAACJ,WAAW,CAAC,CAACK,gBAAgB,CAAC,aAAa,CAAC;AAC/E,CAAC;AAEM,MAAMC,aAAa,GAAGA,CAAA,KACzB,GAAGP,iBAAiB,CAAC,CAAC,GAAG,IAAAQ,wBAAW,EAAC,CAAC,IAAI,IAAAC,uBAAU,EAAC,CAAC,GAAG,EAAE,GAAG,oBAAoB,SAAS;AAACC,OAAA,CAAAH,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/cjs/utils/insert.js

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

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

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

package/lib/cjs/utils/number.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clamp = void 0;
+const clamp = (value, min, max) => {
+  if (value < min) {
+    return min;
+  }
+  if (value > max) {
+    return max;
+  }
+  return value;
+};
+exports.clamp = clamp;
+//# sourceMappingURL=number.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number.js","names":["clamp","value","min","max","exports"],"sources":["../../../src/utils/number.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number) => {\n    if (value < min) {\n        return min;\n    }\n\n    if (value > max) {\n        return max;\n    }\n\n    return value;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,KAAK,GAAGA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,KAAK;EAC9D,IAAIF,KAAK,GAAGC,GAAG,EAAE;IACb,OAAOA,GAAG;EACd;EAEA,IAAID,KAAK,GAAGE,GAAG,EAAE;IACb,OAAOA,GAAG;EACd;EAEA,OAAOF,KAAK;AAChB,CAAC;AAACG,OAAA,CAAAJ,KAAA,GAAAA,KAAA","ignoreList":[]}