@chayns-components/emoji-input 5.0.0-beta.100

package/lib/constants/externalServerUrl.d.ts

@@ -0,0 +1 @@
+export declare const ITEM_STORAGE_BASE_URL = "https://cube.tobit.cloud/item-storage/api/v1.0/schemes";

package/lib/constants/externalServerUrl.js

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

package/lib/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,GAAG,wDAAwD;AAACC,OAAA,CAAAD,qBAAA,GAAAA,qBAAA"}

package/lib/hooks/emojiHistory.d.ts

@@ -0,0 +1,22 @@
+import type { Category } from '../types/category';
+export interface HistoryItem {
+    count: number;
+    emoji: string;
+    modifiedTime: string;
+    name: string;
+    skin_tone_support: boolean;
+}
+interface UseEmojiHistoryOptions {
+    accessToken?: string;
+    personId?: string;
+    selectedCategory: Category;
+}
+export declare const useEmojiHistory: ({ accessToken, personId, selectedCategory, }: UseEmojiHistoryOptions) => {
+    addOrUpdateEmojiInHistory: ({ emoji, name, skin_tone_support, }: {
+        emoji: string;
+        name: string;
+        skin_tone_support: boolean;
+    }) => Promise<void>;
+    historyEmojis: HistoryItem[];
+};
+export {};

package/lib/hooks/emojiHistory.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 [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;
+    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 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,
+      emoji,
+      modifiedTime: new Date().toISOString(),
+      name,
+      skin_tone_support
+    });
+    newHistoryEmojis.sort((a, b) => {
+      if (a.count === b.count) {
+        return new Date(b.modifiedTime).getTime() - new Date(a.modifiedTime).getTime();
+      }
+      return b.count - a.count;
+    });
+    const {
+      data
+    } = await (0, _put.putEmojiHistory)({
+      accessToken,
+      personId,
+      value: newHistoryEmojis.slice(0, 50)
+    });
+    if (data) {
+      if (selectedCategory === 'history') {
+        tempHistoryEmojis.current = data;
+      } else {
+        tempHistoryEmojis.current = null;
+        setHistoryEmojis(data);
+      }
+    }
+  }, [accessToken, historyEmojis, personId, selectedCategory]);
+  const loadHistoryEmojis = (0, _react.useCallback)(async () => {
+    if (typeof accessToken !== 'string' || typeof personId !== 'string') {
+      return;
+    }
+    const {
+      data
+    } = await (0, _get.getEmojiHistory)({
+      accessToken,
+      personId
+    });
+    if (data) {
+      setHistoryEmojis(data);
+    }
+  }, [accessToken, personId]);
+  (0, _react.useEffect)(() => {
+    void loadHistoryEmojis();
+  }, [loadHistoryEmojis]);
+  (0, _react.useEffect)(() => {
+    if (selectedCategory !== 'history' && tempHistoryEmojis.current) {
+      setHistoryEmojis(tempHistoryEmojis.current);
+    }
+  }, [selectedCategory]);
+  return {
+    addOrUpdateEmojiInHistory,
+    historyEmojis: historyEmojis.slice(0, 25)
+  };
+};
+exports.useEmojiHistory = useEmojiHistory;
+//# sourceMappingURL=emojiHistory.js.map

package/lib/hooks/emojiHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojiHistory.js","names":["_react","require","_get","_put","useEmojiHistory","_ref","accessToken","personId","selectedCategory","historyEmojis","setHistoryEmojis","useState","tempHistoryEmojis","useRef","addOrUpdateEmojiInHistory","useCallback","_ref2","_tempHistoryEmojis$cu","_historyItem$count","_historyItem","emoji","name","skin_tone_support","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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"}

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+export { default as EmojiInput } from './components/emoji-input/EmojiInput';
+export { default as EmojiPickerPopup } from './components/emoji-picker-popup/EmojiPickerPopup';
+export { default as EmojiPicker } from './components/emoji-picker/EmojiPicker';
+export { PopupAlignment } from './constants/alignment';
+export { convertEmojisToUnicode } from './utils/emoji';

package/lib/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EmojiInput", {
+  enumerable: true,
+  get: function () {
+    return _EmojiInput.default;
+  }
+});
+Object.defineProperty(exports, "EmojiPicker", {
+  enumerable: true,
+  get: function () {
+    return _EmojiPicker.default;
+  }
+});
+Object.defineProperty(exports, "EmojiPickerPopup", {
+  enumerable: true,
+  get: function () {
+    return _EmojiPickerPopup.default;
+  }
+});
+Object.defineProperty(exports, "PopupAlignment", {
+  enumerable: true,
+  get: function () {
+    return _alignment.PopupAlignment;
+  }
+});
+Object.defineProperty(exports, "convertEmojisToUnicode", {
+  enumerable: true,
+  get: function () {
+    return _emoji.convertEmojisToUnicode;
+  }
+});
+var _EmojiInput = _interopRequireDefault(require("./components/emoji-input/EmojiInput"));
+var _EmojiPickerPopup = _interopRequireDefault(require("./components/emoji-picker-popup/EmojiPickerPopup"));
+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 }; }
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_EmojiInput","_interopRequireDefault","require","_EmojiPickerPopup","_EmojiPicker","_alignment","_emoji","obj","__esModule","default"],"sources":["../src/index.ts"],"sourcesContent":["export { default as EmojiInput } 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;AACA,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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/lib/types/api.d.ts

@@ -0,0 +1,4 @@
+export interface ApiFunctionResult<T = null> {
+    data?: T;
+    status?: number;
+}

package/lib/types/api.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=api.js.map

package/lib/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":""}

package/lib/types/category.d.ts

@@ -0,0 +1 @@
+export type Category = 'history' | 'smileys_emotion' | 'people_body' | 'animals_nature' | 'food_drink' | 'travel_places' | 'activities' | 'objects' | 'symbols' | 'flags';

package/lib/types/category.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=category.js.map

package/lib/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":""}

package/lib/utils/emoji.d.ts

@@ -0,0 +1,2 @@
+export declare const convertEmojisToUnicode: (text: string) => string;
+export declare const addSkinToneToEmoji: (emoji: string, skinTone: string) => string;

package/lib/utils/emoji.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertEmojisToUnicode = exports.addSkinToneToEmoji = void 0;
+var _dataByEmoji = _interopRequireDefault(require("unicode-emoji-json/data-by-emoji.json"));
+var _emoji = require("../constants/emoji");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 => {
+    var _unescaped$match;
+    return (_unescaped$match = unescaped[match]) !== null && _unescaped$match !== void 0 ? _unescaped$match : match;
+  });
+};
+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/utils/emoji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.js","names":["_dataByEmoji","_interopRequireDefault","require","_emoji","obj","__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","_unescaped$match","convertEmojisToUnicode","result","fullMatch","regShortnames","shortname","shortNameList","toUpperCase","regAscii","m1","m2","m3","asciiList","exports","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\nconst 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 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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"}

package/lib/utils/environment.d.ts

@@ -0,0 +1,9 @@
+declare enum DeviceType {
+    Desktop = 0,
+    Smartphone = 1,
+    Tablet = 2
+}
+export declare const getDeviceType: () => DeviceType;
+export declare const getIsMacOS: () => boolean;
+export declare const getIsMobile: () => boolean;
+export {};

package/lib/utils/environment.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIsMobile = exports.getIsMacOS = exports.getDeviceType = void 0;
+var DeviceType;
+(function (DeviceType) {
+  DeviceType[DeviceType["Desktop"] = 0] = "Desktop";
+  DeviceType[DeviceType["Smartphone"] = 1] = "Smartphone";
+  DeviceType[DeviceType["Tablet"] = 2] = "Tablet";
+})(DeviceType || (DeviceType = {}));
+const getDeviceType = () => {
+  const {
+    userAgent
+  } = navigator;
+  if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(userAgent)) {
+    return DeviceType.Smartphone;
+  }
+  if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(userAgent)) {
+    return DeviceType.Tablet;
+  }
+  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;
+};
+exports.getIsMobile = getIsMobile;
+//# sourceMappingURL=environment.js.map

package/lib/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;AAAA,WAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAMR,MAAMC,aAAa,GAAGA,CAAA,KAAkB;EAC3C,MAAM;IAAEC;EAAU,CAAC,GAAGC,SAAS;EAE/B,IACI,qGAAqG,CAACC,IAAI,CACtGF,SAAS,CACZ,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,EAAE;EAElC,OAAOU,UAAU,KAAKX,UAAU,CAACK,UAAU,IAAIM,UAAU,KAAKX,UAAU,CAACM,MAAM;AACnF,CAAC;AAACE,OAAA,CAAAE,WAAA,GAAAA,WAAA"}

package/lib/utils/font.d.ts

@@ -0,0 +1 @@
+export declare const getFontFamily: () => string;

package/lib/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/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,KACxB,GAAEP,iBAAiB,EAAG,GAAE,IAAAQ,wBAAW,GAAE,IAAI,IAAAC,uBAAU,GAAE,GAAG,EAAE,GAAG,oBAAqB,SAAQ;AAACC,OAAA,CAAAH,aAAA,GAAAA,aAAA"}

package/lib/utils/insert.d.ts

@@ -0,0 +1,19 @@
+interface InsertTextAtCursorPositionOptions {
+    editorElement: HTMLDivElement;
+    text: string;
+}
+/**
+ * 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
+ */
+export declare const insertTextAtCursorPosition: ({ editorElement, text, }: InsertTextAtCursorPositionOptions) => void;
+export {};

package/lib/utils/insert.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.insertTextAtCursorPosition = void 0;
+/**
+ * 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 = _ref => {
+  let {
+    editorElement,
+    text
+  } = _ref;
+  const selection = window.getSelection();
+  if (selection !== null && selection !== void 0 && selection.anchorNode && editorElement.contains(selection.anchorNode)) {
+    const range = selection.getRangeAt(0);
+    const textNodes = text.split(/\r\n|\r|\n/).map(part => document.createTextNode(part));
+    range.deleteContents();
+    textNodes.forEach((textNode, index) => {
+      range.insertNode(textNode);
+      range.setEndAfter(textNode);
+      range.setStartAfter(textNode);
+      if (index !== textNodes.length - 1) {
+        const 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;
+//# sourceMappingURL=insert.js.map

package/lib/utils/insert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert.js","names":["insertTextAtCursorPosition","_ref","editorElement","text","selection","window","getSelection","anchorNode","contains","range","getRangeAt","textNodes","split","map","part","document","createTextNode","deleteContents","forEach","textNode","index","insertNode","setEndAfter","setStartAfter","length","brElement","createElement","collapse","removeAllRanges","addRange","innerText","exports"],"sources":["../../src/utils/insert.ts"],"sourcesContent":["interface InsertTextAtCursorPositionOptions {\n    editorElement: HTMLDivElement;\n    text: string;\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}: InsertTextAtCursorPositionOptions) => {\n    const selection = window.getSelection();\n\n    if (selection?.anchorNode && editorElement.contains(selection.anchorNode)) {\n        const range = selection.getRangeAt(0);\n\n        const textNodes = text.split(/\\r\\n|\\r|\\n/).map((part) => document.createTextNode(part));\n\n        range.deleteContents();\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                const 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    } else {\n        // eslint-disable-next-line no-param-reassign\n        editorElement.innerText += text;\n    }\n};\n"],"mappings":";;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,0BAA0B,GAAGC,IAAA,IAGD;EAAA,IAHE;IACvCC,aAAa;IACbC;EAC+B,CAAC,GAAAF,IAAA;EAChC,MAAMG,SAAS,GAAGC,MAAM,CAACC,YAAY,EAAE;EAEvC,IAAIF,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEG,UAAU,IAAIL,aAAa,CAACM,QAAQ,CAACJ,SAAS,CAACG,UAAU,CAAC,EAAE;IACvE,MAAME,KAAK,GAAGL,SAAS,CAACM,UAAU,CAAC,CAAC,CAAC;IAErC,MAAMC,SAAS,GAAGR,IAAI,CAACS,KAAK,CAAC,YAAY,CAAC,CAACC,GAAG,CAAEC,IAAI,IAAKC,QAAQ,CAACC,cAAc,CAACF,IAAI,CAAC,CAAC;IAEvFL,KAAK,CAACQ,cAAc,EAAE;IAEtBN,SAAS,CAACO,OAAO,CAAC,CAACC,QAAQ,EAAEC,KAAK,KAAK;MACnCX,KAAK,CAACY,UAAU,CAACF,QAAQ,CAAC;MAC1BV,KAAK,CAACa,WAAW,CAACH,QAAQ,CAAC;MAC3BV,KAAK,CAACc,aAAa,CAACJ,QAAQ,CAAC;MAE7B,IAAIC,KAAK,KAAKT,SAAS,CAACa,MAAM,GAAG,CAAC,EAAE;QAChC,MAAMC,SAAS,GAAGV,QAAQ,CAACW,aAAa,CAAC,IAAI,CAAC;QAE9CjB,KAAK,CAACY,UAAU,CAACI,SAAS,CAAC;QAC3BhB,KAAK,CAACa,WAAW,CAACG,SAAS,CAAC;QAC5BhB,KAAK,CAACc,aAAa,CAACE,SAAS,CAAC;MAClC;IACJ,CAAC,CAAC;IAEFhB,KAAK,CAACkB,QAAQ,CAAC,KAAK,CAAC;IAErBvB,SAAS,CAACwB,eAAe,EAAE;IAC3BxB,SAAS,CAACyB,QAAQ,CAACpB,KAAK,CAAC;EAC7B,CAAC,MAAM;IACH;IACAP,aAAa,CAAC4B,SAAS,IAAI3B,IAAI;EACnC;AACJ,CAAC;AAAC4B,OAAA,CAAA/B,0BAAA,GAAAA,0BAAA"}

package/lib/utils/selection.d.ts

@@ -0,0 +1,2 @@
+export declare const saveSelection: (element: HTMLDivElement) => void;
+export declare const restoreSelection: (element: HTMLDivElement) => void;

package/lib/utils/selection.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.saveSelection = exports.restoreSelection = void 0;
+let childIndex = -1;
+let endOffset = -1;
+let startOffset = -1;
+const saveSelection = element => {
+  const selection = window.getSelection();
+  if (!selection) {
+    return;
+  }
+  const node = selection.anchorNode;
+  if (!node) {
+    return;
+  }
+  const range = selection.getRangeAt(0);
+  childIndex = Array.from(element.childNodes).indexOf(node);
+  endOffset = range.endOffset;
+  startOffset = range.startOffset;
+};
+exports.saveSelection = saveSelection;
+const restoreSelection = element => {
+  const childNode = element.childNodes[childIndex];
+  const selection = window.getSelection();
+  if (!childNode || !element || !selection) {
+    return;
+  }
+  const range = document.createRange();
+  if (childNode.nodeValue) {
+    endOffset = Math.min(endOffset, childNode.nodeValue.length);
+    startOffset = Math.min(startOffset, childNode.nodeValue.length);
+  }
+  range.setStart(childNode, startOffset);
+  range.setEnd(childNode, endOffset);
+  selection.removeAllRanges();
+  selection.addRange(range);
+  range.collapse(true);
+};
+exports.restoreSelection = restoreSelection;
+//# sourceMappingURL=selection.js.map

package/lib/utils/selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.js","names":["childIndex","endOffset","startOffset","saveSelection","element","selection","window","getSelection","node","anchorNode","range","getRangeAt","Array","from","childNodes","indexOf","exports","restoreSelection","childNode","document","createRange","nodeValue","Math","min","length","setStart","setEnd","removeAllRanges","addRange","collapse"],"sources":["../../src/utils/selection.ts"],"sourcesContent":["let childIndex = -1;\nlet endOffset = -1;\nlet startOffset = -1;\n\nexport const saveSelection = (element: HTMLDivElement) => {\n    const selection = window.getSelection();\n\n    if (!selection) {\n        return;\n    }\n\n    const node = selection.anchorNode;\n\n    if (!node) {\n        return;\n    }\n\n    const range = selection.getRangeAt(0);\n\n    childIndex = Array.from(element.childNodes).indexOf(node as ChildNode);\n\n    endOffset = range.endOffset;\n    startOffset = range.startOffset;\n};\n\nexport const restoreSelection = (element: HTMLDivElement) => {\n    const childNode = element.childNodes[childIndex];\n    const selection = window.getSelection();\n\n    if (!childNode || !element || !selection) {\n        return;\n    }\n\n    const range = document.createRange();\n\n    if (childNode.nodeValue) {\n        endOffset = Math.min(endOffset, childNode.nodeValue.length);\n        startOffset = Math.min(startOffset, childNode.nodeValue.length);\n    }\n\n    range.setStart(childNode, startOffset);\n    range.setEnd(childNode, endOffset);\n\n    selection.removeAllRanges();\n    selection.addRange(range);\n\n    range.collapse(true);\n};\n"],"mappings":";;;;;;AAAA,IAAIA,UAAU,GAAG,CAAC,CAAC;AACnB,IAAIC,SAAS,GAAG,CAAC,CAAC;AAClB,IAAIC,WAAW,GAAG,CAAC,CAAC;AAEb,MAAMC,aAAa,GAAIC,OAAuB,IAAK;EACtD,MAAMC,SAAS,GAAGC,MAAM,CAACC,YAAY,EAAE;EAEvC,IAAI,CAACF,SAAS,EAAE;IACZ;EACJ;EAEA,MAAMG,IAAI,GAAGH,SAAS,CAACI,UAAU;EAEjC,IAAI,CAACD,IAAI,EAAE;IACP;EACJ;EAEA,MAAME,KAAK,GAAGL,SAAS,CAACM,UAAU,CAAC,CAAC,CAAC;EAErCX,UAAU,GAAGY,KAAK,CAACC,IAAI,CAACT,OAAO,CAACU,UAAU,CAAC,CAACC,OAAO,CAACP,IAAI,CAAc;EAEtEP,SAAS,GAAGS,KAAK,CAACT,SAAS;EAC3BC,WAAW,GAAGQ,KAAK,CAACR,WAAW;AACnC,CAAC;AAACc,OAAA,CAAAb,aAAA,GAAAA,aAAA;AAEK,MAAMc,gBAAgB,GAAIb,OAAuB,IAAK;EACzD,MAAMc,SAAS,GAAGd,OAAO,CAACU,UAAU,CAACd,UAAU,CAAC;EAChD,MAAMK,SAAS,GAAGC,MAAM,CAACC,YAAY,EAAE;EAEvC,IAAI,CAACW,SAAS,IAAI,CAACd,OAAO,IAAI,CAACC,SAAS,EAAE;IACtC;EACJ;EAEA,MAAMK,KAAK,GAAGS,QAAQ,CAACC,WAAW,EAAE;EAEpC,IAAIF,SAAS,CAACG,SAAS,EAAE;IACrBpB,SAAS,GAAGqB,IAAI,CAACC,GAAG,CAACtB,SAAS,EAAEiB,SAAS,CAACG,SAAS,CAACG,MAAM,CAAC;IAC3DtB,WAAW,GAAGoB,IAAI,CAACC,GAAG,CAACrB,WAAW,EAAEgB,SAAS,CAACG,SAAS,CAACG,MAAM,CAAC;EACnE;EAEAd,KAAK,CAACe,QAAQ,CAACP,SAAS,EAAEhB,WAAW,CAAC;EACtCQ,KAAK,CAACgB,MAAM,CAACR,SAAS,EAAEjB,SAAS,CAAC;EAElCI,SAAS,CAACsB,eAAe,EAAE;EAC3BtB,SAAS,CAACuB,QAAQ,CAAClB,KAAK,CAAC;EAEzBA,KAAK,CAACmB,QAAQ,CAAC,IAAI,CAAC;AACxB,CAAC;AAACb,OAAA,CAAAC,gBAAA,GAAAA,gBAAA"}