npm - @recogito/react-text-annotator - Versions diffs - 4.2.3 → 4.2.5 - Mend

@recogito/react-text-annotator 4.2.3 → 4.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/react-text-annotator.es.js +65 -65
package/dist/react-text-annotator.es.js.map +1 -1
package/dist/tei/tei-annotator.d.ts +1 -0
package/dist/text-annotator.d.ts +1 -0
package/package.json +3 -3

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

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

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

	@@ -1 +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 '@recogito/text-annotator';\n\nimport '@recogito/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 '@recogito/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 '@recogito/text-annotator';\nimport type { AnnotatingMode, TextAnnotation, TextAnnotatorOptions } from '@recogito/text-annotator';\n\nimport '@recogito/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 { ReactNode, 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 '@recogito/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 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\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 r?.cancelSelected();\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 (annotation?.id && isAnnotationQuoteIdle) {\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, isAnnotationQuoteIdle, 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 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\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={onClose}>\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","isAnnotationQuoteIdle","isOpen","setOpen","wasOpenRef","arrowRef","refs","floatingStyles","context","useFloating","open","_event","reason","inline","offset","flip","shift","arrow","autoUpdate","viewportRects","rect","toDomRectList","config","mutationObserver","onClose","FloatingPortal","FloatingFocusManager","jsxs","NOT_ANNOTATABLE_CLASS","FloatingArrow","TextAnnotatorPopup"],"mappings":"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"}
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 '@recogito/text-annotator';\n\nimport '@recogito/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 '@recogito/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 '@recogito/text-annotator';\nimport type { AnnotatingMode, TextAnnotation, TextAnnotatorOptions } from '@recogito/text-annotator';\n\nimport '@recogito/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 { ReactNode, 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 '@recogito/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 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\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 r?.cancelSelected();\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 (annotation?.id && isAnnotationQuoteIdle) {\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, isAnnotationQuoteIdle, 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 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\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={onClose}>\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","isAnnotationQuoteIdle","isOpen","setOpen","wasOpenRef","arrowRef","refs","floatingStyles","context","useFloating","open","_event","reason","inline","offset","flip","shift","arrow","autoUpdate","viewportRects","rect","toDomRectList","config","mutationObserver","onClose","FloatingPortal","FloatingFocusManager","jsxs","NOT_ANNOTATABLE_CLASS","FloatingArrow","TextAnnotatorPopup"],"mappings":"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"}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@recogito/react-text-annotator",
-  "version": "4.2.3",
+  "version": "4.2.5",
   "description": "Recogito Text Annotator React bindings",
   "author": "Rainer Simon",
   "license": "BSD-3-Clause",
@@ -48,8 +48,8 @@
     "@annotorious/core": "^3.8.6",
     "@annotorious/react": "^3.8.6",
     "@floating-ui/react": "^0.27.19",
-    "@recogito/text-annotator": "4.2.3",
-    "@recogito/text-annotator-tei": "4.2.3",
+    "@recogito/text-annotator": "4.2.5",
+    "@recogito/text-annotator-tei": "4.2.5",
     "CETEIcean": "^1.9.5",
     "debounce": "^3.0.0"
   }