@annotorious/react 3.0.1 → 3.0.3

package/dist/ImageAnnotationPopup.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
-import { AnnotoriousPopupProps } from './AnnotoriousPopupProps';
+import { PopupProps } from './PopupProps';
 interface ImageAnnotationPopupProps {
     arrow?: boolean;
-    popup: (props: AnnotoriousPopupProps) => ReactNode;
+    popup: (props: PopupProps) => ReactNode;
 }
 export declare const ImageAnnotationPopup: (props: ImageAnnotationPopupProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ImageAnnotationPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageAnnotationPopup.d.ts","sourceRoot":"","sources":["../src/ImageAnnotationPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAc/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAchE,UAAU,yBAAyB;IAEjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,KAAK,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;CAEpD;AAED,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,4CAwGpE,CAAA"}
+{"version":3,"file":"ImageAnnotationPopup.d.ts","sourceRoot":"","sources":["../src/ImageAnnotationPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAc/D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAsB1C,UAAU,yBAAyB;IAEjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;CAEzC;AAED,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,4CA+GpE,CAAA"}

package/dist/PopupProps.d.ts

@@ -0,0 +1,10 @@
+import { Annotation, AnnotationBody, ImageAnnotation } from '@annotorious/annotorious';
+export interface PopupProps<T extends Annotation = ImageAnnotation> {
+    annotation: T;
+    editable?: boolean;
+    event?: PointerEvent;
+    onCreateBody(body: AnnotationBody): void;
+    onDeleteBody(id: string): void;
+    onUpdateBody(current: AnnotationBody, next: AnnotationBody): void;
+}
+//# sourceMappingURL=PopupProps.d.ts.map

package/dist/PopupProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupProps.d.ts","sourceRoot":"","sources":["../src/PopupProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEvF,MAAM,WAAW,UAAU,CAAE,CAAC,SAAS,UAAU,GAAG,eAAe;IAEjE,UAAU,EAAE,CAAC,CAAC;IAEd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,YAAY,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;IAEzC,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B,YAAY,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;CAEnE"}

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es.js","sources":["../src/index.ts"],"sourcesContent":["export * from './Annotorious';\nexport * from './AnnotoriousPlugin';\nexport * from './AnnotoriousPopupProps';\nexport * from './ImageAnnotationPopup';\nexport * from './ImageAnnotator';\n\nexport * from './openseadragon';\n\n// This ensures the Annotorious stylesheet gets packaged into annotorious-react\nimport '@annotorious/annotorious/annotorious.css';\nimport '@annotorious/openseadragon/annotorious-openseadragon.css';\n\n// Essential re-exports from @annotorious/core\nexport type {\n  Annotation,\n  AnnotationBody,\n  AnnotationState,\n  AnnotationTarget,\n  Annotator,\n  AnnotatorState,\n  Appearance,\n  AppearanceProvider,\n  Color,\n  DrawingStyle,\n  DrawingStyleExpression,\n  Filter,\n  FormatAdapter,\n  HoverState,\n  LifecycleEvents,\n  ParseResult,\n  PresentUser,\n  Selection,\n  SelectionState,\n  Store,\n  StoreChangeEvent,\n  StoreObserver,\n  User,\n  W3CAnnotation,\n  W3CAnnotationBody,\n  W3CAnnotationTarget\n} from '@annotorious/core';\n\nimport {\n  createAnonymousGuest as _createAnonymousGuest, \n  createBody as _createBody,\n  defaultColorProvider as _defaultColorProvider,\n  Origin as _Origin,\n  UserSelectAction as _UserSelectAction\n} from '@annotorious/core';\n\nexport { _createAnonymousGuest as createAnonymousGuest };\nexport { _createBody as createBody };\nexport { _defaultColorProvider as defaultColorProvider };\nexport { _Origin as Origin };\nexport { _UserSelectAction as UserSelectAction };\n\n// Essential re-exports from @annotorious/annotorious \nexport type {\n  AnnotoriousOpts,\n  DrawingMode,\n  DrawingTool,\n  FragmentSelector,\n  ImageAnnotator as AnnotoriousImageAnnotator,\n  ImageAnnotation,\n  ImageAnnotatorState,\n  Polygon,\n  PolygonGeometry,\n  Rectangle,\n  RectangleGeometry,\n  Shape,\n  SVGSelector,\n  W3CImageAnnotation,\n  W3CImageAnnotationTarget,\n  W3CImageFormatAdapter, \n  W3CImageFormatAdapterOpts\n} from '@annotorious/annotorious';\n\nimport {   \n  createImageAnnotator as _createImageAnnotator,\n  ShapeType as _ShapeType,\n  W3CImageFormat as _W3CImageFormat\n} from '@annotorious/annotorious';\n\nexport const createImageAnnotator = _createImageAnnotator;\nexport const ShapeType = _ShapeType;\nexport const W3CImageFormat = _W3CImageFormat;\n\n// Essential re-exports from @annotorious/openseadragon \nexport type {\n  OpenSeadragonAnnotator as AnnotoriousOpenSeadragonAnnotator\n} from '@annotorious/openseadragon';\n\nexport type { Viewer } from 'openseadragon';\n"],"names":["createImageAnnotator","_createImageAnnotator","ShapeType","_ShapeType","W3CImageFormat","_W3CImageFormat"],"mappings":";;;;;;;;;;;AAmFO,MAAMA,IAAuBC,GACvBC,IAAYC,GACZC,IAAiBC;"}
+{"version":3,"file":"annotorious-react.es.js","sources":["../src/index.ts"],"sourcesContent":["export * from './Annotorious';\nexport * from './AnnotoriousPlugin';\nexport * from './ImageAnnotationPopup';\nexport * from './ImageAnnotator';\nexport * from './PopupProps';\n\nexport * from './openseadragon';\n\n// This ensures the Annotorious stylesheet gets packaged into annotorious-react\nimport '@annotorious/annotorious/annotorious.css';\nimport '@annotorious/openseadragon/annotorious-openseadragon.css';\n\n// Essential re-exports from @annotorious/core\nexport type {\n  Annotation,\n  AnnotationBody,\n  AnnotationState,\n  AnnotationTarget,\n  Annotator,\n  AnnotatorState,\n  Appearance,\n  AppearanceProvider,\n  Color,\n  DrawingStyle,\n  DrawingStyleExpression,\n  Filter,\n  FormatAdapter,\n  HoverState,\n  LifecycleEvents,\n  ParseResult,\n  PresentUser,\n  Selection,\n  SelectionState,\n  Store,\n  StoreChangeEvent,\n  StoreObserver,\n  User,\n  W3CAnnotation,\n  W3CAnnotationBody,\n  W3CAnnotationTarget\n} from '@annotorious/core';\n\nimport {\n  createAnonymousGuest as _createAnonymousGuest, \n  createBody as _createBody,\n  defaultColorProvider as _defaultColorProvider,\n  Origin as _Origin,\n  UserSelectAction as _UserSelectAction\n} from '@annotorious/core';\n\nexport { _createAnonymousGuest as createAnonymousGuest };\nexport { _createBody as createBody };\nexport { _defaultColorProvider as defaultColorProvider };\nexport { _Origin as Origin };\nexport { _UserSelectAction as UserSelectAction };\n\n// Essential re-exports from @annotorious/annotorious \nexport type {\n  AnnotoriousOpts,\n  DrawingMode,\n  DrawingTool,\n  FragmentSelector,\n  ImageAnnotator as AnnotoriousImageAnnotator,\n  ImageAnnotation,\n  ImageAnnotatorState,\n  Polygon,\n  PolygonGeometry,\n  Rectangle,\n  RectangleGeometry,\n  Shape,\n  SVGSelector,\n  W3CImageAnnotation,\n  W3CImageAnnotationTarget,\n  W3CImageFormatAdapter, \n  W3CImageFormatAdapterOpts\n} from '@annotorious/annotorious';\n\nimport {   \n  createImageAnnotator as _createImageAnnotator,\n  ShapeType as _ShapeType,\n  W3CImageFormat as _W3CImageFormat\n} from '@annotorious/annotorious';\n\nexport const createImageAnnotator = _createImageAnnotator;\nexport const ShapeType = _ShapeType;\nexport const W3CImageFormat = _W3CImageFormat;\n\n// Essential re-exports from @annotorious/openseadragon \nexport type {\n  OpenSeadragonAnnotator as AnnotoriousOpenSeadragonAnnotator\n} from '@annotorious/openseadragon';\n\nexport type { Viewer } from 'openseadragon';\n"],"names":["createImageAnnotator","_createImageAnnotator","ShapeType","_ShapeType","W3CImageFormat","_W3CImageFormat"],"mappings":";;;;;;;;;;;AAmFO,MAAMA,IAAuBC,GACvBC,IAAYC,GACZC,IAAiBC;"}

package/dist/annotorious-react.es4.js

@@ -1,97 +1,103 @@
-import { j as m } from "./annotorious-react.es11.js";
-import { useState as A, useRef as D, useEffect as O } from "react";
-import { useFloating as j, FloatingArrow as U } from "./annotorious-react.es13.js";
-import { useAnnotator as v, useSelection as E } from "./annotorious-react.es2.js";
-import { toClientRects as F } from "./annotorious-react.es14.js";
-import { inline as M, offset as P, flip as S, shift as b, arrow as I } from "./annotorious-react.es15.js";
-import { autoUpdate as X } from "./annotorious-react.es16.js";
-import u from "./annotorious-react.es17.js";
-const Y = (i) => {
-  const { minX: t, minY: s, maxX: r, maxY: a } = i.bounds;
+import { j as g } from "./annotorious-react.es11.js";
+import { useState as E, useRef as C, useEffect as A } from "react";
+import { useFloating as D, FloatingArrow as O } from "./annotorious-react.es13.js";
+import { useAnnotator as j, useSelection as L } from "./annotorious-react.es2.js";
+import { toClientRects as S } from "./annotorious-react.es14.js";
+import { inline as U, offset as F, flip as M, shift as b, arrow as k } from "./annotorious-react.es15.js";
+import { autoUpdate as z } from "./annotorious-react.es16.js";
+import w from "./annotorious-react.es17.js";
+const H = (a, t) => {
+  const n = t.querySelector("img"), { left: i, top: d } = n.getBoundingClientRect(), s = n.offsetWidth / n.naturalWidth, c = n.offsetHeight / n.naturalHeight, { minX: o, minY: l, maxX: p, maxY: m } = a.bounds;
   return new DOMRect(
-    t,
-    s,
-    r - t,
-    a - s
+    i + s * o,
+    d + c * l,
+    s * (p - o),
+    c * (m - l)
   );
-}, L = (i) => {
-  var p, l;
-  const t = v(), [s, r] = A(!1), a = D(null), { selected: d, event: f } = E(), n = (p = d[0]) == null ? void 0 : p.annotation, g = (l = d[0]) == null ? void 0 : l.editable, { refs: c, floatingStyles: x, context: R } = j({
-    open: s,
-    onOpenChange: r,
+}, K = (a) => {
+  var u, f;
+  const t = j(), [n, i] = E(!1), d = C(null), { selected: s, event: c } = L(), o = (u = s[0]) == null ? void 0 : u.annotation, l = (f = s[0]) == null ? void 0 : f.editable, { refs: p, floatingStyles: m, context: h, update: I } = D({
+    open: n,
+    onOpenChange: i,
     middleware: [
-      M(),
-      P(10),
-      S({ crossAxis: !0 }),
+      U(),
+      F(10),
+      M({ crossAxis: !0 }),
       b({
         crossAxis: !0,
         padding: { right: 5, left: 5, top: 10, bottom: 10 }
       }),
-      I({
-        element: a,
+      k({
+        element: d,
         padding: 5
       })
     ],
-    whileElementsMounted: X
+    whileElementsMounted: z
   });
-  O(() => {
-    d.length === 0 ? r(!1) : ((() => {
-      const o = Y(n.target.selector.geometry);
-      c.setReference({
-        getBoundingClientRect: () => o,
-        getClientRects: () => F(o)
-      });
-    })(), r(!0));
-  }, [i.popup, d]);
-  const w = (e) => {
-    const o = e.id || u();
+  A(() => {
+    if (s.length === 0)
+      i(!1);
+    else {
+      const e = () => {
+        const r = H(o.target.selector.geometry, t.element);
+        p.setReference({
+          getBoundingClientRect: () => r,
+          getClientRects: () => S(r)
+        });
+      };
+      return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), e(), i(!0), () => {
+        window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+      };
+    }
+  }, [t, a.popup, s]);
+  const x = (e) => {
+    const r = e.id || w();
     t.state.store.addBody({
       ...e,
-      id: o,
-      annotation: n.id,
+      id: r,
+      annotation: o.id,
       created: e.created || /* @__PURE__ */ new Date(),
       creator: t.getUser()
     });
   }, y = (e) => {
-    t.state.store.deleteBody({ id: e, annotation: n.id });
-  }, B = (e, o) => {
-    const h = o.id || u(), C = {
+    t.state.store.deleteBody({ id: e, annotation: o.id });
+  }, R = (e, r) => {
+    const v = r.id || w(), B = {
       updated: /* @__PURE__ */ new Date(),
       updatedBy: t.getUser(),
-      ...o,
-      id: h,
-      annotation: n.id
+      ...r,
+      id: v,
+      annotation: o.id
     };
-    t.state.store.updateBody(e, C);
+    t.state.store.updateBody(e, B);
   };
-  return s && n && /* @__PURE__ */ m.jsxs(
+  return n && o && /* @__PURE__ */ g.jsxs(
     "div",
     {
       className: "a9s-popup a9s-image-popup",
-      ref: c.setFloating,
-      style: x,
+      ref: p.setFloating,
+      style: m,
       children: [
-        /* @__PURE__ */ m.jsx(
-          U,
+        /* @__PURE__ */ g.jsx(
+          O,
           {
-            ref: a,
-            context: R,
-            fill: "currentColor"
+            ref: d,
+            context: h
           }
         ),
-        i.popup({
-          annotation: n,
-          editable: g,
-          event: f,
-          onCreateBody: w,
+        a.popup({
+          annotation: o,
+          editable: l,
+          event: c,
+          onCreateBody: x,
           onDeleteBody: y,
-          onUpdateBody: B
+          onUpdateBody: R
         })
       ]
     }
   );
 };
 export {
-  L as ImageAnnotationPopup
+  K as ImageAnnotationPopup
 };
 //# sourceMappingURL=annotorious-react.es4.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es4.js","sources":["../src/ImageAnnotationPopup.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { AnnotationBody, Annotator, Geometry, ImageAnnotation } from '@annotorious/annotorious';\nimport {\n  useFloating,\n  arrow,\n  shift,\n  inline,\n  autoUpdate,\n  flip,\n  offset,\n  FloatingArrow\n} from '@floating-ui/react';\nimport { useAnnotator, useSelection } from './Annotorious';\nimport { AnnotoriousPopupProps } from './AnnotoriousPopupProps';\nimport { toClientRects } from './utils/toClientRects';\n\nconst toDOMRect = (geometry: Geometry) => {\n  const { minX, minY, maxX, maxY } = geometry.bounds;\n\n  return new DOMRect(\n    minX,\n    minY,\n    maxX - minX,\n    maxY - minY\n  );\n}\n\ninterface ImageAnnotationPopupProps {\n\n  arrow?: boolean;\n\n  popup: (props: AnnotoriousPopupProps) => ReactNode;\n\n}\n\nexport const ImageAnnotationPopup = (props: ImageAnnotationPopupProps) => {\n\n  const anno = useAnnotator<Annotator<ImageAnnotation>>();\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const arrowRef = useRef(null);\n\n  const { selected, event } = useSelection();\n\n  const annotation = selected[0]?.annotation;\n\n  const editable = selected[0]?.editable;\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    middleware: [\n      inline(), \n      offset(10),\n      flip({ crossAxis: true }),\n      shift({ \n        crossAxis: true,\n        padding: { right: 5, left: 5, top: 10, bottom: 10 }\n      }),\n      arrow({\n        element: arrowRef,\n        padding: 5\n      })\n    ],\n    whileElementsMounted: autoUpdate\n  });\n\n  useEffect(() => {\n    if (selected.length === 0) {\n      setIsOpen(false);\n    } else {\n      const setPosition = () => { \n        const rect = toDOMRect(annotation.target.selector.geometry);\n        \n        refs.setReference({\n          getBoundingClientRect: () => rect,\n          getClientRects: () => toClientRects(rect)\n        });\n      }\n\n      setPosition();\n\n      setIsOpen(true);\n    }\n  }, [props.popup, selected]);\n\n  const onCreateBody = (body: Partial<AnnotationBody>) => {\n    const id = body.id || uuidv4();\n    \n    anno.state.store.addBody({\n      ...body,\n      id,\n      annotation: annotation.id,\n      created: body.created || new Date(),\n      creator: anno.getUser()\n    });\n  }\n\n  const onDeleteBody = (id: string) => {\n    anno.state.store.deleteBody({ id, annotation: annotation.id });\n  }\n\n  const onUpdateBody = (current: AnnotationBody, next: AnnotationBody) => {\n    const id = next.id || uuidv4();\n\n    const updated: AnnotationBody = {\n      updated: new Date(),\n      updatedBy: anno.getUser(),\n      ...next,\n      id,\n      annotation: annotation.id\n    }\n\n    anno.state.store.updateBody(current, updated);\n  }\n\n  return isOpen && annotation && (\n    <div\n      className=\"a9s-popup a9s-image-popup\"\n      ref={refs.setFloating}\n      style={floatingStyles}>\n\n      <FloatingArrow \n        ref={arrowRef} \n        context={context} \n        fill=\"currentColor\" />\n\n      {props.popup({ \n        annotation, \n        editable, \n        event,\n        onCreateBody,\n        onDeleteBody,\n        onUpdateBody\n      })}\n    </div>\n  )\n\n}"],"names":["toDOMRect","geometry","minX","minY","maxX","maxY","ImageAnnotationPopup","props","anno","useAnnotator","isOpen","setIsOpen","useState","arrowRef","useRef","selected","event","useSelection","annotation","_a","editable","_b","refs","floatingStyles","context","useFloating","inline","offset","flip","shift","arrow","autoUpdate","useEffect","rect","toClientRects","onCreateBody","body","id","uuidv4","onDeleteBody","onUpdateBody","current","next","updated","jsxs","jsx","FloatingArrow"],"mappings":"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"}
+{"version":3,"file":"annotorious-react.es4.js","sources":["../src/ImageAnnotationPopup.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { AnnotationBody, Geometry } from '@annotorious/annotorious';\nimport {\n  useFloating,\n  arrow,\n  shift,\n  inline,\n  autoUpdate,\n  flip,\n  offset,\n  FloatingArrow\n} from '@floating-ui/react';\nimport { useAnnotator, useSelection } from './Annotorious';\nimport { PopupProps } from './PopupProps';\nimport { toClientRects } from './utils/toClientRects';\nimport { AnnotoriousImageAnnotator } from '@annotorious/openseadragon';\n\nconst toDOMRect = (geometry: Geometry, container: HTMLDivElement) => {\n  const img = container.querySelector('img');\n\n  const { left, top } = img.getBoundingClientRect();\n\n  const kx = img.offsetWidth / img.naturalWidth;\n  const ky = img.offsetHeight / img.naturalHeight;\n\n  const { minX, minY, maxX, maxY } = geometry.bounds;\n\n  return new DOMRect(\n    left + kx * minX,\n    top + ky * minY,\n    kx * (maxX - minX),\n    ky * (maxY - minY)\n  );\n}\n\ninterface ImageAnnotationPopupProps {\n\n  arrow?: boolean;\n\n  popup: (props: PopupProps) => ReactNode;\n\n}\n\nexport const ImageAnnotationPopup = (props: ImageAnnotationPopupProps) => {\n\n  const anno = useAnnotator<AnnotoriousImageAnnotator>();\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const arrowRef = useRef(null);\n\n  const { selected, event } = useSelection();\n\n  const annotation = selected[0]?.annotation;\n\n  const editable = selected[0]?.editable;\n\n  const { refs, floatingStyles, context, update } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    middleware: [\n      inline(), \n      offset(10),\n      flip({ crossAxis: true }),\n      shift({ \n        crossAxis: true,\n        padding: { right: 5, left: 5, top: 10, bottom: 10 }\n      }),\n      arrow({\n        element: arrowRef,\n        padding: 5\n      })\n    ],\n    whileElementsMounted: autoUpdate\n  });\n\n  useEffect(() => {\n    if (selected.length === 0) {\n      setIsOpen(false);\n    } else {\n      const setPosition = () => { \n        const rect = toDOMRect(annotation.target.selector.geometry, anno.element);\n\n        refs.setReference({\n          getBoundingClientRect: () => rect,\n          getClientRects: () => toClientRects(rect)\n        });\n      }\n\n      window.addEventListener('scroll', setPosition, true);\n      window.addEventListener('resize', setPosition);\n\n      setPosition();\n\n      setIsOpen(true);\n\n      return () => {\n        window.removeEventListener('scroll', setPosition, true);\n        window.removeEventListener('resize', setPosition);\n      };\n    }\n  }, [anno, props.popup, selected]);\n\n  const onCreateBody = (body: Partial<AnnotationBody>) => {\n    const id = body.id || uuidv4();\n    \n    anno.state.store.addBody({\n      ...body,\n      id,\n      annotation: annotation.id,\n      created: body.created || new Date(),\n      creator: anno.getUser()\n    });\n  }\n\n  const onDeleteBody = (id: string) => {\n    anno.state.store.deleteBody({ id, annotation: annotation.id });\n  }\n\n  const onUpdateBody = (current: AnnotationBody, next: AnnotationBody) => {\n    const id = next.id || uuidv4();\n\n    const updated: AnnotationBody = {\n      updated: new Date(),\n      updatedBy: anno.getUser(),\n      ...next,\n      id,\n      annotation: annotation.id\n    }\n\n    anno.state.store.updateBody(current, updated);\n  }\n\n  return isOpen && annotation && (\n    <div\n      className=\"a9s-popup a9s-image-popup\"\n      ref={refs.setFloating}\n      style={floatingStyles}>\n\n      <FloatingArrow \n        ref={arrowRef} \n        context={context} />\n\n      {props.popup({ \n        annotation, \n        editable, \n        event,\n        onCreateBody,\n        onDeleteBody,\n        onUpdateBody\n      })}\n    </div>\n  )\n\n}"],"names":["toDOMRect","geometry","container","img","left","top","kx","ky","minX","minY","maxX","maxY","ImageAnnotationPopup","props","anno","useAnnotator","isOpen","setIsOpen","useState","arrowRef","useRef","selected","event","useSelection","annotation","_a","editable","_b","refs","floatingStyles","context","update","useFloating","inline","offset","flip","shift","arrow","autoUpdate","useEffect","setPosition","rect","toClientRects","onCreateBody","body","id","uuidv4","onDeleteBody","onUpdateBody","current","next","updated","jsxs","jsx","FloatingArrow"],"mappings":"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"}

package/dist/annotorious-react.es9.js

@@ -1,109 +1,111 @@
-import { j as u } from "./annotorious-react.es11.js";
-import { useState as D, useRef as S, useEffect as b } from "react";
-import g from "openseadragon";
-import { useAnnotator as j, useSelection as v } from "./annotorious-react.es2.js";
+import { j as g } from "./annotorious-react.es11.js";
+import { useState as O, useRef as A, useEffect as D } from "react";
+import w from "openseadragon";
+import { useAnnotator as L, useSelection as S } from "./annotorious-react.es2.js";
 /* empty css                      */
 /* empty css                      */
 import "@annotorious/core";
 import "@annotorious/annotorious";
-import { toClientRects as P } from "./annotorious-react.es14.js";
-import { useFloating as U, FloatingArrow as E } from "./annotorious-react.es13.js";
-import { useViewer as F } from "./annotorious-react.es8.js";
-import { inline as M, offset as T, flip as W, shift as X, arrow as Y } from "./annotorious-react.es15.js";
-import { autoUpdate as H } from "./annotorious-react.es16.js";
-import w from "./annotorious-react.es17.js";
-const I = (r, n) => {
-  const { minX: d, minY: a, maxX: o, maxY: p } = n.bounds, e = r.viewport.imageToWindowCoordinates(new g.Point(d, a)), c = r.viewport.imageToWindowCoordinates(new g.Point(o, p));
+import { toClientRects as b } from "./annotorious-react.es14.js";
+import { useFloating as j, FloatingArrow as P } from "./annotorious-react.es13.js";
+import { useViewer as U } from "./annotorious-react.es8.js";
+import { inline as F, offset as M, flip as V, shift as z, arrow as H } from "./annotorious-react.es15.js";
+import { autoUpdate as T } from "./annotorious-react.es16.js";
+import x from "./annotorious-react.es17.js";
+const X = (i, n) => {
+  const { minX: d, minY: a, maxX: o, maxY: p } = n.bounds, { top: s, left: l } = i.element.getBoundingClientRect(), t = i.viewport.imageToViewerElementCoordinates(new w.Point(d, a)), m = i.viewport.imageToViewerElementCoordinates(new w.Point(o, p));
   return new DOMRect(
-    e.x,
-    e.y,
-    c.x - e.x,
-    c.y - e.y
+    t.x + l,
+    t.y + s,
+    m.x - t.x,
+    m.y - t.y
   );
-}, et = (r) => {
-  var l, f;
-  const n = j(), [d, a] = D(!1), o = F(), p = S(null), { selected: e, event: c } = v(), i = (l = e[0]) == null ? void 0 : l.annotation, x = (f = e[0]) == null ? void 0 : f.editable, { refs: m, floatingStyles: y, context: R } = U({
+}, te = (i) => {
+  var u, f;
+  const n = L(), [d, a] = O(!1), o = U(), p = A(null), { selected: s, event: l } = S(), t = (u = s[0]) == null ? void 0 : u.annotation, m = (f = s[0]) == null ? void 0 : f.editable, { refs: c, floatingStyles: y, context: v } = j({
     open: d,
     onOpenChange: a,
     middleware: [
-      M(),
-      T(10),
-      W({ crossAxis: !0 }),
-      X({
+      F(),
+      M(10),
+      V({ crossAxis: !0 }),
+      z({
         crossAxis: !0,
         boundary: o == null ? void 0 : o.element,
         padding: { right: 5, left: 5, top: 10, bottom: 10 }
       }),
-      Y({
+      H({
         element: p,
         padding: 5
       })
     ],
-    whileElementsMounted: H
+    whileElementsMounted: T
   });
-  b(() => {
-    if (e.length === 0)
+  D(() => {
+    if (s.length === 0)
       a(!1);
     else {
-      const t = () => {
-        const s = I(o, i.target.selector.geometry);
-        m.setReference({
-          getBoundingClientRect: () => s,
-          getClientRects: () => P(s)
+      const e = () => {
+        const r = X(o, t.target.selector.geometry);
+        c.setReference({
+          getBoundingClientRect: () => r,
+          getClientRects: () => b(r)
         });
       };
-      t(), o.addHandler("update-viewport", t), a(!0);
+      return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), o.addHandler("update-viewport", e), e(), a(!0), () => {
+        window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), o.removeHandler("update-viewport", e);
+      };
     }
-  }, [r.popup, e, o]);
-  const B = (t) => {
-    const s = t.id || w();
+  }, [i.popup, s, o]);
+  const R = (e) => {
+    const r = e.id || x();
     n.state.store.addBody({
-      ...t,
-      id: s,
-      annotation: i.id,
-      created: t.created || /* @__PURE__ */ new Date(),
+      ...e,
+      id: r,
+      annotation: t.id,
+      created: e.created || /* @__PURE__ */ new Date(),
       creator: n.getUser()
     });
-  }, h = (t) => {
-    n.state.store.deleteBody({ id: t, annotation: i.id });
-  }, C = (t, s) => {
-    const O = s.id || w(), A = {
+  }, B = (e) => {
+    n.state.store.deleteBody({ id: e, annotation: t.id });
+  }, E = (e, r) => {
+    const C = r.id || x(), h = {
       updated: /* @__PURE__ */ new Date(),
       updatedBy: n.getUser(),
-      ...s,
-      id: O,
-      annotation: i.id
+      ...r,
+      id: C,
+      annotation: t.id
     };
-    n.state.store.updateBody(t, A);
+    n.state.store.updateBody(e, h);
   };
-  return d && i && /* @__PURE__ */ u.jsxs(
+  return d && t && /* @__PURE__ */ g.jsxs(
     "div",
     {
       className: "a9s-popup a9s-image-popup",
-      ref: m.setFloating,
+      ref: c.setFloating,
       style: y,
       children: [
-        /* @__PURE__ */ u.jsx(
-          E,
+        /* @__PURE__ */ g.jsx(
+          P,
           {
             ref: p,
-            context: R,
+            context: v,
             fill: "#fff"
           }
         ),
-        r.popup({
-          annotation: i,
-          editable: x,
-          event: c,
-          onCreateBody: B,
-          onDeleteBody: h,
-          onUpdateBody: C
+        i.popup({
+          annotation: t,
+          editable: m,
+          event: l,
+          onCreateBody: R,
+          onDeleteBody: B,
+          onUpdateBody: E
         })
       ]
     }
   );
 };
 export {
-  et as OpenSeadragonAnnotationPopup
+  te as OpenSeadragonAnnotationPopup
 };
 //# sourceMappingURL=annotorious-react.es9.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es9.js","sources":["../src/openseadragon/OpenSeadragonAnnotationPopup.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useAnnotator, useSelection, useViewer} from '@annotorious/react';\nimport type { AnnotoriousPopupProps } from '@annotorious/react';\nimport type { AnnotationBody, Annotator, Geometry, ImageAnnotation } from '@annotorious/annotorious';\nimport { toClientRects } from '../utils/toClientRects';\nimport {\n  useFloating,\n  arrow,\n  shift,\n  inline,\n  autoUpdate,\n  flip,\n  offset,\n  FloatingArrow\n} from '@floating-ui/react';\n\nconst toDOMRect = (viewer: OpenSeadragon.Viewer, geometry: Geometry) => {\n  const { minX, minY, maxX, maxY } = geometry.bounds;\n\n  const topLeft = viewer.viewport.imageToWindowCoordinates(new OpenSeadragon.Point(minX, minY));\n  const bottomRight = viewer.viewport.imageToWindowCoordinates(new OpenSeadragon.Point(maxX, maxY));\n\n  return new DOMRect(\n    topLeft.x,\n    topLeft.y,\n    bottomRight.x  - topLeft.x,\n    bottomRight.y - topLeft.y\n  );\n}\n\ninterface OpenSeadragonAnnotationPopupProps {\n\n  arrow?: boolean;\n\n  popup: (props: AnnotoriousPopupProps) => ReactNode;\n\n}\n\nexport const OpenSeadragonAnnotationPopup = (props: OpenSeadragonAnnotationPopupProps) => {\n  \n  const anno = useAnnotator<Annotator<ImageAnnotation>>();\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const viewer = useViewer();\n\n  const arrowRef = useRef(null);\n\n  const { selected, event } = useSelection();\n\n  const annotation = selected[0]?.annotation;\n\n  const editable = selected[0]?.editable;\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    middleware: [\n      inline(), \n      offset(10),\n      flip({ crossAxis: true }),\n      shift({ \n        crossAxis: true,\n        boundary: viewer?.element,\n        padding: { right: 5, left: 5, top: 10, bottom: 10 }\n      }),\n      arrow({\n        element: arrowRef,\n        padding: 5\n      })\n    ],\n    whileElementsMounted: autoUpdate\n  });\n\n  useEffect(() => {\n    if (selected.length === 0) {\n      setIsOpen(false);\n    } else {\n      const setPosition = () => { \n        \n        const rect = toDOMRect(viewer, annotation.target.selector.geometry);\n        \n        refs.setReference({\n          getBoundingClientRect: () => rect,\n          getClientRects: () => toClientRects(rect)\n        });\n      }\n\n      setPosition();\n\n      viewer.addHandler('update-viewport', setPosition);\n\n      setIsOpen(true);\n    }\n  }, [props.popup, selected, viewer]);\n\n  const onCreateBody = (body: Partial<AnnotationBody>) => {\n    const id = body.id || uuidv4();\n    \n    anno.state.store.addBody({\n      ...body,\n      id,\n      annotation: annotation.id,\n      created: body.created || new Date(),\n      creator: anno.getUser()\n    });\n  }\n\n  const onDeleteBody = (id: string) => {\n    anno.state.store.deleteBody({ id, annotation: annotation.id });\n  }\n\n  const onUpdateBody = (current: AnnotationBody, next: AnnotationBody) => {\n    const id = next.id || uuidv4();\n\n    const updated: AnnotationBody = {\n      updated: new Date(),\n      updatedBy: anno.getUser(),\n      ...next,\n      id,\n      annotation: annotation.id\n    }\n\n    anno.state.store.updateBody(current, updated);\n  }\n\n  return isOpen && annotation && (\n    <div\n      className=\"a9s-popup a9s-image-popup\"\n      ref={refs.setFloating}\n      style={floatingStyles}>\n\n      <FloatingArrow \n        ref={arrowRef} \n        context={context} \n        fill=\"#fff\" />\n\n      {props.popup({ \n        annotation, \n        editable, \n        event,\n        onCreateBody,\n        onDeleteBody,\n        onUpdateBody\n      })}\n    </div>\n  )\n\n}"],"names":["toDOMRect","viewer","geometry","minX","minY","maxX","maxY","topLeft","OpenSeadragon","bottomRight","OpenSeadragonAnnotationPopup","props","anno","useAnnotator","isOpen","setIsOpen","useState","useViewer","arrowRef","useRef","selected","event","useSelection","annotation","_a","editable","_b","refs","floatingStyles","context","useFloating","inline","offset","flip","shift","arrow","autoUpdate","useEffect","setPosition","rect","toClientRects","onCreateBody","body","id","uuidv4","onDeleteBody","onUpdateBody","current","next","updated","jsxs","jsx","FloatingArrow"],"mappings":"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"}
+{"version":3,"file":"annotorious-react.es9.js","sources":["../src/openseadragon/OpenSeadragonAnnotationPopup.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useAnnotator, useSelection, useViewer} from '@annotorious/react';\nimport type { PopupProps } from '@annotorious/react';\nimport type { AnnotationBody, Annotator, Geometry, ImageAnnotation } from '@annotorious/annotorious';\nimport { toClientRects } from '../utils/toClientRects';\nimport {\n  useFloating,\n  arrow,\n  shift,\n  inline,\n  autoUpdate,\n  flip,\n  offset,\n  FloatingArrow\n} from '@floating-ui/react';\n\nconst toDOMRect = (viewer: OpenSeadragon.Viewer, geometry: Geometry) => {\n  const { minX, minY, maxX, maxY } = geometry.bounds;\n\n  const { top, left } = viewer.element.getBoundingClientRect();\n\n  const topLeft = viewer.viewport.imageToViewerElementCoordinates(new OpenSeadragon.Point(minX, minY));\n  const bottomRight = viewer.viewport.imageToViewerElementCoordinates(new OpenSeadragon.Point(maxX, maxY));\n\n  return new DOMRect(\n    topLeft.x + left,\n    topLeft.y + top,\n    bottomRight.x  - topLeft.x,\n    bottomRight.y - topLeft.y\n  );\n}\n\ninterface OpenSeadragonAnnotationPopupProps {\n\n  arrow?: boolean;\n\n  popup: (props: PopupProps) => ReactNode;\n\n}\n\nexport const OpenSeadragonAnnotationPopup = (props: OpenSeadragonAnnotationPopupProps) => {\n  \n  const anno = useAnnotator<Annotator<ImageAnnotation>>();\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const viewer = useViewer();\n\n  const arrowRef = useRef(null);\n\n  const { selected, event } = useSelection();\n\n  const annotation = selected[0]?.annotation;\n\n  const editable = selected[0]?.editable;\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    middleware: [\n      inline(), \n      offset(10),\n      flip({ crossAxis: true }),\n      shift({ \n        crossAxis: true,\n        boundary: viewer?.element,\n        padding: { right: 5, left: 5, top: 10, bottom: 10 }\n      }),\n      arrow({\n        element: arrowRef,\n        padding: 5\n      })\n    ],\n    whileElementsMounted: autoUpdate\n  });\n\n  useEffect(() => {\n    if (selected.length === 0) {\n      setIsOpen(false);\n    } else {  \n      const setPosition = () => { \n        const rect = toDOMRect(viewer, annotation.target.selector.geometry);\n        \n        refs.setReference({\n          getBoundingClientRect: () => rect,\n          getClientRects: () => toClientRects(rect)\n        });\n      }\n\n      window.addEventListener('scroll', setPosition, true);\n      window.addEventListener('resize', setPosition);\n      viewer.addHandler('update-viewport', setPosition);\n\n      setPosition();\n\n      setIsOpen(true);\n\n      return () => {\n        window.removeEventListener('scroll', setPosition, true);\n        window.removeEventListener('resize', setPosition);\n        viewer.removeHandler('update-viewport', setPosition);\n      };\n    }\n  }, [props.popup, selected, viewer]);\n\n  const onCreateBody = (body: Partial<AnnotationBody>) => {\n    const id = body.id || uuidv4();\n    \n    anno.state.store.addBody({\n      ...body,\n      id,\n      annotation: annotation.id,\n      created: body.created || new Date(),\n      creator: anno.getUser()\n    });\n  }\n\n  const onDeleteBody = (id: string) => {\n    anno.state.store.deleteBody({ id, annotation: annotation.id });\n  }\n\n  const onUpdateBody = (current: AnnotationBody, next: AnnotationBody) => {\n    const id = next.id || uuidv4();\n\n    const updated: AnnotationBody = {\n      updated: new Date(),\n      updatedBy: anno.getUser(),\n      ...next,\n      id,\n      annotation: annotation.id\n    }\n\n    anno.state.store.updateBody(current, updated);\n  }\n\n  return isOpen && annotation && (\n    <div\n      className=\"a9s-popup a9s-image-popup\"\n      ref={refs.setFloating}\n      style={floatingStyles}>\n\n      <FloatingArrow \n        ref={arrowRef} \n        context={context} \n        fill=\"#fff\" />\n\n      {props.popup({ \n        annotation, \n        editable, \n        event,\n        onCreateBody,\n        onDeleteBody,\n        onUpdateBody\n      })}\n    </div>\n  )\n\n}"],"names":["toDOMRect","viewer","geometry","minX","minY","maxX","maxY","top","left","topLeft","OpenSeadragon","bottomRight","OpenSeadragonAnnotationPopup","props","anno","useAnnotator","isOpen","setIsOpen","useState","useViewer","arrowRef","useRef","selected","event","useSelection","annotation","_a","editable","_b","refs","floatingStyles","context","useFloating","inline","offset","flip","shift","arrow","autoUpdate","useEffect","setPosition","rect","toClientRects","onCreateBody","body","id","uuidv4","onDeleteBody","onUpdateBody","current","next","updated","jsxs","jsx","FloatingArrow"],"mappings":"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"}

package/dist/index.d.ts

@@ -2,9 +2,9 @@ import { createAnonymousGuest as _createAnonymousGuest, createBody as _createBod
 import { ShapeType as _ShapeType } from '@annotorious/annotorious';
 export * from './Annotorious';
 export * from './AnnotoriousPlugin';
-export * from './AnnotoriousPopupProps';
 export * from './ImageAnnotationPopup';
 export * from './ImageAnnotator';
+export * from './PopupProps';
 export * from './openseadragon';
 export type { Annotation, AnnotationBody, AnnotationState, AnnotationTarget, Annotator, AnnotatorState, Appearance, AppearanceProvider, Color, DrawingStyle, DrawingStyleExpression, Filter, FormatAdapter, HoverState, LifecycleEvents, ParseResult, PresentUser, Selection, SelectionState, Store, StoreChangeEvent, StoreObserver, User, W3CAnnotation, W3CAnnotationBody, W3CAnnotationTarget } from '@annotorious/core';
 export { _createAnonymousGuest as createAnonymousGuest };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,iBAAiB,CAAC;AAGhC,OAAO,0CAA0C,CAAC;AAClD,OAAO,0DAA0D,CAAC;AAGlE,YAAY,EACV,UAAU,EACV,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,KAAK,EACL,YAAY,EACZ,sBAAsB,EACtB,MAAM,EACN,aAAa,EACb,UAAU,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,cAAc,EACd,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,IAAI,EACJ,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,oBAAoB,IAAI,qBAAqB,EAC7C,UAAU,IAAI,WAAW,EACzB,oBAAoB,IAAI,qBAAqB,EAC7C,MAAM,IAAI,OAAO,EACjB,gBAAgB,IAAI,iBAAiB,EACtC,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,qBAAqB,IAAI,oBAAoB,EAAE,CAAC;AACzD,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC;AACrC,OAAO,EAAE,qBAAqB,IAAI,oBAAoB,EAAE,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC;AAC7B,OAAO,EAAE,iBAAiB,IAAI,gBAAgB,EAAE,CAAC;AAGjD,YAAY,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,cAAc,IAAI,yBAAyB,EAC3C,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAEL,SAAS,IAAI,UAAU,EAExB,MAAM,0BAA0B,CAAC;AAElC,eAAO,MAAM,oBAAoB,sWAAwB,CAAC;AAC1D,eAAO,MAAM,SAAS,mBAAa,CAAC;AACpC,eAAO,MAAM,cAAc,mJAAkB,CAAC;AAG9C,YAAY,EACV,sBAAsB,IAAI,iCAAiC,EAC5D,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAE7B,cAAc,iBAAiB,CAAC;AAGhC,OAAO,0CAA0C,CAAC;AAClD,OAAO,0DAA0D,CAAC;AAGlE,YAAY,EACV,UAAU,EACV,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,KAAK,EACL,YAAY,EACZ,sBAAsB,EACtB,MAAM,EACN,aAAa,EACb,UAAU,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,cAAc,EACd,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,IAAI,EACJ,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,oBAAoB,IAAI,qBAAqB,EAC7C,UAAU,IAAI,WAAW,EACzB,oBAAoB,IAAI,qBAAqB,EAC7C,MAAM,IAAI,OAAO,EACjB,gBAAgB,IAAI,iBAAiB,EACtC,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,qBAAqB,IAAI,oBAAoB,EAAE,CAAC;AACzD,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC;AACrC,OAAO,EAAE,qBAAqB,IAAI,oBAAoB,EAAE,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC;AAC7B,OAAO,EAAE,iBAAiB,IAAI,gBAAgB,EAAE,CAAC;AAGjD,YAAY,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,cAAc,IAAI,yBAAyB,EAC3C,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAEL,SAAS,IAAI,UAAU,EAExB,MAAM,0BAA0B,CAAC;AAElC,eAAO,MAAM,oBAAoB,sWAAwB,CAAC;AAC1D,eAAO,MAAM,SAAS,mBAAa,CAAC;AACpC,eAAO,MAAM,cAAc,mJAAkB,CAAC;AAG9C,YAAY,EACV,sBAAsB,IAAI,iCAAiC,EAC5D,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC"}

package/dist/openseadragon/OpenSeadragonAnnotationPopup.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
-import { AnnotoriousPopupProps } from '../index.ts';
+import { PopupProps } from '../index.ts';
 interface OpenSeadragonAnnotationPopupProps {
     arrow?: boolean;
-    popup: (props: AnnotoriousPopupProps) => ReactNode;
+    popup: (props: PopupProps) => ReactNode;
 }
 export declare const OpenSeadragonAnnotationPopup: (props: OpenSeadragonAnnotationPopupProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/openseadragon/OpenSeadragonAnnotationPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenSeadragonAnnotationPopup.d.ts","sourceRoot":"","sources":["../../src/openseadragon/OpenSeadragonAnnotationPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAI/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AA4BhE,UAAU,iCAAiC;IAEzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,KAAK,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;CAEpD;AAED,eAAO,MAAM,4BAA4B,UAAW,iCAAiC,4CA8GpF,CAAA"}
+{"version":3,"file":"OpenSeadragonAnnotationPopup.d.ts","sourceRoot":"","sources":["../../src/openseadragon/OpenSeadragonAnnotationPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAI/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AA8BrD,UAAU,iCAAiC;IAEzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;CAEzC;AAED,eAAO,MAAM,4BAA4B,UAAW,iCAAiC,4CAqHpF,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annotorious/react",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "description": "Annotorious React bindings",
   "author": "Rainer Simon",
   "license": "BSD-3-Clause",
@@ -29,7 +29,7 @@
     "@vitejs/plugin-react": "^4.3.1",
     "typescript": "5.5.4",
     "vite": "^5.4.2",
-    "vite-plugin-dts": "^4.0.3",
+    "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1"
   },
   "peerDependencies": {
@@ -43,9 +43,9 @@
     }
   },
   "dependencies": {
-    "@annotorious/annotorious": "3.0.1",
-    "@annotorious/core": "3.0.1",
-    "@annotorious/openseadragon": "3.0.1",
+    "@annotorious/annotorious": "3.0.3",
+    "@annotorious/core": "3.0.3",
+    "@annotorious/openseadragon": "3.0.3",
     "@floating-ui/react": "^0.26.23"
   },
   "sideEffects": false

package/dist/AnnotoriousPopupProps.d.ts

@@ -1,10 +0,0 @@
-import { AnnotationBody, ImageAnnotation } from '@annotorious/annotorious';
-export interface AnnotoriousPopupProps {
-    annotation: ImageAnnotation;
-    editable?: boolean;
-    event?: PointerEvent;
-    onCreateBody(body: AnnotationBody): void;
-    onDeleteBody(id: string): void;
-    onUpdateBody(current: AnnotationBody, next: AnnotationBody): void;
-}
-//# sourceMappingURL=AnnotoriousPopupProps.d.ts.map

package/dist/AnnotoriousPopupProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnnotoriousPopupProps.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPopupProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3E,MAAM,WAAW,qBAAqB;IAEpC,UAAU,EAAE,eAAe,CAAC;IAE5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,YAAY,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;IAEzC,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B,YAAY,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;CAEnE"}