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

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

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es24.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"react-text-annotator.es24.js","sources":["../../../node_modules/CETEIcean/src/behaviors.js"],"sourcesContent":["\n/* \n  Add a user-defined set of behaviors to CETEIcean's processing\n  workflow. Added behaviors will override predefined behaviors with the\n  same name.\n*/\nexport function addBehaviors(bhvs) {\n  if (bhvs.namespaces) {\n    for (let prefix of Object.keys(bhvs.namespaces)) {\n      if (!this.namespaces.has(bhvs.namespaces[prefix]) && !Array.from(this.namespaces.values()).includes(prefix)) {\n        this.namespaces.set(bhvs.namespaces[prefix], prefix);\n      }\n    }\n  }\n  for (let prefix of this.namespaces.values()) {\n    if (bhvs[prefix]) {\n      for (let b of Object.keys(bhvs[prefix])) {\n        this.behaviors[`${prefix}:${b}`] = bhvs[prefix][b];\n      }\n    }\n  }\n  if (bhvs[\"functions\"]) {\n    for (let fn of Object.keys(bhvs[\"functions\"])) {\n      this.utilities[fn] = bhvs[\"functions\"][fn].bind(this.utilities);\n    }\n  }\n  if (bhvs[\"handlers\"]) {\n    console.log(\"Behavior handlers are no longer used.\")\n  }\n  if (bhvs[\"fallbacks\"]) {\n    console.log(\"Fallback behaviors are no longer used.\")\n  }\n}\n\n/* \n  Adds or replaces an individual behavior. Takes a namespace prefix or namespace definition,\n  the element name, and the behavior. E.g.\n  addBehavior(\"tei\", \"add\", [\"`\",\"`\"]) for an already-declared namespace or\n  addBehavior({\"doc\": \"http://docbook.org/ns/docbook\"}, \"note\", [\"[\",\"]\"]) for a new one\n*/\nexport function addBehavior(ns, element, b) {\n  let p;\n  if (ns === Object(ns)) {\n    for (let prefix of Object.keys(ns)) {\n      if (!this.namespaces.has(ns[prefix])) {\n        this.namespaces.set(ns[prefix], prefix);\n        p = prefix;\n      }\n    }\n  } else {\n    p = ns;\n  }\n  this.behaviors[`${p}:${element}`] = b;\n}\n\n/*\n  Removes a previously-defined or default behavior. Takes a namespace prefix or namespace definition\n  and the element name.\n*/\nexport function removeBehavior(ns, element) {\n  let p;\n  if (ns === Object(ns)) {\n    for (let prefix of Object.keys(ns)) {\n      if (!this.namespaces.has(ns[prefix])) {\n        this.namespaces.set(ns[prefix], prefix);\n        p = prefix;\n      }\n    }\n  } else {\n    p = ns;\n  }\n  delete this.behaviors[`${p}:${element}`];\n}\n"],"names":[],"mappings":"AAMO,SAAS,aAAa,MAAM;AACjC,MAAI,KAAK,YAAY;AACnB,aAAS,UAAU,OAAO,KAAK,KAAK,UAAU,GAAG;AAC/C,UAAI,CAAC,KAAK,WAAW,IAAI,KAAK,WAAW,MAAM,CAAC,KAAK,CAAC,MAAM,KAAK,KAAK,WAAW,OAAM,CAAE,EAAE,SAAS,MAAM,GAAG;AAC3G,aAAK,WAAW,IAAI,KAAK,WAAW,MAAM,GAAG,MAAM;AAAA,MACpD;AAAA,IACF;AAAA,EACF;AACD,WAAS,UAAU,KAAK,WAAW,OAAM,GAAI;AAC3C,QAAI,KAAK,MAAM,GAAG;AAChB,eAAS,KAAK,OAAO,KAAK,KAAK,MAAM,CAAC,GAAG;AACvC,aAAK,UAAU,GAAG,MAAM,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM,EAAE,CAAC;AAAA,MAClD;AAAA,IACF;AAAA,EACF;AACD,MAAI,KAAK,WAAW,GAAG;AACrB,aAAS,MAAM,OAAO,KAAK,KAAK,WAAW,CAAC,GAAG;AAC7C,WAAK,UAAU,EAAE,IAAI,KAAK,WAAW,EAAE,EAAE,EAAE,KAAK,KAAK,SAAS;AAAA,IAC/D;AAAA,EACF;AACD,MAAI,KAAK,UAAU,GAAG;AACpB,YAAQ,IAAI,uCAAuC;AAAA,EACpD;AACD,MAAI,KAAK,WAAW,GAAG;AACrB,YAAQ,IAAI,wCAAwC;AAAA,EACrD;AACH;AAQO,SAAS,YAAY,IAAI,SAAS,GAAG;AAC1C,MAAI;AACJ,MAAI,OAAO,OAAO,EAAE,GAAG;AACrB,aAAS,UAAU,OAAO,KAAK,EAAE,GAAG;AAClC,UAAI,CAAC,KAAK,WAAW,IAAI,GAAG,MAAM,CAAC,GAAG;AACpC,aAAK,WAAW,IAAI,GAAG,MAAM,GAAG,MAAM;AACtC,YAAI;AAAA,MACL;AAAA,IACF;AAAA,EACL,OAAS;AACL,QAAI;AAAA,EACL;AACD,OAAK,UAAU,GAAG,CAAC,IAAI,OAAO,EAAE,IAAI;AACtC;AAMO,SAAS,eAAe,IAAI,SAAS;AAC1C,MAAI;AACJ,MAAI,OAAO,OAAO,EAAE,GAAG;AACrB,aAAS,UAAU,OAAO,KAAK,EAAE,GAAG;AAClC,UAAI,CAAC,KAAK,WAAW,IAAI,GAAG,MAAM,CAAC,GAAG;AACpC,aAAK,WAAW,IAAI,GAAG,MAAM,GAAG,MAAM;AACtC,YAAI;AAAA,MACL;AAAA,IACF;AAAA,EACL,OAAS;AACL,QAAI;AAAA,EACL;AACD,SAAO,KAAK,UAAU,GAAG,CAAC,IAAI,OAAO,EAAE;AACzC;","x_google_ignoreList":[0]}

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

@@ -1,5 +1,23 @@
-var reactJsxRuntime_development = {};
+function learnElementNames(XML_dom, namespaces) {
+  const root = XML_dom.documentElement;
+  let i = 1;
+  let qname = function(e) {
+    if (!namespaces.has(e.namespaceURI ? e.namespaceURI : "")) {
+      namespaces.set(e.namespaceURI, "ns" + i++);
+    }
+    return namespaces.get(e.namespaceURI ? e.namespaceURI : "") + ":" + e.localName;
+  };
+  const els = new Set(
+    Array.from(root.querySelectorAll("*"), qname)
+  );
+  els.add(qname(root));
+  return els;
+}
+function learnCustomElementNames(HTML_dom) {
+  return new Set(Array.from(HTML_dom.querySelectorAll("*[data-origname]"), (e) => e.localName.replace(/(\w+)-.+/, "$1:") + e.getAttribute("data-origname")));
+}
 export {
-  reactJsxRuntime_development as __exports
+  learnCustomElementNames,
+  learnElementNames
 };
 //# sourceMappingURL=react-text-annotator.es25.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es25.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"react-text-annotator.es25.js","sources":["../../../node_modules/CETEIcean/src/dom.js"],"sourcesContent":["export function learnElementNames(XML_dom, namespaces) {\n  const root = XML_dom.documentElement;\n  let i = 1;\n  let qname = function(e) { \n    if (!namespaces.has(e.namespaceURI ? e.namespaceURI : \"\")) {\n      namespaces.set(e.namespaceURI, \"ns\" + i++);\n    } \n    return namespaces.get(e.namespaceURI ? e.namespaceURI : \"\") + \":\" + e.localName;\n  };\n  const els = new Set(\n    Array.from(root.querySelectorAll(\"*\"), qname));\n    \n  // Add the root element to the array\n  els.add(qname(root));\n  return els\n}\n\nexport function learnCustomElementNames(HTML_dom) {\n  return new Set(Array.from(HTML_dom.querySelectorAll(\"*[data-origname]\"), e => e.localName.replace(/(\\w+)-.+/,\"$1:\") + e.getAttribute(\"data-origname\")));\n}"],"names":[],"mappings":"AAAO,SAAS,kBAAkB,SAAS,YAAY;AACrD,QAAM,OAAO,QAAQ;AACrB,MAAI,IAAI;AACR,MAAI,QAAQ,SAAS,GAAG;AACtB,QAAI,CAAC,WAAW,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG;AACzD,iBAAW,IAAI,EAAE,cAAc,OAAO,GAAG;AAAA,IAC1C;AACD,WAAO,WAAW,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,IAAI,MAAM,EAAE;AAAA,EAC1E;AACE,QAAM,MAAM,IAAI;AAAA,IACd,MAAM,KAAK,KAAK,iBAAiB,GAAG,GAAG,KAAK;AAAA,EAAC;AAG/C,MAAI,IAAI,MAAM,IAAI,CAAC;AACnB,SAAO;AACT;AAEO,SAAS,wBAAwB,UAAU;AAChD,SAAO,IAAI,IAAI,MAAM,KAAK,SAAS,iBAAiB,kBAAkB,GAAG,OAAK,EAAE,UAAU,QAAQ,YAAW,KAAK,IAAI,EAAE,aAAa,eAAe,CAAC,CAAC;AACxJ;","x_google_ignoreList":[0]}

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

@@ -1,7 +1,7 @@
 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";
+import { announce as $319e236875307eab$export$a9b970dcc4ae71a9, destroyAnnouncer as $319e236875307eab$export$d8686216b8b81b2f } from "./react-text-annotator.es10.js";
+import { exhaustiveUniqueRandom } from "./react-text-annotator.es11.js";
 const useAnnouncePopupNavigation = (args) => {
   const {
     message = "Press Tab to move to Notes Dialog",

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

@@ -1 +1 @@
-{"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;"}
+{"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<TextAnnotation, 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,12 +1,12 @@
 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 { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager } from "./react-text-annotator.es13.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";
+import { offset, inline, flip, shift } from "./react-text-annotator.es15.js";
+import { autoUpdate } from "./react-text-annotator.es16.js";
 const TextAnnotatorPopup = (props) => {
   var _a;
   const { popup, popupNavigationMessage } = props;
@@ -118,7 +118,11 @@ const TextAnnotatorPopup = (props) => {
           ...getFloatingProps(),
           ...getStopEventsPropagationProps(),
           children: [
-            popup({ selected }),
+            popup({
+              annotation: selected[0].annotation,
+              editable: selected[0].editable,
+              event
+            }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "popup-close-message", onClick: handleClose, children: "This dialog closes when you leave it." })
           ]
         }

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

@@ -1 +1 @@
-{"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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"}
+{"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: TextAnnotationPopupContentProps): ReactNode;\n\n}\n\nexport interface TextAnnotationPopupContentProps {\n\n  annotation: TextAnnotation;\n\n  editable?: boolean;\n\n  event?: PointerEvent;\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({\n            annotation: selected[0].annotation,\n            editable: selected[0].editable,\n            event\n          })}\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

@@ -12,32 +12,32 @@ const Dt = "not-annotatable", X = `.${Dt}`, mt = (t) => {
     suffix: u.substring(0, n)
   };
 };
-var V = [];
+var U = [];
 for (var dt = 0; dt < 256; ++dt)
-  V.push((dt + 256).toString(16).slice(1));
+  U.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();
+  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, Ie = new Uint8Array(16);
-function Ve() {
+function Ue() {
   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);
+var Ve = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 const Ot = {
-  randomUUID: Ue
+  randomUUID: Ve
 };
 function Pt(t, e, n) {
   if (Ot.randomUUID && !e && !t)
     return Ot.randomUUID();
   t = t || {};
-  var o = t.random || (t.rng || Ve)();
+  var o = t.random || (t.rng || Ue)();
   return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Oe(o);
 }
-var U = [];
+var V = [];
 for (var ht = 0; ht < 256; ++ht)
-  U.push((ht + 256).toString(16).slice(1));
+  V.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) => {
@@ -55,7 +55,7 @@ const hn = (t) => {
   }
   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;
+  const { id: o, type: i, purpose: r, value: s, created: a, modified: u, creator: h, ...g } = n;
   return {
     id: o || `temp-${hn(n)}`,
     annotation: e,
@@ -65,7 +65,7 @@ const hn = (t) => {
     creator: jt(h),
     created: a ? new Date(a) : void 0,
     updated: u ? new Date(u) : void 0,
-    ...p
+    ...g
   };
 }), gn = (t) => t.map((e) => {
   var n;
@@ -95,23 +95,23 @@ const kn = (t, e) => ({
     selector: []
   };
   for (const u of s) {
-    const p = (Array.isArray(u.selector) ? u.selector : [u.selector]).reduce((d, f) => {
-      switch (f.type) {
+    const g = (Array.isArray(u.selector) ? u.selector : [u.selector]).reduce((d, b) => {
+      switch (b.type) {
         case "TextQuoteSelector":
-          d.quote = f.exact;
+          d.quote = b.exact;
           break;
         case "TextPositionSelector":
-          d.start = f.start, d.end = f.end;
+          d.start = b.start, d.end = b.end;
           break;
       }
       return d;
     }, {});
-    if (pn(p))
-      a.selector.push({ id: u.id, ...p });
+    if (pn(g))
+      a.selector.push({ id: u.id, ...g });
     else {
       const d = [
-        p.start ? void 0 : "TextPositionSelector",
-        p.quote ? void 0 : "TextQuoteSelector"
+        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}`) };
     }
@@ -139,23 +139,23 @@ const kn = (t, e) => ({
     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 = [{
+    ...g
+  } = i, d = s.map((b) => {
+    const { quote: f, start: A, end: v, range: p } = b, { prefix: l, suffix: c } = re(p, n), m = [{
       type: "TextQuoteSelector",
-      exact: g,
+      exact: f,
       prefix: l,
       suffix: c
     }, {
       type: "TextPositionSelector",
       start: A,
-      end: y
+      end: v
     }];
     return {
-      ...p,
-      id: f.id,
+      ...g,
+      id: b.id,
       source: e,
-      selector: b
+      selector: m
     };
   });
   return {