@soomo/react-text-annotator 3.1.0-staging.14 → 3.1.0-staging.16

package/dist/react-text-annotator.es7.js

@@ -1,548 +1,147 @@
-const se = "not-annotatable", Z = `.${se}`;
-/mac/i.test(navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform);
-const _t = (t) => {
-  const e = t.cloneContents();
-  return e.querySelectorAll(Z).forEach((n) => n.remove()), e;
-}, ke = (t, e, n = 10, o) => {
-  const i = e, s = document.createRange();
-  s.setStart(i, 0), s.setEnd(t.startContainer, t.startOffset);
-  const a = _t(s).textContent, r = document.createRange();
-  r.setStart(t.endContainer, t.endOffset), i === document.body ? r.setEnd(i, i.childNodes.length) : r.setEndAfter(i);
-  const l = _t(r).textContent;
-  return {
-    prefix: a.substring(a.length - n),
-    suffix: l.substring(0, n)
-  };
-};
-const U = [];
-for (let t = 0; t < 256; ++t)
-  U.push((t + 256).toString(16).slice(1));
-function cn(t, e = 0) {
-  return (U[t[e + 0]] + U[t[e + 1]] + U[t[e + 2]] + U[t[e + 3]] + "-" + U[t[e + 4]] + U[t[e + 5]] + "-" + U[t[e + 6]] + U[t[e + 7]] + "-" + U[t[e + 8]] + U[t[e + 9]] + "-" + U[t[e + 10]] + U[t[e + 11]] + U[t[e + 12]] + U[t[e + 13]] + U[t[e + 14]] + U[t[e + 15]]).toLowerCase();
-}
-let St;
-const ln = new Uint8Array(16);
-function dn() {
-  if (!St) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    St = crypto.getRandomValues.bind(crypto);
-  }
-  return St(ln);
-}
-const un = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Gt = { randomUUID: un };
-function ue(t, e, n) {
-  if (Gt.randomUUID && !e && !t)
-    return Gt.randomUUID();
-  t = t || {};
-  const o = t.random || (t.rng || dn)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, cn(o);
-}
-var V = [];
-for (var Lt = 0; Lt < 256; ++Lt)
-  V.push((Lt + 256).toString(16).slice(1));
-typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Nn = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let Yn = (t = 21) => {
-  let e = "", n = crypto.getRandomValues(new Uint8Array(t));
-  for (; t--; )
-    e += Nn[n[t] & 63];
-  return e;
-};
-const Xn = (t) => {
-  const e = JSON.stringify(t);
-  let n = 0;
-  for (let o = 0, i = e.length; o < i; o++) {
-    let s = e.charCodeAt(o);
-    n = (n << 5) - n + s, n |= 0;
-  }
-  return `${n}`;
-}, pe = (t) => t ? typeof t == "object" ? { ...t } : t : void 0, Pn = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
-  const { id: o, type: i, purpose: s, value: a, created: r, modified: l, creator: f, ...u } = n;
-  return {
-    id: o || `temp-${Xn(n)}`,
-    annotation: e,
-    type: i,
-    purpose: s,
-    value: a,
-    creator: pe(f),
-    created: r ? new Date(r) : void 0,
-    updated: l ? new Date(l) : void 0,
-    ...u
-  };
-}), $n = (t) => t.map((e) => {
-  var n;
-  const { annotation: o, created: i, updated: s, ...a } = e, r = {
-    ...a,
-    created: i == null ? void 0 : i.toISOString(),
-    modified: s == null ? void 0 : s.toISOString()
-  };
-  return (n = r.id) != null && n.startsWith("temp-") && delete r.id, r;
-});
-Yn();
-const Ao = (t, e) => ({
-  parse: (n) => zn(n),
-  serialize: (n) => Fn(n, t, e)
-}), Hn = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, jn = (t) => {
-  const {
-    id: e,
-    creator: n,
-    created: o,
-    modified: i,
-    target: s
-  } = t, a = Array.isArray(s) ? s : [s], r = {
-    creator: pe(n),
-    created: o ? new Date(o) : void 0,
-    updated: i ? new Date(i) : void 0,
-    annotation: e,
-    selector: []
-  };
-  for (const l of a) {
-    const u = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((h, g) => {
-      switch (g.type) {
-        case "TextQuoteSelector":
-          h.quote = g.exact;
-          break;
-        case "TextPositionSelector":
-          h.start = g.start, h.end = g.end;
-          break;
+import { j as jsxRuntimeExports } from "./react-text-annotator.es9.js";
+import { useState, useCallback, useEffect, useRef, useMemo } from "react";
+import { useAnnotator, useSelection } from "@annotorious/react";
+import { isRevived, denormalizeRectWithOffset, toDomRectList, NOT_ANNOTATABLE_CLASS } from "@soomo/text-annotator";
+import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager, FloatingArrow } from "./react-text-annotator.es14.js";
+import { isMobile } from "./react-text-annotator.es15.js";
+import { useAnnouncePopupNavigation } from "./react-text-annotator.es4.js";
+import { useAnnotationTargetIdling } from "./react-text-annotator.es5.js";
+/* empty css                          */
+import { inline, offset, flip, shift, arrow } from "./react-text-annotator.es17.js";
+import { autoUpdate } from "./react-text-annotator.es18.js";
+const TextAnnotationPopup = (props) => {
+  var _a, _b;
+  const { popup, ariaNavigationMessage } = props;
+  const r = useAnnotator();
+  const { selected, event } = useSelection();
+  const annotation = (_a = selected[0]) == null ? void 0 : _a.annotation;
+  const isAnnotationIdling = useAnnotationTargetIdling(annotation == null ? void 0 : annotation.id);
+  const [isOpen, setOpen] = useState((selected == null ? void 0 : selected.length) > 0);
+  const handleClose = () => r == null ? void 0 : r.cancelSelected();
+  const [isFocused, setFocused] = useState(false);
+  const handleFocus = useCallback(() => setFocused(true), []);
+  const handleBlur = useCallback(() => setFocused(false), []);
+  useEffect(() => {
+    if (!isOpen) handleBlur();
+  }, [isOpen, handleBlur]);
+  const arrowRef = useRef(null);
+  const { refs, floatingStyles, update, context } = useFloating({
+    placement: isMobile() ? "bottom" : "top",
+    open: isOpen,
+    onOpenChange: (open, _event, reason) => {
+      if (!open && (reason === "escape-key" || reason === "focus-out")) {
+        setOpen(open);
+        handleClose();
       }
-      return h;
-    }, {});
-    if (Hn(u))
-      r.selector.push({ id: l.id, ...u });
-    else {
-      const h = [
-        u.start ? void 0 : "TextPositionSelector",
-        u.quote ? void 0 : "TextQuoteSelector"
-      ].filter(Boolean);
-      return { error: Error(`Missing selector types: ${h.join(" and ")} for annotation: ${t.id}`) };
-    }
-  }
-  return { parsed: r };
-}, zn = (t) => {
-  const e = t.id || ue(), {
-    creator: n,
-    created: o,
-    modified: i,
-    body: s,
-    ...a
-  } = t, r = Pn(s, e), l = jn(t);
-  return "error" in l ? { error: l.error } : {
-    parsed: {
-      ...a,
-      id: e,
-      bodies: r,
-      target: l.parsed
-    }
-  };
-}, Fn = (t, e, n) => {
-  const { bodies: o, target: i, ...s } = t, {
-    selector: a,
-    creator: r,
-    created: l,
-    updated: f,
-    ...u
-  } = i, h = a.map((g) => {
-    const { quote: p, start: v, end: y, range: m } = g, { prefix: d, suffix: c } = ke(m, n), b = [{
-      type: "TextQuoteSelector",
-      exact: p,
-      prefix: d,
-      suffix: c
-    }, {
-      type: "TextPositionSelector",
-      start: v,
-      end: y
-    }];
-    return {
-      ...u,
-      id: g.id,
-      source: e,
-      selector: b
-    };
+    },
+    middleware: [
+      inline(),
+      offset(10),
+      flip({ crossAxis: true }),
+      shift({ crossAxis: true, padding: 10 }),
+      arrow({ element: arrowRef })
+    ],
+    whileElementsMounted: autoUpdate
   });
-  return {
-    ...s,
-    "@context": "http://www.w3.org/ns/anno.jsonld",
-    id: t.id,
-    type: "Annotation",
-    body: $n(t.bodies),
-    creator: r,
-    created: l == null ? void 0 : l.toISOString(),
-    modified: f == null ? void 0 : f.toISOString(),
-    target: h
-  };
-};
-const Bt = typeof navigator < "u" ? navigator.userAgent.toLowerCase().indexOf("firefox") > 0 : false;
-function kt(t, e, n, o) {
-  t.addEventListener ? t.addEventListener(e, n, o) : t.attachEvent && t.attachEvent("on".concat(e), n);
-}
-function et(t, e, n, o) {
-  t.removeEventListener ? t.removeEventListener(e, n, o) : t.detachEvent && t.detachEvent("on".concat(e), n);
-}
-function me(t, e) {
-  const n = e.slice(0, e.length - 1);
-  for (let o = 0; o < n.length; o++) n[o] = t[n[o].toLowerCase()];
-  return n;
-}
-function ye(t) {
-  typeof t != "string" && (t = ""), t = t.replace(/\s/g, "");
-  const e = t.split(",");
-  let n = e.lastIndexOf("");
-  for (; n >= 0; )
-    e[n - 1] += ",", e.splice(n, 1), n = e.lastIndexOf("");
-  return e;
-}
-function so(t, e) {
-  const n = t.length >= e.length ? t : e, o = t.length >= e.length ? e : t;
-  let i = true;
-  for (let s = 0; s < n.length; s++)
-    o.indexOf(n[s]) === -1 && (i = false);
-  return i;
-}
-const at = {
-  backspace: 8,
-  "⌫": 8,
-  tab: 9,
-  clear: 12,
-  enter: 13,
-  "↩": 13,
-  return: 13,
-  esc: 27,
-  escape: 27,
-  space: 32,
-  left: 37,
-  up: 38,
-  right: 39,
-  down: 40,
-  del: 46,
-  delete: 46,
-  ins: 45,
-  insert: 45,
-  home: 36,
-  end: 35,
-  pageup: 33,
-  pagedown: 34,
-  capslock: 20,
-  num_0: 96,
-  num_1: 97,
-  num_2: 98,
-  num_3: 99,
-  num_4: 100,
-  num_5: 101,
-  num_6: 102,
-  num_7: 103,
-  num_8: 104,
-  num_9: 105,
-  num_multiply: 106,
-  num_add: 107,
-  num_enter: 108,
-  num_subtract: 109,
-  num_decimal: 110,
-  num_divide: 111,
-  "⇪": 20,
-  ",": 188,
-  ".": 190,
-  "/": 191,
-  "`": 192,
-  "-": Bt ? 173 : 189,
-  "=": Bt ? 61 : 187,
-  ";": Bt ? 59 : 186,
-  "'": 222,
-  "[": 219,
-  "]": 221,
-  "\\": 220
-}, H = {
-  // shiftKey
-  "⇧": 16,
-  shift: 16,
-  // altKey
-  "⌥": 18,
-  alt: 18,
-  option: 18,
-  // ctrlKey
-  "⌃": 17,
-  ctrl: 17,
-  control: 17,
-  // metaKey
-  "⌘": 91,
-  cmd: 91,
-  command: 91
-}, Ut = {
-  16: "shiftKey",
-  18: "altKey",
-  17: "ctrlKey",
-  91: "metaKey",
-  shiftKey: 16,
-  ctrlKey: 17,
-  altKey: 18,
-  metaKey: 91
-}, K = {
-  16: false,
-  18: false,
-  17: false,
-  91: false
-}, _ = {};
-for (let t = 1; t < 20; t++)
-  at["f".concat(t)] = 111 + t;
-let I = [], rt = null, be = "all";
-const z = /* @__PURE__ */ new Map(), lt = (t) => at[t.toLowerCase()] || H[t.toLowerCase()] || t.toUpperCase().charCodeAt(0), ro = (t) => Object.keys(at).find((e) => at[e] === t), ao = (t) => Object.keys(H).find((e) => H[e] === t);
-function we(t) {
-  be = t || "all";
-}
-function ct() {
-  return be || "all";
-}
-function co() {
-  return I.slice(0);
-}
-function lo() {
-  return I.map((t) => ro(t) || ao(t) || String.fromCharCode(t));
-}
-function uo() {
-  const t = [];
-  return Object.keys(_).forEach((e) => {
-    _[e].forEach((n) => {
-      let {
-        key: o,
-        scope: i,
-        mods: s,
-        shortcut: a
-      } = n;
-      t.push({
-        scope: i,
-        shortcut: a,
-        mods: s,
-        keys: o.split("+").map((r) => lt(r))
+  const dismiss = useDismiss(context);
+  const role = useRole(context, { role: "dialog" });
+  const { getFloatingProps } = useInteractions([dismiss, role]);
+  useEffect(() => {
+    const annotationSelector = annotation == null ? void 0 : annotation.target.selector;
+    setOpen(isAnnotationIdling && (annotationSelector == null ? void 0 : annotationSelector.length) > 0 ? isRevived(annotationSelector) : false);
+  }, [(_b = annotation == null ? void 0 : annotation.target) == null ? void 0 : _b.selector, isAnnotationIdling]);
+  useEffect(() => {
+    if (!r) return;
+    if (isOpen && (annotation == null ? void 0 : annotation.id)) {
+      refs.setPositionReference({
+        getBoundingClientRect: () => {
+          const bounds = r.state.store.getAnnotationBounds(annotation.id);
+          return bounds ? denormalizeRectWithOffset(bounds, r.element.getBoundingClientRect()) : new DOMRect();
+        },
+        getClientRects: () => {
+          const rects = r.state.store.getAnnotationRects(annotation.id);
+          const denormalizedRects = rects.map(
+            (rect) => denormalizeRectWithOffset(rect, r.element.getBoundingClientRect())
+          );
+          return toDomRectList(denormalizedRects);
+        }
       });
-    });
-  }), t;
-}
-function fo(t) {
-  const e = t.target || t.srcElement, {
-    tagName: n
-  } = e;
-  let o = true;
-  const i = n === "INPUT" && !["checkbox", "radio", "range", "button", "file", "reset", "submit", "color"].includes(e.type);
-  return (e.isContentEditable || (i || n === "TEXTAREA" || n === "SELECT") && !e.readOnly) && (o = false), o;
-}
-function ho(t) {
-  return typeof t == "string" && (t = lt(t)), I.indexOf(t) !== -1;
-}
-function po(t, e) {
-  let n, o;
-  t || (t = ct());
-  for (const i in _)
-    if (Object.prototype.hasOwnProperty.call(_, i))
-      for (n = _[i], o = 0; o < n.length; )
-        n[o].scope === t ? n.splice(o, 1).forEach((a) => {
-          let {
-            element: r
-          } = a;
-          return Dt(r);
-        }) : o++;
-  ct() === t && we(e || "all");
-}
-function go(t) {
-  let e = t.keyCode || t.which || t.charCode;
-  const n = I.indexOf(e);
-  if (n >= 0 && I.splice(n, 1), t.key && t.key.toLowerCase() === "meta" && I.splice(0, I.length), (e === 93 || e === 224) && (e = 91), e in K) {
-    K[e] = false;
-    for (const o in H) H[o] === e && (P[o] = false);
-  }
-}
-function ve(t) {
-  if (typeof t > "u")
-    Object.keys(_).forEach((i) => {
-      Array.isArray(_[i]) && _[i].forEach((s) => mt(s)), delete _[i];
-    }), Dt(null);
-  else if (Array.isArray(t))
-    t.forEach((i) => {
-      i.key && mt(i);
-    });
-  else if (typeof t == "object")
-    t.key && mt(t);
-  else if (typeof t == "string") {
-    for (var e = arguments.length, n = new Array(e > 1 ? e - 1 : 0), o = 1; o < e; o++)
-      n[o - 1] = arguments[o];
-    let [i, s] = n;
-    typeof i == "function" && (s = i, i = ""), mt({
-      key: t,
-      scope: i,
-      method: s,
-      splitKey: "+"
-    });
-  }
-}
-const mt = (t) => {
-  let {
-    key: e,
-    scope: n,
-    method: o,
-    splitKey: i = "+"
-  } = t;
-  ye(e).forEach((a) => {
-    const r = a.split(i), l = r.length, f = r[l - 1], u = f === "*" ? "*" : lt(f);
-    if (!_[u]) return;
-    n || (n = ct());
-    const h = l > 1 ? me(H, r) : [], g = [];
-    _[u] = _[u].filter((p) => {
-      const y = (o ? p.method === o : true) && p.scope === n && so(p.mods, h);
-      return y && g.push(p.element), !y;
-    }), g.forEach((p) => Dt(p));
-  });
-};
-function ee(t, e, n, o) {
-  if (e.element !== o)
-    return;
-  let i;
-  if (e.scope === n || e.scope === "all") {
-    i = e.mods.length > 0;
-    for (const s in K)
-      Object.prototype.hasOwnProperty.call(K, s) && (!K[s] && e.mods.indexOf(+s) > -1 || K[s] && e.mods.indexOf(+s) === -1) && (i = false);
-    (e.mods.length === 0 && !K[16] && !K[18] && !K[17] && !K[91] || i || e.shortcut === "*") && (e.keys = [], e.keys = e.keys.concat(I), e.method(t, e) === false && (t.preventDefault ? t.preventDefault() : t.returnValue = false, t.stopPropagation && t.stopPropagation(), t.cancelBubble && (t.cancelBubble = true)));
-  }
-}
-function ne(t, e) {
-  const n = _["*"];
-  let o = t.keyCode || t.which || t.charCode;
-  if (!P.filter.call(this, t)) return;
-  if ((o === 93 || o === 224) && (o = 91), I.indexOf(o) === -1 && o !== 229 && I.push(o), ["ctrlKey", "altKey", "shiftKey", "metaKey"].forEach((r) => {
-    const l = Ut[r];
-    t[r] && I.indexOf(l) === -1 ? I.push(l) : !t[r] && I.indexOf(l) > -1 ? I.splice(I.indexOf(l), 1) : r === "metaKey" && t[r] && I.length === 3 && (t.ctrlKey || t.shiftKey || t.altKey || (I = I.slice(I.indexOf(l))));
-  }), o in K) {
-    K[o] = true;
-    for (const r in H)
-      H[r] === o && (P[r] = true);
-    if (!n) return;
-  }
-  for (const r in K)
-    Object.prototype.hasOwnProperty.call(K, r) && (K[r] = t[Ut[r]]);
-  t.getModifierState && !(t.altKey && !t.ctrlKey) && t.getModifierState("AltGraph") && (I.indexOf(17) === -1 && I.push(17), I.indexOf(18) === -1 && I.push(18), K[17] = true, K[18] = true);
-  const i = ct();
-  if (n)
-    for (let r = 0; r < n.length; r++)
-      n[r].scope === i && (t.type === "keydown" && n[r].keydown || t.type === "keyup" && n[r].keyup) && ee(t, n[r], i, e);
-  if (!(o in _)) return;
-  const s = _[o], a = s.length;
-  for (let r = 0; r < a; r++)
-    if ((t.type === "keydown" && s[r].keydown || t.type === "keyup" && s[r].keyup) && s[r].key) {
-      const l = s[r], {
-        splitKey: f
-      } = l, u = l.key.split(f), h = [];
-      for (let g = 0; g < u.length; g++)
-        h.push(lt(u[g]));
-      h.sort().join("") === I.sort().join("") && ee(t, l, i, e);
-    }
-}
-function P(t, e, n) {
-  I = [];
-  const o = ye(t);
-  let i = [], s = "all", a = document, r = 0, l = false, f = true, u = "+", h = false, g = false;
-  for (n === void 0 && typeof e == "function" && (n = e), Object.prototype.toString.call(e) === "[object Object]" && (e.scope && (s = e.scope), e.element && (a = e.element), e.keyup && (l = e.keyup), e.keydown !== void 0 && (f = e.keydown), e.capture !== void 0 && (h = e.capture), typeof e.splitKey == "string" && (u = e.splitKey), e.single === true && (g = true)), typeof e == "string" && (s = e), g && ve(t, s); r < o.length; r++)
-    t = o[r].split(u), i = [], t.length > 1 && (i = me(H, t)), t = t[t.length - 1], t = t === "*" ? "*" : lt(t), t in _ || (_[t] = []), _[t].push({
-      keyup: l,
-      keydown: f,
-      scope: s,
-      mods: i,
-      shortcut: o[r],
-      method: n,
-      key: o[r],
-      splitKey: u,
-      element: a
-    });
-  if (typeof a < "u" && window) {
-    if (!z.has(a)) {
-      const p = function() {
-        let y = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        return ne(y, a);
-      }, v = function() {
-        let y = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        ne(y, a), go(y);
-      };
-      z.set(a, {
-        keydownListener: p,
-        keyupListenr: v,
-        capture: h
-      }), kt(a, "keydown", p, h), kt(a, "keyup", v, h);
+    } else {
+      refs.setPositionReference(null);
     }
-    if (!rt) {
-      const p = () => {
-        I = [];
-      };
-      rt = {
-        listener: p,
-        capture: h
-      }, kt(window, "focus", p, h);
-    }
-  }
-}
-function mo(t) {
-  let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "all";
-  Object.keys(_).forEach((n) => {
-    _[n].filter((i) => i.scope === e && i.shortcut === t).forEach((i) => {
-      i && i.method && i.method();
-    });
+  }, [isOpen, annotation == null ? void 0 : annotation.id, annotation == null ? void 0 : annotation.target, r]);
+  useEffect(() => {
+    const config = { attributes: true, childList: true, subtree: true };
+    const mutationObserver = new MutationObserver(() => update());
+    mutationObserver.observe(document.body, config);
+    window.document.addEventListener("scroll", update, true);
+    return () => {
+      mutationObserver.disconnect();
+      window.document.removeEventListener("scroll", update, true);
+    };
+  }, [update]);
+  const initialFocus = useMemo(() => {
+    return (event == null ? void 0 : event.type) === "keyup" || (event == null ? void 0 : event.type) === "contextmenu" || isMobile() ? -1 : 0;
+  }, [event]);
+  useAnnouncePopupNavigation({
+    disabled: isFocused,
+    floatingOpen: isOpen,
+    message: ariaNavigationMessage
   });
-}
-function Dt(t) {
-  const e = Object.values(_).flat();
-  if (e.findIndex((o) => {
-    let {
-      element: i
-    } = o;
-    return i === t;
-  }) < 0) {
-    const {
-      keydownListener: o,
-      keyupListenr: i,
-      capture: s
-    } = z.get(t) || {};
-    o && i && (et(t, "keyup", i, s), et(t, "keydown", o, s), z.delete(t));
-  }
-  if ((e.length <= 0 || z.size <= 0) && (Object.keys(z).forEach((i) => {
-    const {
-      keydownListener: s,
-      keyupListenr: a,
-      capture: r
-    } = z.get(i) || {};
-    s && a && (et(i, "keyup", a, r), et(i, "keydown", s, r), z.delete(i));
-  }), z.clear(), Object.keys(_).forEach((i) => delete _[i]), rt)) {
-    const {
-      listener: i,
-      capture: s
-    } = rt;
-    et(window, "focus", i, s), rt = null;
-  }
-}
-const It = {
-  getPressedKeyString: lo,
-  setScope: we,
-  getScope: ct,
-  deleteScope: po,
-  getPressedKeyCodes: co,
-  getAllKeyCodes: uo,
-  isPressed: ho,
-  filter: fo,
-  trigger: mo,
-  unbind: ve,
-  keyMap: at,
-  modifier: H,
-  modifierMap: Ut
+  return isOpen && annotation ? /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FloatingFocusManager,
+    {
+      context,
+      modal: false,
+      closeOnFocusOut: true,
+      returnFocus: false,
+      initialFocus,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: `a9s-popup r6o-popup annotation-popup r6o-text-popup ${NOT_ANNOTATABLE_CLASS}`,
+          ref: refs.setFloating,
+          style: floatingStyles,
+          ...getFloatingProps({
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            ...getStopEventsPropagationProps()
+          }),
+          children: [
+            popup({
+              annotation: selected[0].annotation,
+              editable: selected[0].editable,
+              event
+            }),
+            props.arrow && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              FloatingArrow,
+              {
+                ref: arrowRef,
+                context,
+                ...props.arrowProps || {}
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "r6o-popup-sr-only", "aria-live": "assertive", onClick: handleClose, children: props.ariaCloseWarning || "Click or leave this dialog to close it." })
+          ]
+        }
+      )
+    }
+  ) }) : null;
+};
+const getStopEventsPropagationProps = () => ({
+  onPointerUp: (event) => event.stopPropagation(),
+  onPointerDown: (event) => event.stopPropagation(),
+  onMouseDown: (event) => event.stopPropagation(),
+  onMouseUp: (event) => event.stopPropagation()
+});
+const TextAnnotatorPopup = (props) => {
+  useEffect(() => {
+    console.warn("TextAnnotatorPopup is deprecated and will be removed in a future version. Please use TextAnnotationPopup instead.");
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TextAnnotationPopup, { ...props });
 };
-for (const t in It)
-  Object.prototype.hasOwnProperty.call(It, t) && (P[t] = It[t]);
-if (typeof window < "u") {
-  const t = window.hotkeys;
-  P.noConflict = (e) => (e && window.hotkeys === P && (window.hotkeys = t), P), window.hotkeys = P;
-}
 export {
-  se as NOT_ANNOTATABLE_CLASS,
-  Z as NOT_ANNOTATABLE_SELECTOR,
-  Ao as W3CTextFormat,
-  ke as getQuoteContext,
-  _t as getRangeAnnotatableContents,
-  zn as parseW3CTextAnnotation,
-  Fn as serializeW3CTextAnnotation
+  TextAnnotationPopup,
+  TextAnnotatorPopup
 };
 //# sourceMappingURL=react-text-annotator.es7.js.map