emoji-picker-react 5.1.0 → 5.1.2

package/dist/esm/chunks/searchHighlight-7NH7OJ5Q.mjs

@@ -1,134 +0,0 @@
-// src/hooks/searchHighlight.ts
-var HIGHLIGHTED = "data-epr-highlighted";
-var ACTIVE_DESCENDANT = "aria-activedescendant";
-var unmountWatchers = /* @__PURE__ */ new WeakMap();
-var ARROWS = ["ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft"];
-var OPPOSITE = {
-  ArrowDown: "ArrowUp",
-  ArrowUp: "ArrowDown",
-  ArrowRight: "ArrowLeft",
-  ArrowLeft: "ArrowRight"
-};
-function createSearchHighlight(...[
-  main,
-  body,
-  input,
-  registry,
-  setActiveEmoji,
-  allUnifiedFromEmojiElement,
-  caretAtEdge,
-  firstVisibleEmoji,
-  focusAdjacentEmoji,
-  getRegionInDirection,
-  idRef,
-  categoryGeometry,
-  focusLogicalEmoji
-]) {
-  const wanted = () => !!input.current?.hasAttribute(ACTIVE_DESCENDANT);
-  const highlighted = () => highlightedEmoji(body.current);
-  const moveToFirstEmoji = (options) => {
-    const category = Array.from(
-      body.current?.querySelectorAll(
-        '[data-epr-part="category"]'
-      ) ?? []
-    ).find((section) => categoryGeometry(section).count > 0);
-    if (category) focusLogicalEmoji(category, 0, options);
-    return !!category;
-  };
-  const highlight = (emoji) => {
-    if (emoji === void 0) {
-      const generation = registry.currentGeneration();
-      return wanted() && (moveToFirstEmoji({
-        moveTo: highlight,
-        shouldFocus: () => registry.isCurrent(generation) && wanted()
-      }) || highlight(null));
-    }
-    setActiveEmoji(
-      emoji && allUnifiedFromEmojiElement(emoji)
-    );
-    return highlightEmoji(emoji);
-  };
-  const highlightEmoji = (emoji) => {
-    const before = wanted();
-    highlighted()?.removeAttribute(HIGHLIGHTED);
-    emoji?.setAttribute(HIGHLIGHTED, "");
-    emoji?.scrollIntoView?.({ block: "nearest" });
-    idRef(input.current, ACTIVE_DESCENDANT, emoji);
-    watchUnmount(body.current, input.current, emoji);
-    return before;
-  };
-  const arrowTowardGrid = () => ARROWS.find(
-    (key) => getRegionInDirection(registry, main.current, "search", {
-      key,
-      prefer: "grid"
-    })?.kind === "grid"
-  ) ?? "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();
-      const towardGrid = arrowTowardGrid();
-      const row = key === "ArrowDown" || key === "ArrowUp";
-      if (!wanted() && (event.key !== towardGrid || !row && !caretAtEdge(input.current, key === "ArrowRight")))
-        return false;
-      event.preventDefault();
-      if (!current) {
-        input.current?.setAttribute(ACTIVE_DESCENDANT, "");
-        highlight(searching ? void 0 : firstVisibleEmoji(body.current));
-        return true;
-      }
-      const generation = registry.currentGeneration();
-      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
-      });
-      return true;
-    },
-    // Enter during a search with nothing highlighted selects the first
-    // result by its place in the results, wherever the grid is scrolled.
-    // Returns false when Enter selects something else.
-    selectFirst(searching) {
-      if (!searching || highlighted()) return false;
-      const generation = registry.currentGeneration();
-      moveToFirstEmoji({
-        shouldFocus: () => registry.isCurrent(generation),
-        moveTo: (emoji) => emoji.click()
-      });
-      return true;
-    },
-    // Leaving the search input ends the highlight.
-    blur(event) {
-      if (event.target === input.current && wanted()) highlight(null);
-    }
-  };
-}
-function highlightedEmoji(body) {
-  return body?.querySelector(`[${HIGHLIGHTED}]`) ?? null;
-}
-function watchUnmount(body, input, emoji) {
-  if (!input) return;
-  unmountWatchers.get(input)?.disconnect();
-  if (!body || !emoji || typeof MutationObserver === "undefined") return;
-  const watcher = new MutationObserver(() => {
-    if (emoji.isConnected) return;
-    watcher.disconnect();
-    if (input.getAttribute(ACTIVE_DESCENDANT) === emoji.id)
-      input.setAttribute(ACTIVE_DESCENDANT, "");
-  });
-  watcher.observe(body, { childList: true, subtree: true });
-  unmountWatchers.set(input, watcher);
-}
-export {
-  createSearchHighlight
-};