@soomo/react-text-annotator 4.4.4-staging.0 → 4.4.5-staging.0

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export * from './text-annotator-plugin';
 export type { Annotation, AnnotationBody, AnnotationTarget, Annotator, AnnotatorState, Filter, FormatAdapter, HoverState, Selection, SelectionState, Store, StoreChangeEvent, StoreObserver, ParseResult, User, UserSelectActionExpression, W3CAnnotation, W3CAnnotationBody, W3CAnnotationTarget } from '@annotorious/core';
 export { createBody, Origin, UserSelectAction } from '@annotorious/core';
 export { AnnotoriousPlugin } from '@annotorious/react';
-export type { AnnotatingMode, HighlightStyle, HighlightStyleExpression, TextAnnotation, TextAnnotationTarget, TextSelector, W3CTextAnnotation, W3CTextAnnotationTarget, W3CTextSelector, W3CAnnotationStylesheet, TextAnnotator as RecogitoTextAnnotator, TextAnnotationStore } from '@soomo/text-annotator';
+export type { AnnotatingMode, HighlightStyle, HighlightStyleExpression, RevivedTextAnnotationLike, RevivedTextAnnotationTargetLike, RevivedTextSelector, RevivedTextSelectorLike, TextAnnotation, TextAnnotationLike, TextAnnotationTarget, TextAnnotationTargetLike, TextSelector, TextSelectorLike, W3CTextAnnotation, W3CTextAnnotationTarget, W3CTextSelector, W3CAnnotationStylesheet, TextAnnotator as RecogitoTextAnnotator, TextAnnotationStore } from '@soomo/text-annotator';
 export { W3CTextFormat, parseW3CTextAnnotation, serializeW3CTextAnnotation } from '@soomo/text-annotator';
-export type { TEIAnnotator as RecogitoTEIAnnotator, TEIAnnotation, TEIAnnotationTarget, TEIRangeSelector, W3CTEIAnnotation, W3CTEIAnnotationTarget, W3CTEIRangeSelector } from '@recogito/text-annotator-tei';
+export type { RevivedTEIAnnotation, RevivedTEIAnnotationTarget, RevivedTEIRangeSelector, TEIAnnotator as RecogitoTEIAnnotator, TEIAnnotation, TEIAnnotationTarget, TEIRangeSelector, W3CTEIAnnotation, W3CTEIAnnotationTarget, W3CTEIRangeSelector } from '@recogito/text-annotator-tei';
 export { serializeW3CTEIAnnotation } from '@recogito/text-annotator-tei';

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

@@ -1,14 +1,14 @@
-import { jsx as d, Fragment as L, jsxs as R } from "react/jsx-runtime";
-import { useRef as v, useEffect as i, useContext as F, useCallback as x, Children as I, cloneElement as M, useState as E } from "react";
+import { jsx as f, Fragment as L, jsxs as R } from "react/jsx-runtime";
+import { useRef as p, useEffect as s, useContext as F, useCallback as x, Children as I, cloneElement as M, useState as E } from "react";
 import N from "CETEIcean";
-import { AnnotoriousContext as P, useAnnotationStore as U, Origin as k, useAnnotator as W, useSelection as _ } from "@annotorious/react";
+import { AnnotoriousContext as P, useAnnotationStore as U, Origin as k, useAnnotator as V, useSelection as W } from "@annotorious/react";
 import { AnnotoriousPlugin as Tt } from "@annotorious/react";
-import { createTEIAnnotator as j } from "@recogito/text-annotator-tei";
+import { createTEIAnnotator as _ } from "@recogito/text-annotator-tei";
 import { serializeW3CTEIAnnotation as Et } from "@recogito/text-annotator-tei";
 import "@soomo/text-annotator/text-annotator.css";
-import { Ignore as H } from "@annotorious/core";
+import { Ignore as j } from "@annotorious/core";
 import { Origin as Ot, UserSelectAction as yt, createBody as Ft } from "@annotorious/core";
-import { createTextAnnotator as Q, toViewportBounds as B, toDomRectList as D, NOT_ANNOTATABLE_CLASS as V } from "@soomo/text-annotator";
+import { createTextAnnotator as H, toViewportBounds as B, toDomRectList as Q, NOT_ANNOTATABLE_CLASS as D } from "@soomo/text-annotator";
 import { W3CTextFormat as Bt, parseW3CTextAnnotation as Lt, serializeW3CTextAnnotation as Rt } from "@soomo/text-annotator";
 import z from "debounce";
 import { useFloating as Y, autoUpdate as $, inline as q, offset as J, flip as G, shift as K, arrow as X, FloatingPortal as Z, FloatingFocusManager as tt, FloatingArrow as et } from "@floating-ui/react";
@@ -33,8 +33,8 @@ const y = {
     }
   }
 }, At = (t) => {
-  const e = v(null);
-  return i(() => {
+  const e = p(null);
+  return s(() => {
     if (t.tei) {
       const n = new N(t.initArgs);
       n.addBehaviors({
@@ -44,14 +44,14 @@ const y = {
           ...y.tei,
           ...t.behaviors?.tei || {}
         }
-      }), n.makeHTML5(t.tei, (r) => {
-        e.current?.appendChild(r), t.onLoad?.(e.current);
+      }), n.makeHTML5(t.tei, (o) => {
+        e.current?.appendChild(o), t.onLoad?.(e.current);
       });
     }
     return () => {
       e.current && (e.current.innerHTML = "");
     };
-  }, [t.tei, JSON.stringify(t.initArgs), t.onLoad]), /* @__PURE__ */ d(
+  }, [t.tei, JSON.stringify(t.initArgs), t.onLoad]), /* @__PURE__ */ f(
     "div",
     {
       ref: e,
@@ -59,44 +59,44 @@ const y = {
     }
   );
 }, bt = (t) => {
-  const { children: e, ...n } = t, { anno: r, setAnno: o } = F(P), s = x((l) => {
-    const c = j(l, n);
-    o(c);
+  const { children: e, ...n } = t, { anno: o, setAnno: r } = F(P), i = x((l) => {
+    const c = _(l, n);
+    r(c);
   }, []);
-  return i(() => r?.setStyle(t.style), [r, t.style]), i(() => r?.setFilter(t.filter), [r, t.filter]), i(() => r?.setUser(n.user), [r, n.user]), i(() => r?.setAnnotatingEnabled(n.annotatingEnabled), [r, n.annotatingEnabled]), i(() => r?.setAnnotatingMode(n.annotatingMode), [r, n.annotatingMode]), t.children ? /* @__PURE__ */ d(L, { children: I.toArray(t.children).map((l) => M(l, { onLoad: s })) }) : null;
+  return s(() => o?.setStyle(t.style), [o, t.style]), s(() => o?.setFilter(t.filter), [o, t.filter]), s(() => o?.setVisible(!t.hideAnnotations), [o, t.hideAnnotations]), s(() => o?.setUser(n.user), [o, n.user]), s(() => o?.setAnnotatingEnabled(n.annotatingEnabled), [o, n.annotatingEnabled]), s(() => o?.setAnnotatingMode(n.annotatingMode), [o, n.annotatingMode]), t.children ? /* @__PURE__ */ f(L, { children: I.toArray(t.children).map((l) => M(l, { onLoad: i })) }) : null;
 }, T = (t, e = { timeout: 250 }) => {
-  const n = U(), [r, o] = E(!0);
-  return i(() => {
+  const n = U(), [o, r] = E(!0);
+  return s(() => {
     if (!n || !t) return;
-    let s;
+    let i;
     const l = (c) => {
-      const { changes: { updated: p } } = c;
-      p?.some((f) => {
-        const { targetUpdated: a } = f;
-        if (a) {
-          const { oldTarget: u, newTarget: g } = a;
-          return nt(u, g);
+      const { changes: { updated: w } } = c;
+      w?.some((g) => {
+        const { targetUpdated: u } = g;
+        if (u) {
+          const { oldTarget: a, newTarget: d } = u;
+          return nt(a, d);
         }
-      }) && (o(!1), clearTimeout(s), s = setTimeout(() => o(!0), e.timeout));
+      }) && (r(!1), clearTimeout(i), i = setTimeout(() => r(!0), e.timeout));
     };
     return n.observe(l, {
       annotations: t,
-      ignore: H.BODY_ONLY,
+      ignore: j.BODY_ONLY,
       origin: k.LOCAL
     }), () => {
-      clearTimeout(s), n.unobserve(l);
+      clearTimeout(i), n.unobserve(l);
     };
-  }, [n, t, e.timeout]), r;
+  }, [n, t, e.timeout]), o;
 }, nt = (t, e) => {
-  const { selector: n } = t, r = n.map(({ quote: l }) => l), { selector: o } = e, s = o.map(({ quote: l }) => l);
-  return r.join() !== s.join();
-}, pt = (t) => {
-  const e = v(null), { className: n, children: r, ...o } = t, { style: s, filter: l, user: c, annotatingEnabled: p, userSelectAction: A, annotatingMode: f } = o, { anno: a, setAnno: u } = F(P);
-  return i(() => {
-    if (!u || !e.current) return;
-    const g = typeof o.adapter == "function" ? o.adapter(e.current) : o.adapter, C = Q(e.current, { ...o, adapter: g });
-    return u(C), () => C.destroy();
-  }, [u]), i(() => a?.setStyle(s), [a, s]), i(() => a?.setFilter(l), [a, l]), i(() => a?.setUser(c), [a, c]), i(() => a?.setUserSelectAction(A), [a, A]), i(() => a?.setAnnotatingEnabled(p), [a, p]), i(() => a?.setAnnotatingMode(f), [a, f]), /* @__PURE__ */ d("div", { ref: e, className: `r6o-annotatable no-focus-outline ${n}`, children: r });
+  const { selector: n } = t, o = n.map(({ quote: l }) => l), { selector: r } = e, i = r.map(({ quote: l }) => l);
+  return o.join() !== i.join();
+}, Ct = (t) => {
+  const e = p(null), { className: n, children: o, hideAnnotations: r, ...i } = t, { style: l, filter: c, user: w, annotatingEnabled: b, userSelectAction: g, annotatingMode: u } = i, { anno: a, setAnno: d } = F(P);
+  return s(() => {
+    if (!d || !e.current) return;
+    const v = typeof i.adapter == "function" ? i.adapter(e.current) : i.adapter, m = H(e.current, { ...i, adapter: v });
+    return d(m), () => m.destroy();
+  }, [d]), s(() => a?.setStyle(l), [a, l]), s(() => a?.setFilter(c), [a, c]), s(() => a?.setVisible(!r), [a, r]), s(() => a?.setUser(w), [a, w]), s(() => a?.setUserSelectAction(g), [a, g]), s(() => a?.setAnnotatingEnabled(b), [a, b]), s(() => a?.setAnnotatingMode(u), [a, u]), /* @__PURE__ */ f("div", { ref: e, className: `r6o-annotatable no-focus-outline ${n}`, children: o });
 }, ot = () => {
   if (typeof navigator > "u") return !1;
   var t = navigator.userAgent || navigator.vendor || window?.opera;
@@ -105,65 +105,65 @@ const y = {
 let S = null;
 const rt = z((t, e, n) => {
   requestAnimationFrame(() => {
-    const r = e.getAnnotationBounds(t);
-    r && (S = B(r, n.getBoundingClientRect()));
+    const o = e.getAnnotationBounds(t);
+    o && (S = B(o, n.getBoundingClientRect()));
   });
 }, 250), it = (t) => {
-  const e = W(), { selected: n, event: r } = _(), o = n[0]?.annotation;
-  T(o?.id);
-  const [s, l] = E(n?.length > 0), c = () => e?.cancelSelected(), [p, A] = E(!1);
-  x(() => A(!0), []);
-  const f = x(() => A(!1), []);
-  i(() => {
-    s || f();
-  }, [s, f]);
-  const a = v(!1), u = v(null), { refs: g, floatingStyles: C, update: w, context: O } = Y({
+  const e = V(), { selected: n, event: o } = W(), r = n[0]?.annotation;
+  T(r?.id);
+  const [i, l] = E(n?.length > 0), c = () => e?.cancelSelected(), [w, b] = E(!1);
+  x(() => b(!0), []);
+  const g = x(() => b(!1), []);
+  s(() => {
+    i || g();
+  }, [i, g]);
+  const u = p(!1), a = p(null), { refs: d, floatingStyles: v, update: m, context: O } = Y({
     placement: ot() ? "bottom" : t.placement || "top",
     strategy: "absolute",
-    open: s,
-    onOpenChange: (m, h, b) => {
-      !m && (b === "escape-key" || b === "focus-out") && (l(m), c());
+    open: i,
+    onOpenChange: (h, A, C) => {
+      !h && (C === "escape-key" || C === "focus-out") && (l(h), c());
     },
     middleware: [
       q(),
       J(10),
       G({ crossAxis: !0 }),
       K({ crossAxis: !0, padding: 10 }),
-      X({ element: u })
+      X({ element: a })
     ],
     whileElementsMounted: $
   });
-  return i(() => {
+  return s(() => {
     if (!e) return;
-    const m = o?.id, h = o?.target.selector.length;
-    if (m && h > 0 && T) {
-      const b = e?.state.store.getAnnotationBounds(o.id);
-      l(!!b);
+    const h = r?.id, A = r?.target.selector.length;
+    if (h && A > 0 && T) {
+      const C = e?.state.store.getAnnotationBounds(r.id);
+      l(!!C);
     } else
       l(!1);
-  }, [o?.id, o?.target.selector, T, e?.state.store]), i(() => {
-    t.onClose && (s ? a.current = !0 : a.current && (a.current = !1, t.onClose()));
-  }, [t.onClose, s]), i(() => {
-    e && (s && o?.id ? g.setPositionReference({
-      getBoundingClientRect: () => (rt(o.id, e.state.store, e.element), S || new DOMRect()),
+  }, [r?.id, r?.target.selector, T, e?.state.store]), s(() => {
+    t.onClose && (i ? u.current = !0 : u.current && (u.current = !1, t.onClose()));
+  }, [t.onClose, i]), s(() => {
+    e && (i && r?.id ? d.setPositionReference({
+      getBoundingClientRect: () => (rt(r.id, e.state.store, e.element), S || new DOMRect()),
       getClientRects: () => {
-        const h = e.state.store.getAnnotationRects(o.id).map(
-          (b) => B(b, e.element.getBoundingClientRect())
+        const A = e.state.store.getAnnotationRects(r.id).map(
+          (C) => B(C, e.element.getBoundingClientRect())
         );
-        return D(h);
+        return Q(A);
       }
-    }) : g.setPositionReference(null));
-  }, [s, o?.id, o?.target, e]), i(() => {
+    }) : d.setPositionReference(null));
+  }, [i, r?.id, r?.target, e]), s(() => {
     if (!t.asPortal) return;
-    const m = { attributes: !0, childList: !0, subtree: !0 }, h = new MutationObserver(() => w());
-    return h.observe(document.body, m), window.document.addEventListener("scroll", w, !0), () => {
-      h.disconnect(), window.document.removeEventListener("scroll", w, !0);
+    const h = { attributes: !0, childList: !0, subtree: !0 }, A = new MutationObserver(() => m());
+    return A.observe(document.body, h), window.document.addEventListener("scroll", m, !0), () => {
+      A.disconnect(), window.document.removeEventListener("scroll", m, !0);
     };
-  }, [w, t.asPortal]), s && o ? /* @__PURE__ */ d(
+  }, [m, t.asPortal]), i && r ? /* @__PURE__ */ f(
     Z,
     {
       root: t.asPortal ? void 0 : e.element,
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ f(
         tt,
         {
           context: O,
@@ -174,26 +174,26 @@ const rt = z((t, e, n) => {
           children: /* @__PURE__ */ R(
             "div",
             {
-              className: `a9s-popup r6o-popup annotation-popup r6o-text-popup ${V}`,
-              ref: g.setFloating,
-              style: C,
+              className: `a9s-popup r6o-popup annotation-popup r6o-text-popup ${D}`,
+              ref: d.setFloating,
+              style: v,
               children: [
                 t.popup({
                   annotation: n[0].annotation,
                   // for backwards compatibility
                   editable: n[0].editable,
                   selected: n,
-                  event: r
+                  event: o
                 }),
-                t.arrow && /* @__PURE__ */ d(
+                t.arrow && /* @__PURE__ */ f(
                   et,
                   {
-                    ref: u,
+                    ref: a,
                     context: O,
                     ...t.arrowProps || {}
                   }
                 ),
-                /* @__PURE__ */ d("button", { className: "r6o-popup-sr-only", "aria-live": "assertive", onClick: c, children: t.ariaCloseWarning || "Click or leave this dialog to close it." })
+                /* @__PURE__ */ f("button", { className: "r6o-popup-sr-only", "aria-live": "assertive", onClick: c, children: t.ariaCloseWarning || "Click or leave this dialog to close it." })
               ]
             }
           )
@@ -201,17 +201,17 @@ const rt = z((t, e, n) => {
       )
     }
   ) : null;
-}, Ct = (t) => (i(() => {
+}, wt = (t) => (s(() => {
   console.warn("TextAnnotatorPopup is deprecated and will be removed in a future version. Please use TextAnnotationPopup instead.");
-}, []), /* @__PURE__ */ d(it, { ...t }));
+}, []), /* @__PURE__ */ f(it, { ...t }));
 export {
   Tt as AnnotoriousPlugin,
   At as CETEIcean,
   Ot as Origin,
   bt as TEIAnnotator,
   it as TextAnnotationPopup,
-  pt as TextAnnotator,
-  Ct as TextAnnotatorPopup,
+  Ct as TextAnnotator,
+  wt as TextAnnotatorPopup,
   yt as UserSelectAction,
   Bt as W3CTextFormat,
   Ft as createBody,

package/dist/react-text-annotator.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es.js","sources":["../src/tei/ceteicean.tsx","../src/tei/tei-annotator.tsx","../src/hooks/use-annotation-quote-idle.ts","../src/text-annotator.tsx","../src/text-annotation-popup/is-mobile.ts","../src/text-annotation-popup/text-annotation-popup.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport CETEI from 'CETEIcean';\n\ninterface CETEIceanProps {\n\n  initArgs?: any;\n\n  tei?: string;\n\n  onLoad?(element: Element): void;\n\n  behaviors?: any;\n\n}\n\n// Override default list, note, table, and ref behaviors \n// so they don't introduce text into the DOM that interferes\n// with annotation. Apply a patch to graphics for robustness.\nconst PRESET_BEHAVIORS = {\n  tei: {\n    ref: (elem: Element) => {\n      const a = document.createElement('a');\n\n      while(elem.firstChild) {\n        a.appendChild(elem.removeChild(elem.firstChild));\n      }\n\n      a.setAttribute('href', elem.getAttribute('target')!);\n\n      elem.appendChild(a);\n    },\n    // Cf. https://github.com/TEIC/CETEIcean/issues/67\n    graphic: (elem: Element) => {\n      const content = new Image();\n      content.src = elem.getAttribute('url')?.trim()!;\n\n      if (elem.hasAttribute('width'))\n        content.setAttribute('width', elem.getAttribute('width')!);\n\n      if (elem.hasAttribute('height'))\n        content.setAttribute('height', elem.getAttribute('height')!);\n\n      elem.appendChild(content);\n    },\n    list: null,\n    note: null,\n    table: null,\n    teiHeader: (elem: HTMLElement) => {\n      elem.hidden = true;\n    }\n  }\n}\n\nexport const CETEIcean = (props: CETEIceanProps) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (props.tei) {\n      const ceteicean = new CETEI(props.initArgs);\n\n      ceteicean.addBehaviors({\n        ...PRESET_BEHAVIORS,\n        ...(props.behaviors || {}),\n        tei: {\n          ...PRESET_BEHAVIORS.tei,\n          ...(props.behaviors?.tei || {})\n        }\n      });\n\n      ceteicean.makeHTML5(props.tei, (data: Element) => {\n        el.current?.appendChild(data);\n        props.onLoad?.(el.current!);\n      });\n    }\n\n    return () => {\n      if (el.current)\n        el.current.innerHTML = '';\n    }\n  }, [props.tei, JSON.stringify(props.initArgs), props.onLoad]);\n\n  return (\n    <div \n      ref={el}\n      className=\"tei-container\" />\n  )\n\n}","import { Children, JSX, ReactElement, ReactNode, cloneElement, useCallback, useContext, useEffect } from 'react';\nimport { AnnotoriousContext, Filter } from '@annotorious/react';\nimport { createTEIAnnotator, TEIAnnotation } from '@recogito/text-annotator-tei';\nimport type { AnnotatingMode, TextAnnotatorOptions } from '@soomo/text-annotator';\n\nimport '@soomo/text-annotator/text-annotator.css';\n\nexport type TEIAnnotatorProps = TextAnnotatorOptions<TEIAnnotation, unknown> & {\n\n  children?: ReactNode | JSX.Element;\n\n  annotatingMode?: AnnotatingMode;\n\n  filter?: Filter;\n\n}\n\nexport const TEIAnnotator = (props: TEIAnnotatorProps) => {\n\n  const { children, ...opts } = props;\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  const onLoad = useCallback((element: HTMLElement) => {\n    const anno = createTEIAnnotator(element, opts);\n    setAnno(anno);\n  }, []);\n\n  useEffect(() => anno?.setStyle(props.style), [anno, props.style]);\n\n  useEffect(() => anno?.setFilter(props.filter), [anno, props.filter]);\n\n  useEffect(() => anno?.setUser(opts.user), [anno, opts.user]);\n\n  useEffect(() => anno?.setAnnotatingEnabled(opts.annotatingEnabled), [anno, opts.annotatingEnabled]);\n\n  useEffect(() => anno?.setAnnotatingMode(opts.annotatingMode), [anno, opts.annotatingMode]);\n\n  return props.children ? (\n    <>\n      {Children.toArray(props.children).map(child => \n        cloneElement(child as ReactElement, { onLoad } as any))}\n    </>\n  ) : null;\n\n}\n","import { useEffect, useState } from 'react';\nimport { Origin, useAnnotationStore } from '@annotorious/react';\nimport { Ignore, type StoreChangeEvent } from '@annotorious/core';\nimport type { TextAnnotation, TextAnnotationStore, TextAnnotationTarget } from '@soomo/text-annotator';\n\nexport const useAnnotationQuoteIdle = (\n  annotationId: string | undefined,\n  options: { timeout: number } = { timeout: 250 }\n) => {\n  const store = useAnnotationStore<TextAnnotationStore>();\n\n  const [isIdle, setIsIdle] = useState(true);\n\n  useEffect(() => {\n    if (!store || !annotationId) return;\n\n    let idleTimeout: ReturnType<typeof setTimeout>;\n\n    const scheduleSetIsIdle = (event: StoreChangeEvent<TextAnnotation>) => {\n      const { changes: { updated } } = event;\n\n      const hasChanged = updated?.some(update => {\n        const { targetUpdated } = update;\n        if (targetUpdated) {\n          const { oldTarget, newTarget } = targetUpdated;\n          return hasQuoteChanged(oldTarget, newTarget);\n        }\n      });\n\n      if (hasChanged) {\n        setIsIdle(false);\n        clearTimeout(idleTimeout);\n        idleTimeout = setTimeout(() => setIsIdle(true), options.timeout);\n      }\n    };\n\n    store.observe(scheduleSetIsIdle, {\n      annotations: annotationId,\n      ignore: Ignore.BODY_ONLY,\n      origin: Origin.LOCAL\n    });\n\n    return () => {\n      clearTimeout(idleTimeout);\n      store.unobserve(scheduleSetIsIdle);\n    };\n  }, [store, annotationId, options.timeout]);\n\n  return isIdle;\n};\n\nconst hasQuoteChanged = (oldValue: TextAnnotationTarget, newValue: TextAnnotationTarget) => {\n  const { selector: oldSelector } = oldValue;\n  const oldQuotes = oldSelector.map(({ quote }) => quote);\n\n  const { selector: newSelector } = newValue;\n  const newQuotes = newSelector.map(({ quote }) => quote);\n\n  return oldQuotes.join() !== newQuotes.join();\n};\n","import { JSX, ReactNode, useContext, useEffect, useRef } from 'react';\nimport { AnnotoriousContext, Filter } from '@annotorious/react';\nimport type { FormatAdapter } from '@annotorious/core';\nimport { createTextAnnotator } from '@soomo/text-annotator';\nimport type { AnnotatingMode, TextAnnotation, TextAnnotatorOptions } from '@soomo/text-annotator';\n\nimport '@soomo/text-annotator/text-annotator.css';\n\nexport interface TextAnnotatorProps<I extends TextAnnotation = TextAnnotation, E extends unknown = TextAnnotation> extends Omit<TextAnnotatorOptions<I, E>, 'adapter'> {\n\n  children?: ReactNode | JSX.Element;\n\n  adapter?: FormatAdapter<I, E> | ((container: HTMLElement) => FormatAdapter<I, E>);\n\n  annotatingMode?: AnnotatingMode;\n\n  filter?: Filter<I>;\n\n  className?: string;\n\n}\n\nexport const TextAnnotator = <I extends TextAnnotation = TextAnnotation, E extends unknown = TextAnnotation>(\n  props: TextAnnotatorProps<I, E>\n) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  const { className, children, ...opts } = props;\n\n  const { style, filter, user, annotatingEnabled, userSelectAction, annotatingMode } = opts;\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  useEffect(() => {\n    if (!setAnno || !el.current) return;\n\n    const adapter = typeof opts.adapter === 'function' ? opts.adapter(el.current) : opts.adapter;\n\n    const anno = createTextAnnotator(el.current!, { ...opts, adapter });\n    setAnno(anno);\n\n    return () => anno.destroy();\n  }, [setAnno]);\n\n  useEffect(() => anno?.setStyle(style), [anno, style]);\n\n  useEffect(() => anno?.setFilter(filter), [anno, filter]);\n\n  useEffect(() => anno?.setUser(user), [anno, user]);\n\n  useEffect(() => anno?.setUserSelectAction(userSelectAction), [anno, userSelectAction]);\n\n  useEffect(() => anno?.setAnnotatingEnabled(annotatingEnabled), [anno, annotatingEnabled]);\n\n  useEffect(() => anno?.setAnnotatingMode(annotatingMode), [anno, annotatingMode]);\n\n  return (\n    <div ref={el} className={`r6o-annotatable no-focus-outline ${className}`}>\n      {children}\n    </div>\n  );\n\n};\n","// https://stackoverflow.com/questions/21741841/detecting-ios-android-operating-system\nexport const isMobile = () => {\n  if (typeof navigator === 'undefined') return false;\n\n  // @ts-ignore\n  var userAgent: string = navigator.userAgent || navigator.vendor || window?.opera;\n\n  if (/android/i.test(userAgent)) \n    return true;\n\n  // @ts-ignore\n  // Note: as of recently, this NO LONGER DETECTS FIREFOX ON iOS!\n  // This means FF/iOS will behave like on the desktop, and loose\n  // selection handlebars after the popup opens.\n  if (/iPad|iPhone/.test(userAgent) && !window.MSStream)\n    return true;\n\n  return false;\n}","import React, { FC, ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport debounce from 'debounce';\nimport { useAnnotator, useSelection } from '@annotorious/react';\nimport {\n  NOT_ANNOTATABLE_CLASS,\n  TextAnnotationStore,\n  toViewportBounds,\n  toDomRectList,\n  type TextAnnotation,\n  type TextAnnotator,\n} from '@soomo/text-annotator';\nimport {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingArrowProps,\n  FloatingFocusManager,\n  FloatingPortal,\n  inline,\n  offset,\n  Placement,\n  shift,\n  useFloating\n} from '@floating-ui/react';\nimport { isMobile } from './is-mobile';\nimport { useAnnotationQuoteIdle } from '../hooks';\n\nimport './text-annotation-popup.css';\n\ninterface TextAnnotationPopupProps {\n\n  ariaNavigationMessage?: string;\n\n  ariaCloseWarning?: string;\n\n  arrow?: boolean;\n\n  arrowProps?: Omit<FloatingArrowProps, 'context' | 'ref'>;\n\n  asPortal?: boolean;\n\n  autoFocus?: boolean;\n\n  placement?: Placement;\n\n  popup(props: TextAnnotationPopupContentProps): ReactNode;\n\n  onClose?(): void;\n\n}\n\nexport interface TextAnnotationPopupContentProps<T extends TextAnnotation = TextAnnotation> {\n\n  annotation: T;\n\n  selected: { annotation: T; editable?: boolean; }[];\n\n  editable?: boolean;\n\n  event?: PointerEvent | KeyboardEvent;\n\n}\n\nlet cachedBounds: DOMRect | null = null;\n\nconst updateViewportBounds = debounce((annotationId: string, store: TextAnnotationStore, container: HTMLElement) => {\n  requestAnimationFrame(() => {\n    const bounds = store.getAnnotationBounds(annotationId);\n    if (!bounds) return;\n    cachedBounds = toViewportBounds(bounds, container.getBoundingClientRect());\n  });\n}, 250);\n\nexport const TextAnnotationPopup = (props: TextAnnotationPopupProps) => {\n\n  const r = useAnnotator<TextAnnotator>();\n\n  const { selected, event } = useSelection<TextAnnotation>();\n\n  const annotation = selected[0]?.annotation;\n\n  const isAnnotationQuoteIdle = useAnnotationQuoteIdle(annotation?.id);\n\n  const [isOpen, setOpen] = useState(selected?.length > 0);\n  const handleClose = () => r?.cancelSelected();\n\n  const [isFocused, setFocused] = useState(false);\n  const handleFocus = useCallback(() => setFocused(true), []);\n  const handleBlur = useCallback(() => setFocused(false), []);\n  useEffect(() => {\n    if (!isOpen) handleBlur();\n  }, [isOpen, handleBlur]);\n\n  // So we can reliably trigger the onClose callback\n  const wasOpenRef = useRef(false);\n\n  const arrowRef = useRef(null);\n\n  const { refs, floatingStyles, update, context } = useFloating({\n    placement: isMobile() ? 'bottom' : props.placement || 'top',\n    strategy: 'absolute',\n    open: isOpen,\n    onOpenChange: (open, _event, reason) => {\n      if (!open && (reason === 'escape-key' || reason === 'focus-out')) {\n        setOpen(open);\n        handleClose();\n      }\n    },\n    middleware: [\n      inline(),\n      offset(10),\n      flip({ crossAxis: true }),\n      shift({ crossAxis: true, padding: 10,  }),\n      arrow({ element: arrowRef })\n    ],\n    whileElementsMounted: autoUpdate\n  });\n\n  useEffect(() => {\n    if (!r) return;\n\n    const annotationId = annotation?.id;\n    const annotationSelectorsLength = annotation?.target.selector.length;\n\n    if (annotationId && annotationSelectorsLength > 0 && useAnnotationQuoteIdle) {\n      const bounds = r?.state.store.getAnnotationBounds(annotation.id);\n      setOpen(Boolean(bounds));\n    } else {\n      setOpen(false);\n    }\n  }, [annotation?.id, annotation?.target.selector, useAnnotationQuoteIdle, r?.state.store]);\n\n  useEffect(() => {\n    if (!props.onClose) return;\n\n    if (isOpen) {\n      wasOpenRef.current = true;\n    } else if (wasOpenRef.current) {\n      wasOpenRef.current = false;\n      props.onClose();\n    }\n  }, [props.onClose, isOpen]);\n\n  useEffect(() => {\n    if (!r) return;\n\n    if (isOpen && annotation?.id) {\n      refs.setPositionReference({\n        getBoundingClientRect: () => {\n          updateViewportBounds(annotation.id, r.state.store, r.element);\n          return cachedBounds ? cachedBounds : new DOMRect();\n        },\n        getClientRects: () => {\n          const rects = r.state.store.getAnnotationRects(annotation.id);\n          const viewportRects = rects.map((rect) =>\n            toViewportBounds(rect, r.element.getBoundingClientRect())\n          );\n          return toDomRectList(viewportRects);\n        }\n      });\n    } else {\n      refs.setPositionReference(null);\n    }\n  }, [isOpen, annotation?.id, annotation?.target, r]);\n\n  useEffect(() => {\n    if (!props.asPortal) return;\n\n    const config: MutationObserverInit = { attributes: true, childList: true, subtree: true };\n\n    const mutationObserver = new MutationObserver(() => update());\n    mutationObserver.observe(document.body, config);\n\n    window.document.addEventListener('scroll', update, true);\n\n    return () => {\n      mutationObserver.disconnect();\n      window.document.removeEventListener('scroll', update, true);\n    };\n  }, [update, props.asPortal]);\n\n  const onClose = () => r?.cancelSelected();\n\n  /**\n   * Announce the navigation hint only on the keyboard selection,\n   * because the focus isn't shifted to the popup automatically then\n   */\n  // useAnnouncePopupNavigation({\n  //   disabled: isFocused,\n  //   floatingOpen: isOpen,\n  //   message: ariaNavigationMessage,\n  // });\n\n  return isOpen && annotation ? (\n    <FloatingPortal\n      root={props.asPortal ? undefined : r.element}>\n      <FloatingFocusManager\n        context={context}\n        modal={false}\n        closeOnFocusOut={true}\n        returnFocus={false}\n        initialFocus={-1}>\n        <div\n          className={`a9s-popup r6o-popup annotation-popup r6o-text-popup ${NOT_ANNOTATABLE_CLASS}`}\n          ref={refs.setFloating}\n          style={floatingStyles}>\n          {props.popup({\n            annotation: selected[0].annotation, // for backwards compatibility\n            editable: selected[0].editable,\n            selected,\n            event\n          })}\n{props.arrow && (\n            <FloatingArrow\n              ref={arrowRef}\n              context={context}\n              {...(props.arrowProps || {})} />\n          )}\n\n          <button className=\"r6o-popup-sr-only\" aria-live=\"assertive\" onClick={handleClose}>\n            {props.ariaCloseWarning || 'Click or leave this dialog to close it.'}\n          </button>\n        </div>\n      </FloatingFocusManager>\n    </FloatingPortal>\n  ) : null;\n\n};\n\n/** For backwards compatibility **/\n/** @deprecated Use TextAnnotationPopup instead */\nexport const TextAnnotatorPopup = (props: TextAnnotationPopupProps) => {\n\n  useEffect(() => {\n    console.warn('TextAnnotatorPopup is deprecated and will be removed in a future version. Please use TextAnnotationPopup instead.');\n  }, []);\n\n  return <TextAnnotationPopup {...props} />;\n};\n"],"names":["PRESET_BEHAVIORS","elem","a","content","CETEIcean","props","el","useRef","useEffect","ceteicean","CETEI","data","jsx","TEIAnnotator","children","opts","anno","setAnno","useContext","AnnotoriousContext","onLoad","useCallback","element","createTEIAnnotator","Fragment","Children","child","cloneElement","useAnnotationQuoteIdle","annotationId","options","store","useAnnotationStore","isIdle","setIsIdle","useState","idleTimeout","scheduleSetIsIdle","event","updated","update","targetUpdated","oldTarget","newTarget","hasQuoteChanged","Ignore","Origin","oldValue","newValue","oldSelector","oldQuotes","quote","newSelector","newQuotes","TextAnnotator","className","style","filter","user","annotatingEnabled","userSelectAction","annotatingMode","adapter","createTextAnnotator","isMobile","userAgent","cachedBounds","updateViewportBounds","debounce","container","bounds","toViewportBounds","TextAnnotationPopup","r","useAnnotator","selected","useSelection","annotation","isOpen","setOpen","handleClose","isFocused","setFocused","handleBlur","wasOpenRef","arrowRef","refs","floatingStyles","context","useFloating","open","_event","reason","inline","offset","flip","shift","arrow","autoUpdate","annotationSelectorsLength","viewportRects","rect","toDomRectList","config","mutationObserver","FloatingPortal","FloatingFocusManager","jsxs","NOT_ANNOTATABLE_CLASS","FloatingArrow","TextAnnotatorPopup"],"mappings":"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"}
+{"version":3,"file":"react-text-annotator.es.js","sources":["../src/tei/ceteicean.tsx","../src/tei/tei-annotator.tsx","../src/hooks/use-annotation-quote-idle.ts","../src/text-annotator.tsx","../src/text-annotation-popup/is-mobile.ts","../src/text-annotation-popup/text-annotation-popup.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport CETEI from 'CETEIcean';\n\ninterface CETEIceanProps {\n\n  initArgs?: any;\n\n  tei?: string;\n\n  onLoad?(element: Element): void;\n\n  behaviors?: any;\n\n}\n\n// Override default list, note, table, and ref behaviors \n// so they don't introduce text into the DOM that interferes\n// with annotation. Apply a patch to graphics for robustness.\nconst PRESET_BEHAVIORS = {\n  tei: {\n    ref: (elem: Element) => {\n      const a = document.createElement('a');\n\n      while(elem.firstChild) {\n        a.appendChild(elem.removeChild(elem.firstChild));\n      }\n\n      a.setAttribute('href', elem.getAttribute('target')!);\n\n      elem.appendChild(a);\n    },\n    // Cf. https://github.com/TEIC/CETEIcean/issues/67\n    graphic: (elem: Element) => {\n      const content = new Image();\n      content.src = elem.getAttribute('url')?.trim()!;\n\n      if (elem.hasAttribute('width'))\n        content.setAttribute('width', elem.getAttribute('width')!);\n\n      if (elem.hasAttribute('height'))\n        content.setAttribute('height', elem.getAttribute('height')!);\n\n      elem.appendChild(content);\n    },\n    list: null,\n    note: null,\n    table: null,\n    teiHeader: (elem: HTMLElement) => {\n      elem.hidden = true;\n    }\n  }\n}\n\nexport const CETEIcean = (props: CETEIceanProps) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (props.tei) {\n      const ceteicean = new CETEI(props.initArgs);\n\n      ceteicean.addBehaviors({\n        ...PRESET_BEHAVIORS,\n        ...(props.behaviors || {}),\n        tei: {\n          ...PRESET_BEHAVIORS.tei,\n          ...(props.behaviors?.tei || {})\n        }\n      });\n\n      ceteicean.makeHTML5(props.tei, (data: Element) => {\n        el.current?.appendChild(data);\n        props.onLoad?.(el.current!);\n      });\n    }\n\n    return () => {\n      if (el.current)\n        el.current.innerHTML = '';\n    }\n  }, [props.tei, JSON.stringify(props.initArgs), props.onLoad]);\n\n  return (\n    <div \n      ref={el}\n      className=\"tei-container\" />\n  )\n\n}","import { Children, JSX, ReactElement, ReactNode, cloneElement, useCallback, useContext, useEffect } from 'react';\nimport { AnnotoriousContext, Filter } from '@annotorious/react';\nimport { createTEIAnnotator, TEIAnnotation } from '@recogito/text-annotator-tei';\nimport type { AnnotatingMode, TextAnnotatorOptions } from '@soomo/text-annotator';\n\nimport '@soomo/text-annotator/text-annotator.css';\n\nexport type TEIAnnotatorProps = TextAnnotatorOptions<TEIAnnotation, unknown> & {\n\n  children?: ReactNode | JSX.Element;\n\n  annotatingMode?: AnnotatingMode;\n\n  filter?: Filter;\n\n  hideAnnotations?: boolean;\n\n}\n\nexport const TEIAnnotator = (props: TEIAnnotatorProps) => {\n\n  const { children, ...opts } = props;\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  const onLoad = useCallback((element: HTMLElement) => {\n    const anno = createTEIAnnotator(element, opts);\n    setAnno(anno);\n  }, []);\n\n  useEffect(() => anno?.setStyle(props.style), [anno, props.style]);\n\n  useEffect(() => anno?.setFilter(props.filter), [anno, props.filter]);\n\n  useEffect(() => anno?.setVisible(!props.hideAnnotations), [anno, props.hideAnnotations]);\n\n  useEffect(() => anno?.setUser(opts.user), [anno, opts.user]);\n\n  useEffect(() => anno?.setAnnotatingEnabled(opts.annotatingEnabled), [anno, opts.annotatingEnabled]);\n\n  useEffect(() => anno?.setAnnotatingMode(opts.annotatingMode), [anno, opts.annotatingMode]);\n\n  return props.children ? (\n    <>\n      {Children.toArray(props.children).map(child => \n        cloneElement(child as ReactElement, { onLoad } as any))}\n    </>\n  ) : null;\n\n}\n","import { useEffect, useState } from 'react';\nimport { Origin, useAnnotationStore } from '@annotorious/react';\nimport { Ignore, type StoreChangeEvent } from '@annotorious/core';\nimport type { TextAnnotation, TextAnnotationStore, TextAnnotationTarget } from '@soomo/text-annotator';\n\nexport const useAnnotationQuoteIdle = (\n  annotationId: string | undefined,\n  options: { timeout: number } = { timeout: 250 }\n) => {\n  const store = useAnnotationStore<TextAnnotationStore>();\n\n  const [isIdle, setIsIdle] = useState(true);\n\n  useEffect(() => {\n    if (!store || !annotationId) return;\n\n    let idleTimeout: ReturnType<typeof setTimeout>;\n\n    const scheduleSetIsIdle = (event: StoreChangeEvent<TextAnnotation>) => {\n      const { changes: { updated } } = event;\n\n      const hasChanged = updated?.some(update => {\n        const { targetUpdated } = update;\n        if (targetUpdated) {\n          const { oldTarget, newTarget } = targetUpdated;\n          return hasQuoteChanged(oldTarget, newTarget);\n        }\n      });\n\n      if (hasChanged) {\n        setIsIdle(false);\n        clearTimeout(idleTimeout);\n        idleTimeout = setTimeout(() => setIsIdle(true), options.timeout);\n      }\n    };\n\n    store.observe(scheduleSetIsIdle, {\n      annotations: annotationId,\n      ignore: Ignore.BODY_ONLY,\n      origin: Origin.LOCAL\n    });\n\n    return () => {\n      clearTimeout(idleTimeout);\n      store.unobserve(scheduleSetIsIdle);\n    };\n  }, [store, annotationId, options.timeout]);\n\n  return isIdle;\n};\n\nconst hasQuoteChanged = (oldValue: TextAnnotationTarget, newValue: TextAnnotationTarget) => {\n  const { selector: oldSelector } = oldValue;\n  const oldQuotes = oldSelector.map(({ quote }) => quote);\n\n  const { selector: newSelector } = newValue;\n  const newQuotes = newSelector.map(({ quote }) => quote);\n\n  return oldQuotes.join() !== newQuotes.join();\n};\n","import { JSX, ReactNode, useContext, useEffect, useRef } from 'react';\nimport { AnnotoriousContext, Filter } from '@annotorious/react';\nimport type { FormatAdapter } from '@annotorious/core';\nimport { createTextAnnotator } from '@soomo/text-annotator';\nimport type { AnnotatingMode, TextAnnotation, TextAnnotatorOptions } from '@soomo/text-annotator';\n\nimport '@soomo/text-annotator/text-annotator.css';\n\nexport interface TextAnnotatorProps<I extends TextAnnotation = TextAnnotation, E extends unknown = TextAnnotation> extends Omit<TextAnnotatorOptions<I, E>, 'adapter'> {\n\n  children?: ReactNode | JSX.Element;\n\n  adapter?: FormatAdapter<I, E> | ((container: HTMLElement) => FormatAdapter<I, E>);\n\n  annotatingMode?: AnnotatingMode;\n\n  filter?: Filter<I>;\n\n  hideAnnotations?: boolean;\n\n  className?: string;\n\n}\n\nexport const TextAnnotator = <I extends TextAnnotation = TextAnnotation, E extends unknown = TextAnnotation>(\n  props: TextAnnotatorProps<I, E>\n) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  const { className, children, hideAnnotations, ...opts } = props;\n\n  const { style, filter, user, annotatingEnabled, userSelectAction, annotatingMode } = opts;\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  useEffect(() => {\n    if (!setAnno || !el.current) return;\n\n    const adapter = typeof opts.adapter === 'function' ? opts.adapter(el.current) : opts.adapter;\n\n    const anno = createTextAnnotator(el.current!, { ...opts, adapter });\n    setAnno(anno);\n\n    return () => anno.destroy();\n  }, [setAnno]);\n\n  useEffect(() => anno?.setStyle(style), [anno, style]);\n\n  useEffect(() => anno?.setFilter(filter), [anno, filter]);\n\n  useEffect(() => anno?.setVisible(!hideAnnotations), [anno, hideAnnotations]);\n\n  useEffect(() => anno?.setUser(user), [anno, user]);\n\n  useEffect(() => anno?.setUserSelectAction(userSelectAction), [anno, userSelectAction]);\n\n  useEffect(() => anno?.setAnnotatingEnabled(annotatingEnabled), [anno, annotatingEnabled]);\n\n  useEffect(() => anno?.setAnnotatingMode(annotatingMode), [anno, annotatingMode]);\n\n  return (\n    <div ref={el} className={`r6o-annotatable no-focus-outline ${className}`}>\n      {children}\n    </div>\n  );\n\n};\n","// https://stackoverflow.com/questions/21741841/detecting-ios-android-operating-system\nexport const isMobile = () => {\n  if (typeof navigator === 'undefined') return false;\n\n  // @ts-ignore\n  var userAgent: string = navigator.userAgent || navigator.vendor || window?.opera;\n\n  if (/android/i.test(userAgent)) \n    return true;\n\n  // @ts-ignore\n  // Note: as of recently, this NO LONGER DETECTS FIREFOX ON iOS!\n  // This means FF/iOS will behave like on the desktop, and loose\n  // selection handlebars after the popup opens.\n  if (/iPad|iPhone/.test(userAgent) && !window.MSStream)\n    return true;\n\n  return false;\n}","import React, { FC, ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport debounce from 'debounce';\nimport { useAnnotator, useSelection } from '@annotorious/react';\nimport {\n  NOT_ANNOTATABLE_CLASS,\n  TextAnnotationStore,\n  toViewportBounds,\n  toDomRectList,\n  type TextAnnotation,\n  type TextAnnotator,\n} from '@soomo/text-annotator';\nimport {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingArrowProps,\n  FloatingFocusManager,\n  FloatingPortal,\n  inline,\n  offset,\n  Placement,\n  shift,\n  useFloating\n} from '@floating-ui/react';\nimport { isMobile } from './is-mobile';\nimport { useAnnotationQuoteIdle } from '../hooks';\n\nimport './text-annotation-popup.css';\n\ninterface TextAnnotationPopupProps {\n\n  ariaNavigationMessage?: string;\n\n  ariaCloseWarning?: string;\n\n  arrow?: boolean;\n\n  arrowProps?: Omit<FloatingArrowProps, 'context' | 'ref'>;\n\n  asPortal?: boolean;\n\n  autoFocus?: boolean;\n\n  placement?: Placement;\n\n  popup(props: TextAnnotationPopupContentProps): ReactNode;\n\n  onClose?(): void;\n\n}\n\nexport interface TextAnnotationPopupContentProps<T extends TextAnnotation = TextAnnotation> {\n\n  annotation: T;\n\n  selected: { annotation: T; editable?: boolean; }[];\n\n  editable?: boolean;\n\n  event?: PointerEvent | KeyboardEvent;\n\n}\n\nlet cachedBounds: DOMRect | null = null;\n\nconst updateViewportBounds = debounce((annotationId: string, store: TextAnnotationStore, container: HTMLElement) => {\n  requestAnimationFrame(() => {\n    const bounds = store.getAnnotationBounds(annotationId);\n    if (!bounds) return;\n    cachedBounds = toViewportBounds(bounds, container.getBoundingClientRect());\n  });\n}, 250);\n\nexport const TextAnnotationPopup = (props: TextAnnotationPopupProps) => {\n\n  const r = useAnnotator<TextAnnotator>();\n\n  const { selected, event } = useSelection<TextAnnotation>();\n\n  const annotation = selected[0]?.annotation;\n\n  const isAnnotationQuoteIdle = useAnnotationQuoteIdle(annotation?.id);\n\n  const [isOpen, setOpen] = useState(selected?.length > 0);\n  const handleClose = () => r?.cancelSelected();\n\n  const [isFocused, setFocused] = useState(false);\n  const handleFocus = useCallback(() => setFocused(true), []);\n  const handleBlur = useCallback(() => setFocused(false), []);\n  useEffect(() => {\n    if (!isOpen) handleBlur();\n  }, [isOpen, handleBlur]);\n\n  // So we can reliably trigger the onClose callback\n  const wasOpenRef = useRef(false);\n\n  const arrowRef = useRef(null);\n\n  const { refs, floatingStyles, update, context } = useFloating({\n    placement: isMobile() ? 'bottom' : props.placement || 'top',\n    strategy: 'absolute',\n    open: isOpen,\n    onOpenChange: (open, _event, reason) => {\n      if (!open && (reason === 'escape-key' || reason === 'focus-out')) {\n        setOpen(open);\n        handleClose();\n      }\n    },\n    middleware: [\n      inline(),\n      offset(10),\n      flip({ crossAxis: true }),\n      shift({ crossAxis: true, padding: 10,  }),\n      arrow({ element: arrowRef })\n    ],\n    whileElementsMounted: autoUpdate\n  });\n\n  useEffect(() => {\n    if (!r) return;\n\n    const annotationId = annotation?.id;\n    const annotationSelectorsLength = annotation?.target.selector.length;\n\n    if (annotationId && annotationSelectorsLength > 0 && useAnnotationQuoteIdle) {\n      const bounds = r?.state.store.getAnnotationBounds(annotation.id);\n      setOpen(Boolean(bounds));\n    } else {\n      setOpen(false);\n    }\n  }, [annotation?.id, annotation?.target.selector, useAnnotationQuoteIdle, r?.state.store]);\n\n  useEffect(() => {\n    if (!props.onClose) return;\n\n    if (isOpen) {\n      wasOpenRef.current = true;\n    } else if (wasOpenRef.current) {\n      wasOpenRef.current = false;\n      props.onClose();\n    }\n  }, [props.onClose, isOpen]);\n\n  useEffect(() => {\n    if (!r) return;\n\n    if (isOpen && annotation?.id) {\n      refs.setPositionReference({\n        getBoundingClientRect: () => {\n          updateViewportBounds(annotation.id, r.state.store, r.element);\n          return cachedBounds ? cachedBounds : new DOMRect();\n        },\n        getClientRects: () => {\n          const rects = r.state.store.getAnnotationRects(annotation.id);\n          const viewportRects = rects.map((rect) =>\n            toViewportBounds(rect, r.element.getBoundingClientRect())\n          );\n          return toDomRectList(viewportRects);\n        }\n      });\n    } else {\n      refs.setPositionReference(null);\n    }\n  }, [isOpen, annotation?.id, annotation?.target, r]);\n\n  useEffect(() => {\n    if (!props.asPortal) return;\n\n    const config: MutationObserverInit = { attributes: true, childList: true, subtree: true };\n\n    const mutationObserver = new MutationObserver(() => update());\n    mutationObserver.observe(document.body, config);\n\n    window.document.addEventListener('scroll', update, true);\n\n    return () => {\n      mutationObserver.disconnect();\n      window.document.removeEventListener('scroll', update, true);\n    };\n  }, [update, props.asPortal]);\n\n  const onClose = () => r?.cancelSelected();\n\n  /**\n   * Announce the navigation hint only on the keyboard selection,\n   * because the focus isn't shifted to the popup automatically then\n   */\n  // useAnnouncePopupNavigation({\n  //   disabled: isFocused,\n  //   floatingOpen: isOpen,\n  //   message: ariaNavigationMessage,\n  // });\n\n  return isOpen && annotation ? (\n    <FloatingPortal\n      root={props.asPortal ? undefined : r.element}>\n      <FloatingFocusManager\n        context={context}\n        modal={false}\n        closeOnFocusOut={true}\n        returnFocus={false}\n        initialFocus={-1}>\n        <div\n          className={`a9s-popup r6o-popup annotation-popup r6o-text-popup ${NOT_ANNOTATABLE_CLASS}`}\n          ref={refs.setFloating}\n          style={floatingStyles}>\n          {props.popup({\n            annotation: selected[0].annotation, // for backwards compatibility\n            editable: selected[0].editable,\n            selected,\n            event\n          })}\n{props.arrow && (\n            <FloatingArrow\n              ref={arrowRef}\n              context={context}\n              {...(props.arrowProps || {})} />\n          )}\n\n          <button className=\"r6o-popup-sr-only\" aria-live=\"assertive\" onClick={handleClose}>\n            {props.ariaCloseWarning || 'Click or leave this dialog to close it.'}\n          </button>\n        </div>\n      </FloatingFocusManager>\n    </FloatingPortal>\n  ) : null;\n\n};\n\n/** For backwards compatibility **/\n/** @deprecated Use TextAnnotationPopup instead */\nexport const TextAnnotatorPopup = (props: TextAnnotationPopupProps) => {\n\n  useEffect(() => {\n    console.warn('TextAnnotatorPopup is deprecated and will be removed in a future version. Please use TextAnnotationPopup instead.');\n  }, []);\n\n  return <TextAnnotationPopup {...props} />;\n};\n"],"names":["PRESET_BEHAVIORS","elem","a","content","CETEIcean","props","el","useRef","useEffect","ceteicean","CETEI","data","jsx","TEIAnnotator","children","opts","anno","setAnno","useContext","AnnotoriousContext","onLoad","useCallback","element","createTEIAnnotator","Fragment","Children","child","cloneElement","useAnnotationQuoteIdle","annotationId","options","store","useAnnotationStore","isIdle","setIsIdle","useState","idleTimeout","scheduleSetIsIdle","event","updated","update","targetUpdated","oldTarget","newTarget","hasQuoteChanged","Ignore","Origin","oldValue","newValue","oldSelector","oldQuotes","quote","newSelector","newQuotes","TextAnnotator","className","hideAnnotations","style","filter","user","annotatingEnabled","userSelectAction","annotatingMode","adapter","createTextAnnotator","isMobile","userAgent","cachedBounds","updateViewportBounds","debounce","container","bounds","toViewportBounds","TextAnnotationPopup","r","useAnnotator","selected","useSelection","annotation","isOpen","setOpen","handleClose","isFocused","setFocused","handleBlur","wasOpenRef","arrowRef","refs","floatingStyles","context","useFloating","open","_event","reason","inline","offset","flip","shift","arrow","autoUpdate","annotationSelectorsLength","viewportRects","rect","toDomRectList","config","mutationObserver","FloatingPortal","FloatingFocusManager","jsxs","NOT_ANNOTATABLE_CLASS","FloatingArrow","TextAnnotatorPopup"],"mappings":"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"}

package/dist/tei/tei-annotator.d.ts

@@ -7,5 +7,6 @@ export type TEIAnnotatorProps = TextAnnotatorOptions<TEIAnnotation, unknown> & {
     children?: ReactNode | JSX.Element;
     annotatingMode?: AnnotatingMode;
     filter?: Filter;
+    hideAnnotations?: boolean;
 };
 export declare const TEIAnnotator: (props: TEIAnnotatorProps) => JSX.Element;

package/dist/text-annotator.d.ts

@@ -8,6 +8,7 @@ export interface TextAnnotatorProps<I extends TextAnnotation = TextAnnotation, E
     adapter?: FormatAdapter<I, E> | ((container: HTMLElement) => FormatAdapter<I, E>);
     annotatingMode?: AnnotatingMode;
     filter?: Filter<I>;
+    hideAnnotations?: boolean;
     className?: string;
 }
 export declare const TextAnnotator: <I extends TextAnnotation = TextAnnotation, E extends unknown = TextAnnotation>(props: TextAnnotatorProps<I, E>) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soomo/react-text-annotator",
-  "version": "4.4.4-staging.0",
+  "version": "4.4.5-staging.0",
   "description": "Recogito Text Annotator React bindings",
   "author": "Rainer Simon",
   "license": "BSD-3-Clause",
@@ -30,7 +30,7 @@
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "typescript": "^5.9.3",
-    "vite": "^7.3.5",
+    "vite": "^7.3.6",
     "vite-plugin-externalize-deps": "^0.10.0",
     "vite-tsconfig-paths": "^5.1.4"
   },
@@ -49,8 +49,8 @@
     "@annotorious/react": "^3.8.6",
     "@floating-ui/react": "^0.27.19",
     "@react-aria/live-announcer": "^3.3.4",
-    "@soomo/text-annotator": "4.4.4-staging.0",
-    "@recogito/text-annotator-tei": "4.2.4",
+    "@soomo/text-annotator": "4.4.5-staging.0",
+    "@recogito/text-annotator-tei": "4.2.5",
     "CETEIcean": "^1.9.5",
     "debounce": "^3.0.0",
     "dequal": "^2.0.3",