@nectary/components 4.12.0 → 4.12.1

package/emoji/utils.js

@@ -1,7 +1,7 @@
-import { getAttribute, getCssVar, updateAttribute } from "../utils/dom.js";
+import { getAttribute, getCssVar, updateAttribute } from '../utils/dom';
 const vs16RegExp = /\uFE0F/g;
-const zeroWidthJoiner = String.fromCharCode(8205);
-const removeVS16s = (rawEmoji) => rawEmoji.indexOf(zeroWidthJoiner) < 0 ? rawEmoji.replace(vs16RegExp, "") : rawEmoji;
+const zeroWidthJoiner = String.fromCharCode(0x200d);
+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((65536 + (previous - 55296 << 10) + (char - 56320)).toString(16));
+      points.push((0x10000 + (previous - 0xd800 << 10) + (char - 0xdc00)).toString(16));
       previous = 0;
-    } else if (char > 55296 && char <= 56319) {
+    } else if (char > 0xd800 && char <= 0xdbff) {
       previous = char;
     } else {
       points.push(char.toString(16));
@@ -20,33 +20,28 @@ function toCodePoints(unicodeSurrogates) {
   }
   return points;
 }
-const BASE_URL_ATTR = "data-emoji-base-url";
-const setEmojiBaseUrl = (emojiEl, baseUrl) => {
+const BASE_URL_ATTR = 'data-emoji-base-url';
+export const setEmojiBaseUrl = (emojiEl, baseUrl) => {
   updateAttribute(emojiEl, BASE_URL_ATTR, baseUrl);
 };
-const getEmojiBaseUrl = (root) => {
+export 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;
 };
-const getEmojiUrl = (baseUrl, char) => {
+export 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);
-};
-export {
-  getEmojiBaseUrl,
-  getEmojiUrl,
-  setEmojiBaseUrl
-};
+  return baseUrl.replace('%s', codepoints);
+};

package/emoji-picker/index.d.ts

@@ -9,8 +9,8 @@ import '../emoji';
 import '../text';
 import '../icon';
 import { NectaryElement } from '../utils';
-import type { TRect } from '../types';
-export * from './types';
+import type { TSinchEmojiPicker } from './types';
+import type { NectaryComponentReact, NectaryComponentVanilla, TRect } from '../types';
 export declare class EmojiPicker extends NectaryElement {
     #private;
     constructor();
@@ -24,3 +24,23 @@ 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'>;
+        }
+    }
+}