@soomo/react-text-annotator 3.0.0-staging.5 → 3.0.0-staging.51

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

@@ -1,33 +1,43 @@
-import { j as jsxRuntimeExports } from "./react-text-annotator.es6.js";
-import { useRef, useContext, useEffect } from "react";
-import { AnnotoriousContext } from "@annotorious/react";
-import { createTextAnnotator } from "@soomo/text-annotator";
-import "./react-text-annotator.es7.js";
-const TextAnnotator = (props) => {
-  const el = useRef(null);
-  const { className, children, ...opts } = props;
-  const { anno, setAnno } = useContext(AnnotoriousContext);
+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.es15.js";
+import { exhaustiveUniqueRandom } from "./react-text-annotator.es16.js";
+const useAnnouncePopupNavigation = (args) => {
+  const {
+    message = "Press Tab to move to Notes Dialog",
+    idle = 700,
+    floatingOpen,
+    disabled = false
+  } = args;
+  const store = useAnnotationStore();
+  const { event } = useSelection();
+  const uniqueRandom = useCallback(exhaustiveUniqueRandom(1, 1e4), []);
+  useLayoutEffect(() => {
+    if (disabled || !message) return;
+    $319e236875307eab$export$a9b970dcc4ae71a9("", "polite");
+    return () => $319e236875307eab$export$d8686216b8b81b2f();
+  }, [disabled, 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 idleTimeoutRef = 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(() => {
-    if (!anno)
-      return;
-    anno.setStyle(props.style);
-  }, [anno, props.style]);
-  useEffect(() => {
-    if (!anno)
-      return;
-    anno.setFilter(props.filter);
-  }, [anno, props.filter]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: el, className, children });
+    if (disabled || !floatingOpen || !message) return;
+    const scheduleIdleAnnouncement = () => {
+      clearTimeout(idleTimeoutRef.current);
+      idleTimeoutRef.current = setTimeout(announcePopupNavigation, idle);
+    };
+    scheduleIdleAnnouncement();
+    store.observe(scheduleIdleAnnouncement, { origin: Origin.LOCAL });
+    return () => {
+      clearTimeout(idleTimeoutRef.current);
+      store.unobserve(scheduleIdleAnnouncement);
+    };
+  }, [disabled, floatingOpen, event == null ? void 0 : event.type, message, announcePopupNavigation, store]);
 };
 export {
-  TextAnnotator
+  useAnnouncePopupNavigation
 };
 //# 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\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(() => {\n    if (!anno) return;\n\n    anno.setStyle(props.style);\n  }, [anno, props.style]);\n\n  useEffect(() => {\n    if (!anno) return;\n    \n    anno.setFilter(props.filter);\n  }, [anno, props.filter]);\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;AAEzC,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW,kBAAkB;AAEvD,YAAU,MAAM;AACd,QAAI,CAAC;AAAS;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;AAEZ,YAAU,MAAM;AACd,QAAI,CAAC;AAAM;AAEN,SAAA,SAAS,MAAM,KAAK;AAAA,EACxB,GAAA,CAAC,MAAM,MAAM,KAAK,CAAC;AAEtB,YAAU,MAAM;AACd,QAAI,CAAC;AAAM;AAEN,SAAA,UAAU,MAAM,MAAM;AAAA,EAC1B,GAAA,CAAC,MAAM,MAAM,MAAM,CAAC;AAEvB,SACGC,kCAAAA,IAAA,OAAA,EAAI,KAAK,IAAI,WACX,SACH,CAAA;AAGJ;"}
+{"version":3,"file":"react-text-annotator.es4.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    idle?: number;\n    floatingOpen: boolean;\n    floatingFocused?: boolean;\n    disabled?: boolean;\n}\n\nexport const useAnnouncePopupNavigation = (args: AnnouncePopupOpeningArgs) => {\n  const {\n    message = 'Press Tab to move to Notes Dialog',\n    idle = 700,\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 (disabled || !message) return;\n\n    announce('', 'polite');\n    return () => destroyAnnouncer();\n  }, [disabled, 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 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, idle);\n    };\n\n    scheduleIdleAnnouncement();\n    store.observe(scheduleIdleAnnouncement, { origin: Origin.LOCAL });\n\n    return () => {\n      clearTimeout(idleTimeoutRef.current);\n      store.unobserve(scheduleIdleAnnouncement);\n    };\n  }, [disabled, floatingOpen, event?.type, message, announcePopupNavigation, store]);\n\n};\n"],"names":["announce","destroyAnnouncer"],"mappings":";;;;AAea,MAAA,6BAA6B,CAAC,SAAmC;AACtE,QAAA;AAAA,IACJ,UAAU;AAAA,IACV,OAAO;AAAA,IACP;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;AAChB,QAAA,YAAY,CAAC,QAAS;AAE1BA,8CAAS,IAAI,QAAQ;AACrB,WAAO,MAAMC,0CAAiB;AAAA,EAAA,GAC7B,CAAC,UAAU,OAAO,CAAC;AAMhB,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;AAExB,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,IAAI;AAAA,IAAA;AAG1C;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,UAAU,cAAc,+BAAO,MAAM,SAAS,yBAAyB,KAAK,CAAC;AAEnF;"}

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

@@ -1,53 +1,29 @@
-import { j as jsxRuntimeExports } from "./react-text-annotator.es6.js";
-import { createPortal } from "react-dom";
-import { useRef, useState, useEffect } from "react";
-import { useAnnotator, useSelection } from "@annotorious/react";
-const TextAnnotatorPopup = (props) => {
+import { j as jsxRuntimeExports } from "./react-text-annotator.es8.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 r = useAnnotator();
-  const [open, setOpen] = useState(false);
-  const { selected, pointerEvent } = useSelection();
+  const { className, children, ...opts } = props;
+  const { style, filter, user, annotatingEnabled, userSelectAction } = opts;
+  const { anno, setAnno } = useContext(AnnotoriousContext);
   useEffect(() => {
-    if (pointerEvent) {
-      if (selected.length > 0 && pointerEvent.type === "pointerup") {
-        setOpen(true);
-      } else {
-        setOpen(false);
-      }
-    }
-  }, [pointerEvent, selected.map((a) => a.annotation.id).join("-")]);
-  useEffect(() => {
-    if (!(pointerEvent && open && (r == null ? void 0 : r.element)))
-      return;
-    const { left, top } = r.element.getBoundingClientRect();
-    let x = pointerEvent.clientX - left;
-    let y = pointerEvent.clientY - top;
-    const { id } = selected[0].annotation;
-    const { offsetX, offsetY } = pointerEvent;
-    const bounds = r.state.store.getAnnotationBounds(id, offsetX, offsetY);
-    if (bounds) {
-      x = Math.max(x, bounds.x - left);
-      x = Math.min(x, bounds.right - left);
-    }
-    el.current.style.left = `${x}px`;
-    el.current.style.top = `${y}px`;
-  }, [open, pointerEvent, r == null ? void 0 : r.element]);
-  const onPointerUp = (evt) => evt.stopPropagation();
-  return open && selected.length > 0 ? createPortal(
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        ref: el,
-        className: "a9s-popup r6o-popup not-annotatable",
-        style: { position: "absolute" },
-        onPointerUp,
-        children: props.popup({ selected })
-      }
-    ),
-    r.element
-  ) : null;
+    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.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 {
-  TextAnnotatorPopup
+  TextAnnotator
 };
 //# 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 { createPortal } from 'react-dom';\nimport { ReactNode, useEffect, useRef, useState } from 'react';\nimport { TextAnnotator, TextAnnotation, TextAnnotatorState } from '@soomo/text-annotator';\nimport { useAnnotator, useSelection } from '@annotorious/react';\n\nexport interface TextAnnotatorPopupProps {\n\n  selected: { annotation: TextAnnotation, editable?: boolean }[];\n\n}\n\nexport interface TextAnnotatorPopupContainerProps {\n\n  popup(props: TextAnnotatorPopupProps): ReactNode | JSX.Element;\n\n}\n\nexport const TextAnnotatorPopup = (props: TextAnnotatorPopupContainerProps) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  const r = useAnnotator<TextAnnotator>();\n\n  const [open, setOpen] = useState(false);\n\n  const { selected, pointerEvent } = useSelection<TextAnnotation>();\n\n  useEffect(() => {\n    // Ignore all selection changes except those\n    // accompanied by a pointer event.\n    if (pointerEvent) {\n      if (selected.length > 0 && pointerEvent.type === 'pointerup') {\n        setOpen(true);\n      } else {\n        setOpen(false);\n      }\n    }\n  }, [pointerEvent, selected.map(a => a.annotation.id).join('-')]);\n\n  useEffect(() => {\n    if (!(pointerEvent && open && r?.element))\n      return;\n\n    const { left, top } = r.element.getBoundingClientRect();\n    let x = pointerEvent.clientX - left;\n    let y = pointerEvent.clientY - top;\n\n    const { id } = selected[0].annotation;\n    const { offsetX, offsetY } = pointerEvent;\n    const bounds = (r.state as TextAnnotatorState).store.getAnnotationBounds(id, offsetX, offsetY);\n    \n    if (bounds) {\n      x = Math.max(x, bounds.x - left);\n      x = Math.min(x, bounds.right - left);\n    }\n\n    el.current.style.left = `${x}px`;\n    el.current.style.top = `${y}px`;\n  }, [open, pointerEvent, r?.element]);\n\n  const onPointerUp = (evt: React.PointerEvent<HTMLDivElement>) =>\n    evt.stopPropagation();\n  \n  return (open && selected.length > 0) ? createPortal(\n    <div \n      ref={el}\n      className=\"a9s-popup r6o-popup not-annotatable\"\n      style={{ position: 'absolute' }}\n      onPointerUp={onPointerUp}>\n\n      {props.popup({ selected })}\n      \n    </div>, r.element\n  ) : null;\n\n}\n"],"names":["jsx"],"mappings":";;;;AAiBa,MAAA,qBAAqB,CAAC,UAA4C;AAEvE,QAAA,KAAK,OAAuB,IAAI;AAEtC,QAAM,IAAI;AAEV,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,EAAE,UAAU,aAAa,IAAI,aAA6B;AAEhE,YAAU,MAAM;AAGd,QAAI,cAAc;AAChB,UAAI,SAAS,SAAS,KAAK,aAAa,SAAS,aAAa;AAC5D,gBAAQ,IAAI;AAAA,MAAA,OACP;AACL,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAAA,EACC,GAAA,CAAC,cAAc,SAAS,IAAI,CAAA,MAAK,EAAE,WAAW,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC;AAE/D,YAAU,MAAM;AACV,QAAA,EAAE,gBAAgB,SAAQ,uBAAG;AAC/B;AAEF,UAAM,EAAE,MAAM,IAAA,IAAQ,EAAE,QAAQ;AAC5B,QAAA,IAAI,aAAa,UAAU;AAC3B,QAAA,IAAI,aAAa,UAAU;AAE/B,UAAM,EAAE,GAAO,IAAA,SAAS,CAAC,EAAE;AACrB,UAAA,EAAE,SAAS,QAAY,IAAA;AAC7B,UAAM,SAAU,EAAE,MAA6B,MAAM,oBAAoB,IAAI,SAAS,OAAO;AAE7F,QAAI,QAAQ;AACV,UAAI,KAAK,IAAI,GAAG,OAAO,IAAI,IAAI;AAC/B,UAAI,KAAK,IAAI,GAAG,OAAO,QAAQ,IAAI;AAAA,IACrC;AAEA,OAAG,QAAQ,MAAM,OAAO,GAAG,CAAC;AAC5B,OAAG,QAAQ,MAAM,MAAM,GAAG,CAAC;AAAA,KAC1B,CAAC,MAAM,cAAc,uBAAG,OAAO,CAAC;AAEnC,QAAM,cAAc,CAAC,QACnB,IAAI,gBAAgB;AAEd,SAAA,QAAQ,SAAS,SAAS,IAAK;AAAA,IACrCA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAO,EAAE,UAAU,WAAW;AAAA,QAC9B;AAAA,QAEC,UAAM,MAAA,MAAM,EAAE,SAAA,CAAU;AAAA,MAAA;AAAA,IAE3B;AAAA,IAAQ,EAAE;AAAA,EACR,IAAA;AAEN;"}
+{"version":3,"file":"react-text-annotator.es5.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 { style, filter, user, annotatingEnabled, userSelectAction } = 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?.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,OAAO,QAAQ,MAAM,mBAAmB,iBAAqB,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,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;"}

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

@@ -1,13 +1,132 @@
-import { __module as jsxRuntime } from "./react-text-annotator.es9.js";
-import { __require as requireReactJsxRuntime_production_min } from "./react-text-annotator.es10.js";
-import { __require as requireReactJsxRuntime_development } from "./react-text-annotator.es11.js";
-if (process.env.NODE_ENV === "production") {
-  jsxRuntime.exports = requireReactJsxRuntime_production_min();
-} else {
-  jsxRuntime.exports = requireReactJsxRuntime_development();
-}
-var jsxRuntimeExports = jsxRuntime.exports;
+import { j as jsxRuntimeExports } from "./react-text-annotator.es8.js";
+import { useState, useEffect, useCallback } from "react";
+import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager } from "./react-text-annotator.es11.js";
+import { useAnnotator, useSelection } from "@annotorious/react";
+import { denormalizeRectWithOffset, toDomRectList } from "@soomo/text-annotator";
+import { useAnnouncePopupNavigation } from "./react-text-annotator.es4.js";
+/* empty css                          */
+import { offset, inline, flip, shift } from "./react-text-annotator.es13.js";
+import { autoUpdate } from "./react-text-annotator.es14.js";
+const TextAnnotatorPopup = (props) => {
+  var _a;
+  const { popup, popupNavigationMessage } = props;
+  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 handleClose = () => r == null ? void 0 : r.cancelSelected();
+  const [isFloatingFocused, setFloatingFocused] = useState(false);
+  const handleFloatingFocus = () => setFloatingFocused(true);
+  const handleFloatingBlur = () => setFloatingFocused(false);
+  useEffect(() => {
+    if (!isOpen) handleFloatingBlur();
+  }, [isOpen, handleFloatingBlur]);
+  const { refs, floatingStyles, update, context } = useFloating({
+    placement: "top",
+    open: isOpen,
+    onOpenChange: (open, _event, reason) => {
+      setOpen(open);
+      if (!open) {
+        if (reason === "escape-key" || reason === "focus-out") {
+          handleClose();
+        }
+      }
+    },
+    middleware: [
+      offset(10),
+      inline(),
+      flip(),
+      shift({ mainAxis: false, crossAxis: true, padding: 10 })
+    ],
+    whileElementsMounted: autoUpdate
+  });
+  const dismiss = useDismiss(context);
+  const role = useRole(context, { role: "dialog" });
+  const { getFloatingProps } = useInteractions([dismiss, role]);
+  const selectedKey = selected.map((a) => a.annotation.id).join("-");
+  useEffect(() => {
+    if (selected.length > 0 && event) {
+      setOpen(event.type === "pointerup" || event.type === "keydown");
+    }
+  }, [selectedKey, event]);
+  useEffect(() => {
+    if (selected.length === 0 && isOpen) {
+      setOpen(false);
+    }
+  }, [isOpen, selectedKey]);
+  useEffect(() => {
+    if (!r) return;
+    if (isOpen && (annotation == null ? void 0 : annotation.id)) {
+      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);
+        }
+      });
+    } else {
+      refs.setPositionReference(null);
+    }
+  }, [isOpen, annotation == null ? void 0 : annotation.id, annotation == null ? void 0 : annotation.target, 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);
+    return () => {
+      mutationObserver.disconnect();
+      window.document.removeEventListener("scroll", update, true);
+    };
+  }, [update]);
+  useAnnouncePopupNavigation({
+    disabled: isFloatingFocused,
+    floatingOpen: isOpen,
+    message: popupNavigationMessage
+  });
+  return isOpen && selected.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FloatingFocusManager,
+    {
+      context,
+      modal: false,
+      closeOnFocusOut: true,
+      initialFocus: (
+        /**
+         * Don't shift focus to the floating element
+         * when the selection performed with the keyboard
+         */
+        (event == null ? void 0 : event.type) === "keydown" ? -1 : 0
+      ),
+      returnFocus: false,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "annotation-popup text-annotation-popup not-annotatable",
+          ref: refs.setFloating,
+          style: floatingStyles,
+          onFocus: handleFloatingFocus,
+          onBlur: handleFloatingBlur,
+          ...getFloatingProps(),
+          ...getStopEventsPropagationProps(),
+          children: [
+            popup({ selected }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "popup-close-message", onClick: handleClose, children: "This dialog closes when you leave it." })
+          ]
+        }
+      )
+    }
+  ) }) : null;
+};
 export {
-  jsxRuntimeExports as j
+  TextAnnotatorPopup
 };
 //# sourceMappingURL=react-text-annotator.es6.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es6.js","sources":["../../../node_modules/react/jsx-runtime.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],"names":["jsxRuntimeModule","require$$0","require$$1"],"mappings":";;;AAEA,IAAI,QAAQ,IAAI,aAAa,cAAc;AACzCA,aAAA,UAAiBC;AACnB,OAAO;AACLD,aAAA,UAAiBE;AACnB;;","x_google_ignoreList":[0]}
+{"version":3,"file":"react-text-annotator.es6.js","sources":["../src/TextAnnotatorPopup/TextAnnotatorPopup.tsx"],"sourcesContent":["import React, { FC, PointerEvent, ReactNode, useCallback, useEffect, useState } from 'react';\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  inline,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole\n} from '@floating-ui/react';\n\nimport { useAnnotator, useSelection } from '@annotorious/react';\nimport {\n  denormalizeRectWithOffset,\n  toDomRectList,\n  type TextAnnotation,\n  type TextAnnotator,\n} from '@soomo/text-annotator';\n\nimport { useAnnouncePopupNavigation } from '../hooks';\nimport './TextAnnotatorPopup.css';\n\ninterface TextAnnotationPopupProps {\n\n  popupNavigationMessage?: string;\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: FC<TextAnnotationPopupProps> = (props) => {\n\n  const { popup, popupNavigationMessage } = props;\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  const handleClose = () => r?.cancelSelected();\n\n  const [isFloatingFocused, setFloatingFocused] = useState(false);\n  const handleFloatingFocus = () => setFloatingFocused(true);\n  const handleFloatingBlur = () => setFloatingFocused(false);\n  useEffect(() => {\n    if (!isOpen) handleFloatingBlur();\n  }, [isOpen, handleFloatingBlur]);\n\n  const { refs, floatingStyles, update, context } = useFloating({\n    placement: 'top',\n    open: isOpen,\n    onOpenChange: (open, _event, reason) => {\n      setOpen(open);\n\n      if (!open) {\n        if (reason === 'escape-key' || reason === 'focus-out') {\n          handleClose();\n        }\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  const role = useRole(context, { role: 'dialog' });\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const selectedKey = selected.map(a => a.annotation.id).join('-');\n  useEffect(() => {\n    // Ignore all selection changes except those accompanied by a user event.\n    if (selected.length > 0 && event) {\n      setOpen(event.type === 'pointerup' || event.type === 'keydown');\n    }\n  }, [selectedKey, event]);\n\n  useEffect(() => {\n    // Close the popup if the selection is cleared\n    if (selected.length === 0 && isOpen) {\n      setOpen(false);\n    }\n  }, [isOpen, selectedKey]);\n\n  useEffect(() => {\n    if (!r) return;\n\n    if (isOpen && annotation?.id) {\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    } else {\n      // Don't leave the reference depending on the previously selected annotation\n      refs.setPositionReference(null);\n    }\n  }, [isOpen, annotation?.id, annotation?.target, 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  /**\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: isFloatingFocused,\n    floatingOpen: isOpen,\n    message: popupNavigationMessage,\n  });\n\n  return isOpen && selected.length > 0 ? (\n    <FloatingPortal>\n      <FloatingFocusManager\n        context={context}\n        modal={false}\n        closeOnFocusOut={true}\n        initialFocus={\n          /**\n           * Don't shift focus to the floating element\n           * when the selection performed with the keyboard\n           */\n          event?.type === 'keydown' ? -1 : 0\n        }\n        returnFocus={false}\n      >\n        <div\n          className=\"annotation-popup text-annotation-popup not-annotatable\"\n          ref={refs.setFloating}\n          style={floatingStyles}\n          onFocus={handleFloatingFocus}\n          onBlur={handleFloatingBlur}\n          {...getFloatingProps()}\n          {...getStopEventsPropagationProps()}>\n          {popup({ selected })}\n\n          {/* It lets keyboard/sr users to know that the dialog closes when they focus out of it */}\n          <button className=\"popup-close-message\" onClick={handleClose}>\n            This dialog closes when you leave it.\n          </button>\n        </div>\n      </FloatingFocusManager>\n    </FloatingPortal>\n  ) : null;\n\n};\n"],"names":["event","jsx","jsxs"],"mappings":"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"}

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

@@ -1,2 +1,182 @@
-
+const Dt = "not-annotatable", X = `.${Dt}`, mt = (t) => {
+  const e = t.cloneContents();
+  return e.querySelectorAll(X).forEach((n) => n.remove()), e;
+}, re = (t, e, n = 10, o) => {
+  const i = e, r = document.createRange();
+  r.setStart(i, 0), r.setEnd(t.startContainer, t.startOffset);
+  const s = mt(r).textContent, a = document.createRange();
+  a.setStart(t.endContainer, t.endOffset), i === document.body ? a.setEnd(i, i.childNodes.length) : a.setEndAfter(i);
+  const u = mt(a).textContent;
+  return {
+    prefix: s.substring(s.length - n),
+    suffix: u.substring(0, n)
+  };
+};
+var V = [];
+for (var dt = 0; dt < 256; ++dt)
+  V.push((dt + 256).toString(16).slice(1));
+function Oe(t, e = 0) {
+  return (V[t[e + 0]] + V[t[e + 1]] + V[t[e + 2]] + V[t[e + 3]] + "-" + V[t[e + 4]] + V[t[e + 5]] + "-" + V[t[e + 6]] + V[t[e + 7]] + "-" + V[t[e + 8]] + V[t[e + 9]] + "-" + V[t[e + 10]] + V[t[e + 11]] + V[t[e + 12]] + V[t[e + 13]] + V[t[e + 14]] + V[t[e + 15]]).toLowerCase();
+}
+var Z, Ie = new Uint8Array(16);
+function Ve() {
+  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(Ie);
+}
+var Ue = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const Ot = {
+  randomUUID: Ue
+};
+function Pt(t, e, n) {
+  if (Ot.randomUUID && !e && !t)
+    return Ot.randomUUID();
+  t = t || {};
+  var o = t.random || (t.rng || Ve)();
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Oe(o);
+}
+var U = [];
+for (var ht = 0; ht < 256; ++ht)
+  U.push((ht + 256).toString(16).slice(1));
+typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const sn = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let dn = (t = 21) => {
+  let e = "", n = crypto.getRandomValues(new Uint8Array(t));
+  for (; t--; )
+    e += sn[n[t] & 63];
+  return e;
+};
+const hn = (t) => {
+  const e = JSON.stringify(t);
+  let n = 0;
+  for (let o = 0, i = e.length; o < i; o++) {
+    let r = e.charCodeAt(o);
+    n = (n << 5) - n + r, n |= 0;
+  }
+  return `${n}`;
+}, jt = (t) => t ? typeof t == "object" ? { ...t } : t : void 0, fn = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
+  const { id: o, type: i, purpose: r, value: s, created: a, modified: u, creator: h, ...p } = n;
+  return {
+    id: o || `temp-${hn(n)}`,
+    annotation: e,
+    type: i,
+    purpose: r,
+    value: s,
+    creator: jt(h),
+    created: a ? new Date(a) : void 0,
+    updated: u ? new Date(u) : void 0,
+    ...p
+  };
+}), gn = (t) => t.map((e) => {
+  var n;
+  const { annotation: o, created: i, updated: r, ...s } = e, a = {
+    ...s,
+    created: i == null ? void 0 : i.toISOString(),
+    modified: r == null ? void 0 : r.toISOString()
+  };
+  return (n = a.id) != null && n.startsWith("temp-") && delete a.id, a;
+});
+dn();
+const kn = (t, e) => ({
+  parse: (n) => bn(n),
+  serialize: (n) => vn(n, t, e)
+}), pn = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, mn = (t) => {
+  const {
+    id: e,
+    creator: n,
+    created: o,
+    modified: i,
+    target: r
+  } = t, s = Array.isArray(r) ? r : [r], a = {
+    creator: jt(n),
+    created: o ? new Date(o) : void 0,
+    updated: i ? new Date(i) : void 0,
+    annotation: e,
+    selector: []
+  };
+  for (const u of s) {
+    const p = (Array.isArray(u.selector) ? u.selector : [u.selector]).reduce((d, f) => {
+      switch (f.type) {
+        case "TextQuoteSelector":
+          d.quote = f.exact;
+          break;
+        case "TextPositionSelector":
+          d.start = f.start, d.end = f.end;
+          break;
+      }
+      return d;
+    }, {});
+    if (pn(p))
+      a.selector.push({ id: u.id, ...p });
+    else {
+      const d = [
+        p.start ? void 0 : "TextPositionSelector",
+        p.quote ? void 0 : "TextQuoteSelector"
+      ].filter(Boolean);
+      return { error: Error(`Missing selector types: ${d.join(" and ")} for annotation: ${t.id}`) };
+    }
+  }
+  return { parsed: a };
+}, bn = (t) => {
+  const e = t.id || Pt(), {
+    creator: n,
+    created: o,
+    modified: i,
+    body: r,
+    ...s
+  } = t, a = fn(r, e), u = mn(t);
+  return "error" in u ? { error: u.error } : {
+    parsed: {
+      ...s,
+      id: e,
+      bodies: a,
+      target: u.parsed
+    }
+  };
+}, vn = (t, e, n) => {
+  const { bodies: o, target: i, ...r } = t, {
+    selector: s,
+    creator: a,
+    created: u,
+    updated: h,
+    ...p
+  } = i, d = s.map((f) => {
+    const { quote: g, start: A, end: y, range: m } = f, { prefix: l, suffix: c } = re(m, n), b = [{
+      type: "TextQuoteSelector",
+      exact: g,
+      prefix: l,
+      suffix: c
+    }, {
+      type: "TextPositionSelector",
+      start: A,
+      end: y
+    }];
+    return {
+      ...p,
+      id: f.id,
+      source: e,
+      selector: b
+    };
+  });
+  return {
+    ...r,
+    "@context": "http://www.w3.org/ns/anno.jsonld",
+    id: t.id,
+    type: "Annotation",
+    body: gn(t.bodies),
+    creator: a,
+    created: u == null ? void 0 : u.toISOString(),
+    modified: h == null ? void 0 : h.toISOString(),
+    target: d
+  };
+};
+export {
+  Dt as NOT_ANNOTATABLE_CLASS,
+  X as NOT_ANNOTATABLE_SELECTOR,
+  kn as W3CTextFormat,
+  re as getQuoteContext,
+  mt as getRangeAnnotatableContents,
+  bn as parseW3CTextAnnotation,
+  vn as serializeW3CTextAnnotation
+};
 //# sourceMappingURL=react-text-annotator.es7.js.map