emoji-picker-react 5.1.0 → 5.1.1

package/dist/esm/chunks/deferredPicker-A6MWDDKH.mjs

@@ -0,0 +1,113 @@
+// src/hooks/searchHighlight.ts
+var HIGHLIGHTED = "data-epr-highlighted", ACTIVE_DESCENDANT = "aria-activedescendant", unmountWatchers = /* @__PURE__ */ new WeakMap, ARROWS = [ "ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft" ], OPPOSITE = {
+    ArrowDown: "ArrowUp",
+    ArrowUp: "ArrowDown",
+    ArrowRight: "ArrowLeft",
+    ArrowLeft: "ArrowRight"
+};
+
+function createSearchHighlight(...[main, body, input, registry, setActiveEmoji, allUnifiedFromEmojiElement, caretAtEdge, firstVisibleEmoji, focusAdjacentEmoji, getRegionInDirection, idRef, focusFirstEmoji]) {
+    const wanted = () => !!input.current?.hasAttribute(ACTIVE_DESCENDANT), highlighted = () => highlightedEmoji(body.current), highlight = emoji => {
+        if (void 0 === emoji) {
+            const generation = registry.currentGeneration();
+            return wanted() && (focusFirstEmoji(body.current, {
+                moveTo: highlight,
+                shouldFocus: () => registry.isCurrent(generation) && wanted()
+            }) || highlight(null));
+        }
+        return setActiveEmoji(emoji && allUnifiedFromEmojiElement(emoji)), highlightEmoji(emoji);
+    }, highlightEmoji = emoji => {
+        const before = wanted();
+        return highlighted()?.removeAttribute(HIGHLIGHTED), emoji?.setAttribute(HIGHLIGHTED, ""), 
+        emoji?.scrollIntoView?.({
+            block: "nearest"
+        }), idRef(input.current, ACTIVE_DESCENDANT, emoji), watchUnmount(body.current, input.current, emoji), 
+        before;
+    }, arrowTowardGrid = () => ARROWS.find((key => "grid" === getRegionInDirection(registry, main.current, "search", {
+        key,
+        prefer: "grid"
+    })?.kind)) ?? "ArrowDown";
+    return {
+        highlight,
+        highlighted,
+        // Arrows move the highlight instead of focus, so the caret stays in
+        // the input. The arrow toward the grid starts it (ArrowUp when the
+        // grid is above the input; Left or Right beside it, with the caret at
+        // that edge of the text); otherwise Left/Right edit text until a cell
+        // is highlighted. `key` is the logical arrow, `direction` its non-zero
+        // step. Returns whether the key was taken.
+        move(event, key, direction, searching) {
+            const current = highlighted(), towardGrid = arrowTowardGrid(), row = "ArrowDown" === key || "ArrowUp" === key;
+            if (!wanted() && (event.key !== towardGrid || !row && !caretAtEdge(input.current, "ArrowRight" === key))) return !1;
+            if (event.preventDefault(), !current) return input.current?.setAttribute(ACTIVE_DESCENDANT, ""), 
+            highlight(searching ? void 0 : firstVisibleEmoji(body.current)), !0;
+            const generation = registry.currentGeneration();
+            return focusAdjacentEmoji(current, direction, row, {
+                // Escape or blur ended the highlight, or new results replaced the
+                // grid, before the move landed.
+                shouldFocus: () => registry.isCurrent(generation) && wanted()
+                // Past the grid edge that faces the input, the highlight ends.
+                ,
+                exit: event.key === OPPOSITE[towardGrid] ? () => highlight(null) : void 0,
+                moveTo: highlight
+            }), !0;
+        },
+        // Leaving the search input ends the highlight.
+        blur(event) {
+            event.target === input.current && wanted() && highlight(null);
+        }
+    };
+}
+
+function highlightedEmoji(body) {
+    return body?.querySelector(`[${HIGHLIGHTED}]`) ?? null;
+}
+
+function watchUnmount(body, input, emoji) {
+    if (!input) return;
+    if (unmountWatchers.get(input)?.disconnect(), !body || !emoji || "undefined" == typeof MutationObserver) return;
+    const watcher = new MutationObserver((() => {
+        emoji.isConnected || (watcher.disconnect(), input.getAttribute(ACTIVE_DESCENDANT) === emoji.id && input.setAttribute(ACTIVE_DESCENDANT, ""));
+    }));
+    watcher.observe(body, {
+        childList: !0,
+        subtree: !0
+    }), unmountWatchers.set(input, watcher);
+}
+
+// src/data-core/normalizeLoaderResult.ts
+function isRecord(value) {
+    return !!value && "object" == typeof value && !Array.isArray(value);
+}
+
+function isStringArray(value) {
+    return Array.isArray(value) && value.every((item => "string" == typeof item));
+}
+
+function isUnified(value) {
+    return value.split("-").every((hex => /^[\da-f]{1,6}$/i.test(hex) && parseInt(hex, 16) <= 1114111));
+}
+
+function hasValidEncoding(value) {
+    return void 0 !== value.imgUrl ? "string" == typeof value.imgUrl : "string" == typeof value.u && isUnified(value.u) && (void 0 === value.v || isStringArray(value.v) && value.v.every(isUnified));
+}
+
+function isEmoji(value) {
+    return isRecord(value) && "string" == typeof value.u && !!value.u && isStringArray(value.n) && value.n.length > 0 && "string" == typeof value.a && hasValidEncoding(value);
+}
+
+function isEmojiGroup(value) {
+    return Array.isArray(value) && value.every(isEmoji);
+}
+
+function isCategory(value) {
+    return isRecord(value) && "string" == typeof value.category && "string" == typeof value.name;
+}
+
+function normalizeLoaderResult(result) {
+    const data = isRecord(result) && "default" in result ? result.default : result;
+    if (!(isRecord(data) && isRecord(data.categories) && isRecord(data.emojis) && Object.values(data.emojis).every(isEmojiGroup) && Object.values(data.categories).every(isCategory))) throw new Error("[emoji-picker-react] emojiData loader must resolve a dataset or { default: dataset }.");
+    return data;
+}
+
+export { createSearchHighlight, normalizeLoaderResult };

package/dist/esm/chunks/emojis-VTEL5M5C.mjs

@@ -1,6 +1,3 @@
-import {
-  emojis_default
-} from "./chunk-ZOAKI5M6.mjs";
-export {
-  emojis_default as default
-};
+import { emojis_default } from "./chunk-ZOAKI5M6.mjs";
+
+export { emojis_default as default };

package/dist/esm/data.mjs

@@ -1,10 +1,7 @@
-import "./chunks/chunk-3NQHPTFV.mjs";
-import {
-  getEmojiByUnified,
-  searchEmojis
-} from "./chunks/chunk-FJVAS6PR.mjs";
+import "./chunks/chunk-G75AG4FD.mjs";
+
+import { getEmojiByUnified, searchEmojis } from "./chunks/chunk-6LOWV5AK.mjs";
+
 import "./chunks/chunk-ZOAKI5M6.mjs";
-export {
-  getEmojiByUnified,
-  searchEmojis
-};
+
+export { getEmojiByUnified, searchEmojis };