@soomo/react-text-annotator 3.0.0-staging.37 → 3.0.0-staging.39

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

@@ -1,28 +1,35 @@
-import { j as jsxRuntimeExports } from "./react-text-annotator.es7.js";
-import { useRef, useContext, useEffect } from "react";
-import { AnnotoriousContext } from "@annotorious/react";
-import { createTextAnnotator } from "@soomo/text-annotator";
-/* empty css                         */
-const TextAnnotator = (props) => {
-  const el = useRef(null);
-  const { className, children, ...opts } = props;
-  const { annotatingEnabled, style, filter, userSelectAction, user } = opts;
-  const { anno, setAnno } = useContext(AnnotoriousContext);
+import { useRef, useEffect } from "react";
+import { useSelection } from "@annotorious/react";
+const useRestoreSelectionCaret = (args) => {
+  var _a;
+  const { floatingOpen } = args;
+  const { selected } = useSelection();
+  const annotation = (_a = selected[0]) == null ? void 0 : _a.annotation;
+  const selectionRangeRef = useRef(null);
   useEffect(() => {
-    if (!setAnno) return;
-    const adapter = typeof opts.adapter === "function" ? opts.adapter(el.current) : opts.adapter;
-    const anno2 = createTextAnnotator(el.current, { ...opts, adapter });
-    setAnno(anno2);
-    return () => anno2.destroy();
-  }, [setAnno]);
-  useEffect(() => anno == null ? void 0 : anno.setStyle(style), [anno, style]);
-  useEffect(() => anno == null ? void 0 : anno.setFilter(filter), [anno, filter]);
-  useEffect(() => anno == null ? void 0 : anno.setUserSelectAction(userSelectAction), [anno, userSelectAction]);
-  useEffect(() => anno == null ? void 0 : anno.setUser(user), [anno, user]);
-  useEffect(() => anno == null ? void 0 : anno.setAnnotatingEnabled(annotatingEnabled), [anno, annotatingEnabled]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: el, className, children });
+    if (!floatingOpen || !annotation) return;
+    const sel = document.getSelection();
+    if (sel) {
+      selectionRangeRef.current = sel.getRangeAt(0).cloneRange();
+    }
+  }, [floatingOpen, annotation]);
+  useEffect(() => {
+    if (floatingOpen) return;
+    const { current: selectionRange } = selectionRangeRef;
+    if (!selectionRange) return;
+    const { startContainer, startOffset } = selectionRange;
+    setTimeout(() => {
+      const sel = document.getSelection();
+      if (sel && sel.isCollapsed && sel.anchorNode === document.body) {
+        sel.removeAllRanges();
+        sel.setPosition(startContainer, startOffset);
+        const startContainerElement = startContainer instanceof HTMLElement ? startContainer : startContainer.parentElement;
+        startContainerElement.focus({ preventScroll: true });
+      }
+    });
+  }, [floatingOpen]);
 };
 export {
-  TextAnnotator
+  useRestoreSelectionCaret
 };
 //# sourceMappingURL=react-text-annotator.es4.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es4.js","sources":["../src/TextAnnotator.tsx"],"sourcesContent":["import { ReactNode, useContext, useEffect, useRef } from 'react';\nimport { AnnotoriousContext, Filter } from '@annotorious/react';\nimport type { FormatAdapter } from '@annotorious/core';\nimport type { HighlightStyleExpression, TextAnnotation, TextAnnotatorOptions } from '@soomo/text-annotator';\nimport { createTextAnnotator } from '@soomo/text-annotator';\n\nimport '@soomo/text-annotator/dist/text-annotator.css';\n\n\nexport interface TextAnnotatorProps<E extends unknown> extends Omit<TextAnnotatorOptions<E>, 'adapter'> {\n\n  children?: ReactNode | JSX.Element;\n\n  adapter?: FormatAdapter<TextAnnotation, E> | ((container: HTMLElement) => FormatAdapter<TextAnnotation, E>) | null;\n\n  filter?: Filter;\n\n  style?: HighlightStyleExpression;\n\n  className?: string;\n\n}\n\nexport const TextAnnotator = <E extends unknown>(props: TextAnnotatorProps<E>) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  const { className, children, ...opts } = props;\n  const { annotatingEnabled, style, filter, userSelectAction, user } = opts;\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  useEffect(() => {\n    if (!setAnno) 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?.setUserSelectAction(userSelectAction), [anno, userSelectAction]);\n\n  useEffect(() => anno?.setUser(user), [anno, user]);\n\n  useEffect(() => anno?.setAnnotatingEnabled(annotatingEnabled), [anno, annotatingEnabled]);\n\n  return (\n    <div ref={el} className={className}>\n      {children}\n    </div>\n  );\n\n};\n"],"names":["anno","jsx"],"mappings":";;;;;AAuBa,MAAA,gBAAgB,CAAoB,UAAiC;AAE1E,QAAA,KAAK,OAAuB,IAAI;AAEtC,QAAM,EAAE,WAAW,UAAU,GAAG,SAAS;AACzC,QAAM,EAAE,mBAAmB,OAAO,QAAQ,kBAAkB,KAAS,IAAA;AAErE,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW,kBAAkB;AAEvD,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AAER,UAAA,UAAU,OAAO,KAAK,YAAY,aAAa,KAAK,QAAQ,GAAG,OAAO,IAAI,KAAK;AAE/EA,UAAAA,QAAO,oBAAoB,GAAG,SAAS,EAAE,GAAG,MAAM,SAAS;AACjE,YAAQA,KAAI;AAEL,WAAA,MAAMA,MAAK;EAAQ,GACzB,CAAC,OAAO,CAAC;AAEF,YAAA,MAAM,6BAAM,SAAS,QAAQ,CAAC,MAAM,KAAK,CAAC;AAE1C,YAAA,MAAM,6BAAM,UAAU,SAAS,CAAC,MAAM,MAAM,CAAC;AAE7C,YAAA,MAAM,6BAAM,oBAAoB,mBAAmB,CAAC,MAAM,gBAAgB,CAAC;AAE3E,YAAA,MAAM,6BAAM,QAAQ,OAAO,CAAC,MAAM,IAAI,CAAC;AAEvC,YAAA,MAAM,6BAAM,qBAAqB,oBAAoB,CAAC,MAAM,iBAAiB,CAAC;AAExF,SACGC,kCAAAA,IAAA,OAAA,EAAI,KAAK,IAAI,WACX,SACH,CAAA;AAGJ;"}
+{"version":3,"file":"react-text-annotator.es4.js","sources":["../src/hooks/useRestoreSelectionCaret.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useSelection } from '@annotorious/react';\nimport type { TextAnnotation } from '@recogito/text-annotator';\n\n/**\n * Restores the caret position after the floating element gets closed\n * and the selection is lost and moved to the `body`.\n * The caret is placed at the start of the previous selection range.\n *\n * However, when the floating element is dismissed with intentional\n * caret repositioning via the mouse click or arrow key navigation ->\n * we shouldn't restore its position to the previous selection.\n */\nexport const useRestoreSelectionCaret = (args: { floatingOpen: boolean }) => {\n  const { floatingOpen } = args;\n\n  const { selected } = useSelection<TextAnnotation>();\n  const annotation = selected[0]?.annotation;\n\n  const selectionRangeRef = useRef<Range | null>(null);\n\n  useEffect(() => {\n    if (!floatingOpen || !annotation) return;\n\n    const sel = document.getSelection();\n    if (sel) {\n      selectionRangeRef.current = sel.getRangeAt(0).cloneRange();\n    }\n  }, [floatingOpen, annotation]);\n\n  useEffect(() => {\n    if (floatingOpen) return;\n\n    const { current: selectionRange } = selectionRangeRef;\n    if (!selectionRange) return;\n\n    const { startContainer, startOffset } = selectionRange;\n\n    setTimeout(() => {\n      const sel = document.getSelection();\n      if (sel && sel.isCollapsed && sel.anchorNode === document.body) {\n        sel.removeAllRanges();\n        sel.setPosition(startContainer, startOffset);\n\n        const startContainerElement = startContainer instanceof HTMLElement\n          ? startContainer\n          : startContainer.parentElement;\n        startContainerElement.focus({ preventScroll: true });\n      }\n    });\n  }, [floatingOpen]);\n};\n"],"names":[],"mappings":";;AAca,MAAA,2BAA2B,CAAC,SAAoC;;AACrE,QAAA,EAAE,aAAiB,IAAA;AAEnB,QAAA,EAAE,aAAa;AACf,QAAA,cAAa,cAAS,CAAC,MAAV,mBAAa;AAE1B,QAAA,oBAAoB,OAAqB,IAAI;AAEnD,YAAU,MAAM;AACV,QAAA,CAAC,gBAAgB,CAAC,WAAY;AAE5B,UAAA,MAAM,SAAS;AACrB,QAAI,KAAK;AACP,wBAAkB,UAAU,IAAI,WAAW,CAAC,EAAE;IAChD;AAAA,EAAA,GACC,CAAC,cAAc,UAAU,CAAC;AAE7B,YAAU,MAAM;AACd,QAAI,aAAc;AAEZ,UAAA,EAAE,SAAS,eAAmB,IAAA;AACpC,QAAI,CAAC,eAAgB;AAEf,UAAA,EAAE,gBAAgB,YAAgB,IAAA;AAExC,eAAW,MAAM;AACT,YAAA,MAAM,SAAS;AACrB,UAAI,OAAO,IAAI,eAAe,IAAI,eAAe,SAAS,MAAM;AAC9D,YAAI,gBAAgB;AAChB,YAAA,YAAY,gBAAgB,WAAW;AAE3C,cAAM,wBAAwB,0BAA0B,cACpD,iBACA,eAAe;AACnB,8BAAsB,MAAM,EAAE,eAAe,KAAM,CAAA;AAAA,MACrD;AAAA,IAAA,CACD;AAAA,EAAA,GACA,CAAC,YAAY,CAAC;AACnB;"}

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

@@ -1,85 +1,43 @@
-import { j as jsxRuntimeExports } from "./react-text-annotator.es7.js";
-import { useState, useEffect, useCallback } from "react";
-import { useAnnotator, useSelection } from "@annotorious/react";
-import { denormalizeRectWithOffset, toDomRectList } from "@soomo/text-annotator";
-import { useFloating, useDismiss, useRole, useInteractions } from "./react-text-annotator.es9.js";
-import { offset, inline, flip, shift } from "./react-text-annotator.es10.js";
-import { autoUpdate } from "./react-text-annotator.es11.js";
-const TextAnnotatorPopup = (props) => {
-  var _a;
-  const r = useAnnotator();
-  const { selected, event } = useSelection();
-  const annotation = (_a = selected[0]) == null ? void 0 : _a.annotation;
-  const [isOpen, setOpen] = useState((selected == null ? void 0 : selected.length) > 0);
-  const { refs, floatingStyles, update, context } = useFloating({
-    placement: "top",
-    open: isOpen,
-    onOpenChange: (open, _event, reason) => {
-      setOpen(open);
-      if (!open && reason === "escape-key") {
-        r == null ? void 0 : r.cancelSelected();
-      }
-    },
-    middleware: [
-      offset(10),
-      inline(),
-      flip(),
-      shift({ mainAxis: false, crossAxis: true, padding: 10 })
-    ],
-    whileElementsMounted: autoUpdate
-  });
-  const dismiss = useDismiss(context);
-  const role = useRole(context, { role: "tooltip" });
-  const { getFloatingProps } = useInteractions([dismiss, role]);
-  const selectedKey = selected.map((a) => a.annotation.id).join("-");
+import { useCallback, useLayoutEffect, useMemo, useRef, useEffect } from "react";
+import { useAnnotationStore, useSelection, Origin } from "@annotorious/react";
+import { announce as $319e236875307eab$export$a9b970dcc4ae71a9, destroyAnnouncer as $319e236875307eab$export$d8686216b8b81b2f } from "./react-text-annotator.es12.js";
+import { exhaustiveUniqueRandom } from "./react-text-annotator.es13.js";
+const useAnnouncePopupNavigation = (args) => {
+  const {
+    message = "Press Tab to move to Notes Dialog",
+    floatingOpen,
+    disabled = false
+  } = args;
+  const store = useAnnotationStore();
+  const { event } = useSelection();
+  const uniqueRandom = useCallback(exhaustiveUniqueRandom(1, 1e4), []);
+  useLayoutEffect(() => {
+    if (!message) return;
+    $319e236875307eab$export$a9b970dcc4ae71a9("", "polite");
+    return () => $319e236875307eab$export$d8686216b8b81b2f();
+  }, [message]);
+  const announcementSeed = useMemo(() => floatingOpen ? uniqueRandom() : 0, [floatingOpen]);
+  const announcePopupNavigation = useCallback(() => {
+    const uniqueSpaces = Array.from({ length: announcementSeed }).map(() => " ").join("");
+    $319e236875307eab$export$a9b970dcc4ae71a9(`${message} ${uniqueSpaces}`, "polite");
+  }, [message, announcementSeed]);
+  const idleTimeoutMs = 700;
+  const idleTimeoutRef = useRef(null);
   useEffect(() => {
-    if (event) {
-      setOpen(selected.length > 0 && (event.type === "pointerup" || event.type === "keyup"));
-    }
-  }, [event, selectedKey]);
-  useEffect(() => {
-    if (!isOpen || !(annotation == null ? void 0 : annotation.id) || !r) return;
-    refs.setPositionReference({
-      getBoundingClientRect: () => denormalizeRectWithOffset(
-        r.state.store.getAnnotationBounds(annotation.id),
-        r.element.getBoundingClientRect()
-      ),
-      getClientRects: () => {
-        const rects = r.state.store.getAnnotationRects(annotation.id);
-        const denormalizedRects = rects.map(
-          (rect) => denormalizeRectWithOffset(rect, r.element.getBoundingClientRect())
-        );
-        return toDomRectList(denormalizedRects);
-      }
-    });
-  }, [isOpen, annotation == null ? void 0 : annotation.id, r]);
-  const getStopEventsPropagationProps = useCallback(
-    () => ({ onPointerUp: (event2) => event2.stopPropagation() }),
-    []
-  );
-  useEffect(() => {
-    const config = { attributes: true, childList: true, subtree: true };
-    const mutationObserver = new MutationObserver(() => update());
-    mutationObserver.observe(document.body, config);
-    window.document.addEventListener("scroll", update, true);
+    if (disabled || !floatingOpen || !message) return;
+    const scheduleIdleAnnouncement = () => {
+      clearTimeout(idleTimeoutRef.current);
+      idleTimeoutRef.current = setTimeout(announcePopupNavigation, idleTimeoutMs);
+    };
+    scheduleIdleAnnouncement();
+    store.observe(scheduleIdleAnnouncement, { origin: Origin.LOCAL });
     return () => {
-      mutationObserver.disconnect();
-      window.document.removeEventListener("scroll", update, true);
+      clearTimeout(idleTimeoutRef.current);
+      store.unobserve(scheduleIdleAnnouncement);
     };
-  }, [update]);
-  return isOpen && selected.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      className: "annotation-popup text-annotation-popup not-annotatable",
-      ref: refs.setFloating,
-      style: floatingStyles,
-      ...getFloatingProps(),
-      ...getStopEventsPropagationProps(),
-      children: props.popup({ selected })
-    }
-  ) : null;
+  }, [floatingOpen, event == null ? void 0 : event.type, message, announcePopupNavigation, store]);
 };
 export {
-  TextAnnotatorPopup
+  useAnnouncePopupNavigation
 };
 //# sourceMappingURL=react-text-annotator.es5.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es5.js","sources":["../src/TextAnnotatorPopup.tsx"],"sourcesContent":["import { PointerEvent, ReactNode, useCallback, useEffect, useState } from 'react';\nimport { useAnnotator, useSelection } from '@annotorious/react';\nimport { toDomRectList, denormalizeRectWithOffset, type TextAnnotation, type TextAnnotator } from '@soomo/text-annotator';\nimport {\n  autoUpdate,\n  inline,\n  offset,\n  flip,\n  shift,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole\n} from '@floating-ui/react';\n\ninterface TextAnnotationPopupProps {\n\n  popup(props: TextAnnotatorPopupProps): ReactNode;\n\n}\n\nexport interface TextAnnotatorPopupProps {\n\n  selected: { annotation: TextAnnotation, editable?: boolean }[];\n\n}\n\nexport const TextAnnotatorPopup = (props: TextAnnotationPopupProps) => {\n\n  const r = useAnnotator<TextAnnotator>();\n\n  const { selected, event } = useSelection<TextAnnotation>();\n  const annotation = selected[0]?.annotation;\n\n  const [isOpen, setOpen] = useState(selected?.length > 0);\n\n  const { refs, floatingStyles, update, context } = useFloating({\n    placement: 'top',\n    open: isOpen,\n    onOpenChange: (open, _event, reason) => {\n      setOpen(open);\n      if (!open && reason === 'escape-key') {\n        r?.cancelSelected();\n      }\n    },\n    middleware: [\n      offset(10),\n      inline(),\n      flip(),\n      shift({ mainAxis: false, crossAxis: true, padding: 10 })\n    ],\n    whileElementsMounted: autoUpdate\n  });\n\n  const dismiss = useDismiss(context);\n\n  const role = useRole(context, { role: 'tooltip' });\n\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const selectedKey = selected.map(a => a.annotation.id).join('-');\n\n  useEffect(() => {\n    // Ignore all selection changes except those accompanied by a user event.\n    if (event) {\n      setOpen(selected.length > 0 && (event.type === 'pointerup' || event.type === 'keyup'));\n    }\n  }, [event, selectedKey]);\n\n  useEffect(() => {\n    if (!isOpen || !annotation?.id || !r) return;\n\n    refs.setPositionReference({\n      getBoundingClientRect: () => denormalizeRectWithOffset(\n        r.state.store.getAnnotationBounds(annotation.id),\n        r.element.getBoundingClientRect()\n      ),\n      getClientRects: () => {\n        const rects = r.state.store.getAnnotationRects(annotation.id);\n        const denormalizedRects = rects.map(\n          rect => denormalizeRectWithOffset(rect, r.element.getBoundingClientRect())\n        );\n        return toDomRectList(denormalizedRects);\n      }\n    });\n  }, [isOpen, annotation?.id, r]);\n\n  // Prevent text-annotator from handling the irrelevant events triggered from the popup\n  const getStopEventsPropagationProps = useCallback(\n    () => ({ onPointerUp: (event: PointerEvent<HTMLDivElement>) => event.stopPropagation() }),\n    []\n  );\n\n  useEffect(() => {\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]);\n\n  return isOpen && selected.length > 0 ? (\n    <div\n      className=\"annotation-popup text-annotation-popup not-annotatable\"\n      ref={refs.setFloating}\n      style={floatingStyles}\n      {...getFloatingProps()}\n      {...getStopEventsPropagationProps()}>\n      {props.popup({ selected })}\n    </div>\n  ) : null;\n\n}\n"],"names":["event","jsx"],"mappings":";;;;;;;AA2Ba,MAAA,qBAAqB,CAAC,UAAoC;;AAErE,QAAM,IAAI;AAEV,QAAM,EAAE,UAAU,MAAM,IAAI,aAA6B;AACnD,QAAA,cAAa,cAAS,CAAC,MAAV,mBAAa;AAEhC,QAAM,CAAC,QAAQ,OAAO,IAAI,UAAS,qCAAU,UAAS,CAAC;AAEvD,QAAM,EAAE,MAAM,gBAAgB,QAAQ,QAAA,IAAY,YAAY;AAAA,IAC5D,WAAW;AAAA,IACX,MAAM;AAAA,IACN,cAAc,CAAC,MAAM,QAAQ,WAAW;AACtC,cAAQ,IAAI;AACR,UAAA,CAAC,QAAQ,WAAW,cAAc;AACpC,+BAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,OAAO,EAAE;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM,EAAE,UAAU,OAAO,WAAW,MAAM,SAAS,IAAI;AAAA,IACzD;AAAA,IACA,sBAAsB;AAAA,EAAA,CACvB;AAEK,QAAA,UAAU,WAAW,OAAO;AAElC,QAAM,OAAO,QAAQ,SAAS,EAAE,MAAM,WAAW;AAEjD,QAAM,EAAE,iBAAiB,IAAI,gBAAgB,CAAC,SAAS,IAAI,CAAC;AAEtD,QAAA,cAAc,SAAS,IAAI,CAAA,MAAK,EAAE,WAAW,EAAE,EAAE,KAAK,GAAG;AAE/D,YAAU,MAAM;AAEd,QAAI,OAAO;AACD,cAAA,SAAS,SAAS,MAAM,MAAM,SAAS,eAAe,MAAM,SAAS,QAAQ;AAAA,IACvF;AAAA,EAAA,GACC,CAAC,OAAO,WAAW,CAAC;AAEvB,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,EAAC,yCAAY,OAAM,CAAC,EAAG;AAEtC,SAAK,qBAAqB;AAAA,MACxB,uBAAuB,MAAM;AAAA,QAC3B,EAAE,MAAM,MAAM,oBAAoB,WAAW,EAAE;AAAA,QAC/C,EAAE,QAAQ,sBAAsB;AAAA,MAClC;AAAA,MACA,gBAAgB,MAAM;AACpB,cAAM,QAAQ,EAAE,MAAM,MAAM,mBAAmB,WAAW,EAAE;AAC5D,cAAM,oBAAoB,MAAM;AAAA,UAC9B,UAAQ,0BAA0B,MAAM,EAAE,QAAQ,uBAAuB;AAAA,QAAA;AAE3E,eAAO,cAAc,iBAAiB;AAAA,MACxC;AAAA,IAAA,CACD;AAAA,KACA,CAAC,QAAQ,yCAAY,IAAI,CAAC,CAAC;AAG9B,QAAM,gCAAgC;AAAA,IACpC,OAAO,EAAE,aAAa,CAACA,WAAwCA,OAAM,gBAAkB,EAAA;AAAA,IACvF,CAAC;AAAA,EAAA;AAGH,YAAU,MAAM;AACd,UAAM,SAA+B,EAAE,YAAY,MAAM,WAAW,MAAM,SAAS;AAEnF,UAAM,mBAAmB,IAAI,iBAAiB,MAAM,OAAQ,CAAA;AAC3C,qBAAA,QAAQ,SAAS,MAAM,MAAM;AAE9C,WAAO,SAAS,iBAAiB,UAAU,QAAQ,IAAI;AAEvD,WAAO,MAAM;AACX,uBAAiB,WAAW;AAC5B,aAAO,SAAS,oBAAoB,UAAU,QAAQ,IAAI;AAAA,IAAA;AAAA,EAC5D,GACC,CAAC,MAAM,CAAC;AAEJ,SAAA,UAAU,SAAS,SAAS,IACjCC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAK,KAAK;AAAA,MACV,OAAO;AAAA,MACN,GAAG,iBAAiB;AAAA,MACpB,GAAG,8BAA8B;AAAA,MACjC,UAAM,MAAA,MAAM,EAAE,SAAA,CAAU;AAAA,IAAA;AAAA,EAEzB,IAAA;AAEN;"}
+{"version":3,"file":"react-text-annotator.es5.js","sources":["../src/hooks/useAnnouncePopupNavigation.ts"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from 'react';\n\nimport { Origin, useAnnotationStore, useSelection } from '@annotorious/react';\nimport type { TextAnnotation } from '@recogito/text-annotator';\nimport { announce, destroyAnnouncer } from '@react-aria/live-announcer';\nimport { exhaustiveUniqueRandom } from 'unique-random';\n\ninterface AnnouncePopupOpeningArgs {\n    message?: string;\n    floatingOpen: boolean;\n    disabled?: boolean;\n}\n\nexport const useAnnouncePopupNavigation = (args: AnnouncePopupOpeningArgs) => {\n  const {\n    message = 'Press Tab to move to Notes Dialog',\n    floatingOpen,\n    disabled = false\n  } = args;\n\n  const store = useAnnotationStore();\n  const { event } = useSelection<TextAnnotation>();\n\n  // Generate random numbers that do not repeat until the entire 1-10000 range has appeared\n  const uniqueRandom = useCallback(exhaustiveUniqueRandom(1, 10000), []);\n\n  /**\n   * Initialize the `LiveAnnouncer` class and\n   * its `polite` announcements live area\n   */\n  useLayoutEffect(() => {\n    if (!message) return;\n\n    announce('', 'polite');\n    return () => destroyAnnouncer();\n  }, [message]);\n\n  /**\n   * Screen reader requires messages to always be unique!\n   * Otherwise, the hint will be announced once per page.\n   */\n  const announcementSeed = useMemo(() => floatingOpen ? uniqueRandom() : 0, [floatingOpen]);\n\n  const announcePopupNavigation = useCallback(() => {\n    /**\n     * To imitate the uniqueness of the announced message\n     * w/o mutating it - we can append spaces at the end.\n     */\n    const uniqueSpaces = Array.from({ length: announcementSeed }).map(() => ' ').join('');\n    announce(`${message} ${uniqueSpaces}`, 'polite');\n  }, [message, announcementSeed]);\n\n  const idleTimeoutMs = 700;\n  const idleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (disabled || !floatingOpen || !message) return;\n\n    const scheduleIdleAnnouncement = () => {\n      clearTimeout(idleTimeoutRef.current);\n      idleTimeoutRef.current = setTimeout(announcePopupNavigation, idleTimeoutMs);\n    };\n\n    scheduleIdleAnnouncement();\n    store.observe(scheduleIdleAnnouncement, { origin: Origin.LOCAL });\n\n    return () => {\n      clearTimeout(idleTimeoutRef.current);\n      store.unobserve(scheduleIdleAnnouncement);\n    };\n  }, [floatingOpen, event?.type, message, announcePopupNavigation, store]);\n};\n"],"names":["announce","destroyAnnouncer"],"mappings":";;;;AAaa,MAAA,6BAA6B,CAAC,SAAmC;AACtE,QAAA;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA,WAAW;AAAA,EACT,IAAA;AAEJ,QAAM,QAAQ;AACR,QAAA,EAAE,UAAU;AAGlB,QAAM,eAAe,YAAY,uBAAuB,GAAG,GAAK,GAAG,CAAA,CAAE;AAMrE,kBAAgB,MAAM;AACpB,QAAI,CAAC,QAAS;AAEdA,8CAAS,IAAI,QAAQ;AACrB,WAAO,MAAMC,0CAAiB;AAAA,EAAA,GAC7B,CAAC,OAAO,CAAC;AAMN,QAAA,mBAAmB,QAAQ,MAAM,eAAe,iBAAiB,GAAG,CAAC,YAAY,CAAC;AAElF,QAAA,0BAA0B,YAAY,MAAM;AAKhD,UAAM,eAAe,MAAM,KAAK,EAAE,QAAQ,iBAAA,CAAkB,EAAE,IAAI,MAAM,GAAG,EAAE,KAAK,EAAE;AACpFD,8CAAS,GAAG,OAAO,IAAI,YAAY,IAAI,QAAQ;AAAA,EAAA,GAC9C,CAAC,SAAS,gBAAgB,CAAC;AAE9B,QAAM,gBAAgB;AAChB,QAAA,iBAAiB,OAA6C,IAAI;AAExE,YAAU,MAAM;AACd,QAAI,YAAY,CAAC,gBAAgB,CAAC,QAAS;AAE3C,UAAM,2BAA2B,MAAM;AACrC,mBAAa,eAAe,OAAO;AACpB,qBAAA,UAAU,WAAW,yBAAyB,aAAa;AAAA,IAAA;AAGnD;AACzB,UAAM,QAAQ,0BAA0B,EAAE,QAAQ,OAAO,OAAO;AAEhE,WAAO,MAAM;AACX,mBAAa,eAAe,OAAO;AACnC,YAAM,UAAU,wBAAwB;AAAA,IAAA;AAAA,EAC1C,GACC,CAAC,cAAc,+BAAO,MAAM,SAAS,yBAAyB,KAAK,CAAC;AACzE;"}

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

@@ -1,182 +1,28 @@
-const Yt = "not-annotatable", D = `.${Yt}`, pt = (t) => {
-  const e = t.cloneContents();
-  return e.querySelectorAll(D).forEach((n) => n.remove()), e;
-}, oe = (t, e, n = 10, o) => {
-  const r = e, i = document.createRange();
-  i.setStart(r, 0), i.setEnd(t.startContainer, t.startOffset);
-  const s = pt(i).textContent, a = document.createRange();
-  a.setStart(t.endContainer, t.endOffset), r === document.body ? a.setEnd(r, r.childNodes.length) : a.setEndAfter(r);
-  const u = pt(a).textContent;
-  return {
-    prefix: s.substring(s.length - n),
-    suffix: u.substring(0, n)
-  };
-};
-var U = [];
-for (var lt = 0; lt < 256; ++lt)
-  U.push((lt + 256).toString(16).slice(1));
-function Re(t, e = 0) {
-  return (U[t[e + 0]] + U[t[e + 1]] + U[t[e + 2]] + U[t[e + 3]] + "-" + U[t[e + 4]] + U[t[e + 5]] + "-" + U[t[e + 6]] + U[t[e + 7]] + "-" + U[t[e + 8]] + U[t[e + 9]] + "-" + U[t[e + 10]] + U[t[e + 11]] + U[t[e + 12]] + U[t[e + 13]] + U[t[e + 14]] + U[t[e + 15]]).toLowerCase();
-}
-var Z, Ne = new Uint8Array(16);
-function Me() {
-  if (!Z && (Z = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Z))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Z(Ne);
-}
-var Oe = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Mt = {
-  randomUUID: Oe
-};
-function Ht(t, e, n) {
-  if (Mt.randomUUID && !e && !t)
-    return Mt.randomUUID();
-  t = t || {};
-  var o = t.random || (t.rng || Me)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Re(o);
-}
-var V = [];
-for (var ht = 0; ht < 256; ++ht)
-  V.push((ht + 256).toString(16).slice(1));
-typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const on = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let cn = (t = 21) => {
-  let e = "", n = crypto.getRandomValues(new Uint8Array(t));
-  for (; t--; )
-    e += on[n[t] & 63];
-  return e;
-};
-const dn = (t) => {
-  const e = JSON.stringify(t);
-  let n = 0;
-  for (let o = 0, r = e.length; o < r; o++) {
-    let i = e.charCodeAt(o);
-    n = (n << 5) - n + i, n |= 0;
-  }
-  return `${n}`;
-}, Ft = (t) => t ? typeof t == "object" ? { ...t } : t : void 0, un = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
-  const { id: o, type: r, purpose: i, value: s, created: a, modified: u, creator: f, ...g } = n;
-  return {
-    id: o || `temp-${dn(n)}`,
-    annotation: e,
-    type: r,
-    purpose: i,
-    value: s,
-    creator: Ft(f),
-    created: a ? new Date(a) : void 0,
-    updated: u ? new Date(u) : void 0,
-    ...g
-  };
-}), hn = (t) => t.map((e) => {
-  var n;
-  const { annotation: o, created: r, updated: i, ...s } = e, a = {
-    ...s,
-    created: r == null ? void 0 : r.toISOString(),
-    modified: i == null ? void 0 : i.toISOString()
-  };
-  return (n = a.id) != null && n.startsWith("temp-") && delete a.id, a;
-});
-cn();
-const Vn = (t, e) => ({
-  parse: (n) => pn(n),
-  serialize: (n) => mn(n, t, e)
-}), fn = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, gn = (t) => {
-  const {
-    id: e,
-    creator: n,
-    created: o,
-    modified: r,
-    target: i
-  } = t, s = Array.isArray(i) ? i : [i], a = {
-    creator: Ft(n),
-    created: o ? new Date(o) : void 0,
-    updated: r ? new Date(r) : void 0,
-    annotation: e,
-    selector: []
-  };
-  for (const u of s) {
-    const g = (Array.isArray(u.selector) ? u.selector : [u.selector]).reduce((d, m) => {
-      switch (m.type) {
-        case "TextQuoteSelector":
-          d.quote = m.exact;
-          break;
-        case "TextPositionSelector":
-          d.start = m.start, d.end = m.end;
-          break;
-      }
-      return d;
-    }, {});
-    if (fn(g))
-      a.selector.push({ id: u.id, ...g });
-    else {
-      const d = [
-        g.start ? void 0 : "TextPositionSelector",
-        g.quote ? void 0 : "TextQuoteSelector"
-      ].filter(Boolean);
-      return { error: Error(`Missing selector types: ${d.join(" and ")} for annotation: ${t.id}`) };
-    }
-  }
-  return { parsed: a };
-}, pn = (t) => {
-  const e = t.id || Ht(), {
-    creator: n,
-    created: o,
-    modified: r,
-    body: i,
-    ...s
-  } = t, a = un(i, e), u = gn(t);
-  return "error" in u ? { error: u.error } : {
-    parsed: {
-      ...s,
-      id: e,
-      bodies: a,
-      target: u.parsed
-    }
-  };
-}, mn = (t, e, n) => {
-  const { bodies: o, target: r, ...i } = t, {
-    selector: s,
-    creator: a,
-    created: u,
-    updated: f,
-    ...g
-  } = r, d = s.map((m) => {
-    const { quote: h, start: w, end: y, range: p } = m, { prefix: l, suffix: c } = oe(p, n), b = [{
-      type: "TextQuoteSelector",
-      exact: h,
-      prefix: l,
-      suffix: c
-    }, {
-      type: "TextPositionSelector",
-      start: w,
-      end: y
-    }];
-    return {
-      ...g,
-      id: m.id,
-      source: e,
-      selector: b
-    };
-  });
-  return {
-    ...i,
-    "@context": "http://www.w3.org/ns/anno.jsonld",
-    id: t.id,
-    type: "Annotation",
-    body: hn(t.bodies),
-    creator: a,
-    created: u == null ? void 0 : u.toISOString(),
-    modified: f == null ? void 0 : f.toISOString(),
-    target: d
-  };
+import { j as jsxRuntimeExports } from "./react-text-annotator.es9.js";
+import { useRef, useContext, useEffect } from "react";
+import { AnnotoriousContext } from "@annotorious/react";
+import { createTextAnnotator } from "@soomo/text-annotator";
+/* empty css                          */
+const TextAnnotator = (props) => {
+  const el = useRef(null);
+  const { className, children, ...opts } = props;
+  const { annotatingEnabled, style, filter, userSelectAction, user } = opts;
+  const { anno, setAnno } = useContext(AnnotoriousContext);
+  useEffect(() => {
+    if (!setAnno) return;
+    const adapter = typeof opts.adapter === "function" ? opts.adapter(el.current) : opts.adapter;
+    const anno2 = createTextAnnotator(el.current, { ...opts, adapter });
+    setAnno(anno2);
+    return () => anno2.destroy();
+  }, [setAnno]);
+  useEffect(() => anno == null ? void 0 : anno.setStyle(style), [anno, style]);
+  useEffect(() => anno == null ? void 0 : anno.setFilter(filter), [anno, filter]);
+  useEffect(() => anno == null ? void 0 : anno.setUserSelectAction(userSelectAction), [anno, userSelectAction]);
+  useEffect(() => anno == null ? void 0 : anno.setUser(user), [anno, user]);
+  useEffect(() => anno == null ? void 0 : anno.setAnnotatingEnabled(annotatingEnabled), [anno, annotatingEnabled]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: el, className, children });
 };
 export {
-  Yt as NOT_ANNOTATABLE_CLASS,
-  D as NOT_ANNOTATABLE_SELECTOR,
-  Vn as W3CTextFormat,
-  oe as getQuoteContext,
-  pt as getRangeAnnotatableContents,
-  pn as parseW3CTextAnnotation,
-  mn as serializeW3CTextAnnotation
+  TextAnnotator
 };
 //# sourceMappingURL=react-text-annotator.es6.js.map