@factorialco/f0-react 1.449.0 → 1.449.1

package/dist/experimental.js

@@ -3,8 +3,8 @@ import { cx as Ld, cw as Fd, cJ as Td, cp as _d, cq as Ed, cT as Dd, cr as Od, c
 import { jsx as e, jsxs as o, Fragment as U } from "react/jsx-runtime";
 import * as De from "react";
 import re, { forwardRef as E, useRef as G, useTransition as Il, useState as T, useLayoutEffect as za, useContext as Je, createContext as Ft, useCallback as Q, useMemo as q, useEffect as j, useId as kl, memo as Pa, Fragment as Sl, isValidElement as Al, cloneElement as Ra, Children as $a } from "react";
-import { C as Ll, P as Fl, g as Ba, c as Tl, a as Wa, F as ft, f as _l, b as El, u as Ma, A as Dl, B as Ol, L as zl, d as Pl, V as Rl, e as $l, h as Mt, i as Bl, j as Wl } from "./index-De_RKEMK.js";
-import { m as iu, n as ou, k as cu, v as du, o as uu, t as fu, E as mu, l as hu, y as pu, M as gu, I as bu, z as xu, p as vu, G as yu, H as wu, N as Nu, J as Cu, q as Iu, s as ku, R as Su, x as Au, K as Lu, S as Fu, T as Tu, r as _u, _ as Eu, D as Du, w as Ou } from "./index-De_RKEMK.js";
+import { C as Ll, P as Fl, g as Ba, c as Tl, a as Wa, F as ft, f as _l, b as El, u as Ma, A as Dl, B as Ol, L as zl, d as Pl, V as Rl, e as $l, h as Mt, i as Bl, j as Wl } from "./index-BkJwEWAZ.js";
+import { m as iu, n as ou, k as cu, v as du, o as uu, t as fu, E as mu, l as hu, y as pu, M as gu, I as bu, z as xu, p as vu, G as yu, H as wu, N as Nu, J as Cu, q as Iu, s as ku, R as Su, x as Au, K as Lu, S as Fu, T as Tu, r as _u, _ as Eu, D as Du, w as Ou } from "./index-BkJwEWAZ.js";
 const Ml = zn("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]

package/dist/f0.js

@@ -6,8 +6,8 @@ import fe, { forwardRef as vt, useRef as Z, useImperativeHandle as nf, Children
 import { g as of, h as af } from "./types-hferChl0.js";
 import { A as F0, e as O0, F as I0, c as L0, d as M0, b as P0, a as z0, f as B0, o as V0, u as $0 } from "./types-hferChl0.js";
 import { createPortal as Dl, unstable_batchedUpdates as Ar, flushSync as lf } from "react-dom";
-import { C as cf, v as Tl, K as df, T as uf, S as Rl, y as qi, O as Ui, E as ff, $ as hf, Q as mf, U as pf, x as Al, k as gf, W as vf } from "./index-De_RKEMK.js";
-import { m as H0, n as W0, o as q0, t as U0, F as Z0, M as G0, p as Q0, G as K0, H as X0, N as Y0, J as J0, q as e_, P as t_, s as n_, R as r_, r as s_, _ as i_, D as o_, w as a_, u as l_ } from "./index-De_RKEMK.js";
+import { C as cf, v as Tl, K as df, T as uf, S as Rl, y as qi, O as Ui, E as ff, $ as hf, Q as mf, U as pf, x as Al, k as gf, W as vf } from "./index-BkJwEWAZ.js";
+import { m as H0, n as W0, o as q0, t as U0, F as Z0, M as G0, p as Q0, G as K0, H as X0, N as Y0, J as J0, q as e_, P as t_, s as n_, R as r_, r as s_, _ as i_, D as o_, w as a_, u as l_ } from "./index-BkJwEWAZ.js";
 import { defaultTranslations as d_ } from "./i18n-provider-defaults.js";
 import './f0.css';const yf = {
   xs: 1,

package/dist/{index-De_RKEMK.js → index-BkJwEWAZ.js}

@@ -32681,100 +32681,90 @@ function cR(t, e, n, i) {
       return t;
     },
     render: () => {
-      let r = null, s = null, o = null;
-      const a = () => {
-        const l = window.getSelection();
-        if (l && l.rangeCount > 0) {
-          const f = l.getRangeAt(0), { startContainer: d, startOffset: c } = f;
-          if (d.nodeType === Node.TEXT_NODE) {
-            const h = (d.textContent || "").lastIndexOf("@", c);
-            if (h !== -1) {
-              const p = document.createRange();
-              return p.setStart(d, h), p.setEnd(d, h + 1), p.getBoundingClientRect();
+      let r = null, s = null, o = null, a = null;
+      const l = () => {
+        const f = window.getSelection();
+        if (f && f.rangeCount > 0) {
+          const d = f.getRangeAt(0), { startContainer: c, startOffset: u } = d;
+          if (c.nodeType === Node.TEXT_NODE) {
+            const p = (c.textContent || "").lastIndexOf("@", u);
+            if (p !== -1) {
+              const m = document.createRange();
+              return m.setStart(c, p), m.setEnd(c, p + 1), m.getBoundingClientRect();
             }
           }
-          return f.getBoundingClientRect();
+          return d.getBoundingClientRect();
         }
         return document.body.getBoundingClientRect();
       };
       return {
-        onStart: (l) => {
-          const f = (u) => {
-            const { state: h } = l.editor, { from: p, to: m } = h.selection, v = h.doc.resolve(p);
-            let b = -1;
-            const w = v.parentOffset, k = v.parent.textContent || "";
-            for (let _ = w - 1; _ >= Math.max(0, w - 100); _--) {
-              const x = k[_];
-              if (x === "@") {
-                b = p - (w - _);
-                break;
-              }
-              if (x === " " || x === `
-` || x === "	")
-                break;
-            }
-            b !== -1 ? l.editor.chain().focus().deleteRange({ from: b, to: m }).run() : l.editor.chain().focus().deleteRange(l.range).run(), l.editor.chain().focus().insertContent([
+        onStart: (f) => {
+          a = f;
+          const d = (h) => {
+            if (!a) return;
+            const { editor: p, range: m } = a;
+            p.chain().focus().insertContentAt(m, [
               {
                 type: "mention",
                 attrs: {
-                  id: String(u.id),
-                  label: u.label,
-                  image_url: u.image_url,
-                  href: u.href
+                  id: String(h.id),
+                  label: h.label,
+                  image_url: h.image_url,
+                  href: h.href
                 }
               },
               {
                 type: "text",
                 text: " "
               }
-            ]).run();
+            ]).run(), p.view.dom.ownerDocument.defaultView?.getSelection()?.collapseToEnd();
           };
           r = new gm(cx, {
-            props: { items: l.items, command: f },
-            editor: l.editor
+            props: { items: f.items, command: d },
+            editor: f.editor
           });
-          const c = (() => {
-            if (l.clientRect) {
-              const u = l.clientRect();
-              if (u && u.width && u.height) return u;
+          const u = (() => {
+            if (f.clientRect) {
+              const h = f.clientRect();
+              if (h && h.width && h.height) return h;
             }
-            return a();
+            return l();
           })();
           o = document.createElement("div"), document.body.appendChild(o), s = dx.createRoot(o), s.render(
             /* @__PURE__ */ g(
               $v,
               {
                 content: r.element,
-                anchorRect: c,
-                editor: l.editor
+                anchorRect: u,
+                editor: f.editor
               }
             )
-          ), l.editor?.commands.focus();
+          ), f.editor?.commands.focus();
         },
-        onUpdate: (l) => {
-          if (!r || !o || !s) return;
-          r.updateProps({ items: l.items });
-          const d = (() => {
-            if (l.clientRect) {
-              const c = l.clientRect();
-              if (c && c.width && c.height) return c;
+        onUpdate: (f) => {
+          if (a = f, !r || !o || !s) return;
+          r.updateProps({ items: f.items });
+          const c = (() => {
+            if (f.clientRect) {
+              const u = f.clientRect();
+              if (u && u.width && u.height) return u;
             }
-            return a();
+            return l();
           })();
           s.render(
             /* @__PURE__ */ g(
               $v,
               {
                 content: r.element,
-                anchorRect: d,
-                editor: l.editor
+                anchorRect: c,
+                editor: f.editor
               }
             )
           );
         },
-        onKeyDown: (l) => r ? l.event.key === "ArrowUp" || l.event.key === "ArrowDown" ? r.ref?.onKeyDown(l) || !1 : l.event.key === "Escape" ? (s && o && (s.unmount(), o.remove()), !0) : r.ref?.onKeyDown(l) || !1 : !1,
+        onKeyDown: (f) => r ? f.event.key === "ArrowUp" || f.event.key === "ArrowDown" ? r.ref?.onKeyDown(f) || !1 : f.event.key === "Escape" ? (a = null, s && o && (s.unmount(), o.remove()), !0) : r.ref?.onKeyDown(f) || !1 : !1,
         onExit() {
-          s && o && (s.unmount(), o.remove()), r?.destroy();
+          a = null, s && o && (s.unmount(), o.remove()), r?.destroy();
         }
       };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "1.449.0",
+  "version": "1.449.1",
   "private": false,
   "files": [
     "assets",