@soomo/react-text-annotator 3.0.0-staging.1

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

@@ -0,0 +1,61 @@
+function addBehaviors(bhvs) {
+  if (bhvs.namespaces) {
+    for (let prefix of Object.keys(bhvs.namespaces)) {
+      if (!this.namespaces.has(bhvs.namespaces[prefix]) && !Array.from(this.namespaces.values()).includes(prefix)) {
+        this.namespaces.set(bhvs.namespaces[prefix], prefix);
+      }
+    }
+  }
+  for (let prefix of this.namespaces.values()) {
+    if (bhvs[prefix]) {
+      for (let b of Object.keys(bhvs[prefix])) {
+        this.behaviors[`${prefix}:${b}`] = bhvs[prefix][b];
+      }
+    }
+  }
+  if (bhvs["functions"]) {
+    for (let fn of Object.keys(bhvs["functions"])) {
+      this.utilities[fn] = bhvs["functions"][fn].bind(this.utilities);
+    }
+  }
+  if (bhvs["handlers"]) {
+    console.log("Behavior handlers are no longer used.");
+  }
+  if (bhvs["fallbacks"]) {
+    console.log("Fallback behaviors are no longer used.");
+  }
+}
+function addBehavior(ns, element, b) {
+  let p;
+  if (ns === Object(ns)) {
+    for (let prefix of Object.keys(ns)) {
+      if (!this.namespaces.has(ns[prefix])) {
+        this.namespaces.set(ns[prefix], prefix);
+        p = prefix;
+      }
+    }
+  } else {
+    p = ns;
+  }
+  this.behaviors[`${p}:${element}`] = b;
+}
+function removeBehavior(ns, element) {
+  let p;
+  if (ns === Object(ns)) {
+    for (let prefix of Object.keys(ns)) {
+      if (!this.namespaces.has(ns[prefix])) {
+        this.namespaces.set(ns[prefix], prefix);
+        p = prefix;
+      }
+    }
+  } else {
+    p = ns;
+  }
+  delete this.behaviors[`${p}:${element}`];
+}
+export {
+  addBehavior,
+  addBehaviors,
+  removeBehavior
+};
+//# sourceMappingURL=react-text-annotator.es14.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-text-annotator.es14.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.es15.js

@@ -0,0 +1,23 @@
+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 {
+  learnCustomElementNames,
+  learnElementNames
+};
+//# sourceMappingURL=react-text-annotator.es15.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-text-annotator.es15.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.es16.js

@@ -0,0 +1,5 @@
+var reactJsxRuntime_production_min = {};
+export {
+  reactJsxRuntime_production_min as __exports
+};
+//# sourceMappingURL=react-text-annotator.es16.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-text-annotator.es16.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,5 @@
+var reactJsxRuntime_development = {};
+export {
+  reactJsxRuntime_development as __exports
+};
+//# sourceMappingURL=react-text-annotator.es17.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-text-annotator.es17.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,64 @@
+import { j as jsxRuntimeExports } from "./react-text-annotator.es6.js";
+import { useRef, useEffect } from "react";
+import CETEI from "./react-text-annotator.es8.js";
+const PRESET_BEHAVIORS = {
+  tei: {
+    ref: (elem) => {
+      const a = document.createElement("a");
+      while (elem.firstChild) {
+        a.appendChild(elem.removeChild(elem.firstChild));
+      }
+      a.setAttribute("href", elem.getAttribute("target"));
+      elem.appendChild(a);
+    },
+    // Cf. https://github.com/TEIC/CETEIcean/issues/67
+    graphic: (elem) => {
+      var _a;
+      const content = new Image();
+      content.src = (_a = elem.getAttribute("url")) == null ? void 0 : _a.trim();
+      if (elem.hasAttribute("width"))
+        content.setAttribute("width", elem.getAttribute("width"));
+      if (elem.hasAttribute("height"))
+        content.setAttribute("height", elem.getAttribute("height"));
+      elem.appendChild(content);
+    },
+    list: null,
+    note: null,
+    table: null,
+    teiHeader: (elem) => {
+      elem.hidden = true;
+    }
+  }
+};
+const CETEIcean = (props) => {
+  const el = useRef(null);
+  useEffect(() => {
+    var _a;
+    if (props.tei) {
+      const ceteicean = new CETEI();
+      ceteicean.addBehaviors({
+        ...PRESET_BEHAVIORS,
+        ...props.behaviors || {},
+        tei: {
+          ...PRESET_BEHAVIORS.tei,
+          ...((_a = props.behaviors) == null ? void 0 : _a.tei) || {}
+        }
+      });
+      ceteicean.makeHTML5(props.tei, (data) => {
+        el.current.appendChild(data);
+        props.onLoad(el.current);
+      });
+    }
+  }, [props.tei]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      ref: el,
+      className: "tei-container"
+    }
+  );
+};
+export {
+  CETEIcean
+};
+//# sourceMappingURL=react-text-annotator.es2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-text-annotator.es2.js","sources":["../src/tei/CETEIcean.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport CETEI from 'CETEIcean';\n\ninterface CETEIceanProps {\n\n  tei?: string;\n\n  onLoad?(element: Element): void;\n\n  behaviors?: any;\n\n}\n\n// Override default list, note, table, and ref behaviors \n// so they don't introduce text into the DOM that interferes\n// with annotation. Apply a patch to graphics for robustness.\nconst PRESET_BEHAVIORS = {\n  tei: {\n    ref: (elem: Element) => {\n      const a = document.createElement('a');\n\n      while(elem.firstChild) {\n        a.appendChild(elem.removeChild(elem.firstChild));\n      }\n\n      a.setAttribute('href', elem.getAttribute('target'));\n\n      elem.appendChild(a);\n    },\n    // Cf. https://github.com/TEIC/CETEIcean/issues/67\n    graphic: (elem: Element) => {\n      const content = new Image();\n      content.src = elem.getAttribute('url')?.trim();\n\n      if (elem.hasAttribute('width'))\n        content.setAttribute('width', elem.getAttribute('width'));\n\n      if (elem.hasAttribute('height'))\n        content.setAttribute('height', elem.getAttribute('height'));\n\n      elem.appendChild(content);\n    },\n    list: null,\n    note: null,\n    table: null,\n    teiHeader: (elem: HTMLElement) => {\n      elem.hidden = true;\n    }\n  }\n}\n\nexport const CETEIcean = (props: CETEIceanProps) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (props.tei) {\n      const ceteicean = new CETEI();\n\n      ceteicean.addBehaviors({\n        ...PRESET_BEHAVIORS,\n        ...(props.behaviors || {}),\n        tei: {\n          ...PRESET_BEHAVIORS.tei,\n          ...(props.behaviors?.tei || {})\n        }\n      });\n\n      ceteicean.makeHTML5(props.tei, (data: Element) => {\n        el.current.appendChild(data);\n        props.onLoad(el.current);\n      });\n    }\n  }, [props.tei]);\n\n  return (\n    <div \n      ref={el}\n      className=\"tei-container\" />\n  )\n\n}"],"names":["jsx"],"mappings":";;;AAgBA,MAAM,mBAAmB;AAAA,EACvB,KAAK;AAAA,IACH,KAAK,CAAC,SAAkB;AAChB,YAAA,IAAI,SAAS,cAAc,GAAG;AAEpC,aAAM,KAAK,YAAY;AACrB,UAAE,YAAY,KAAK,YAAY,KAAK,UAAU,CAAC;AAAA,MACjD;AAEA,QAAE,aAAa,QAAQ,KAAK,aAAa,QAAQ,CAAC;AAElD,WAAK,YAAY,CAAC;AAAA,IACpB;AAAA;AAAA,IAEA,SAAS,CAAC,SAAkB;;AACpB,YAAA,UAAU,IAAI;AACpB,cAAQ,OAAM,UAAK,aAAa,KAAK,MAAvB,mBAA0B;AAEpC,UAAA,KAAK,aAAa,OAAO;AAC3B,gBAAQ,aAAa,SAAS,KAAK,aAAa,OAAO,CAAC;AAEtD,UAAA,KAAK,aAAa,QAAQ;AAC5B,gBAAQ,aAAa,UAAU,KAAK,aAAa,QAAQ,CAAC;AAE5D,WAAK,YAAY,OAAO;AAAA,IAC1B;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,WAAW,CAAC,SAAsB;AAChC,WAAK,SAAS;AAAA,IAChB;AAAA,EACF;AACF;AAEa,MAAA,YAAY,CAAC,UAA0B;AAE5C,QAAA,KAAK,OAAuB,IAAI;AAEtC,YAAU,MAAM;;AACd,QAAI,MAAM,KAAK;AACP,YAAA,YAAY,IAAI;AAEtB,gBAAU,aAAa;AAAA,QACrB,GAAG;AAAA,QACH,GAAI,MAAM,aAAa,CAAC;AAAA,QACxB,KAAK;AAAA,UACH,GAAG,iBAAiB;AAAA,UACpB,KAAI,WAAM,cAAN,mBAAiB,QAAO,CAAC;AAAA,QAC/B;AAAA,MAAA,CACD;AAED,gBAAU,UAAU,MAAM,KAAK,CAAC,SAAkB;AAC7C,WAAA,QAAQ,YAAY,IAAI;AACrB,cAAA,OAAO,GAAG,OAAO;AAAA,MAAA,CACxB;AAAA,IACH;AAAA,EAAA,GACC,CAAC,MAAM,GAAG,CAAC;AAGZ,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

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

@@ -0,0 +1,29 @@
+import { j as jsxRuntimeExports } from "./react-text-annotator.es6.js";
+import { useContext, useEffect, Children, cloneElement } from "react";
+import { AnnotoriousContext } from "@annotorious/react";
+import { TEIPlugin } from "@recogito/text-annotator-tei";
+import { createTextAnnotator } from "@soomo/text-annotator";
+import "./react-text-annotator.es7.js";
+const TEIAnnotator = (props) => {
+  const { children, ...opts } = props;
+  const { anno, setAnno } = useContext(AnnotoriousContext);
+  const onLoad = (element) => {
+    const anno2 = TEIPlugin(createTextAnnotator(element, opts));
+    setAnno(anno2);
+  };
+  useEffect(() => {
+    if (!anno)
+      return;
+    anno.setStyle(props.style);
+  }, [props.style]);
+  useEffect(() => {
+    if (!anno)
+      return;
+    anno.setFilter(props.filter);
+  }, [props.filter]);
+  return props.children ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: Children.toArray(props.children).map((child) => cloneElement(child, { onLoad })) }) : null;
+};
+export {
+  TEIAnnotator
+};
+//# sourceMappingURL=react-text-annotator.es3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-text-annotator.es3.js","sources":["../src/tei/TEIAnnotator.tsx"],"sourcesContent":["import { Children, cloneElement, ReactElement, ReactNode, useContext, useEffect } from 'react';\nimport { AnnotoriousContext, Filter } from '@annotorious/react';\nimport { TEIPlugin } from '@recogito/text-annotator-tei';\nimport type { TextAnnotatorOptions } from '@soomo/text-annotator';\nimport { createTextAnnotator } from '@soomo/text-annotator';\n\nimport '@soomo/text-annotator/dist/text-annotator.css';\n\nexport type TEIAnnotatorProps = TextAnnotatorOptions & {\n\n  children?: ReactNode | JSX.Element;\n\n  filter?: Filter;\n\n}\n\nexport const TEIAnnotator = (props: TEIAnnotatorProps) => {\n\n  const { children, ...opts } = props;\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  const onLoad = (element: HTMLElement) => {\n    const anno = TEIPlugin(createTextAnnotator(element, opts));\n    setAnno(anno);\n  }\n\n  useEffect(() => {\n    if (!anno)\n      return;\n    \n    anno.setStyle(props.style);\n  }, [props.style]);\n\n  useEffect(() => {\n    if (!anno)\n      return;\n    \n    anno.setFilter(props.filter);\n  }, [props.filter]);\n\n  return props.children ? (\n    <>\n      {Children.toArray(props.children).map(child => \n        cloneElement(child as ReactElement, { onLoad }))}\n    </>\n  ) : null;\n\n}\n"],"names":["anno","jsx","Fragment"],"mappings":";;;;;;AAgBa,MAAA,eAAe,CAAC,UAA6B;AAExD,QAAM,EAAE,UAAU,GAAG,KAAA,IAAS;AAE9B,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW,kBAAkB;AAEjD,QAAA,SAAS,CAAC,YAAyB;AACvC,UAAMA,QAAO,UAAU,oBAAoB,SAAS,IAAI,CAAC;AACzD,YAAQA,KAAI;AAAA,EAAA;AAGd,YAAU,MAAM;AACd,QAAI,CAAC;AACH;AAEG,SAAA,SAAS,MAAM,KAAK;AAAA,EAAA,GACxB,CAAC,MAAM,KAAK,CAAC;AAEhB,YAAU,MAAM;AACd,QAAI,CAAC;AACH;AAEG,SAAA,UAAU,MAAM,MAAM;AAAA,EAAA,GAC1B,CAAC,MAAM,MAAM,CAAC;AAEjB,SAAO,MAAM,WACXC,sCAAAC,kBAAAA,UAAA,EACG,UAAS,SAAA,QAAQ,MAAM,QAAQ,EAAE,IAAI,CAAA,UACpC,aAAa,OAAuB,EAAE,QAAQ,CAAC,GACnD,IACE;AAEN;"}

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

@@ -0,0 +1,33 @@
+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);
+  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 });
+};
+export {
+  TextAnnotator
+};
+//# sourceMappingURL=react-text-annotator.es4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-text-annotator.es4.js","sources":["../src/TextAnnotator.tsx"],"sourcesContent":["import { ReactNode, useContext, useEffect, useRef } from 'react';\nimport { AnnotoriousContext, Filter, FormatAdapter } from '@annotorious/react';\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\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":";;;;;AAqBa,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;"}

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

@@ -0,0 +1,53 @@
+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) => {
+  const el = useRef(null);
+  const r = useAnnotator();
+  const [open, setOpen] = useState(false);
+  const { selected, pointerEvent } = useSelection();
+  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;
+};
+export {
+  TextAnnotatorPopup
+};
+//# sourceMappingURL=react-text-annotator.es5.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,13 @@
+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;
+export {
+  jsxRuntimeExports as j
+};
+//# sourceMappingURL=react-text-annotator.es6.js.map

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

@@ -0,0 +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]}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=react-text-annotator.es7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-text-annotator.es7.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}