laif-ds 0.2.83 → 0.2.85

package/dist/index.d.ts

@@ -260,22 +260,49 @@ export declare interface AppDialogProps extends Omit<DialogContentProps, "title"
     preventClose?: "overlay" | "all";
 }
 
-export declare function AppEditor({ defaultValue, onMarkdownEdit, plugins, toolbars, placeholder, onlyMarkdown, className, wrpClassName, }: AppEditorProps): JSX.Element;
+export declare function AppEditor({ defaultValue, onMarkdownEdit, onValueChange, plugins, toolbars, placeholder, onlyMarkdown, className, wrpClassName, mentions, mentionTrigger, }: AppEditorProps): JSX.Element;
 
-declare type AppEditorPlugin = "clear" | "counter";
+/** Metadata emitted alongside the markdown on every change. */
+export declare interface AppEditorChangeMeta {
+    /** Deduped list (by `String(id)`) of mentions currently present in the text. */
+    mentions: MentionItem[];
+}
+
+export declare type AppEditorPlugin = "clear" | "counter";
 
-declare interface AppEditorProps {
+export declare interface AppEditorProps {
     defaultValue?: string;
+    /**
+     * @deprecated Use `onValueChange` instead. Still honored as a fallback when
+     * `onValueChange` is not provided, but it never receives mention metadata.
+     */
     onMarkdownEdit?: (markdown: string) => void;
+    /**
+     * Fires on every edit with the current markdown and a metadata object.
+     * `meta.mentions` is the deduped (by `id`) list of mentions in the text —
+     * empty when mentions are disabled. Takes precedence over `onMarkdownEdit`.
+     */
+    onValueChange?: (markdown: string, meta: AppEditorChangeMeta) => void;
     plugins?: AppEditorPlugin[];
     toolbars?: AppEditorToolbar[];
     placeholder?: string;
     onlyMarkdown?: boolean;
     className?: string;
     wrpClassName?: string;
+    /**
+     * Enables @mention support when provided. Either a ready `MentionItem[]`
+     * (filtered client-side) or a loader called ONCE the first time the menu
+     * opens — so a large list is never preloaded on mount. The typeahead menu
+     * filters by label (case-insensitive, word-prefix). When undefined, the
+     * MentionNode, mention plugin and mention transformer are NOT registered and
+     * behavior/output is identical to a mention-less editor.
+     */
+    mentions?: MentionSource;
+    /** Single character that opens the mention menu. Default "@". */
+    mentionTrigger?: string;
 }
 
-declare type AppEditorToolbar = "block-format" | "font-format" | "history";
+export declare type AppEditorToolbar = "block-format" | "font-format" | "history";
 
 export declare const AppForm: <TFormValues extends FieldValues = FieldValues, TAsyncOption = unknown>({ items, cols, form, submitText, onSubmit, isSubmitting, showSubmitButton, }: AppFormProps<TFormValues, TAsyncOption>) => JSX.Element;
 
@@ -2405,6 +2432,15 @@ declare interface MarkdownRendererProps {
     children: string;
 }
 
+export declare interface MentionItem {
+    id: string | number;
+    label: string;
+    value?: string;
+    sublabel?: string;
+}
+
+export declare type MentionSource = MentionItem[] | (() => MentionItem[] | Promise<MentionItem[]>);
+
 export declare function Menubar({ className, ...props }: React_2.ComponentProps<typeof MenubarPrimitive.Root>): JSX.Element;
 
 export declare function MenubarCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): JSX.Element;

package/dist/node_modules/@lexical/markdown/LexicalMarkdown.prod.js

@@ -1,5 +1,5 @@
 "use client";
-import { $getRoot as O, $createLineBreakNode as D, $createTextNode as y, $isElementNode as I, $isDecoratorNode as B, $isParagraphNode as k, $isTextNode as N, $getSelection as J, $isLineBreakNode as V, $createParagraphNode as Y } from "../../lexical/Lexical.prod.js";
+import { $createLineBreakNode as O, $createTextNode as y, $getRoot as D, $isElementNode as I, $isDecoratorNode as B, $isParagraphNode as k, $isTextNode as N, $getSelection as J, $isLineBreakNode as V, $createParagraphNode as Y } from "../../lexical/Lexical.prod.js";
 import { ListNode as w, ListItemNode as P, $isListNode as $, $createListItemNode as Z, $createListNode as tt, $isListItemNode as j } from "../list/LexicalList.prod.js";
 import { HeadingNode as et, QuoteNode as nt, $isHeadingNode as ot, $isQuoteNode as L, $createQuoteNode as rt, $createHeadingNode as st } from "../rich-text/LexicalRichText.prod.js";
 import { $findMatchingParent as it } from "../utils/LexicalUtils.prod.js";
@@ -160,7 +160,7 @@ function xt(t, e = !1) {
   })(r.textFormat);
   return (n, f) => {
     const o = n.split(`
-`), a = o.length, u = f || O();
+`), a = o.length, u = f || D();
     u.clear();
     for (let i = 0; i < a; i++) {
       const g = o[i], [l, d] = $t(o, i, r.multilineElement, u);
@@ -223,7 +223,7 @@ function Et(t, e, r, s, n, f) {
         const i = u.getLastDescendant();
         c = i == null ? null : it(i, j);
       }
-      c != null && c.getTextContentSize() > 0 && (c.splice(c.getChildrenSize(), 0, [D(), ...a.getChildren()]), a.remove());
+      c != null && c.getTextContentSize() > 0 && (c.splice(c.getChildrenSize(), 0, [O(), ...a.getChildren()]), a.remove());
     }
   }
 }
@@ -280,7 +280,7 @@ const U = /^(\s*)(\d{1,})\.\s/, z = /^(\s*)[-*+]\s/, Nt = /^(\s*)(?:-\s)?\s?(\[(
 }, regExp: Q, replace: (t, e, r, s) => {
   if (s) {
     const f = t.getPreviousSibling();
-    if (L(f)) return f.splice(f.getChildrenSize(), 0, [D(), ...e]), void t.remove();
+    if (L(f)) return f.splice(f.getChildrenSize(), 0, [O(), ...e]), void t.remove();
   }
   const n = rt();
   n.append(...e), t.replace(n), s || n.select(0, 0);
@@ -330,7 +330,7 @@ function Jt(t = q, e, r = !1) {
   return (function(n, f = !1) {
     const o = H(n), a = [...o.multilineElement, ...o.element], u = !f, c = o.textFormat.filter(((i) => i.format.length === 1)).sort(((i, g) => Number(i.format.includes("code")) - Number(g.format.includes("code"))));
     return (i) => {
-      const g = [], l = (i || O()).getChildren();
+      const g = [], l = (i || D()).getChildren();
       for (let d = 0; d < l.length; d++) {
         const p = l[d], m = mt(p, a, c, o.textMatch);
         m != null && g.push(u && d > 0 && !b(p) && !b(l[d - 1]) ? `

package/dist/node_modules/@lexical/react/LexicalTypeaheadMenuPlugin.prod.js

@@ -0,0 +1,220 @@
+"use client";
+import { useLexicalComposerContext as $ } from "./LexicalComposerContext.prod.js";
+import { $getSelection as Y, $isRangeSelection as F, $isTextNode as te, getDOMSelection as ne, COMMAND_PRIORITY_LOW as J, createCommand as oe, KEY_ENTER_COMMAND as re, KEY_TAB_COMMAND as le, KEY_ESCAPE_COMMAND as ie, KEY_ARROW_UP_COMMAND as se, KEY_ARROW_DOWN_COMMAND as ue } from "../../lexical/Lexical.prod.js";
+import Q, { useCallback as P, useState as Z, useRef as ce, useEffect as I, useLayoutEffect as ae, useMemo as de } from "react";
+import { mergeRegister as V } from "../utils/LexicalUtils.prod.js";
+import { jsx as fe } from "react/jsx-runtime";
+const z = "startTransition", k = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0, ge = k ? ae : I;
+class Ce {
+  constructor(e) {
+    this.key = e, this.ref = { current: null }, this.setRefElement = this.setRefElement.bind(this);
+  }
+  setRefElement(e) {
+    this.ref = { current: e };
+  }
+}
+const X = (i) => {
+  const e = document.getElementById("typeahead-menu");
+  if (!e) return;
+  const a = e.getBoundingClientRect();
+  a.top + a.height > window.innerHeight && e.scrollIntoView({ block: "center" }), a.top < 0 && e.scrollIntoView({ block: "center" }), i.scrollIntoView({ block: "nearest" });
+};
+function j(i, e) {
+  const a = i.getBoundingClientRect(), s = e.getBoundingClientRect();
+  return a.top > s.top && a.top < s.bottom;
+}
+function pe(i, e, a, s) {
+  const [t] = $();
+  I((() => {
+    if (e != null && i != null) {
+      const T = t.getRootElement(), w = T != null ? (function(y, m) {
+        let c = getComputedStyle(y);
+        const O = c.position === "absolute", r = /(auto|scroll)/;
+        if (c.position === "fixed") return document.body;
+        for (let o = y; o = o.parentElement; ) if (c = getComputedStyle(o), (!O || c.position !== "static") && r.test(c.overflow + c.overflowY + c.overflowX)) return o;
+        return document.body;
+      })(T) : document.body;
+      let x = !1, g = j(e, w);
+      const A = function() {
+        x || (window.requestAnimationFrame((function() {
+          a(), x = !1;
+        })), x = !0);
+        const y = j(e, w);
+        y !== g && (g = y, s?.(y));
+      }, u = new ResizeObserver(a);
+      return window.addEventListener("resize", a), document.addEventListener("scroll", A, { capture: !0, passive: !0 }), u.observe(e), () => {
+        u.unobserve(e), window.removeEventListener("resize", a), document.removeEventListener("scroll", A, !0);
+      };
+    }
+  }), [e, t, s, a, i]);
+}
+const q = oe("SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND");
+function me({ close: i, editor: e, anchorElementRef: a, resolution: s, options: t, menuRenderFn: T, onSelectOption: w, shouldSplitNodeWithQuery: x = !1, commandPriority: g = J, preselectFirstItem: A = !0 }) {
+  const [u, y] = Z(null), m = s.match && s.match.matchingString;
+  I((() => {
+    A && y(0);
+  }), [m, A]);
+  const c = P(((r) => {
+    e.update((() => {
+      const o = s.match != null && x ? (function(C) {
+        const l = Y();
+        if (!F(l) || !l.isCollapsed()) return null;
+        const N = l.anchor;
+        if (N.type !== "text") return null;
+        const v = N.getNode();
+        if (!v.isSimpleText()) return null;
+        const E = N.offset, M = v.getTextContent().slice(0, E), R = C.replaceableString.length, d = E - (function(S, h, f) {
+          let n = f;
+          for (let p = n; p <= h.length; p++) S.slice(-p) === h.substring(0, p) && (n = p);
+          return n;
+        })(M, C.matchingString, R);
+        if (d < 0) return null;
+        let b;
+        return d === 0 ? [b] = v.splitText(E) : [, b] = v.splitText(d, E), b;
+      })(s.match) : null;
+      w(r, o, i, s.match ? s.match.matchingString : "");
+    }));
+  }), [e, x, s.match, w, i]), O = P(((r) => {
+    const o = e.getRootElement();
+    o !== null && (o.setAttribute("aria-activedescendant", "typeahead-item-" + r), y(r));
+  }), [e]);
+  return I((() => () => {
+    const r = e.getRootElement();
+    r !== null && r.removeAttribute("aria-activedescendant");
+  }), [e]), ge((() => {
+    t === null ? y(null) : u === null && A && O(0);
+  }), [t, u, O, A]), I((() => V(e.registerCommand(q, (({ option: r }) => !(!r.ref || r.ref.current == null) && (X(r.ref.current), !0)), g))), [e, O, g]), I((() => V(e.registerCommand(ue, ((r) => {
+    const o = r;
+    if (t !== null && t.length) {
+      const C = u === null ? 0 : u !== t.length - 1 ? u + 1 : 0;
+      O(C);
+      const l = t[C];
+      l.ref != null && l.ref.current && e.dispatchCommand(q, { index: C, option: l }), o.preventDefault(), o.stopImmediatePropagation();
+    }
+    return !0;
+  }), g), e.registerCommand(se, ((r) => {
+    const o = r;
+    if (t !== null && t.length) {
+      const C = u === null ? t.length - 1 : u !== 0 ? u - 1 : t.length - 1;
+      O(C);
+      const l = t[C];
+      l.ref != null && l.ref.current && X(l.ref.current), o.preventDefault(), o.stopImmediatePropagation();
+    }
+    return !0;
+  }), g), e.registerCommand(ie, ((r) => {
+    const o = r;
+    return o.preventDefault(), o.stopImmediatePropagation(), i(), !0;
+  }), g), e.registerCommand(le, ((r) => {
+    const o = r;
+    return t !== null && u !== null && t[u] != null && (o.preventDefault(), o.stopImmediatePropagation(), c(t[u]), !0);
+  }), g), e.registerCommand(re, ((r) => t !== null && u !== null && t[u] != null && (r !== null && (r.preventDefault(), r.stopImmediatePropagation()), c(t[u]), !0)), g))), [c, i, e, t, u, O, g]), T(a, de((() => ({ options: t, selectOptionAndCleanUp: c, selectedIndex: u, setHighlightedIndex: y })), [c, u, t]), s.match ? s.match.matchingString : "");
+}
+function G(i, e) {
+  e != null && (i.className = e), i.setAttribute("aria-label", "Typeahead menu"), i.setAttribute("role", "listbox"), i.style.display = "block", i.style.position = "absolute";
+}
+const he = `\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'"~=<>_:;`;
+function ve(i, { minLength: e = 1, maxLength: a = 75, punctuation: s = he, allowWhitespace: t = !1 }) {
+  return P(((T) => {
+    const w = new RegExp("(^|\\s|\\()([" + i + "]((?:" + ("[^" + i + s + (t ? "" : "\\s") + "]") + "){0," + a + "}))$").exec(T);
+    if (w !== null) {
+      const x = w[1], g = w[3];
+      if (g.length >= e) return { leadOffset: w.index + x.length, matchingString: g, replaceableString: w[2] };
+    }
+    return null;
+  }), [t, i, s, a, e]);
+}
+function be({ options: i, onQueryChange: e, onSelectOption: a, onOpen: s, onClose: t, menuRenderFn: T, triggerFn: w, anchorClassName: x, commandPriority: g = J, parent: A, preselectFirstItem: u = !0, ignoreEntityBoundary: y = !1 }) {
+  const [m] = $(), [c, O] = Z(null), r = (function(l, N, v, E = k ? document.body : void 0, M = !0) {
+    const [R] = $(), d = ce(k ? document.createElement("div") : null), b = P((() => {
+      if (d.current === null || E === void 0) return;
+      d.current.style.top = d.current.style.bottom;
+      const f = R.getRootElement(), n = d.current, p = n.firstChild;
+      if (f !== null && l !== null) {
+        const { left: D, top: _, width: H, height: W } = l.getRect(), ee = d.current.offsetHeight;
+        if (n.style.top = `${_ + ee + 3 + (M ? window.pageYOffset : 0)}px`, n.style.left = `${D + window.pageXOffset}px`, n.style.height = `${W}px`, n.style.width = `${H}px`, p !== null) {
+          p.style.top = `${_}`;
+          const K = p.getBoundingClientRect(), L = K.height, U = K.width, B = f.getBoundingClientRect();
+          D + U > B.right && (n.style.left = `${B.right - U + window.pageXOffset}px`), (_ + L > window.innerHeight || _ + L > B.bottom) && _ - B.top > L + W && (n.style.top = `${_ - L - W + (M ? window.pageYOffset : 0)}px`);
+        }
+        n.isConnected || (G(n, v), E.append(n)), n.setAttribute("id", "typeahead-menu"), d.current = n, f.setAttribute("aria-controls", "typeahead-menu");
+      }
+    }), [R, l, M, v, E]);
+    I((() => {
+      const f = R.getRootElement();
+      return l !== null && b(), () => {
+        f !== null && f.removeAttribute("aria-controls");
+        const n = d.current;
+        n !== null && n.isConnected && (n.remove(), n.removeAttribute("id"));
+      };
+    }), [R, b, l]);
+    const S = P(((f) => {
+      l !== null && (f || N(null));
+    }), [l, N]);
+    pe(l, d.current, b, S);
+    const h = d.current;
+    return h != null && (G(h, v), E?.append(h)), d;
+  })(c, O, x, A), o = P((() => {
+    O(null), t != null && c !== null && t();
+  }), [t, c]), C = P(((l) => {
+    O(l), s != null && c === null && s(l);
+  }), [s, c]);
+  return I((() => {
+    const l = m.registerUpdateListener((() => {
+      m.getEditorState().read((() => {
+        if (!m.isEditable()) return void o();
+        const N = m._window || window, v = N.document.createRange(), E = Y(), M = (function(b) {
+          let S = null;
+          return b.getEditorState().read((() => {
+            const h = Y();
+            F(h) && (S = (function(f) {
+              const n = f.anchor;
+              if (n.type !== "text") return null;
+              const p = n.getNode();
+              if (!p.isSimpleText()) return null;
+              const D = n.offset;
+              return p.getTextContent().slice(0, D);
+            })(h));
+          })), S;
+        })(m);
+        if (!F(E) || !E.isCollapsed() || M === null || v === null) return void o();
+        const R = w(M, m);
+        if (e(R ? R.matchingString : null), R !== null && (y || !(function(b, S) {
+          return S === 0 && b.getEditorState().read((() => {
+            const h = Y();
+            if (F(h)) {
+              const f = h.anchor.getNode().getPreviousSibling();
+              return te(f) && f.isTextEntity();
+            }
+            return !1;
+          }));
+        })(m, R.leadOffset)) && (function(S, h, f) {
+          const n = ne(f);
+          if (n === null || !n.isCollapsed) return !1;
+          const p = n.anchorNode, D = S, _ = n.anchorOffset;
+          if (p == null || _ == null) return !1;
+          try {
+            h.setStart(p, D), h.setEnd(p, _);
+          } catch {
+            return !1;
+          }
+          return !0;
+        })(R.leadOffset, v, N) !== null)
+          return d = () => C({ getRect: () => v.getBoundingClientRect(), match: R }), void (z in Q ? Q[z](d) : d());
+        var d;
+        o();
+      }));
+    }));
+    return () => {
+      l();
+    };
+  }), [m, w, e, c, o, C, y]), I((() => m.registerEditableListener(((l) => {
+    l || o();
+  }))), [m, o]), c === null || m === null || r.current === null ? null : fe(me, { close: o, resolution: c, editor: m, anchorElementRef: r, options: i, menuRenderFn: T, shouldSplitNodeWithQuery: !0, onSelectOption: a, commandPriority: g, preselectFirstItem: u });
+}
+export {
+  be as LexicalTypeaheadMenuPlugin,
+  Ce as MenuOption,
+  he as PUNCTUATION,
+  ve as useBasicTypeaheadTriggerMatch,
+  pe as useDynamicPositioning
+};