@connectedxm/entity-editor 0.0.9 → 0.0.11

package/dist/index.es.js

@@ -1,69 +1,69 @@
 import a from "react";
-var ue = { exports: {} }, ee = {};
-var Le;
-function qe() {
-  if (Le) return ee;
-  Le = 1;
+var ue = { exports: {} }, Z = {};
+var Me;
+function Ze() {
+  if (Me) return Z;
+  Me = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function s(o, r, i) {
-    var c = null;
-    if (i !== void 0 && (c = "" + i), r.key !== void 0 && (c = "" + r.key), "key" in r) {
-      i = {};
-      for (var l in r)
-        l !== "key" && (i[l] = r[l]);
-    } else i = r;
-    return r = i.ref, {
+  function s(o, r, c) {
+    var i = null;
+    if (c !== void 0 && (i = "" + c), r.key !== void 0 && (i = "" + r.key), "key" in r) {
+      c = {};
+      for (var u in r)
+        u !== "key" && (c[u] = r[u]);
+    } else c = r;
+    return r = c.ref, {
       $$typeof: e,
       type: o,
-      key: c,
+      key: i,
       ref: r !== void 0 ? r : null,
-      props: i
+      props: c
     };
   }
-  return ee.Fragment = t, ee.jsx = s, ee.jsxs = s, ee;
+  return Z.Fragment = t, Z.jsx = s, Z.jsxs = s, Z;
 }
-var te = {};
+var Q = {};
 var $e;
-function He() {
+function Qe() {
   return $e || ($e = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(n) {
       if (n == null) return null;
       if (typeof n == "function")
-        return n.$$typeof === N ? null : n.displayName || n.name || null;
+        return n.$$typeof === ie ? null : n.displayName || n.name || null;
       if (typeof n == "string") return n;
       switch (n) {
-        case U:
+        case O:
           return "Fragment";
-        case W:
+        case T:
           return "Profiler";
-        case O:
+        case oe:
           return "StrictMode";
-        case z:
+        case P:
           return "Suspense";
-        case X:
+        case V:
           return "SuspenseList";
-        case ce:
+        case we:
           return "Activity";
       }
       if (typeof n == "object")
         switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), n.$$typeof) {
-          case L:
+          case D:
             return "Portal";
-          case be:
+          case ce:
             return n.displayName || "Context";
-          case ie:
+          case z:
             return (n._context.displayName || "Context") + ".Consumer";
-          case C:
-            var u = n.render;
-            return n = n.displayName, n || (n = u.displayName || u.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case we:
-            return u = n.displayName || null, u !== null ? u : e(n.type) || "Memo";
+          case be:
+            var l = n.render;
+            return n = n.displayName, n || (n = l.displayName || l.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case X:
+            return l = n.displayName || null, l !== null ? l : e(n.type) || "Memo";
           case q:
-            u = n._payload, n = n._init;
+            l = n._payload, n = n._init;
             try {
-              return e(n(u));
+              return e(n(l));
             } catch {
             }
         }
@@ -75,50 +75,50 @@ function He() {
     function s(n) {
       try {
         t(n);
-        var u = !1;
+        var l = !1;
       } catch {
-        u = !0;
+        l = !0;
       }
-      if (u) {
-        u = console;
-        var m = u.error, S = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+      if (l) {
+        l = console;
+        var m = l.error, S = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return m.call(
-          u,
+          l,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           S
         ), t(n);
       }
     }
     function o(n) {
-      if (n === U) return "<>";
+      if (n === O) return "<>";
       if (typeof n == "object" && n !== null && n.$$typeof === q)
         return "<...>";
       try {
-        var u = e(n);
-        return u ? "<" + u + ">" : "<...>";
+        var l = e(n);
+        return l ? "<" + l + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var n = T.A;
+      var n = x.A;
       return n === null ? null : n.getOwner();
     }
-    function i() {
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function c(n) {
-      if (P.call(n, "key")) {
-        var u = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (u && u.isReactWarning) return !1;
+    function i(n) {
+      if (j.call(n, "key")) {
+        var l = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (l && l.isReactWarning) return !1;
       }
       return n.key !== void 0;
     }
-    function l(n, u) {
+    function u(n, l) {
       function m() {
-        Z || (Z = !0, console.error(
+        G || (G = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          u
+          l
         ));
       }
       m.isReactWarning = !0, Object.defineProperty(n, "key", {
@@ -128,16 +128,16 @@ function He() {
     }
     function f() {
       var n = e(this.type);
-      return G[n] || (G[n] = !0, console.error(
+      return H[n] || (H[n] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function R(n, u, m, S, B, F) {
+    function R(n, l, m, S, F, K) {
       var k = m.ref;
       return n = {
-        $$typeof: M,
+        $$typeof: v,
         type: n,
-        key: u,
+        key: l,
         props: m,
         _owner: S
       }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(n, "ref", {
@@ -157,33 +157,33 @@ function He() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: B
+        value: F
       }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: F
+        value: K
       }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function y(n, u, m, S, B, F) {
-      var k = u.children;
+    function y(n, l, m, S, F, K) {
+      var k = l.children;
       if (k !== void 0)
         if (S)
-          if (H(k)) {
+          if (L(k)) {
             for (S = 0; S < k.length; S++)
-              K(k[S]);
+              se(k[S]);
             Object.freeze && Object.freeze(k);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else K(k);
-      if (P.call(u, "key")) {
+        else se(k);
+      if (j.call(l, "key")) {
         k = e(n);
-        var D = Object.keys(u).filter(function(ve) {
+        var C = Object.keys(l).filter(function(ve) {
           return ve !== "key";
         });
-        S = 0 < D.length ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}", J[k + S] || (D = 0 < D.length ? "{" + D.join(": ..., ") + ": ...}" : "{}", console.error(
+        S = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", $[k + S] || (C = 0 < C.length ? "{" + C.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -192,16 +192,16 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           S,
           k,
-          D,
+          C,
           k
-        ), J[k + S] = !0);
+        ), $[k + S] = !0);
       }
-      if (k = null, m !== void 0 && (s(m), k = "" + m), c(u) && (s(u.key), k = "" + u.key), "key" in u) {
+      if (k = null, m !== void 0 && (s(m), k = "" + m), i(l) && (s(l.key), k = "" + l.key), "key" in l) {
         m = {};
-        for (var Q in u)
-          Q !== "key" && (m[Q] = u[Q]);
-      } else m = u;
-      return k && l(
+        for (var U in l)
+          U !== "key" && (m[U] = l[U]);
+      } else m = l;
+      return k && u(
         m,
         typeof n == "function" ? n.displayName || n.name || "Unknown" : n
       ), R(
@@ -209,17 +209,17 @@ React keys must be passed directly to JSX without using spread:
         k,
         m,
         r(),
-        B,
-        F
+        F,
+        K
       );
     }
-    function K(n) {
-      v(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === q && (n._payload.status === "fulfilled" ? v(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    function se(n) {
+      W(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === q && (n._payload.status === "fulfilled" ? W(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
     }
-    function v(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === M;
+    function W(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === v;
     }
-    var w = a, M = /* @__PURE__ */ Symbol.for("react.transitional.element"), L = /* @__PURE__ */ Symbol.for("react.portal"), U = /* @__PURE__ */ Symbol.for("react.fragment"), O = /* @__PURE__ */ Symbol.for("react.strict_mode"), W = /* @__PURE__ */ Symbol.for("react.profiler"), ie = /* @__PURE__ */ Symbol.for("react.consumer"), be = /* @__PURE__ */ Symbol.for("react.context"), C = /* @__PURE__ */ Symbol.for("react.forward_ref"), z = /* @__PURE__ */ Symbol.for("react.suspense"), X = /* @__PURE__ */ Symbol.for("react.suspense_list"), we = /* @__PURE__ */ Symbol.for("react.memo"), q = /* @__PURE__ */ Symbol.for("react.lazy"), ce = /* @__PURE__ */ Symbol.for("react.activity"), N = /* @__PURE__ */ Symbol.for("react.client.reference"), T = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, H = Array.isArray, V = 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 = {
@@ -227,113 +227,113 @@ React keys must be passed directly to JSX without using spread:
         return n();
       }
     };
-    var Z, G = {}, j = w.react_stack_bottom_frame.bind(
+    var G, H = {}, J = w.react_stack_bottom_frame.bind(
       w,
-      i
-    )(), $ = V(o(i)), J = {};
-    te.Fragment = U, te.jsx = function(n, u, m) {
-      var S = 1e4 > T.recentlyCreatedOwnerStacks++;
+      c
+    )(), M = Y(o(c)), $ = {};
+    Q.Fragment = O, Q.jsx = function(n, l, m) {
+      var S = 1e4 > x.recentlyCreatedOwnerStacks++;
       return y(
         n,
-        u,
+        l,
         m,
         !1,
-        S ? Error("react-stack-top-frame") : j,
-        S ? V(o(n)) : $
+        S ? Error("react-stack-top-frame") : J,
+        S ? Y(o(n)) : M
       );
-    }, te.jsxs = function(n, u, m) {
-      var S = 1e4 > T.recentlyCreatedOwnerStacks++;
+    }, Q.jsxs = function(n, l, m) {
+      var S = 1e4 > x.recentlyCreatedOwnerStacks++;
       return y(
         n,
-        u,
+        l,
         m,
         !0,
-        S ? Error("react-stack-top-frame") : j,
-        S ? V(o(n)) : $
+        S ? Error("react-stack-top-frame") : J,
+        S ? Y(o(n)) : M
       );
     };
-  })()), te;
+  })()), Q;
 }
 var Be;
-function Ze() {
-  return Be || (Be = 1, process.env.NODE_ENV === "production" ? ue.exports = qe() : ue.exports = He()), ue.exports;
+function et() {
+  return Be || (Be = 1, process.env.NODE_ENV === "production" ? ue.exports = Ze() : ue.exports = Qe()), ue.exports;
 }
-var Y = Ze();
+var B = et();
 const De = (e) => {
   const t = window.getSelection();
   if (!t || !e) return { start: 0, end: 0 };
   if (t.anchorNode && e.contains(t.anchorNode)) {
     const s = t.getRangeAt(0), o = s.cloneRange();
     o.selectNodeContents(e), o.setEnd(s.startContainer, s.startOffset);
-    const r = o.toString().length, i = s.cloneRange();
-    i.selectNodeContents(e), i.setEnd(s.endContainer, s.endOffset);
-    const c = i.toString().length;
-    return { start: r, end: c };
+    const r = o.toString().length, c = s.cloneRange();
+    c.selectNodeContents(e), c.setEnd(s.endContainer, s.endOffset);
+    const i = c.toString().length;
+    return { start: r, end: i };
   } else
     return null;
-}, Qe = (e, t) => {
+}, tt = (e, t) => {
   const s = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
-  let o = 0, r = s.nextNode(), i = null, c = null, l = 0, f = 0;
+  let o = 0, r = s.nextNode(), c = null, i = null, u = 0, f = 0;
   for (; r; ) {
     const R = o + (r.textContent?.length || 0);
-    if (!i && R >= t.start && (i = r, l = t.start - o), !c && R >= t.end) {
-      c = r, f = t.end - o;
+    if (!c && R >= t.start && (c = r, u = t.start - o), !i && R >= t.end) {
+      i = r, f = t.end - o;
       break;
     }
     o = R, r = s.nextNode();
   }
-  if (i && c) {
+  if (c && i) {
     const R = document.createRange();
     R.setStart(
-      i,
-      Math.min(l, i.textContent?.length || 0)
-    ), R.setEnd(
       c,
-      Math.min(f, c.textContent?.length || 0)
+      Math.min(u, c.textContent?.length || 0)
+    ), R.setEnd(
+      i,
+      Math.min(f, i.textContent?.length || 0)
     );
     const y = window.getSelection();
     y?.removeAllRanges(), y?.addRange(R);
   }
-}, et = (e, t, s) => {
-  let o = "", r = "", i = "", c = "";
-  t.includes("bold") && (r = "bold"), t.includes("italic") && (i = "italic"), (t.includes("underline") || e === "link") && (c += "underline"), t.includes("strike") && (c += " line-through"), e !== "segment" && (o = "#1da1f2", e === "mention" && s.mentionColor ? o = s.mentionColor : e === "interest" && s.interestColor ? o = s.interestColor : e === "link" && s.linkColor && (o = s.linkColor));
-  let l = "";
-  return o && (l += `color: ${o}; `), r && (l += `font-weight: ${r}; `), i && (l += `font-style: ${i}; `), c && (l += `text-decoration: ${c}; `), l;
+}, nt = (e, t, s) => {
+  let o = "", r = "", c = "", i = "";
+  t.includes("bold") && (r = "bold"), t.includes("italic") && (c = "italic"), (t.includes("underline") || e === "link") && (i += "underline"), t.includes("strike") && (i += " line-through"), e !== "segment" && (o = "#1da1f2", e === "mention" && s.mentionColor ? o = s.mentionColor : e === "interest" && s.interestColor ? o = s.interestColor : e === "link" && s.linkColor && (o = s.linkColor));
+  let u = "";
+  return o && (u += `color: ${o}; `), r && (u += `font-weight: ${r}; `), c && (u += `font-style: ${c}; `), i && (u += `text-decoration: ${i}; `), u;
 }, Ye = (e, t, s) => {
   if (t.length === 0)
     return e;
   let o = "", r = 0;
-  return t.forEach((i) => {
-    r < i.startIndex && (o += e.slice(r, i.startIndex));
-    const c = e.slice(i.startIndex, i.endIndex), l = et(i.type, i.marks, s);
-    o += `<span style="${l}">${c}</span>`, r = i.endIndex;
+  return t.forEach((c) => {
+    r < c.startIndex && (o += e.slice(r, c.startIndex));
+    const i = e.slice(c.startIndex, c.endIndex), u = nt(c.type, c.marks, s);
+    o += `<span style="${u}">${i}</span>`, r = c.endIndex;
   }), o += e.slice(r), o;
-}, tt = (e, t) => {
+}, rt = (e, t) => {
   let s = !1;
   e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), document.execCommand("insertLineBreak"), s = !0) : (e.metaKey || e.ctrlKey) && (e.key === "b" ? (t("bold"), s = !0) : e.key === "i" ? (t("italic"), s = !0) : e.key === "u" ? (t("underline"), s = !0) : e.key === "s" && (t("strike"), s = !0)), s && e.preventDefault();
-}, he = 128, nt = "()[]{}", We = "", rt = new RegExp(
+}, he = 128, st = "()[]{}", We = "", ot = new RegExp(
   "^(?:(?:(?:https?|ftp):)?\\/\\/)(?:\\S+(?::\\S*)?@)?(?:(?!(?:10|127)(?:\\.\\d{1,3}){3})(?!(?:169\\.254|192\\.168)(?:\\.\\d{1,3}){2})(?!172\\.(?:1[6-9]|2\\d|3[0-1])(?:\\.\\d{1,3}){2})(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[1-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z0-9\\u00a1-\\uffff][a-z0-9\\u00a1-\\uffff_-]{0,62})?[a-z0-9\\u00a1-\\uffff]\\.)+(?:[a-z\\u00a1-\\uffff]{2,}\\.?))(?::\\d{2,5})?(?:[/?#]\\S*)?$",
   "i"
 ), ze = (e, t) => {
   const s = je(
     e,
     t,
-    nt,
+    st,
     We
   );
-  return s?.search.match(rt) ? s : null;
-}, me = (e) => (e & he) !== 0, Ae = (e, t) => t ? e | he : e & ~he, Re = 32, st = /^@[a-zA-Z0-9_'-]+$/, ot = `.,!?;()[]{}"'<>#`, ge = "@", Ve = (e, t) => {
+  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) => {
   const s = je(
     e,
     t,
-    ot,
+    it,
     ge
   );
-  return s?.search.match(st) ? {
+  return s?.search.match(ct) ? {
     type: "mention",
     ...s
   } : null;
-}, ke = (e) => (e & Re) !== 0, ye = (e, t) => t ? e | Re : e & ~Re, ne = 2, ae = (e) => (e & ne) !== 0, Oe = (e, t) => t ? e | ne : e & ~ne, re = 4, fe = (e) => (e & re) !== 0, Te = (e, t) => t ? e | re : e & ~re, se = 16, de = (e) => (e & se) !== 0, Ce = (e, t) => t ? e | se : e & ~se, oe = 8, Ee = (e) => (e & oe) !== 0, Pe = (e, t) => t ? e | oe : e & ~oe, Fe = (e, t) => {
+}, ke = (e) => (e & Re) !== 0, ye = (e, t) => t ? e | Re : e & ~Re, ee = 2, ae = (e) => (e & ee) !== 0, Oe = (e, t) => t ? e | ee : e & ~ee, te = 4, fe = (e) => (e & te) !== 0, Te = (e, t) => t ? e | te : e & ~te, ne = 16, de = (e) => (e & ne) !== 0, Ce = (e, t) => t ? e | ne : e & ~ne, re = 8, Ee = (e) => (e & re) !== 0, Pe = (e, t) => t ? e | re : e & ~re, Fe = (e, t) => {
   if (e === t) return null;
   let s = 0;
   for (; s < e.length && s < t.length && e[s] === t[s]; )
@@ -349,104 +349,101 @@ const De = (e) => {
 }, xe = (e, t, s, o) => {
   let r = t;
   for (; r < e.length; ) {
-    const c = p(e, r);
-    if (s(c))
-      e[r] = o(c, !1);
+    const i = p(e, r);
+    if (s(i))
+      e[r] = o(i, !1);
     else
       break;
     r++;
   }
-  let i = t - 1;
-  for (; i >= 0; ) {
-    const c = p(e, i);
-    if (s(c))
-      e[i] = o(c, !1);
+  let c = t - 1;
+  for (; c >= 0; ) {
+    const i = p(e, c);
+    if (s(i))
+      e[c] = o(i, !1);
     else
       break;
-    i--;
+    c--;
   }
   return e;
 }, Ke = (e, t, s) => {
   if (!t) return e;
-  const { position: o, deletedLength: r, insertedText: i } = t, c = i.length;
-  let l = [...e];
-  const f = p(l, o);
-  if (ke(f) ? l = xe(l, o, ke, ye) : Ie(f) ? l = xe(l, o, Ie, Me) : me(f) && (l = xe(l, o, me, Ae)), r > 0 && l.splice(o, r), c > 0) {
+  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, Le) : me(f) && (u = xe(u, o, me, Ae)), 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(c).fill(R);
-    l.splice(o, 0, ...y);
+    const y = new Array(i).fill(R);
+    u.splice(o, 0, ...y);
   }
-  return l;
-}, it = (e) => /\s/.test(e) || /[\u2000-\u200B\u2028\u2029\u3000]/.test(e), je = (e, t, s, o) => {
+  return u;
+}, lt = (e) => /\s/.test(e) || /[\u2000-\u200B\u2028\u2029\u3000]/.test(e), je = (e, t, s, o) => {
   if (t <= 0 || t > e.length)
     return null;
-  let r = "", i = t - 1, c = t;
-  const l = (f) => it(f) || s.includes(f);
-  for (let f = i; f >= 0; f--) {
-    if (l(e[f])) {
-      i = f + 1;
+  let r = "", c = t - 1, i = t;
+  const u = (f) => lt(f) || s.includes(f);
+  for (let f = c; f >= 0; f--) {
+    if (u(e[f])) {
+      c = f + 1;
       break;
     }
-    f === 0 && (i = 0), r = e[f] + r;
+    f === 0 && (c = 0), r = e[f] + r;
   }
-  for (let f = c; f < e.length; f++) {
-    if (l(e[f])) {
-      c = f;
+  for (let f = i; f < e.length; f++) {
+    if (u(e[f])) {
+      i = f;
       break;
     }
     if (o && e[f] === o) {
-      c = f;
+      i = f;
       break;
     }
-    f === e.length - 1 && (c = e.length), r = r + e[f];
+    f === e.length - 1 && (i = e.length), r = r + e[f];
   }
   return {
-    search: e.slice(i, c),
-    startIndex: i,
-    endIndex: c
+    search: e.slice(c, i),
+    startIndex: c,
+    endIndex: i
   };
-}, _e = 64, ct = `.,!?;()[]{}"'<>@`, lt = /^#[\w-]+$/, Se = "#", Ge = (e, t) => {
+}, _e = 64, ut = `.,!?;()[]{}"'<>@`, at = /^#[a-zA-Z0-9-]+$/, Se = "#", Je = (e, t) => {
   const s = je(
     e,
     t,
-    ct,
+    ut,
     Se
   );
-  return s?.search.match(lt) ? s : null;
-}, Ie = (e) => (e & _e) !== 0, Me = (e, t) => t ? e | _e : e & ~_e, ut = (e, t) => e.find(
+  return s?.search.match(at) ? s : null;
+}, 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
-), at = (e, t, s) => {
+), dt = (e, t, s) => {
   const o = [];
   let r = 0;
   for (; r < t.length; ) {
-    const i = p(t, r);
-    if (i === 0 || i === 1) {
+    const c = p(t, r);
+    if (c === 0 || c === 1) {
       r++;
       continue;
     }
-    const c = r;
-    let l = r;
-    for (; l + 1 < t.length && p(t, l + 1) === i; )
-      l++;
-    const f = ft(i, s), R = dt(i), y = {
+    const i = r;
+    let u = r;
+    for (; u + 1 < t.length && p(t, u + 1) === c; )
+      u++;
+    const f = Et(c, s), R = ht(c), y = {
       type: f,
-      startIndex: c,
-      endIndex: l + 1,
+      startIndex: i,
+      endIndex: u + 1,
       marks: R,
-      username: f === "mention" ? Ve(e, l)?.search.replace(ge, "") : void 0,
-      interest: f === "interest" ? Ge(e, l)?.search.replace(
-        Se,
-        ""
-      ) : void 0,
-      href: f === "link" ? ze(e, l)?.search : void 0
+      username: f === "mention" ? Ve(e, u)?.search.replace(ge, "") : 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 = l + 1;
+    o.push(y), r = u + 1;
   }
   return o;
-}, ft = (e, t) => e & Re && t.mentions ? "mention" : e & _e && t.interests ? "interest" : e & he && t.links ? "link" : (e & (ne | re | oe | se), "segment"), dt = (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 & ne && t.push("bold"), e & re && t.push("italic"), e & oe && t.push("underline"), e & se && t.push("strike"), 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) => {
   const s = e[t];
   return typeof s != "number" ? 0 : s;
@@ -456,12 +453,12 @@ const De = (e) => {
     case "mention":
       return ye(o, !0);
     case "interest":
-      return Me(o, !0);
+      return Le(o, !0);
     case "link":
       return Ae(o, !0);
   }
   return o;
-}, Et = (e, t, s, o) => {
+}, mt = (e, t, s, o) => {
   let r = p(e, t);
   switch (s) {
     case "bold":
@@ -480,7 +477,7 @@ const De = (e) => {
       return e;
   }
   return e[t] = r, e;
-}, ht = (e, t, s) => {
+}, Rt = (e, t, s) => {
   const o = p(e, t);
   switch (s) {
     case "bold":
@@ -494,150 +491,157 @@ const De = (e) => {
     default:
       throw Error(`Invalid mark type: ${s}`);
   }
-}, mt = (e, t, s, o) => {
+}, gt = (e, t, s, o) => {
   for (let r = e; r < t; r++)
-    if (!ht(o, r, s)) return !1;
+    if (!Rt(o, r, s)) return !1;
   return !0;
-}, Ue = (e) => ke(e) || Ie(e) || me(e), Rt = (e, t, s, o) => {
+}, Ue = (e) => ke(e) || Ie(e) || me(e), kt = (e, t, s, o) => {
   let r = [...e];
   for (; Ue(p(e, t - 1)) && t > 0; )
     t--;
   for (; Ue(p(e, s)) && s < e.length; )
     s++;
-  let i = !0;
-  mt(t, s, o, r) && (i = !1);
-  for (let c = t; c < s; c++)
-    r = Et(r, c, o, i);
+  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) => {
   const s = new Array(e.length).fill(0);
   for (let o = 0; o < e.length; o++) {
     let r = 0;
-    const i = ut(t, o);
-    if (i) {
-      i.type === "mention" ? r = ye(r, !0) : i.type === "interest" ? r = Me(r, !0) : i.type === "link" && (r = Ae(r, !0));
-      for (const c of i.marks)
-        c === "bold" ? r = Oe(r, !0) : c === "italic" ? r = Te(r, !0) : c === "underline" ? r = Pe(r, !0) : c === "strike" && (r = Ce(r, !0));
+    const c = ft(t, o);
+    if (c) {
+      c.type === "mention" ? r = ye(r, !0) : c.type === "interest" ? r = Le(r, !0) : c.type === "link" && (r = Ae(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));
     }
     s[o] = r;
   }
   return s;
-}, gt = {}, kt = {}, St = ({
+}, _t = {}, St = {}, bt = ({
   ref: e,
   initialPlainText: t = "",
   initialEntities: s = [],
   onMentionSearch: o,
   onMarkStateChange: r,
-  onLinkCreated: i,
-  onInterestCreated: c,
-  options: l = gt,
-  entityStyles: f = kt,
-  placeholder: R = "",
-  debug: y = !1,
-  ...K
+  onLinkCreated: c,
+  onInterestCreated: i,
+  onGetState: u,
+  options: f = _t,
+  entityStyles: R = St,
+  placeholder: y = "",
+  debug: se = !1,
+  ...W
 }) => {
-  const v = a.useRef(null), [w, M] = a.useState(t), [L, U] = a.useState({
+  const w = a.useRef(null), [v, D] = a.useState(t), [O, oe] = a.useState({
     bold: !1,
     italic: !1,
     underline: !1,
     strike: !1
-  }), [O, W] = a.useState(null), [ie, be] = a.useState({ start: 0, end: 0 }), [C, z] = a.useState(!1), [X, we] = a.useState(!1), [q, ce] = a.useState(!1), [N, T] = a.useState(
+  }), [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)
-  ), P = a.useMemo(() => at(w, N, l), [w, N, l]), H = a.useRef(o), V = a.useRef(r), Z = a.useRef(C), G = a.useRef(!1), j = a.useRef({
+  ), 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), J = a.useRef(!1), n = a.useRef(null), u = a.useRef(!1), m = a.useRef(null), S = a.useRef(null), B = a.useRef(i), F = a.useRef(c);
+  }), $ = 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);
   a.useEffect(() => {
-    H.current = o;
+    Y.current = o;
   }, [o]), a.useEffect(() => {
-    V.current = r;
+    G.current = r;
   }, [r]), a.useEffect(() => {
-    B.current = i;
-  }, [i]), a.useEffect(() => {
-    F.current = c;
+    K.current = c;
   }, [c]), a.useEffect(() => {
-    Z.current = C;
-  }, [C]), a.useEffect(() => {
-    if (n.current && clearTimeout(n.current), O === null) {
-      H.current?.(null);
+    k.current = i;
+  }, [i]), a.useEffect(() => {
+    C.current = u;
+  }, [u]), a.useEffect(() => {
+    H.current = P;
+  }, [P]), a.useEffect(() => {
+    if (l.current && clearTimeout(l.current), T === null) {
+      Y.current?.(null);
       return;
     }
-    return n.current = setTimeout(() => {
-      H.current?.(O);
+    return l.current = setTimeout(() => {
+      Y.current?.(T);
     }, 300), () => {
-      n.current && clearTimeout(n.current);
+      l.current && clearTimeout(l.current);
     };
-  }, [O]), a.useEffect(() => {
-    V.current?.(L);
-  }, [L]);
-  const k = a.useCallback(
+  }, [T]), a.useEffect(() => {
+    G.current?.(O);
+  }, [O]);
+  const U = a.useCallback(
     (h) => {
-      if (z(!0), !v.current)
+      if (V(!0), !w.current)
         return;
-      const { start: I, end: b } = j.current;
+      const { start: I, end: b } = M.current;
       if (I !== b) {
-        const d = Rt(N, I, b, h);
-        T(d);
+        const d = kt(x, I, b, h);
+        j(d);
       }
-      U((d) => {
+      oe((d) => {
         const g = { ...d };
         return h === "bold" ? g.bold = !d.bold : h === "italic" ? g.italic = !d.italic : h === "underline" ? g.underline = !d.underline : h === "strike" && (g.strike = !d.strike), g;
       });
     },
-    [N]
+    [x]
   );
   a.useImperativeHandle(
     e,
     () => ({
       selectEntity: (h, I, b, d) => {
-        if (!v.current) return;
-        let g = [...N];
+        if (!w.current) return;
+        let g = [...x];
         h === "mention" ? d = ge + d : h === "interest" ? d = Se + d : h === "link" && (d = We + d);
-        const E = w.slice(0, I) + d + w.slice(b), A = Fe(w, E);
-        A ? g = Ke(N, A, L) : g = pe(E, P);
+        const E = v.slice(0, I) + d + v.slice(b), A = Fe(v, E);
+        A ? g = Ke(x, A, O) : g = pe(E, L);
         for (let _ = I; _ < I + d.length; _++)
           g[_] = Ne(g, _, h);
-        const x = I + d.length;
-        j.current = {
-          start: x,
-          end: x
-        }, u.current = !0, M(E), T(g), W(null);
+        const N = I + d.length;
+        M.current = {
+          start: N,
+          end: N
+        }, m.current = !0, D(E), j(g), z(null);
       },
-      toggleMark: k,
+      toggleMark: U,
       clear: () => {
-        M(""), T([]);
+        D(""), j([]);
       },
       reset: () => {
-        M(t), T(pe(t, s)), W(null);
+        D(t), j(pe(t, s)), z(null);
       },
       focus: () => {
-        v.current?.focus();
+        w.current?.focus();
       },
-      getState: () => ({
-        plainText: w,
-        entities: P,
-        markState: L
+      getState: () => (C.current && C.current({
+        plainText: v,
+        entities: L,
+        markState: O
+      }), {
+        plainText: v,
+        entities: L,
+        markState: O
       })
     }),
-    [N, w, P, L, k]
+    [x, v, L, O, U]
   ), a.useEffect(() => {
-    if (v.current && !X) {
-      v.current.textContent = w;
-      const h = Ye(w, P, f);
-      v.current.innerHTML = h, we(!0);
+    if (w.current && !X) {
+      w.current.textContent = v;
+      const h = Ye(v, L, R);
+      w.current.innerHTML = h, q(!0);
     }
   }, []), a.useLayoutEffect(() => {
-    if (!v.current || !X) return;
-    const h = u.current ? j.current : De(v.current) ?? j.current;
-    u.current = !1;
-    const I = Ye(w, P, f);
-    J.current = !0, v.current.innerHTML = I, Qe(v.current, h), queueMicrotask(() => {
-      J.current = !1;
+    if (!w.current || !X) return;
+    const h = m.current ? M.current : De(w.current) ?? M.current;
+    m.current = !1;
+    const I = Ye(v, L, R);
+    n.current = !0, w.current.innerHTML = I, tt(w.current, h), queueMicrotask(() => {
+      n.current = !1;
     });
-  }, [P, f, X]), a.useEffect(() => {
-    let { start: h, end: I } = ie, b = null;
-    if (!ke(p(N, h - 1))) {
-      const _ = Ve(w, h);
+  }, [L, R, X]), a.useEffect(() => {
+    let { start: h, end: I } = ce, b = null;
+    if (!ke(p(x, h - 1))) {
+      const _ = Ve(v, h);
       _ && (b = {
         type: "mention",
         search: _.search.replace(ge, ""),
@@ -645,100 +649,100 @@ const De = (e) => {
         endIndex: _.endIndex
       });
     }
-    if (b ? (!O || b.startIndex !== O.startIndex || b.endIndex !== O.endIndex || b.search !== O.search) && W(b) : O && W(null), C) return;
+    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;
     if (h === I)
       if (h > 0) {
-        const _ = p(N, h - 1);
+        const _ = p(x, h - 1);
         d = ae(_), g = fe(_), E = Ee(_), A = de(_);
       } else {
-        const _ = p(N, h);
+        const _ = p(x, h);
         d = ae(_), g = fe(_), E = Ee(_), A = de(_);
       }
     else
       for (let _ = h; _ < I; _++) {
-        const le = p(N, _);
+        const le = p(x, _);
         d = ae(le) ? d : !1, g = fe(le) ? g : !1, E = Ee(le) ? E : !1, A = de(le) ? A : !1;
       }
-    U({
+    oe({
       bold: d,
       italic: g,
       underline: E,
       strike: A
     });
-  }, [ie, N, w, C]);
-  const D = (h) => {
-    if (!v.current) return;
+  }, [ce, x, v, P]);
+  const ve = (h) => {
+    if (!w.current) return;
     if (h.target.textContent.length === 0) {
-      M(""), T([]), C && z(!1);
+      D(""), j([]), P && V(!1);
       return;
     }
-    const I = h.target.innerText || "", b = Fe(w, I);
+    const I = h.target.innerText || "", b = Fe(v, I);
     if (b) {
-      let d = Ke(N, b, L);
+      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))) {
           const E = ze(I, g);
           if (E && E.endIndex === g) {
             const A = `${E.startIndex}:${E.endIndex}:${E.search}`;
-            if (m.current !== A) {
-              for (let x = E.startIndex; x < E.endIndex; x++)
-                d[x] = Ne(d, x, "link");
-              if (m.current = A, B.current) {
-                const x = {
+            if (S.current !== A) {
+              for (let N = E.startIndex; N < E.endIndex; N++)
+                d[N] = Ne(d, N, "link");
+              if (S.current = A, K.current) {
+                const N = {
                   type: "link",
                   startIndex: E.startIndex,
                   endIndex: E.endIndex,
                   marks: [],
                   href: E.search
                 };
-                B.current(x);
+                K.current(N);
               }
             }
           }
         }
         if (!Ie(p(d, g - 1))) {
-          const E = Ge(I, g);
+          const E = Je(I, g);
           if (E && E.endIndex === g) {
             const A = `${E.startIndex}:${E.endIndex}:${E.search}`;
-            if (S.current !== A) {
-              for (let x = E.startIndex; x < E.endIndex; x++)
-                d[x] = Ne(d, x, "interest");
-              if (S.current = A, F.current) {
-                const x = {
+            if (F.current !== A) {
+              for (let N = E.startIndex; N < E.endIndex; N++)
+                d[N] = Ne(d, N, "interest");
+              if (F.current = A, k.current) {
+                const N = {
                   type: "interest",
                   startIndex: E.startIndex,
                   endIndex: E.endIndex,
                   marks: [],
-                  interest: E.search.replace(Se, "")
+                  interest: E.search.replace(Se, "").toLowerCase()
                 };
-                F.current(x);
+                k.current(N);
               }
             }
           }
         }
       }
-      T(d), G.current = !0, setTimeout(() => {
-        G.current = !1;
+      j(d), J.current = !0, setTimeout(() => {
+        J.current = !1;
       }, 50);
-    } else C && z(!1);
-    M(I);
-  }, Q = (h) => {
-    v.current && tt(h, k);
-  }, ve = () => {
-    ce(!0);
-  }, Je = () => {
-    ce(!1);
+    } else P && V(!1);
+    D(I);
+  }, Xe = (h) => {
+    w.current && rt(h, U);
+  }, qe = () => {
+    ie(!0);
+  }, Ge = () => {
+    ie(!1);
   };
   a.useEffect(() => {
     const h = () => {
-      if (J.current) return;
-      const I = De(v.current) ?? {
+      if (n.current) return;
+      const I = De(w.current) ?? {
         start: 0,
         end: 0
-      }, b = j.current;
-      (I.start !== b.start || I.end !== b.end) && (j.current = I, Z.current && !G.current && z(!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));
     };
@@ -746,31 +750,31 @@ const De = (e) => {
       document.removeEventListener("selectionchange", h), $.current && clearTimeout($.current);
     };
   }, []);
-  const Xe = w.length === 0 && R && !q;
-  return /* @__PURE__ */ Y.jsxs(Y.Fragment, { children: [
-    /* @__PURE__ */ Y.jsxs("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ Y.jsx(
+  const He = v.length === 0 && y && !we;
+  return /* @__PURE__ */ B.jsxs(B.Fragment, { children: [
+    /* @__PURE__ */ B.jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ B.jsx(
         "div",
         {
-          ref: v,
-          style: { ...K.style, position: "relative", zIndex: 2 },
-          className: K.className,
+          ref: w,
+          style: { ...W.style, position: "relative", zIndex: 2 },
+          className: W.className,
           contentEditable: !0,
-          onKeyDown: Q,
-          onInput: D,
-          onFocus: ve,
-          onBlur: Je,
+          onKeyDown: Xe,
+          onInput: ve,
+          onFocus: qe,
+          onBlur: Ge,
           role: "textbox",
           "aria-multiline": "true",
           autoCapitalize: "off",
           autoFocus: !1
         }
       ),
-      Xe && /* @__PURE__ */ Y.jsx(
+      He && /* @__PURE__ */ B.jsx(
         "div",
         {
           style: {
-            ...K.style,
+            ...W.style,
             position: "absolute",
             top: 0,
             left: 0,
@@ -780,13 +784,13 @@ const De = (e) => {
             pointerEvents: "none"
           },
           "aria-hidden": "true",
-          children: /* @__PURE__ */ Y.jsx("p", { style: { margin: 0 }, children: R })
+          children: /* @__PURE__ */ B.jsx("p", { style: { margin: 0 }, children: y })
         }
       )
     ] }),
-    y && /* @__PURE__ */ Y.jsx("div", { style: {}, children: /* @__PURE__ */ Y.jsx("pre", { children: JSON.stringify(N) }) })
+    se && /* @__PURE__ */ B.jsx("div", { style: {}, children: /* @__PURE__ */ B.jsx("pre", { children: JSON.stringify(x) }) })
   ] });
 };
 export {
-  St as Editor
+  bt as Editor
 };

package/dist/src/Editor.d.ts

@@ -1,16 +1,17 @@
 import { default as React } from 'react';
 import { Entity, EntityOptions, StyleOptions, EntityType, MarkState, MarkType, MentionSearch } from './interfaces';
+export interface EditorState {
+    plainText: string;
+    entities: Entity[];
+    markState: MarkState;
+}
 export interface EditorRef {
     selectEntity: (entityType: EntityType, startIndex: number, endIndex: number, newText: string) => void;
     toggleMark: (markType: MarkType) => void;
     clear: () => void;
     reset: () => void;
     focus: () => void;
-    getState: () => {
-        plainText: string;
-        entities: Entity[];
-        markState: MarkState;
-    };
+    getState: () => EditorState;
 }
 export interface EditorProps {
     ref: React.RefObject<EditorRef | null>;
@@ -20,6 +21,7 @@ export interface EditorProps {
     onMarkStateChange?: (markState: MarkState) => void;
     onLinkCreated?: (link: Entity) => void;
     onInterestCreated?: (interest: Entity) => void;
+    onGetState?: (state: EditorState) => void;
     style?: React.CSSProperties;
     className?: string;
     options?: EntityOptions;
@@ -27,4 +29,4 @@ export interface EditorProps {
     placeholder?: string;
     debug?: boolean;
 }
-export declare const Editor: ({ ref, initialPlainText, initialEntities, onMentionSearch, onMarkStateChange, onLinkCreated, onInterestCreated, options, entityStyles, placeholder, debug, ...props }: EditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Editor: ({ ref, initialPlainText, initialEntities, onMentionSearch, onMarkStateChange, onLinkCreated, onInterestCreated, onGetState, options, entityStyles, placeholder, debug, ...props }: EditorProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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