@annotorious/react 3.4.4 → 3.4.5

package/dist/annotorious-react.es10.js

@@ -3,21 +3,22 @@ import { useState as c, useEffect as E } from "react";
 import { useAnnotator as h } from "./annotorious-react.es2.js";
 import { useViewer as y } from "./annotorious-react.es8.js";
 const v = 10, S = (n) => {
-  const m = n.offsetX || v, a = n.offsetY || v, e = h(), t = y(), [s, p] = c(), [r, i] = c();
+  const m = n.offsetX || v, a = n.offsetY || v, t = h(), o = y(), [s, p] = c(), [r, i] = c();
   return E(() => {
-    if (!e || !t) return;
-    const u = (o) => {
-      i(o ? e.state.store.getAnnotation(o) : void 0);
-    }, f = (o) => {
-      const { offsetX: d, offsetY: x } = o;
+    if (!t || !o) return;
+    const u = (e) => {
+      i(e ? t.state.store.getAnnotation(e) : void 0);
+    }, f = (e) => {
+      const { offsetX: d, offsetY: x } = e;
       p({ x: d, y: x });
     };
-    t.element.addEventListener("pointermove", f);
-    const l = e.state.hover.subscribe(u);
+    o.element.addEventListener("pointermove", f);
+    const l = t.state.hover.subscribe(u);
     return () => {
-      t.element.removeEventListener("pointermove", f), l();
+      var e;
+      (e = o.element) == null || e.removeEventListener("pointermove", f), l();
     };
-  }, [e, t]), r && s && /* @__PURE__ */ b(
+  }, [t, o]), r && s && /* @__PURE__ */ b(
     "div",
     {
       style: {

package/dist/annotorious-react.es10.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es10.js","sources":["../src/openseadragon/OpenSeadragonHoverTooltip.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from 'react';\nimport { Annotation } from '@annotorious/core';\nimport { ImageAnnotation } from '@annotorious/annotorious';\nimport { useAnnotator } from '../Annotorious';\nimport { AnnotoriousOpenSeadragonAnnotator, useViewer } from '.';\n\ninterface HoverTooltipContentProps <T extends Annotation = ImageAnnotation> {\n   \n  annotation: T;\n\n}\n\ninterface OpenSeadragonHoverTooltipProps {\n\n  offsetX?: number;\n\n  offsetY?: number;\n\n  tooltip: (props: HoverTooltipContentProps) => ReactNode;\n\n}\n\nconst DEFAULT_OFFSET = 10;\n\nexport const OpenSeadragonHoverTooltip = (props: OpenSeadragonHoverTooltipProps) => {\n\n  const offsetX = props.offsetX || DEFAULT_OFFSET;\n  const offsetY = props.offsetY || DEFAULT_OFFSET;\n\n  const anno = useAnnotator<AnnotoriousOpenSeadragonAnnotator>();\n\n  const viewer = useViewer();\n\n  const [pos, setPos] = useState<{ x: number, y: number } | undefined>();\n\n  const [hovered, setHovered] = useState<ImageAnnotation | undefined>();\n\n  useEffect(() => {\n    if (!anno || !viewer) return;\n\n    const onHover = (id: string) => {\n      if (id)\n        setHovered(anno.state.store.getAnnotation(id));\n      else\n        setHovered(undefined);\n    }\n\n    const onPointerMove = (evt: PointerEvent) => {\n      const { offsetX: x, offsetY: y } = evt;\n      setPos({ x, y });\n    }\n\n    viewer.element.addEventListener('pointermove', onPointerMove);\n    const unsubscribe = anno.state.hover.subscribe(onHover);\n\n    return () => {\n      viewer.element.removeEventListener('pointermove', onPointerMove);\n      unsubscribe();\n    }\n  }, [anno, viewer]);\n\n  return (hovered && pos) && (\n    <div \n      style={{ \n        position: 'absolute',\n        top: `${pos.y + offsetY}px`,\n        left: `${pos.x + offsetX}px`\n      }}>\n      {props.tooltip({ annotation: hovered })}\n    </div>\n  )\n\n}"],"names":["DEFAULT_OFFSET","OpenSeadragonHoverTooltip","props","offsetX","offsetY","anno","useAnnotator","viewer","useViewer","pos","setPos","useState","hovered","setHovered","useEffect","onHover","id","onPointerMove","evt","x","y","unsubscribe","jsx"],"mappings":";;;;AAsBA,MAAMA,IAAiB,IAEVC,IAA4B,CAACC,MAA0C;AAE5E,QAAAC,IAAUD,EAAM,WAAWF,GAC3BI,IAAUF,EAAM,WAAWF,GAE3BK,IAAOC,EAAgD,GAEvDC,IAASC,EAAU,GAEnB,CAACC,GAAKC,CAAM,IAAIC,EAA+C,GAE/D,CAACC,GAASC,CAAU,IAAIF,EAAsC;AAEpE,SAAAG,EAAU,MAAM;AACV,QAAA,CAACT,KAAQ,CAACE,EAAQ;AAEhB,UAAAQ,IAAU,CAACC,MAAe;AAC1B,MACFH,EADEG,IACSX,EAAK,MAAM,MAAM,cAAcW,CAAE,IAEjC,MAFkC;AAAA,IAGjD,GAEMC,IAAgB,CAACC,MAAsB;AAC3C,YAAM,EAAE,SAASC,GAAG,SAASC,EAAM,IAAAF;AAC5B,MAAAR,EAAA,EAAE,GAAAS,GAAG,GAAAC,GAAG;AAAA,IACjB;AAEO,IAAAb,EAAA,QAAQ,iBAAiB,eAAeU,CAAa;AAC5D,UAAMI,IAAchB,EAAK,MAAM,MAAM,UAAUU,CAAO;AAEtD,WAAO,MAAM;AACJ,MAAAR,EAAA,QAAQ,oBAAoB,eAAeU,CAAa,GACnDI,EAAA;AAAA,IACd;AAAA,EAAA,GACC,CAAChB,GAAME,CAAM,CAAC,GAETK,KAAWH,KACjB,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK,GAAGb,EAAI,IAAIL,CAAO;AAAA,QACvB,MAAM,GAAGK,EAAI,IAAIN,CAAO;AAAA,MAC1B;AAAA,MACC,UAAMD,EAAA,QAAQ,EAAE,YAAYU,EAAS,CAAA;AAAA,IAAA;AAAA,EACxC;AAGJ;"}
+{"version":3,"file":"annotorious-react.es10.js","sources":["../src/openseadragon/OpenSeadragonHoverTooltip.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from 'react';\nimport { Annotation } from '@annotorious/core';\nimport { ImageAnnotation } from '@annotorious/annotorious';\nimport { useAnnotator } from '../Annotorious';\nimport { AnnotoriousOpenSeadragonAnnotator, useViewer } from '.';\n\ninterface HoverTooltipContentProps <T extends Annotation = ImageAnnotation> {\n   \n  annotation: T;\n\n}\n\ninterface OpenSeadragonHoverTooltipProps {\n\n  offsetX?: number;\n\n  offsetY?: number;\n\n  tooltip: (props: HoverTooltipContentProps) => ReactNode;\n\n}\n\nconst DEFAULT_OFFSET = 10;\n\nexport const OpenSeadragonHoverTooltip = (props: OpenSeadragonHoverTooltipProps) => {\n\n  const offsetX = props.offsetX || DEFAULT_OFFSET;\n  const offsetY = props.offsetY || DEFAULT_OFFSET;\n\n  const anno = useAnnotator<AnnotoriousOpenSeadragonAnnotator>();\n\n  const viewer = useViewer();\n\n  const [pos, setPos] = useState<{ x: number, y: number } | undefined>();\n\n  const [hovered, setHovered] = useState<ImageAnnotation | undefined>();\n\n  useEffect(() => {\n    if (!anno || !viewer) return;\n\n    const onHover = (id: string) => {\n      if (id)\n        setHovered(anno.state.store.getAnnotation(id));\n      else\n        setHovered(undefined);\n    }\n\n    const onPointerMove = (evt: PointerEvent) => {\n      const { offsetX: x, offsetY: y } = evt;\n      setPos({ x, y });\n    }\n\n    viewer.element.addEventListener('pointermove', onPointerMove);\n    const unsubscribe = anno.state.hover.subscribe(onHover);\n\n    return () => {\n      viewer.element?.removeEventListener('pointermove', onPointerMove);\n      unsubscribe();\n    }\n  }, [anno, viewer]);\n\n  return (hovered && pos) && (\n    <div \n      style={{ \n        position: 'absolute',\n        top: `${pos.y + offsetY}px`,\n        left: `${pos.x + offsetX}px`\n      }}>\n      {props.tooltip({ annotation: hovered })}\n    </div>\n  )\n\n}"],"names":["DEFAULT_OFFSET","OpenSeadragonHoverTooltip","props","offsetX","offsetY","anno","useAnnotator","viewer","useViewer","pos","setPos","useState","hovered","setHovered","useEffect","onHover","id","onPointerMove","evt","x","y","unsubscribe","_a","jsx"],"mappings":";;;;AAsBA,MAAMA,IAAiB,IAEVC,IAA4B,CAACC,MAA0C;AAE5E,QAAAC,IAAUD,EAAM,WAAWF,GAC3BI,IAAUF,EAAM,WAAWF,GAE3BK,IAAOC,EAAgD,GAEvDC,IAASC,EAAU,GAEnB,CAACC,GAAKC,CAAM,IAAIC,EAA+C,GAE/D,CAACC,GAASC,CAAU,IAAIF,EAAsC;AAEpE,SAAAG,EAAU,MAAM;AACV,QAAA,CAACT,KAAQ,CAACE,EAAQ;AAEhB,UAAAQ,IAAU,CAACC,MAAe;AAC1B,MACFH,EADEG,IACSX,EAAK,MAAM,MAAM,cAAcW,CAAE,IAEjC,MAFkC;AAAA,IAGjD,GAEMC,IAAgB,CAACC,MAAsB;AAC3C,YAAM,EAAE,SAASC,GAAG,SAASC,EAAM,IAAAF;AAC5B,MAAAR,EAAA,EAAE,GAAAS,GAAG,GAAAC,GAAG;AAAA,IACjB;AAEO,IAAAb,EAAA,QAAQ,iBAAiB,eAAeU,CAAa;AAC5D,UAAMI,IAAchB,EAAK,MAAM,MAAM,UAAUU,CAAO;AAEtD,WAAO,MAAM;;AACJ,OAAAO,IAAAf,EAAA,YAAA,QAAAe,EAAS,oBAAoB,eAAeL,IACvCI,EAAA;AAAA,IACd;AAAA,EAAA,GACC,CAAChB,GAAME,CAAM,CAAC,GAETK,KAAWH,KACjB,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK,GAAGd,EAAI,IAAIL,CAAO;AAAA,QACvB,MAAM,GAAGK,EAAI,IAAIN,CAAO;AAAA,MAC1B;AAAA,MACC,UAAMD,EAAA,QAAQ,EAAE,YAAYU,EAAS,CAAA;AAAA,IAAA;AAAA,EACxC;AAGJ;"}