@nectary/components 4.12.1 → 5.0.0

package/emoji/utils.js

@@ -1,7 +1,7 @@
-import { getAttribute, getCssVar, updateAttribute } from '../utils/dom';
+import { getAttribute, getCssVar, updateAttribute } from "../utils/dom.js";
 const vs16RegExp = /\uFE0F/g;
-const zeroWidthJoiner = String.fromCharCode(0x200d);
-const removeVS16s = rawEmoji => rawEmoji.indexOf(zeroWidthJoiner) < 0 ? rawEmoji.replace(vs16RegExp, '') : rawEmoji;
+const zeroWidthJoiner = String.fromCharCode(8205);
+const removeVS16s = (rawEmoji) => rawEmoji.indexOf(zeroWidthJoiner) < 0 ? rawEmoji.replace(vs16RegExp, "") : rawEmoji;
 function toCodePoints(unicodeSurrogates) {
   const points = [];
   let char = 0;
@@ -10,9 +10,9 @@ function toCodePoints(unicodeSurrogates) {
   while (i < unicodeSurrogates.length) {
     char = unicodeSurrogates.charCodeAt(i++);
     if (previous !== 0) {
-      points.push((0x10000 + (previous - 0xd800 << 10) + (char - 0xdc00)).toString(16));
+      points.push((65536 + (previous - 55296 << 10) + (char - 56320)).toString(16));
       previous = 0;
-    } else if (char > 0xd800 && char <= 0xdbff) {
+    } else if (char > 55296 && char <= 56319) {
       previous = char;
     } else {
       points.push(char.toString(16));
@@ -20,28 +20,33 @@ function toCodePoints(unicodeSurrogates) {
   }
   return points;
 }
-const BASE_URL_ATTR = 'data-emoji-base-url';
-export const setEmojiBaseUrl = (emojiEl, baseUrl) => {
+const BASE_URL_ATTR = "data-emoji-base-url";
+const setEmojiBaseUrl = (emojiEl, baseUrl) => {
   updateAttribute(emojiEl, BASE_URL_ATTR, baseUrl);
 };
-export const getEmojiBaseUrl = root => {
+const getEmojiBaseUrl = (root) => {
   let baseUrl = getAttribute(root, BASE_URL_ATTR);
   if (baseUrl !== null) {
     return baseUrl;
   }
-  baseUrl = getCssVar(root, '--sinch-emoji-src-url');
+  baseUrl = getCssVar(root, "--sinch-emoji-src-url");
   if (baseUrl !== null) {
-    return baseUrl.replaceAll('"', '').trim();
+    return baseUrl.replaceAll('"', "").trim();
   }
   return null;
 };
-export const getEmojiUrl = (baseUrl, char) => {
+const getEmojiUrl = (baseUrl, char) => {
   if (char === null || char.length === 0 || baseUrl === null) {
-    return '';
+    return "";
   }
-  let codepoints = toCodePoints(removeVS16s(char)).join('-');
-  if (codepoints === '1f441-fe0f-200d-1f5e8-fe0f') {
-    codepoints = '1f441-200d-1f5e8';
+  let codepoints = toCodePoints(removeVS16s(char)).join("-");
+  if (codepoints === "1f441-fe0f-200d-1f5e8-fe0f") {
+    codepoints = "1f441-200d-1f5e8";
   }
-  return baseUrl.replace('%s', codepoints);
-};
+  return baseUrl.replace("%s", codepoints);
+};
+export {
+  getEmojiBaseUrl,
+  getEmojiUrl,
+  setEmojiBaseUrl
+};

package/emoji-picker/global/index.d.ts

@@ -0,0 +1 @@
+export * from '../types';

package/emoji-picker/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../utils/element.js";
+defineCustomElement("sinch-emoji-picker");

package/emoji-picker/index.d.ts

@@ -9,8 +9,8 @@ import '../emoji';
 import '../text';
 import '../icon';
 import { NectaryElement } from '../utils';
-import type { TSinchEmojiPicker } from './types';
-import type { NectaryComponentReact, NectaryComponentVanilla, TRect } from '../types';
+import type { TRect } from '../types';
+export * from './types';
 export declare class EmojiPicker extends NectaryElement {
     #private;
     constructor();
@@ -24,23 +24,3 @@ export declare class EmojiPicker extends NectaryElement {
     nthEmojiRect(index: number): TRect | null;
     get focusable(): boolean;
 }
-declare global {
-    interface NectaryComponentMap {
-        'sinch-emoji-picker': TSinchEmojiPicker;
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-emoji-picker': NectaryComponentVanilla<'sinch-emoji-picker'>;
-    }
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-emoji-picker': NectaryComponentReact<'sinch-emoji-picker'>;
-        }
-    }
-}
-declare module 'react' {
-    namespace JSX {
-        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
-            'sinch-emoji-picker': NectaryComponentReact<'sinch-emoji-picker'>;
-        }
-    }
-}