@connectedxm/entity-editor 0.0.8 → 0.0.9

package/dist/index.es.js

@@ -1,10 +1,10 @@
 import a from "react";
 var ue = { exports: {} }, ee = {};
-var Me;
+var Le;
 function qe() {
-  if (Me) return ee;
-  Me = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
+  if (Le) return ee;
+  Le = 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) {
@@ -20,152 +20,152 @@ function qe() {
       props: i
     };
   }
-  return ee.Fragment = n, ee.jsx = s, ee.jsxs = s, ee;
+  return ee.Fragment = t, ee.jsx = s, ee.jsxs = s, ee;
 }
 var te = {};
-var Le;
+var $e;
 function He() {
-  return Le || (Le = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(t) {
-      if (t == null) return null;
-      if (typeof t == "function")
-        return t.$$typeof === N ? null : t.displayName || t.name || null;
-      if (typeof t == "string") return t;
-      switch (t) {
+  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;
+      if (typeof n == "string") return n;
+      switch (n) {
         case U:
           return "Fragment";
-        case J:
+        case W:
           return "Profiler";
         case O:
           return "StrictMode";
-        case W:
+        case z:
           return "Suspense";
         case X:
           return "SuspenseList";
         case ce:
           return "Activity";
       }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
+      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."
-        ), t.$$typeof) {
-          case M:
+        ), n.$$typeof) {
+          case L:
             return "Portal";
           case be:
-            return t.displayName || "Context";
+            return n.displayName || "Context";
           case ie:
-            return (t._context.displayName || "Context") + ".Consumer";
-          case T:
-            var u = t.render;
-            return t = t.displayName, t || (t = u.displayName || u.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+            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 = t.displayName || null, u !== null ? u : e(t.type) || "Memo";
+            return u = n.displayName || null, u !== null ? u : e(n.type) || "Memo";
           case q:
-            u = t._payload, t = t._init;
+            u = n._payload, n = n._init;
             try {
-              return e(t(u));
+              return e(n(u));
             } catch {
             }
         }
       return null;
     }
-    function n(t) {
-      return "" + t;
+    function t(n) {
+      return "" + n;
     }
-    function s(t) {
+    function s(n) {
       try {
-        n(t);
+        t(n);
         var u = !1;
       } catch {
         u = !0;
       }
       if (u) {
         u = console;
-        var m = u.error, S = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        var m = u.error, S = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return m.call(
           u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           S
-        ), n(t);
+        ), t(n);
       }
     }
-    function o(t) {
-      if (t === U) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === q)
+    function o(n) {
+      if (n === U) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === q)
         return "<...>";
       try {
-        var u = e(t);
+        var u = e(n);
         return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var t = P.A;
-      return t === null ? null : t.getOwner();
+      var n = T.A;
+      return n === null ? null : n.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function c(t) {
-      if (C.call(t, "key")) {
-        var u = Object.getOwnPropertyDescriptor(t, "key").get;
+    function c(n) {
+      if (P.call(n, "key")) {
+        var u = Object.getOwnPropertyDescriptor(n, "key").get;
         if (u && u.isReactWarning) return !1;
       }
-      return t.key !== void 0;
+      return n.key !== void 0;
     }
-    function l(t, u) {
+    function l(n, u) {
       function m() {
         Z || (Z = !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
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(t, "key", {
+      m.isReactWarning = !0, Object.defineProperty(n, "key", {
         get: m,
         configurable: !0
       });
     }
     function f() {
-      var t = e(this.type);
-      return V[t] || (V[t] = !0, console.error(
+      var n = e(this.type);
+      return G[n] || (G[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."
-      )), t = this.props.ref, t !== void 0 ? t : null;
+      )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function R(t, u, m, S, $, F) {
+    function R(n, u, m, S, B, F) {
       var k = m.ref;
-      return t = {
-        $$typeof: Y,
-        type: t,
+      return n = {
+        $$typeof: M,
+        type: n,
         key: u,
         props: m,
         _owner: S
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(t, "ref", {
+      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
         get: f
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
+      }), Object.defineProperty(n, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(t, "_debugStack", {
+      }), Object.defineProperty(n, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $
-      }), Object.defineProperty(t, "_debugTask", {
+        value: B
+      }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: F
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function y(t, u, m, S, $, F) {
+    function y(n, u, m, S, B, F) {
       var k = u.children;
       if (k !== void 0)
         if (S)
@@ -178,12 +178,12 @@ function He() {
               "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 (C.call(u, "key")) {
-        k = e(t);
-        var B = Object.keys(u).filter(function(xe) {
-          return xe !== "key";
+      if (P.call(u, "key")) {
+        k = e(n);
+        var D = Object.keys(u).filter(function(ve) {
+          return ve !== "key";
         });
-        S = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", G[k + S] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
+        S = 0 < D.length ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}", J[k + S] || (D = 0 < D.length ? "{" + D.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -192,9 +192,9 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           S,
           k,
-          B,
+          D,
           k
-        ), G[k + S] = !0);
+        ), J[k + S] = !0);
       }
       if (k = null, m !== void 0 && (s(m), k = "" + m), c(u) && (s(u.key), k = "" + u.key), "key" in u) {
         m = {};
@@ -203,67 +203,67 @@ React keys must be passed directly to JSX without using spread:
       } else m = u;
       return k && l(
         m,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
       ), R(
-        t,
+        n,
         k,
         m,
         r(),
-        $,
+        B,
         F
       );
     }
-    function K(t) {
-      x(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === q && (t._payload.status === "fulfilled" ? x(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    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 x(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === Y;
+    function v(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === M;
     }
-    var w = a, Y = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), U = /* @__PURE__ */ Symbol.for("react.fragment"), O = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), ie = /* @__PURE__ */ Symbol.for("react.consumer"), be = /* @__PURE__ */ Symbol.for("react.context"), T = /* @__PURE__ */ Symbol.for("react.forward_ref"), W = /* @__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"), P = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, H = Array.isArray, z = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
     w = {
-      react_stack_bottom_frame: function(t) {
-        return t();
+      react_stack_bottom_frame: function(n) {
+        return n();
       }
     };
-    var Z, V = {}, j = w.react_stack_bottom_frame.bind(
+    var Z, G = {}, j = w.react_stack_bottom_frame.bind(
       w,
       i
-    )(), L = z(o(i)), G = {};
-    te.Fragment = U, te.jsx = function(t, u, m) {
-      var S = 1e4 > P.recentlyCreatedOwnerStacks++;
+    )(), $ = V(o(i)), J = {};
+    te.Fragment = U, te.jsx = function(n, u, m) {
+      var S = 1e4 > T.recentlyCreatedOwnerStacks++;
       return y(
-        t,
+        n,
         u,
         m,
         !1,
         S ? Error("react-stack-top-frame") : j,
-        S ? z(o(t)) : L
+        S ? V(o(n)) : $
       );
-    }, te.jsxs = function(t, u, m) {
-      var S = 1e4 > P.recentlyCreatedOwnerStacks++;
+    }, te.jsxs = function(n, u, m) {
+      var S = 1e4 > T.recentlyCreatedOwnerStacks++;
       return y(
-        t,
+        n,
         u,
         m,
         !0,
         S ? Error("react-stack-top-frame") : j,
-        S ? z(o(t)) : L
+        S ? V(o(n)) : $
       );
     };
   })()), te;
 }
-var $e;
+var Be;
 function Ze() {
-  return $e || ($e = 1, process.env.NODE_ENV === "production" ? ue.exports = qe() : ue.exports = He()), ue.exports;
+  return Be || (Be = 1, process.env.NODE_ENV === "production" ? ue.exports = qe() : ue.exports = He()), ue.exports;
 }
-var D = Ze();
-const Be = (e) => {
-  const n = window.getSelection();
-  if (!n || !e) return { start: 0, end: 0 };
-  if (n.anchorNode && e.contains(n.anchorNode)) {
-    const s = n.getRangeAt(0), o = s.cloneRange();
+var Y = Ze();
+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);
@@ -271,13 +271,13 @@ const Be = (e) => {
     return { start: r, end: c };
   } else
     return null;
-}, Qe = (e, n) => {
+}, Qe = (e, t) => {
   const s = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
   let o = 0, r = s.nextNode(), i = null, c = null, l = 0, f = 0;
   for (; r; ) {
     const R = o + (r.textContent?.length || 0);
-    if (!i && R >= n.start && (i = r, l = n.start - o), !c && R >= n.end) {
-      c = r, f = n.end - o;
+    if (!i && R >= t.start && (i = r, l = t.start - o), !c && R >= t.end) {
+      c = r, f = t.end - o;
       break;
     }
     o = R, r = s.nextNode();
@@ -294,38 +294,38 @@ const Be = (e) => {
     const y = window.getSelection();
     y?.removeAllRanges(), y?.addRange(R);
   }
-}, et = (e, n, s) => {
+}, et = (e, t, s) => {
   let o = "", r = "", i = "", c = "";
-  n.includes("bold") && (r = "bold"), n.includes("italic") && (i = "italic"), (n.includes("underline") || e === "link") && (c += "underline"), n.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));
+  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;
-}, De = (e, n, s) => {
-  if (n.length === 0)
+}, Ye = (e, t, s) => {
+  if (t.length === 0)
     return e;
   let o = "", r = 0;
-  return n.forEach((i) => {
+  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;
   }), o += e.slice(r), o;
-}, tt = (e, n) => {
+}, tt = (e, t) => {
   let s = !1;
-  e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), document.execCommand("insertLineBreak"), s = !0) : (e.metaKey || e.ctrlKey) && (e.key === "b" ? (n("bold"), s = !0) : e.key === "i" ? (n("italic"), s = !0) : e.key === "u" ? (n("underline"), s = !0) : e.key === "s" && (n("strike"), s = !0)), s && e.preventDefault();
+  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(
   "^(?:(?:(?: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, n) => {
-  const s = Ce(
+), ze = (e, t) => {
+  const s = je(
     e,
-    n,
+    t,
     nt,
     We
   );
   return s?.search.match(rt) ? s : null;
-}, me = (e) => (e & he) !== 0, pe = (e, n) => n ? e | he : e & ~he, Re = 32, st = /^@[a-zA-Z0-9_'-]+$/, ot = `.,!?;()[]{}"'<>#`, ge = "@", Ve = (e, n) => {
-  const s = Ce(
+}, 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) => {
+  const s = je(
     e,
-    n,
+    t,
     ot,
     ge
   );
@@ -333,21 +333,21 @@ const Be = (e) => {
     type: "mention",
     ...s
   } : null;
-}, ke = (e) => (e & Re) !== 0, Ae = (e, n) => n ? e | Re : e & ~Re, ne = 2, ae = (e) => (e & ne) !== 0, ye = (e, n) => n ? e | ne : e & ~ne, re = 4, fe = (e) => (e & re) !== 0, Oe = (e, n) => n ? e | re : e & ~re, se = 16, de = (e) => (e & se) !== 0, Te = (e, n) => n ? e | se : e & ~se, oe = 8, Ee = (e) => (e & oe) !== 0, Pe = (e, n) => n ? e | oe : e & ~oe, Ye = (e, n) => {
-  if (e === n) return 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) => {
+  if (e === t) return null;
   let s = 0;
-  for (; s < e.length && s < n.length && e[s] === n[s]; )
+  for (; s < e.length && s < t.length && e[s] === t[s]; )
     s++;
-  let o = e.length, r = n.length;
-  for (; o > s && r > s && e[o - 1] === n[r - 1]; )
+  let o = e.length, r = t.length;
+  for (; o > s && r > s && e[o - 1] === t[r - 1]; )
     o--, r--;
   return {
     position: s,
     deletedLength: o - s,
-    insertedText: n.slice(s, r)
+    insertedText: t.slice(s, r)
   };
-}, ve = (e, n, s, o) => {
-  let r = n;
+}, xe = (e, t, s, o) => {
+  let r = t;
   for (; r < e.length; ) {
     const c = p(e, r);
     if (s(c))
@@ -356,7 +356,7 @@ const Be = (e) => {
       break;
     r++;
   }
-  let i = n - 1;
+  let i = t - 1;
   for (; i >= 0; ) {
     const c = p(e, i);
     if (s(c))
@@ -366,22 +366,22 @@ const Be = (e) => {
     i--;
   }
   return e;
-}, Fe = (e, n, s) => {
-  if (!n) return e;
-  const { position: o, deletedLength: r, insertedText: i } = n, c = i.length;
+}, 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 = ve(l, o, ke, Ae) : Ie(f) ? l = ve(l, o, Ie, je) : me(f) && (l = ve(l, o, me, pe)), r > 0 && l.splice(o, r), c > 0) {
+  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) {
     let R = 0;
-    s.bold && (R = ye(R, !0)), s.italic && (R = Oe(R, !0)), s.underline && (R = Pe(R, !0)), s.strike && (R = Te(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);
   }
   return l;
-}, it = (e) => /\s/.test(e) || /[\u2000-\u200B\u2028\u2029\u3000]/.test(e), Ce = (e, n, s, o) => {
-  if (n <= 0 || n > e.length)
+}, it = (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 = n - 1, c = n;
+  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])) {
@@ -406,28 +406,28 @@ const Be = (e) => {
     startIndex: i,
     endIndex: c
   };
-}, _e = 64, ct = `.,!?;()[]{}"'<>@`, lt = /^#[\w-]+$/, Se = "#", Ge = (e, n) => {
-  const s = Ce(
+}, _e = 64, ct = `.,!?;()[]{}"'<>@`, lt = /^#[\w-]+$/, Se = "#", Ge = (e, t) => {
+  const s = je(
     e,
-    n,
+    t,
     ct,
     Se
   );
   return s?.search.match(lt) ? s : null;
-}, Ie = (e) => (e & _e) !== 0, je = (e, n) => n ? e | _e : e & ~_e, ut = (e, n) => e.find(
-  (s) => s.startIndex <= n && s.endIndex > n
-), at = (e, n, s) => {
+}, Ie = (e) => (e & _e) !== 0, Me = (e, t) => t ? e | _e : e & ~_e, ut = (e, t) => e.find(
+  (s) => s.startIndex <= t && s.endIndex > t
+), at = (e, t, s) => {
   const o = [];
   let r = 0;
-  for (; r < n.length; ) {
-    const i = p(n, r);
+  for (; r < t.length; ) {
+    const i = p(t, r);
     if (i === 0 || i === 1) {
       r++;
       continue;
     }
     const c = r;
     let l = r;
-    for (; l + 1 < n.length && p(n, l + 1) === i; )
+    for (; l + 1 < t.length && p(t, l + 1) === i; )
       l++;
     const f = ft(i, s), R = dt(i), y = {
       type: f,
@@ -444,44 +444,44 @@ const Be = (e) => {
     o.push(y), r = l + 1;
   }
   return o;
-}, ft = (e, n) => e & Re && n.mentions ? "mention" : e & _e && n.interests ? "interest" : e & he && n.links ? "link" : (e & (ne | re | oe | se), "segment"), dt = (e) => {
-  const n = [];
-  return e & ne && n.push("bold"), e & re && n.push("italic"), e & oe && n.push("underline"), e & se && n.push("strike"), n;
-}, p = (e, n) => {
-  const s = e[n];
+}, 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) => {
+  const t = [];
+  return e & ne && t.push("bold"), e & re && t.push("italic"), e & oe && t.push("underline"), e & se && t.push("strike"), t;
+}, p = (e, t) => {
+  const s = e[t];
   return typeof s != "number" ? 0 : s;
-}, Ne = (e, n, s) => {
-  const o = p(e, n);
+}, Ne = (e, t, s) => {
+  const o = p(e, t);
   switch (s) {
     case "mention":
-      return Ae(o, !0);
+      return ye(o, !0);
     case "interest":
-      return je(o, !0);
+      return Me(o, !0);
     case "link":
-      return pe(o, !0);
+      return Ae(o, !0);
   }
   return o;
-}, Et = (e, n, s, o) => {
-  let r = p(e, n);
+}, Et = (e, t, s, o) => {
+  let r = p(e, t);
   switch (s) {
     case "bold":
-      r = ye(r, o);
+      r = Oe(r, o);
       break;
     case "italic":
-      r = Oe(r, o);
+      r = Te(r, o);
       break;
     case "underline":
       r = Pe(r, o);
       break;
     case "strike":
-      r = Te(r, o);
+      r = Ce(r, o);
       break;
     default:
       return e;
   }
-  return e[n] = r, e;
-}, ht = (e, n, s) => {
-  const o = p(e, n);
+  return e[t] = r, e;
+}, ht = (e, t, s) => {
+  const o = p(e, t);
   switch (s) {
     case "bold":
       return ae(o);
@@ -494,37 +494,37 @@ const Be = (e) => {
     default:
       throw Error(`Invalid mark type: ${s}`);
   }
-}, mt = (e, n, s, o) => {
-  for (let r = e; r < n; r++)
+}, mt = (e, t, s, o) => {
+  for (let r = e; r < t; r++)
     if (!ht(o, r, s)) return !1;
   return !0;
-}, Ke = (e) => ke(e) || Ie(e) || me(e), Rt = (e, n, s, o) => {
+}, Ue = (e) => ke(e) || Ie(e) || me(e), Rt = (e, t, s, o) => {
   let r = [...e];
-  for (; Ke(p(e, n - 1)) && n > 0; )
-    n--;
-  for (; Ke(p(e, s)) && s < e.length; )
+  for (; Ue(p(e, t - 1)) && t > 0; )
+    t--;
+  for (; Ue(p(e, s)) && s < e.length; )
     s++;
   let i = !0;
-  mt(n, s, o, r) && (i = !1);
-  for (let c = n; c < s; c++)
+  mt(t, s, o, r) && (i = !1);
+  for (let c = t; c < s; c++)
     r = Et(r, c, o, i);
   return r;
-}, Ue = (e, n) => {
+}, 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(n, o);
+    const i = ut(t, o);
     if (i) {
-      i.type === "mention" ? r = Ae(r, !0) : i.type === "interest" ? r = je(r, !0) : i.type === "link" && (r = pe(r, !0));
+      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 = ye(r, !0) : c === "italic" ? r = Oe(r, !0) : c === "underline" ? r = Pe(r, !0) : c === "strike" && (r = Te(r, !0));
+        c === "bold" ? r = Oe(r, !0) : c === "italic" ? r = Te(r, !0) : c === "underline" ? r = Pe(r, !0) : c === "strike" && (r = Ce(r, !0));
     }
     s[o] = r;
   }
   return s;
 }, gt = {}, kt = {}, St = ({
   ref: e,
-  initialPlainText: n = "",
+  initialPlainText: t = "",
   initialEntities: s = [],
   onMentionSearch: o,
   onMarkStateChange: r,
@@ -536,48 +536,48 @@ const Be = (e) => {
   debug: y = !1,
   ...K
 }) => {
-  const x = a.useRef(null), [w, Y] = a.useState(n), [M, U] = a.useState({
+  const v = a.useRef(null), [w, M] = a.useState(t), [L, U] = a.useState({
     bold: !1,
     italic: !1,
     underline: !1,
     strike: !1
-  }), [O, J] = a.useState(null), [ie, be] = a.useState({ start: 0, end: 0 }), [T, W] = a.useState(!1), [X, we] = a.useState(!1), [q, ce] = a.useState(!1), [N, P] = a.useState(
-    Ue(n, s)
-  ), C = a.useMemo(() => at(w, N, l), [w, N, l]), H = a.useRef(o), z = a.useRef(r), Z = a.useRef(T), V = a.useRef(!1), j = a.useRef({
+  }), [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(
+    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({
     start: 0,
     end: 0
-  }), L = a.useRef(null), G = a.useRef(!1), t = a.useRef(null), u = a.useRef(!1), m = a.useRef(null), S = a.useRef(null), $ = a.useRef(i), F = a.useRef(c);
+  }), $ = 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.useEffect(() => {
     H.current = o;
   }, [o]), a.useEffect(() => {
-    z.current = r;
+    V.current = r;
   }, [r]), a.useEffect(() => {
-    $.current = i;
+    B.current = i;
   }, [i]), a.useEffect(() => {
     F.current = c;
   }, [c]), a.useEffect(() => {
-    Z.current = T;
-  }, [T]), a.useEffect(() => {
-    if (t.current && clearTimeout(t.current), O === null) {
+    Z.current = C;
+  }, [C]), a.useEffect(() => {
+    if (n.current && clearTimeout(n.current), O === null) {
       H.current?.(null);
       return;
     }
-    return t.current = setTimeout(() => {
+    return n.current = setTimeout(() => {
       H.current?.(O);
     }, 300), () => {
-      t.current && clearTimeout(t.current);
+      n.current && clearTimeout(n.current);
     };
   }, [O]), a.useEffect(() => {
-    z.current?.(M);
-  }, [M]);
+    V.current?.(L);
+  }, [L]);
   const k = a.useCallback(
     (h) => {
-      if (W(!0), !x.current)
+      if (z(!0), !v.current)
         return;
       const { start: I, end: b } = j.current;
       if (I !== b) {
         const d = Rt(N, I, b, h);
-        P(d);
+        T(d);
       }
       U((d) => {
         const g = { ...d };
@@ -590,48 +590,51 @@ const Be = (e) => {
     e,
     () => ({
       selectEntity: (h, I, b, d) => {
-        if (!x.current) return;
+        if (!v.current) return;
         let g = [...N];
         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 = Ye(w, E);
-        A ? g = Fe(N, A, M) : g = Ue(E, C);
+        const E = w.slice(0, I) + d + w.slice(b), A = Fe(w, E);
+        A ? g = Ke(N, A, L) : g = pe(E, P);
         for (let _ = I; _ < I + d.length; _++)
           g[_] = Ne(g, _, h);
-        const v = I + d.length;
+        const x = I + d.length;
         j.current = {
-          start: v,
-          end: v
-        }, u.current = !0, Y(E), P(g), J(null);
+          start: x,
+          end: x
+        }, u.current = !0, M(E), T(g), W(null);
       },
       toggleMark: k,
       clear: () => {
-        Y(""), P([]);
+        M(""), T([]);
+      },
+      reset: () => {
+        M(t), T(pe(t, s)), W(null);
       },
       focus: () => {
-        x.current?.focus();
+        v.current?.focus();
       },
       getState: () => ({
         plainText: w,
-        entities: C,
-        markState: M
+        entities: P,
+        markState: L
       })
     }),
-    [N, w, C, M, k]
+    [N, w, P, L, k]
   ), a.useEffect(() => {
-    if (x.current && !X) {
-      x.current.textContent = w;
-      const h = De(w, C, f);
-      x.current.innerHTML = h, we(!0);
+    if (v.current && !X) {
+      v.current.textContent = w;
+      const h = Ye(w, P, f);
+      v.current.innerHTML = h, we(!0);
     }
   }, []), a.useLayoutEffect(() => {
-    if (!x.current || !X) return;
-    const h = u.current ? j.current : Be(x.current) ?? j.current;
+    if (!v.current || !X) return;
+    const h = u.current ? j.current : De(v.current) ?? j.current;
     u.current = !1;
-    const I = De(w, C, f);
-    G.current = !0, x.current.innerHTML = I, Qe(x.current, h), queueMicrotask(() => {
-      G.current = !1;
+    const I = Ye(w, P, f);
+    J.current = !0, v.current.innerHTML = I, Qe(v.current, h), queueMicrotask(() => {
+      J.current = !1;
     });
-  }, [C, f, X]), a.useEffect(() => {
+  }, [P, f, X]), a.useEffect(() => {
     let { start: h, end: I } = ie, b = null;
     if (!ke(p(N, h - 1))) {
       const _ = Ve(w, h);
@@ -642,7 +645,7 @@ const Be = (e) => {
         endIndex: _.endIndex
       });
     }
-    if (b ? (!O || b.startIndex !== O.startIndex || b.endIndex !== O.endIndex || b.search !== O.search) && J(b) : O && J(null), T) return;
+    if (b ? (!O || b.startIndex !== O.startIndex || b.endIndex !== O.endIndex || b.search !== O.search) && W(b) : O && W(null), C) return;
     let d = !0, g = !0, E = !0, A = !0;
     if (h === I)
       if (h > 0) {
@@ -663,16 +666,16 @@ const Be = (e) => {
       underline: E,
       strike: A
     });
-  }, [ie, N, w, T]);
-  const B = (h) => {
-    if (!x.current) return;
+  }, [ie, N, w, C]);
+  const D = (h) => {
+    if (!v.current) return;
     if (h.target.textContent.length === 0) {
-      Y(""), P([]), T && W(!1);
+      M(""), T([]), C && z(!1);
       return;
     }
-    const I = h.target.innerText || "", b = Ye(w, I);
+    const I = h.target.innerText || "", b = Fe(w, I);
     if (b) {
-      let d = Fe(N, b, M);
+      let d = Ke(N, b, L);
       if (b.deletedLength === 0 && b.insertedText === " " && b.position > 0) {
         const g = b.position;
         if (!me(p(d, g - 1))) {
@@ -680,17 +683,17 @@ const Be = (e) => {
           if (E && E.endIndex === g) {
             const A = `${E.startIndex}:${E.endIndex}:${E.search}`;
             if (m.current !== A) {
-              for (let v = E.startIndex; v < E.endIndex; v++)
-                d[v] = Ne(d, v, "link");
-              if (m.current = A, $.current) {
-                const v = {
+              for (let x = E.startIndex; x < E.endIndex; x++)
+                d[x] = Ne(d, x, "link");
+              if (m.current = A, B.current) {
+                const x = {
                   type: "link",
                   startIndex: E.startIndex,
                   endIndex: E.endIndex,
                   marks: [],
                   href: E.search
                 };
-                $.current(v);
+                B.current(x);
               }
             }
           }
@@ -700,62 +703,62 @@ const Be = (e) => {
           if (E && E.endIndex === g) {
             const A = `${E.startIndex}:${E.endIndex}:${E.search}`;
             if (S.current !== A) {
-              for (let v = E.startIndex; v < E.endIndex; v++)
-                d[v] = Ne(d, v, "interest");
+              for (let x = E.startIndex; x < E.endIndex; x++)
+                d[x] = Ne(d, x, "interest");
               if (S.current = A, F.current) {
-                const v = {
+                const x = {
                   type: "interest",
                   startIndex: E.startIndex,
                   endIndex: E.endIndex,
                   marks: [],
                   interest: E.search.replace(Se, "")
                 };
-                F.current(v);
+                F.current(x);
               }
             }
           }
         }
       }
-      P(d), V.current = !0, setTimeout(() => {
-        V.current = !1;
+      T(d), G.current = !0, setTimeout(() => {
+        G.current = !1;
       }, 50);
-    } else T && W(!1);
-    Y(I);
+    } else C && z(!1);
+    M(I);
   }, Q = (h) => {
-    x.current && tt(h, k);
-  }, xe = () => {
+    v.current && tt(h, k);
+  }, ve = () => {
     ce(!0);
   }, Je = () => {
     ce(!1);
   };
   a.useEffect(() => {
     const h = () => {
-      if (G.current) return;
-      const I = Be(x.current) ?? {
+      if (J.current) return;
+      const I = De(v.current) ?? {
         start: 0,
         end: 0
       }, b = j.current;
-      (I.start !== b.start || I.end !== b.end) && (j.current = I, Z.current && !V.current && W(!1), L.current && clearTimeout(L.current), L.current = setTimeout(() => {
+      (I.start !== b.start || I.end !== b.end) && (j.current = I, Z.current && !G.current && z(!1), $.current && clearTimeout($.current), $.current = setTimeout(() => {
         be(I);
       }, 500));
     };
     return document.addEventListener("selectionchange", h), () => {
-      document.removeEventListener("selectionchange", h), L.current && clearTimeout(L.current);
+      document.removeEventListener("selectionchange", h), $.current && clearTimeout($.current);
     };
   }, []);
   const Xe = w.length === 0 && R && !q;
-  return /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
-    /* @__PURE__ */ D.jsxs("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ D.jsx(
+  return /* @__PURE__ */ Y.jsxs(Y.Fragment, { children: [
+    /* @__PURE__ */ Y.jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ Y.jsx(
         "div",
         {
-          ref: x,
+          ref: v,
           style: { ...K.style, position: "relative", zIndex: 2 },
           className: K.className,
           contentEditable: !0,
           onKeyDown: Q,
-          onInput: B,
-          onFocus: xe,
+          onInput: D,
+          onFocus: ve,
           onBlur: Je,
           role: "textbox",
           "aria-multiline": "true",
@@ -763,7 +766,7 @@ const Be = (e) => {
           autoFocus: !1
         }
       ),
-      Xe && /* @__PURE__ */ D.jsx(
+      Xe && /* @__PURE__ */ Y.jsx(
         "div",
         {
           style: {
@@ -777,11 +780,11 @@ const Be = (e) => {
             pointerEvents: "none"
           },
           "aria-hidden": "true",
-          children: /* @__PURE__ */ D.jsx("p", { style: { margin: 0 }, children: R })
+          children: /* @__PURE__ */ Y.jsx("p", { style: { margin: 0 }, children: R })
         }
       )
     ] }),
-    y && /* @__PURE__ */ D.jsx("div", { style: {}, children: /* @__PURE__ */ D.jsx("pre", { children: JSON.stringify(N) }) })
+    y && /* @__PURE__ */ Y.jsx("div", { style: {}, children: /* @__PURE__ */ Y.jsx("pre", { children: JSON.stringify(N) }) })
   ] });
 };
 export {

package/dist/src/Editor.d.ts

@@ -4,6 +4,7 @@ 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;

package/package.json

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