@nivaro/react 0.3.33 → 0.3.34

package/dist/shared/components/SearchHighlight.js

@@ -0,0 +1,30 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useMemo as c, Fragment as p } from "react";
+import { highlightParts as s } from "../lib/search-text.js";
+import { cn as d } from "../lib/utils.js";
+function x({
+  text: e,
+  query: i,
+  synonyms: h,
+  className: m,
+  markClassName: o
+}) {
+  const n = c(() => s(e, i, { synonyms: h }), [e, i, h]);
+  return n.some((r) => r.match) ? /* @__PURE__ */ t("span", { className: m, children: n.map(
+    (r, a) => r.match ? /* @__PURE__ */ t(
+      "mark",
+      {
+        "data-search-hit": !0,
+        className: d("rounded-sm bg-nvr-cyan/20 px-0 text-inherit", o),
+        children: r.text
+      },
+      a
+    ) : (
+      // biome-ignore lint/suspicious/noArrayIndexKey: parts are positional and never reorder
+      /* @__PURE__ */ t(p, { children: r.text }, a)
+    )
+  ) }) : /* @__PURE__ */ t("span", { className: m, children: e ?? "" });
+}
+export {
+  x as SearchHighlight
+};

package/dist/shared/components/TipLayer.js

@@ -1,38 +1,40 @@
-import { jsx as x } from "react/jsx-runtime";
-import { useState as m, useRef as g, useEffect as v, useLayoutEffect as h } from "react";
+import { jsx as g } from "react/jsx-runtime";
+import { useState as m, useRef as v, useEffect as h, useLayoutEffect as x } from "react";
 import { createPortal as b } from "react-dom";
-let l = 0;
-function O() {
-  const [e, i] = m(null), [t, d] = m(!1), s = g(null);
-  return v(() => (l += 1, d(l === 1), () => {
-    l -= 1;
-  }), []), v(() => {
+const u = [];
+function R() {
+  const [e, o] = m(null), [t, s] = m(!1), d = v(null);
+  return h(() => (u.push(s), u[0] === s && s(!0), () => {
+    var n;
+    const r = u.indexOf(s);
+    r < 0 || (u.splice(r, 1), r === 0 && ((n = u[0]) == null || n.call(u, !0)));
+  }), []), h(() => {
     if (!t) return;
-    const o = (u) => {
-      var c, w;
-      const n = (w = (c = u.target) == null ? void 0 : c.closest) == null ? void 0 : w.call(c, "[data-tip]"), a = n == null ? void 0 : n.getAttribute("data-tip");
-      if (!n || !a || n.getAttribute("aria-expanded") === "true") {
-        i((p) => p && null);
+    const r = (c) => {
+      var l, p;
+      const i = (p = (l = c.target) == null ? void 0 : l.closest) == null ? void 0 : p.call(l, "[data-tip]"), f = i == null ? void 0 : i.getAttribute("data-tip");
+      if (!i || !f || i.getAttribute("aria-expanded") === "true") {
+        o((w) => w && null);
         return;
       }
-      const f = n.getBoundingClientRect();
-      i({ x: f.left, y: f.bottom + 4, text: a });
-    }, r = () => i(null);
-    return window.addEventListener("mouseover", o), window.addEventListener("pointerdown", r, !0), window.addEventListener("scroll", r, !0), () => {
-      window.removeEventListener("mouseover", o), window.removeEventListener("pointerdown", r, !0), window.removeEventListener("scroll", r, !0);
+      const a = i.getBoundingClientRect();
+      o({ x: a.left, y: a.bottom + 4, text: f });
+    }, n = () => o(null);
+    return window.addEventListener("mouseover", r), window.addEventListener("pointerdown", n, !0), window.addEventListener("scroll", n, !0), () => {
+      window.removeEventListener("mouseover", r), window.removeEventListener("pointerdown", n, !0), window.removeEventListener("scroll", n, !0);
     };
-  }, [t]), h(() => {
+  }, [t]), x(() => {
     if (!e) return;
-    const o = s.current;
-    if (!o) return;
-    const r = o.getBoundingClientRect();
-    let { x: u, y: n } = e;
-    r.right > window.innerWidth - 8 && (u = Math.max(8, window.innerWidth - r.width - 8)), r.bottom > window.innerHeight - 8 && (n = Math.max(8, e.y - r.height - 30)), (u !== e.x || n !== e.y) && i({ ...e, x: u, y: n });
+    const r = d.current;
+    if (!r) return;
+    const n = r.getBoundingClientRect();
+    let { x: c, y: i } = e;
+    n.right > window.innerWidth - 8 && (c = Math.max(8, window.innerWidth - n.width - 8)), n.bottom > window.innerHeight - 8 && (i = Math.max(8, e.y - n.height - 30)), (c !== e.x || i !== e.y) && o({ ...e, x: c, y: i });
   }, [e]), !t || !e ? null : b(
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ g(
       "div",
       {
-        ref: s,
+        ref: d,
         style: { position: "fixed", left: e.x, top: e.y, zIndex: 120 },
         className: "pointer-events-none max-w-[340px] whitespace-pre-wrap break-words rounded-md bg-[#0f172a] px-2 py-1 text-[11px] font-medium leading-snug text-white shadow-lg dark:bg-[#334155]",
         children: e.text
@@ -41,20 +43,20 @@ function O() {
     document.body
   );
 }
-function R(e) {
-  const i = g(null);
-  return h(() => {
-    const t = i.current;
+function O(e) {
+  const o = v(null);
+  return x(() => {
+    const t = o.current;
     if (!t) return;
-    const d = () => {
+    const s = () => {
       (t.scrollWidth > t.clientWidth + 1 || t.scrollHeight > t.clientHeight + 1) && e ? t.setAttribute("data-tip", e) : t.removeAttribute("data-tip");
     };
-    if (d(), typeof ResizeObserver > "u") return;
-    const s = new ResizeObserver(d);
-    return s.observe(t), () => s.disconnect();
-  }, [e]), i;
+    if (s(), typeof ResizeObserver > "u") return;
+    const d = new ResizeObserver(s);
+    return d.observe(t), () => d.disconnect();
+  }, [e]), o;
 }
 export {
-  O as TipLayer,
-  R as useOverflowTip
+  R as TipLayer,
+  O as useOverflowTip
 };