eddyter 1.4.12 → 1.4.13

package/dist/index-D11sRTul.js

@@ -0,0 +1,147 @@
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import { useLexicalComposerContext as k } from "@lexical/react/LexicalComposerContext";
+import { c as L, g as I, h as w } from "./index-DFEFJp4J.js";
+import { useBasicTypeaheadTriggerMatch as C, LexicalTypeaheadMenuPlugin as S, MenuOption as R } from "@lexical/react/LexicalTypeaheadMenuPlugin";
+import { useState as y, useMemo as v, useCallback as g, useEffect as O } from "react";
+import * as E from "react-dom";
+const U = L("UserRound", [
+  ["circle", { cx: "12", cy: "8", r: "5", key: "1hypcn" }],
+  ["path", { d: "M20 21a8 8 0 0 0-16 0", key: "rfgkzh" }]
+]), A = `\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'"~=<>_:;`, P = {
+  PUNCTUATION: A
+}, M = P.PUNCTUATION, x = ["@"].join(""), _ = "[^" + x + M + "\\s]", G = "(?:\\.[ |$]| |[" + M + "]|)", $ = 75, D = new RegExp(
+  "(^|\\s|\\()([" + x + "]((?:" + _ + G + "){0," + $ + "}))$"
+), F = 5, m = /* @__PURE__ */ new Map(), j = {
+  search(o, e, r) {
+    setTimeout(() => {
+      const c = o.filter(
+        (t) => t.toLowerCase().includes(e.toLowerCase())
+      );
+      r(c);
+    }, 500);
+  }
+};
+function Q(o = [], e) {
+  const [r, c] = y([]);
+  return O(() => {
+    const t = m.get(e);
+    if (e == null) {
+      c([]);
+      return;
+    }
+    if (t !== null) {
+      if (t !== void 0) {
+        c(t);
+        return;
+      }
+      m.set(e, null), j.search(o, e, (a) => {
+        m.set(e, a), c(a);
+      });
+    }
+  }, [e]), r;
+}
+function z(o, e) {
+  const r = D.exec(o);
+  if (r !== null) {
+    const c = r[1], t = r[3];
+    if (t.length >= e)
+      return {
+        leadOffset: r.index + c.length,
+        matchingString: t,
+        replaceableString: r[2]
+      };
+  }
+  return null;
+}
+function H(o) {
+  return z(o, 0);
+}
+class V extends R {
+  name;
+  picture;
+  constructor(e, r) {
+    super(e), this.name = e, this.picture = r;
+  }
+}
+function q({
+  index: o,
+  isSelected: e,
+  onClick: r,
+  onMouseEnter: c,
+  option: t
+}) {
+  return /* @__PURE__ */ b(
+    "li",
+    {
+      tabIndex: -1,
+      className: `group cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-3 cteditor-py-2 cteditor-rounded-none cteditor-cursor-pointer cteditor-transition-all cteditor-duration-150 cteditor-text-foreground cteditor-border-l-2 ${e ? "cteditor-bg-primary/10 cteditor-border-primary selected" : "cteditor-border-transparent hover:cteditor-bg-accent hover:cteditor-border-primary"}`,
+      ref: t.setRefElement,
+      role: "option",
+      "aria-selected": e,
+      id: "typeahead-item-" + o,
+      onMouseEnter: c,
+      onClick: r,
+      children: [
+        t.picture,
+        /* @__PURE__ */ i("span", { className: "cteditor-flex-1 cteditor-text-sm cteditor-font-normal cteditor-overflow-hidden cteditor-text-ellipsis cteditor-whitespace-nowrap", children: t.name })
+      ]
+    },
+    t.key
+  );
+}
+function Y({
+  userList: o
+}) {
+  const [e] = k(), [r, c] = y(null), t = Q(o, r), { isDark: a } = I(), f = C("/", {
+    minLength: 0
+  }), l = v(
+    () => t.map(
+      (n) => new V(
+        n,
+        /* @__PURE__ */ i("i", { className: "cteditor-flex cteditor-items-center cteditor-justify-center cteditor-w-6 cteditor-h-6 cteditor-rounded-full cteditor-bg-muted cteditor-shrink-0 group-[.selected]:cteditor-bg-primary-foreground/20", children: /* @__PURE__ */ i(U, { size: 14 }) })
+      )
+    ).slice(0, F),
+    [t]
+  ), N = g(
+    (n, s, p) => {
+      e.update(() => {
+        const d = w(n.name);
+        s && s.replace(d), d.select(), p();
+      });
+    },
+    [e]
+  ), T = g(
+    (n) => f(n, e) !== null ? null : H(n),
+    [f, e]
+  );
+  return /* @__PURE__ */ i(
+    S,
+    {
+      onQueryChange: c,
+      onSelectOption: N,
+      triggerFn: T,
+      options: l,
+      menuRenderFn: (n, { selectedIndex: s, selectOptionAndCleanUp: p, setHighlightedIndex: d }) => n.current ? E.createPortal(
+        /* @__PURE__ */ i("div", { id: "ct-editor-f47ac10b", className: `typeahead-popover mentions-menu eddyter-scope ${a ? "dark cteditor-dark" : ""} `, style: { width: "fit-content", borderRadius: "6px" }, children: l.length > 0 ? /* @__PURE__ */ i("ul", { className: "cteditor-list-none cteditor-m-0 cteditor-p-0 cteditor-w-fit cteditor-border cteditor-rounded-md cteditor-border-foreground/10", children: l.map((h, u) => /* @__PURE__ */ i(
+          q,
+          {
+            index: u,
+            isSelected: s === u,
+            onClick: () => {
+              d(u), p(h);
+            },
+            onMouseEnter: () => {
+              d(u);
+            },
+            option: h
+          },
+          h.key
+        )) }) : /* @__PURE__ */ i("div", { className: "cteditor-text-center cteditor-text-muted-foreground cteditor-text-sm cteditor-whitespace-nowrap", children: "No users found" }) }),
+        n.current
+      ) : null
+    }
+  );
+}
+export {
+  Y as default
+};