@connectedxm/entity-editor 0.0.10 → 0.0.12

package/dist/index.es.js

@@ -1,9 +1,9 @@
 import a from "react";
 var ue = { exports: {} }, Z = {};
-var Le;
+var Me;
 function Ze() {
-  if (Le) return Z;
-  Le = 1;
+  if (Me) return Z;
+  Me = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function s(o, r, c) {
     var i = null;
@@ -169,7 +169,7 @@ function Qe() {
       var k = l.children;
       if (k !== void 0)
         if (S)
-          if (M(k)) {
+          if (L(k)) {
             for (S = 0; S < k.length; S++)
               se(k[S]);
             Object.freeze && Object.freeze(k);
@@ -219,7 +219,7 @@ React keys must be passed directly to JSX without using spread:
     function W(n) {
       return typeof n == "object" && n !== null && n.$$typeof === v;
     }
-    var w = a, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), D = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), oe = /* @__PURE__ */ Symbol.for("react.strict_mode"), T = /* @__PURE__ */ Symbol.for("react.profiler"), z = /* @__PURE__ */ Symbol.for("react.consumer"), ce = /* @__PURE__ */ Symbol.for("react.context"), be = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), V = /* @__PURE__ */ Symbol.for("react.suspense_list"), X = /* @__PURE__ */ Symbol.for("react.memo"), q = /* @__PURE__ */ Symbol.for("react.lazy"), we = /* @__PURE__ */ Symbol.for("react.activity"), ie = /* @__PURE__ */ Symbol.for("react.client.reference"), x = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, M = Array.isArray, Y = console.createTask ? console.createTask : function() {
+    var w = a, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), D = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), oe = /* @__PURE__ */ Symbol.for("react.strict_mode"), T = /* @__PURE__ */ Symbol.for("react.profiler"), z = /* @__PURE__ */ Symbol.for("react.consumer"), ce = /* @__PURE__ */ Symbol.for("react.context"), be = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), V = /* @__PURE__ */ Symbol.for("react.suspense_list"), X = /* @__PURE__ */ Symbol.for("react.memo"), q = /* @__PURE__ */ Symbol.for("react.lazy"), we = /* @__PURE__ */ Symbol.for("react.activity"), ie = /* @__PURE__ */ Symbol.for("react.client.reference"), x = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, L = Array.isArray, Y = console.createTask ? console.createTask : function() {
       return null;
     };
     w = {
@@ -230,7 +230,7 @@ React keys must be passed directly to JSX without using spread:
     var G, H = {}, J = w.react_stack_bottom_frame.bind(
       w,
       c
-    )(), L = Y(o(c)), $ = {};
+    )(), M = Y(o(c)), $ = {};
     Q.Fragment = O, Q.jsx = function(n, l, m) {
       var S = 1e4 > x.recentlyCreatedOwnerStacks++;
       return y(
@@ -239,7 +239,7 @@ React keys must be passed directly to JSX without using spread:
         m,
         !1,
         S ? Error("react-stack-top-frame") : J,
-        S ? Y(o(n)) : L
+        S ? Y(o(n)) : M
       );
     }, Q.jsxs = function(n, l, m) {
       var S = 1e4 > x.recentlyCreatedOwnerStacks++;
@@ -249,7 +249,7 @@ React keys must be passed directly to JSX without using spread:
         m,
         !0,
         S ? Error("react-stack-top-frame") : J,
-        S ? Y(o(n)) : L
+        S ? Y(o(n)) : M
       );
     };
   })()), Q;
@@ -322,7 +322,7 @@ const De = (e) => {
     We
   );
   return s?.search.match(ot) ? s : null;
-}, me = (e) => (e & he) !== 0, Ae = (e, t) => t ? e | he : e & ~he, Re = 32, ct = /^@[a-zA-Z0-9_'-]+$/, it = `.,!?;()[]{}"'<>#`, ge = "@", Ve = (e, t) => {
+}, me = (e) => (e & he) !== 0, pe = (e, t) => t ? e | he : e & ~he, Re = 32, ct = /^@[a-zA-Z0-9_'-]+$/, it = `.,!?;()[]{}"'<>#`, ge = "@", Ve = (e, t) => {
   const s = je(
     e,
     t,
@@ -349,7 +349,7 @@ const De = (e) => {
 }, xe = (e, t, s, o) => {
   let r = t;
   for (; r < e.length; ) {
-    const i = p(e, r);
+    const i = A(e, r);
     if (s(i))
       e[r] = o(i, !1);
     else
@@ -358,7 +358,7 @@ const De = (e) => {
   }
   let c = t - 1;
   for (; c >= 0; ) {
-    const i = p(e, c);
+    const i = A(e, c);
     if (s(i))
       e[c] = o(i, !1);
     else
@@ -370,8 +370,8 @@ const De = (e) => {
   if (!t) return e;
   const { position: o, deletedLength: r, insertedText: c } = t, i = c.length;
   let u = [...e];
-  const f = p(u, o);
-  if (ke(f) ? u = xe(u, o, ke, ye) : Ie(f) ? u = xe(u, o, Ie, Me) : me(f) && (u = xe(u, o, me, Ae)), r > 0 && u.splice(o, r), i > 0) {
+  const f = A(u, o);
+  if (ke(f) ? u = xe(u, o, ke, ye) : Ie(f) ? u = xe(u, o, Ie, Le) : me(f) && (u = xe(u, o, me, pe)), r > 0 && u.splice(o, r), i > 0) {
     let R = 0;
     s.bold && (R = Oe(R, !0)), s.italic && (R = Te(R, !0)), s.underline && (R = Pe(R, !0)), s.strike && (R = Ce(R, !0));
     const y = new Array(i).fill(R);
@@ -406,7 +406,7 @@ const De = (e) => {
     startIndex: c,
     endIndex: i
   };
-}, _e = 64, ut = `.,!?;()[]{}"'<>@`, at = /^#[\w-]+$/, Se = "#", Je = (e, t) => {
+}, _e = 64, ut = `.,!?;()[]{}"'<>@`, at = /^#[a-zA-Z0-9-]+$/, Se = "#", Je = (e, t) => {
   const s = je(
     e,
     t,
@@ -414,20 +414,20 @@ const De = (e) => {
     Se
   );
   return s?.search.match(at) ? s : null;
-}, Ie = (e) => (e & _e) !== 0, Me = (e, t) => t ? e | _e : e & ~_e, ft = (e, t) => e.find(
+}, Ie = (e) => (e & _e) !== 0, Le = (e, t) => t ? e | _e : e & ~_e, ft = (e, t) => e.find(
   (s) => s.startIndex <= t && s.endIndex > t
 ), dt = (e, t, s) => {
   const o = [];
   let r = 0;
   for (; r < t.length; ) {
-    const c = p(t, r);
+    const c = A(t, r);
     if (c === 0 || c === 1) {
       r++;
       continue;
     }
     const i = r;
     let u = r;
-    for (; u + 1 < t.length && p(t, u + 1) === c; )
+    for (; u + 1 < t.length && A(t, u + 1) === c; )
       u++;
     const f = Et(c, s), R = ht(c), y = {
       type: f,
@@ -435,10 +435,7 @@ const De = (e) => {
       endIndex: u + 1,
       marks: R,
       username: f === "mention" ? Ve(e, u)?.search.replace(ge, "") : void 0,
-      interest: f === "interest" ? Je(e, u)?.search.replace(
-        Se,
-        ""
-      ) : void 0,
+      interest: f === "interest" ? Je(e, u)?.search.replace(Se, "").toLowerCase() : void 0,
       href: f === "link" ? ze(e, u)?.search : void 0
     };
     o.push(y), r = u + 1;
@@ -447,22 +444,22 @@ const De = (e) => {
 }, Et = (e, t) => e & Re && t.mentions ? "mention" : e & _e && t.interests ? "interest" : e & he && t.links ? "link" : (e & (ee | te | re | ne), "segment"), ht = (e) => {
   const t = [];
   return e & ee && t.push("bold"), e & te && t.push("italic"), e & re && t.push("underline"), e & ne && t.push("strike"), t;
-}, p = (e, t) => {
+}, A = (e, t) => {
   const s = e[t];
   return typeof s != "number" ? 0 : s;
 }, Ne = (e, t, s) => {
-  const o = p(e, t);
+  const o = A(e, t);
   switch (s) {
     case "mention":
       return ye(o, !0);
     case "interest":
-      return Me(o, !0);
+      return Le(o, !0);
     case "link":
-      return Ae(o, !0);
+      return pe(o, !0);
   }
   return o;
 }, mt = (e, t, s, o) => {
-  let r = p(e, t);
+  let r = A(e, t);
   switch (s) {
     case "bold":
       r = Oe(r, o);
@@ -481,7 +478,7 @@ const De = (e) => {
   }
   return e[t] = r, e;
 }, Rt = (e, t, s) => {
-  const o = p(e, t);
+  const o = A(e, t);
   switch (s) {
     case "bold":
       return ae(o);
@@ -500,22 +497,22 @@ const De = (e) => {
   return !0;
 }, Ue = (e) => ke(e) || Ie(e) || me(e), kt = (e, t, s, o) => {
   let r = [...e];
-  for (; Ue(p(e, t - 1)) && t > 0; )
+  for (; Ue(A(e, t - 1)) && t > 0; )
     t--;
-  for (; Ue(p(e, s)) && s < e.length; )
+  for (; Ue(A(e, s)) && s < e.length; )
     s++;
   let c = !0;
   gt(t, s, o, r) && (c = !1);
   for (let i = t; i < s; i++)
     r = mt(r, i, o, c);
   return r;
-}, pe = (e, t) => {
+}, Ae = (e, t) => {
   const s = new Array(e.length).fill(0);
   for (let o = 0; o < e.length; o++) {
     let r = 0;
     const c = ft(t, o);
     if (c) {
-      c.type === "mention" ? r = ye(r, !0) : c.type === "interest" ? r = Me(r, !0) : c.type === "link" && (r = Ae(r, !0));
+      c.type === "mention" ? r = ye(r, !0) : c.type === "interest" ? r = Le(r, !0) : c.type === "link" && (r = pe(r, !0));
       for (const i of c.marks)
         i === "bold" ? r = Oe(r, !0) : i === "italic" ? r = Te(r, !0) : i === "underline" ? r = Pe(r, !0) : i === "strike" && (r = Ce(r, !0));
     }
@@ -543,8 +540,8 @@ const De = (e) => {
     underline: !1,
     strike: !1
   }), [T, z] = a.useState(null), [ce, be] = a.useState({ start: 0, end: 0 }), [P, V] = a.useState(!1), [X, q] = a.useState(!1), [we, ie] = a.useState(!1), [x, j] = a.useState(
-    pe(t, s)
-  ), M = a.useMemo(() => dt(v, x, f), [v, x, f]), Y = a.useRef(o), G = a.useRef(r), H = a.useRef(P), J = a.useRef(!1), L = a.useRef({
+    Ae(t, s)
+  ), L = a.useMemo(() => dt(v, x, f), [v, x, f]), Y = a.useRef(o), G = a.useRef(r), H = a.useRef(P), J = a.useRef(!1), M = a.useRef({
     start: 0,
     end: 0
   }), $ = a.useRef(null), n = a.useRef(!1), l = a.useRef(null), m = a.useRef(!1), S = a.useRef(null), F = a.useRef(null), K = a.useRef(c), k = a.useRef(i), C = a.useRef(u);
@@ -577,7 +574,7 @@ const De = (e) => {
     (h) => {
       if (V(!0), !w.current)
         return;
-      const { start: I, end: b } = L.current;
+      const { start: I, end: b } = M.current;
       if (I !== b) {
         const d = kt(x, I, b, h);
         j(d);
@@ -596,12 +593,12 @@ const De = (e) => {
         if (!w.current) return;
         let g = [...x];
         h === "mention" ? d = ge + d : h === "interest" ? d = Se + d : h === "link" && (d = We + d);
-        const E = v.slice(0, I) + d + v.slice(b), A = Fe(v, E);
-        A ? g = Ke(x, A, O) : g = pe(E, M);
+        const E = v.slice(0, I) + d + v.slice(b), p = Fe(v, E);
+        p ? g = Ke(x, p, O) : g = Ae(E, L);
         for (let _ = I; _ < I + d.length; _++)
           g[_] = Ne(g, _, h);
         const N = I + d.length;
-        L.current = {
+        M.current = {
           start: N,
           end: N
         }, m.current = !0, D(E), j(g), z(null);
@@ -611,39 +608,39 @@ const De = (e) => {
         D(""), j([]);
       },
       reset: () => {
-        D(t), j(pe(t, s)), z(null);
+        D(t), j(Ae(t, s)), z(null);
       },
       focus: () => {
         w.current?.focus();
       },
       getState: () => (C.current && C.current({
         plainText: v,
-        entities: M,
+        entities: L,
         markState: O
       }), {
         plainText: v,
-        entities: M,
+        entities: L,
         markState: O
       })
     }),
-    [x, v, M, O, U]
+    [x, v, L, O, U]
   ), a.useEffect(() => {
     if (w.current && !X) {
       w.current.textContent = v;
-      const h = Ye(v, M, R);
+      const h = Ye(v, L, R);
       w.current.innerHTML = h, q(!0);
     }
   }, []), a.useLayoutEffect(() => {
     if (!w.current || !X) return;
-    const h = m.current ? L.current : De(w.current) ?? L.current;
+    const h = m.current ? M.current : De(w.current) ?? M.current;
     m.current = !1;
-    const I = Ye(v, M, R);
+    const I = Ye(v, L, R);
     n.current = !0, w.current.innerHTML = I, tt(w.current, h), queueMicrotask(() => {
       n.current = !1;
     });
-  }, [M, R, X]), a.useEffect(() => {
+  }, [L, R, X]), a.useEffect(() => {
     let { start: h, end: I } = ce, b = null;
-    if (!ke(p(x, h - 1))) {
+    if (f.mentions && !ke(A(x, h - 1))) {
       const _ = Ve(v, h);
       _ && (b = {
         type: "mention",
@@ -653,25 +650,25 @@ const De = (e) => {
       });
     }
     if (b ? (!T || b.startIndex !== T.startIndex || b.endIndex !== T.endIndex || b.search !== T.search) && z(b) : T && z(null), P) return;
-    let d = !0, g = !0, E = !0, A = !0;
+    let d = !0, g = !0, E = !0, p = !0;
     if (h === I)
       if (h > 0) {
-        const _ = p(x, h - 1);
-        d = ae(_), g = fe(_), E = Ee(_), A = de(_);
+        const _ = A(x, h - 1);
+        d = ae(_), g = fe(_), E = Ee(_), p = de(_);
       } else {
-        const _ = p(x, h);
-        d = ae(_), g = fe(_), E = Ee(_), A = de(_);
+        const _ = A(x, h);
+        d = ae(_), g = fe(_), E = Ee(_), p = de(_);
       }
     else
       for (let _ = h; _ < I; _++) {
-        const le = p(x, _);
-        d = ae(le) ? d : !1, g = fe(le) ? g : !1, E = Ee(le) ? E : !1, A = de(le) ? A : !1;
+        const le = A(x, _);
+        d = ae(le) ? d : !1, g = fe(le) ? g : !1, E = Ee(le) ? E : !1, p = de(le) ? p : !1;
       }
     oe({
       bold: d,
       italic: g,
       underline: E,
-      strike: A
+      strike: p
     });
   }, [ce, x, v, P]);
   const ve = (h) => {
@@ -685,14 +682,14 @@ const De = (e) => {
       let d = Ke(x, b, O);
       if (b.deletedLength === 0 && b.insertedText === " " && b.position > 0) {
         const g = b.position;
-        if (!me(p(d, g - 1))) {
+        if (f.links && !me(A(d, g - 1))) {
           const E = ze(I, g);
           if (E && E.endIndex === g) {
-            const A = `${E.startIndex}:${E.endIndex}:${E.search}`;
-            if (S.current !== A) {
+            const p = `${E.startIndex}:${E.endIndex}:${E.search}`;
+            if (S.current !== p) {
               for (let N = E.startIndex; N < E.endIndex; N++)
                 d[N] = Ne(d, N, "link");
-              if (S.current = A, K.current) {
+              if (S.current = p, K.current) {
                 const N = {
                   type: "link",
                   startIndex: E.startIndex,
@@ -705,20 +702,20 @@ const De = (e) => {
             }
           }
         }
-        if (!Ie(p(d, g - 1))) {
+        if (f.interests && !Ie(A(d, g - 1))) {
           const E = Je(I, g);
           if (E && E.endIndex === g) {
-            const A = `${E.startIndex}:${E.endIndex}:${E.search}`;
-            if (F.current !== A) {
+            const p = `${E.startIndex}:${E.endIndex}:${E.search}`;
+            if (F.current !== p) {
               for (let N = E.startIndex; N < E.endIndex; N++)
                 d[N] = Ne(d, N, "interest");
-              if (F.current = A, k.current) {
+              if (F.current = p, k.current) {
                 const N = {
                   type: "interest",
                   startIndex: E.startIndex,
                   endIndex: E.endIndex,
                   marks: [],
-                  interest: E.search.replace(Se, "")
+                  interest: E.search.replace(Se, "").toLowerCase()
                 };
                 k.current(N);
               }
@@ -744,8 +741,8 @@ const De = (e) => {
       const I = De(w.current) ?? {
         start: 0,
         end: 0
-      }, b = L.current;
-      (I.start !== b.start || I.end !== b.end) && (L.current = I, H.current && !J.current && V(!1), $.current && clearTimeout($.current), $.current = setTimeout(() => {
+      }, b = M.current;
+      (I.start !== b.start || I.end !== b.end) && (M.current = I, H.current && !J.current && V(!1), $.current && clearTimeout($.current), $.current = setTimeout(() => {
         be(I);
       }, 500));
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectedxm/entity-editor",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "private": false,
   "type": "module",
   "main": "dist/index.umd.js",