@annotorious/react 3.0.0 → 3.0.2

package/dist/Annotorious.d.ts

@@ -1,6 +1,6 @@
 import { StoreObserveOptions, UserSelectActionExpression } from '@annotorious/core';
 import { ReactNode } from 'react';
-import { Annotation, Annotator, Selection as CoreSelection, Store, User } from '@annotorious/annotorious';
+import { Annotation, Annotator, Selection as CoreSelection, ImageAnnotation, Store, User } from '@annotorious/annotorious';
 interface Selection<T extends Annotation = Annotation> extends Omit<CoreSelection, 'selected'> {
     selected: {
         annotation: T;
@@ -20,11 +20,11 @@ export declare const Annotorious: import('react').ForwardRefExoticComponent<{
 } & import('react').RefAttributes<Annotator<Annotation, Annotation>>>;
 export declare const useAnnotator: <T extends unknown = Annotator<any, unknown>>() => T;
 export declare const useAnnotationStore: <T extends unknown = Store<Annotation>>() => T | undefined;
-export declare const useAnnotations: <T extends Annotation>(debounce?: number) => T[];
-export declare const useAnnotation: <T extends Annotation>(id: string, options?: Omit<StoreObserveOptions, "annotations">) => T;
-export declare const useAnnotationSelectAction: <T extends Annotation>(id: string, action: UserSelectActionExpression<T>) => import('@annotorious/core').UserSelectAction;
-export declare const useSelection: <T extends Annotation>() => Selection<T>;
+export declare const useAnnotations: <T extends Annotation = ImageAnnotation>(debounce?: number) => T[];
+export declare const useAnnotation: <T extends Annotation = ImageAnnotation>(id: string, options?: Omit<StoreObserveOptions, "annotations">) => T;
+export declare const useAnnotationSelectAction: <T extends Annotation = ImageAnnotation>(id: string, action: UserSelectActionExpression<T>) => import('@annotorious/core').UserSelectAction;
+export declare const useSelection: <T extends Annotation = ImageAnnotation>() => Selection<T>;
 export declare const useAnnotatorUser: () => User;
-export declare const useViewportState: <T extends Annotation>(debounce?: number) => T[];
+export declare const useViewportState: <T extends Annotation = ImageAnnotation>(debounce?: number) => T[];
 export {};
 //# sourceMappingURL=Annotorious.d.ts.map

package/dist/Annotorious.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Annotorious.d.ts","sourceRoot":"","sources":["../src/Annotorious.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAExF,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,SAAS,IAAI,aAAa,EAC1B,KAAK,EAEL,IAAI,EACL,MAAM,0BAA0B,CAAC;AAElC,UAAU,SAAS,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CAAE,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IAE5F,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CAEnD;AAED,eAAO,MAAM,kBAAkB;;;;;;;EAU7B,CAAC;AAEH,eAAO,MAAM,WAAW;cAAqC,SAAS;qEAuEpE,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,OAAO,iCAE7B,CAChB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,OAAO,2BAEtB,CAAC,GAAG,SACjC,CAAA;AAYD,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,aAAa,MAAM,QACG,CAAC;AAE1E,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,UAAU,MAAM,MAAM,YAAY,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,MAsBjH,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,UAAU,MAAM,MAAM,UAAU,0BAA0B,CAAC,CAAC,CAAC,iDAGhH,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,OAE3B,SAAS,CAAC,CAAC,CAChC,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAO,IAGnC,CAAA;AAmDD,eAAO,MAAM,gBAAgB,GAAK,CAAC,SAAS,UAAU,aAAa,MAAM,QACI,CAAC"}
+{"version":3,"file":"Annotorious.d.ts","sourceRoot":"","sources":["../src/Annotorious.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAExF,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,SAAS,IAAI,aAAa,EAC1B,eAAe,EACf,KAAK,EAEL,IAAI,EACL,MAAM,0BAA0B,CAAC;AAElC,UAAU,SAAS,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CAAE,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IAE5F,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CAEnD;AAED,eAAO,MAAM,kBAAkB;;;;;;;EAU7B,CAAC;AAEH,eAAO,MAAM,WAAW;cAAqC,SAAS;qEAuEpE,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,OAAO,iCAE7B,CAChB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,OAAO,2BAEtB,CAAC,GAAG,SACjC,CAAA;AAYD,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,+BAA+B,MAAM,QACf,CAAC;AAE1E,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,UAAU,wBAC5C,MAAM,YACA,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,MAuBnD,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,UAAU,wBAAwB,MAAM,UAAU,0BAA0B,CAAC,CAAC,CAAC,iDAGlI,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,yBAE3B,SAAS,CAAC,CAAC,CAChC,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAO,IAGnC,CAAA;AAmDD,eAAO,MAAM,gBAAgB,GAAK,CAAC,SAAS,UAAU,+BAA+B,MAAM,QACd,CAAC"}

package/dist/AnnotoriousPlugin.d.ts

@@ -1,3 +1,4 @@
+import { MutableRefObject } from 'react';
 import { Annotator } from '@annotorious/annotorious';
 export type AnnotatorPlugin<T extends unknown = Annotator<any, unknown>> = (anno: T, opts?: Object) => ({
     unmount?: () => void;
@@ -6,7 +7,9 @@ export interface AnnotoriousPluginProps<T extends unknown = Annotator<any, unkno
     plugin: AnnotatorPlugin<T>;
     opts?: Object;
 }
-export declare const AnnotoriousPlugin: import('react').ForwardRefExoticComponent<AnnotoriousPluginProps<unknown> & import('react').RefAttributes<void | {
-    unmount?: () => void;
-}>>;
+type PluginReturnType<T> = ReturnType<AnnotatorPlugin<T>>;
+export declare const AnnotoriousPlugin: <T extends unknown = Annotator<any, unknown>>(props: AnnotoriousPluginProps<T> & {
+    ref?: MutableRefObject<PluginReturnType<T>>;
+}) => any;
+export {};
 //# sourceMappingURL=AnnotoriousPlugin.d.ts.map

package/dist/AnnotoriousPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotoriousPlugin.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPlugin.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,OAAO,GAAG,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,IACrE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,GAAG,IAAI,CAAC;AAEhE,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,OAAO,GAAG,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC;IAEjF,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,EAAE,MAAM,CAAC;CAEf;AAID,eAAO,MAAM,iBAAiB;cAZa,MAAM,IAAI;GAwCnD,CAAC"}
+{"version":3,"file":"AnnotoriousPlugin.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,OAAO,GAAG,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,IACrE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,GAAG,IAAI,CAAC;AAEhE,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,OAAO,GAAG,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC;IAEjF,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,EAAE,MAAM,CAAC;CAEf;AAED,KAAK,gBAAgB,CAAC,CAAC,IAAI,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1D,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,OAAO,mCAC1C,sBAAsB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,QA0BnF,CAAA"}

package/dist/ImageAnnotationPopup.d.ts

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

package/dist/ImageAnnotationPopup.d.ts.map

@@ -0,0 +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,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/ImageAnnotator.d.ts

@@ -1,9 +1,9 @@
 import { ReactElement } from 'react';
-import { AnnotoriousOpts, DrawingStyle, DrawingTool, Filter, ImageAnnotation } from '@annotorious/annotorious';
+import { AnnotoriousOpts, DrawingTool, Filter, ImageAnnotation } from '@annotorious/annotorious';
 export interface ImageAnnotatorProps<E extends unknown> extends AnnotoriousOpts<ImageAnnotation, E> {
     children: ReactElement<HTMLImageElement>;
+    containerClassName?: string;
     filter?: Filter<ImageAnnotation>;
-    style?: DrawingStyle | ((annotation: ImageAnnotation) => DrawingStyle);
     tool?: DrawingTool;
 }
 export declare const ImageAnnotator: <E extends unknown>(props: ImageAnnotatorProps<E>) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageAnnotator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageAnnotator.d.ts","sourceRoot":"","sources":["../src/ImageAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAuC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,eAAe,EAAwB,MAAM,0BAA0B,CAAC;AACjF,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGnG,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,OAAO,CAAE,SAAQ,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC;IAEjG,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAEzC,MAAM,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAEjC,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,UAAU,EAAE,eAAe,KAAK,YAAY,CAAC,CAAC;IAEvE,IAAI,CAAC,EAAE,WAAW,CAAC;CAEpB;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,OAAO,SAAS,mBAAmB,CAAC,CAAC,CAAC,4CAmC9E,CAAA"}
+{"version":3,"file":"ImageAnnotator.d.ts","sourceRoot":"","sources":["../src/ImageAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAuC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,eAAe,EAAwB,MAAM,0BAA0B,CAAC;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGrF,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,OAAO,CAAE,SAAQ,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC;IAEjG,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAEzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,MAAM,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAEjC,IAAI,CAAC,EAAE,WAAW,CAAC;CAEpB;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,OAAO,SAAS,mBAAmB,CAAC,CAAC,CAAC,4CAwC9E,CAAA"}

package/dist/PopupProps.d.ts

@@ -0,0 +1,10 @@
+import { AnnotationBody, ImageAnnotation } from '@annotorious/annotorious';
+export interface PopupProps {
+    annotation: ImageAnnotation;
+    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,cAAc,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3E,MAAM,WAAW,UAAU;IAEzB,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"}

package/dist/annotorious-react.es.js

@@ -1,24 +1,24 @@
-import { Annotorious as A, AnnotoriousContext as g, useAnnotation as c, useAnnotationSelectAction as S, useAnnotationStore as f, useAnnotations as x, useAnnotator as l, useAnnotatorUser as I, useSelection as d, useViewportState as y } from "./annotorious-react.es2.js";
+import { Annotorious as u, AnnotoriousContext as c, useAnnotation as g, useAnnotationSelectAction as S, useAnnotationStore as f, useAnnotations as x, useAnnotator as I, useAnnotatorUser as d, useSelection as l, useViewportState as y } from "./annotorious-react.es2.js";
 import { AnnotoriousPlugin as O } from "./annotorious-react.es3.js";
-import { Draggable as w } from "./annotorious-react.es4.js";
-import { ImageAnnotator as P } from "./annotorious-react.es5.js";
+import { ImageAnnotationPopup as h } from "./annotorious-react.es4.js";
+import { ImageAnnotator as F } from "./annotorious-react.es5.js";
 /* empty css                      */
 /* empty css                      */
-import { Origin as V, UserSelectAction as W, createAnonymousGuest as $, createBody as U, defaultColorProvider as b } from "@annotorious/core";
+import { Origin as V, UserSelectAction as W, createAnonymousGuest as $, createBody as U, defaultColorProvider as v } from "@annotorious/core";
 import { createImageAnnotator as o, ShapeType as e, W3CImageFormat as t } from "@annotorious/annotorious";
-import { OpenSeadragonAnnotator as B, useViewer as D } from "./annotorious-react.es8.js";
-import { OpenSeadragonPopup as j } from "./annotorious-react.es9.js";
-import { OpenSeadragonViewer as q } from "./annotorious-react.es10.js";
+import { OpenSeadragonAnnotator as G, useViewer as b } from "./annotorious-react.es8.js";
+import { OpenSeadragonAnnotationPopup as k } from "./annotorious-react.es9.js";
+import { OpenSeadragonViewer as z } from "./annotorious-react.es10.js";
 const p = o, m = e, s = t;
 export {
-  A as Annotorious,
-  g as AnnotoriousContext,
+  u as Annotorious,
+  c as AnnotoriousContext,
   O as AnnotoriousPlugin,
-  w as Draggable,
-  P as ImageAnnotator,
-  B as OpenSeadragonAnnotator,
-  j as OpenSeadragonPopup,
-  q as OpenSeadragonViewer,
+  h as ImageAnnotationPopup,
+  F as ImageAnnotator,
+  k as OpenSeadragonAnnotationPopup,
+  G as OpenSeadragonAnnotator,
+  z as OpenSeadragonViewer,
   V as Origin,
   m as ShapeType,
   W as UserSelectAction,
@@ -26,15 +26,15 @@ export {
   $ as createAnonymousGuest,
   U as createBody,
   p as createImageAnnotator,
-  b as defaultColorProvider,
-  c as useAnnotation,
+  v as defaultColorProvider,
+  g as useAnnotation,
   S as useAnnotationSelectAction,
   f as useAnnotationStore,
   x as useAnnotations,
-  l as useAnnotator,
-  I as useAnnotatorUser,
-  d as useSelection,
-  D as useViewer,
+  I as useAnnotator,
+  d as useAnnotatorUser,
+  l as useSelection,
+  b as useViewer,
   y as useViewportState
 };
 //# sourceMappingURL=annotorious-react.es.js.map

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 './AnnotoriousPopup';\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":";;;;;;;;;;;AAkFO,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.es11.js

@@ -1,6 +1,6 @@
-import { __module as e } from "./annotorious-react.es15.js";
-import { __require as r } from "./annotorious-react.es16.js";
-import { __require as o } from "./annotorious-react.es17.js";
+import { __module as e } from "./annotorious-react.es18.js";
+import { __require as r } from "./annotorious-react.es19.js";
+import { __require as o } from "./annotorious-react.es20.js";
 process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
 var m = e.exports;
 export {

package/dist/annotorious-react.es13.js

@@ -1,137 +1,275 @@
-import { useRef as pe, useState as ie, useEffect as se } from "react";
-var Q = { dragStart: !0 }, he = (e, t = {}) => {
-  let o, l, { bounds: c, axis: m = "both", gpuAcceleration: f = !0, legacyTranslate: R = !0, transform: M, applyUserSelectHack: N = !0, disabled: $ = !1, ignoreMultitouch: B = !1, recomputeBounds: b = Q, grid: H, position: u, cancel: D, handle: S, defaultClass: E = "neodrag", defaultClassDragging: i = "neodrag-dragging", defaultClassDragged: g = "neodrag-dragged", defaultPosition: U = { x: 0, y: 0 }, onDragStart: ce, onDrag: ue, onDragEnd: fe } = t, Y = !1, x = 0, A = 0, L = 0, T = 0, W = 0, j = 0, { x: q, y: P } = u ? { x: (u == null ? void 0 : u.x) ?? 0, y: (u == null ? void 0 : u.y) ?? 0 } : U;
-  J(q, P);
-  let y, C, X, F, ee, ne = "", ge = !!u;
-  b = { ...Q, ...b };
-  let k = /* @__PURE__ */ new Set();
-  const G = document.body.style, v = e.classList;
-  function J(n = x, a = A) {
-    if (!M) {
-      if (R) {
-        let d = `${+n}px, ${+a}px`;
-        return z(e, "transform", f ? `translate3d(${d}, 0)` : `translate(${d})`);
-      }
-      return z(e, "translate", `${+n}px ${+a}px ${f ? "1px" : ""}`);
+import * as o from "react";
+import { useLayoutEffect as Y, useEffect as q } from "react";
+import { getComputedStyle as Q, isElement as I } from "./annotorious-react.es21.js";
+import { getOverflowAncestors as Re } from "./annotorious-react.es21.js";
+import "react-dom";
+import { useFloating as Z } from "./annotorious-react.es15.js";
+import { arrow as xe, flip as Ee, inline as we, offset as Ce, shift as Se } from "./annotorious-react.es15.js";
+const W = {
+  ...o
+}, z = W.useInsertionEffect, G = z || ((t) => t());
+function J(t) {
+  const n = o.useRef(() => {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("Cannot call an event handler while rendering.");
+  });
+  return G(() => {
+    n.current = t;
+  }), o.useCallback(function() {
+    for (var s = arguments.length, e = new Array(s), r = 0; r < s; r++)
+      e[r] = arguments[r];
+    return n.current == null ? void 0 : n.current(...e);
+  }, []);
+}
+var b = typeof document < "u" ? Y : q;
+function D() {
+  return D = Object.assign ? Object.assign.bind() : function(t) {
+    for (var n = 1; n < arguments.length; n++) {
+      var s = arguments[n];
+      for (var e in s)
+        Object.prototype.hasOwnProperty.call(s, e) && (t[e] = s[e]);
     }
-    const s = M({ offsetX: n, offsetY: a, rootNode: e });
-    V(s) && z(e, "transform", s);
-  }
-  const K = (n, a) => {
-    const s = { offsetX: x, offsetY: A, rootNode: e, currentNode: ee };
-    e.dispatchEvent(new CustomEvent(n, { detail: s })), a == null || a(s);
-  }, O = addEventListener;
-  O("pointerdown", te, !1), O("pointerup", oe, !1), O("pointermove", ae, !1), z(e, "touch-action", "none");
-  const re = () => {
-    let n = e.offsetWidth / C.width;
-    return isNaN(n) && (n = 1), n;
-  };
-  function te(n) {
-    if ($ || n.button === 2) return;
-    if (k.add(n.pointerId), B && k.size > 1) return n.preventDefault();
-    if (b.dragStart && (y = Z(c, e)), V(S) && V(D) && S === D) throw new Error("`handle` selector can't be same as `cancel` selector");
-    if (v.add(E), X = function(r, h) {
-      if (!r) return [h];
-      if (_(r)) return [r];
-      if (Array.isArray(r)) return r;
-      const w = h.querySelectorAll(r);
-      if (w === null) throw new Error("Selector passed for `handle` option should be child of the element on which the action is applied");
-      return Array.from(w.values());
-    }(S, e), F = function(r, h) {
-      if (!r) return [];
-      if (_(r)) return [r];
-      if (Array.isArray(r)) return r;
-      const w = h.querySelectorAll(r);
-      if (w === null) throw new Error("Selector passed for `cancel` option should be child of the element on which the action is applied");
-      return Array.from(w.values());
-    }(D, e), o = /(both|x)/.test(m), l = /(both|y)/.test(m), le(F, X)) throw new Error("Element being dragged can't be a child of the element on which `cancel` is applied");
-    const a = n.composedPath()[0];
-    if (!X.some((r) => {
-      var h;
-      return r.contains(a) || ((h = r.shadowRoot) == null ? void 0 : h.contains(a));
-    }) || le(F, [a])) return;
-    ee = X.length === 1 ? e : X.find((r) => r.contains(a)), Y = !0, C = e.getBoundingClientRect(), N && (ne = G.userSelect, G.userSelect = "none"), K("neodrag:start", ce);
-    const { clientX: s, clientY: d } = n, p = re();
-    o && (L = s - q / p), l && (T = d - P / p), y && (W = s - C.left, j = d - C.top);
+    return t;
+  }, D.apply(this, arguments);
+}
+let V = !1, K = 0;
+const j = () => (
+  // Ensure the id is unique with multiple independent versions of Floating UI
+  // on <React 18
+  "floating-ui-" + Math.random().toString(36).slice(2, 6) + K++
+);
+function k() {
+  const [t, n] = o.useState(() => V ? j() : void 0);
+  return b(() => {
+    t == null && n(j());
+  }, []), o.useEffect(() => {
+    V = !0;
+  }, []), t;
+}
+const _ = W.useId, $ = _ || k;
+let P;
+process.env.NODE_ENV !== "production" && (P = /* @__PURE__ */ new Set());
+function ee() {
+  for (var t, n = arguments.length, s = new Array(n), e = 0; e < n; e++)
+    s[e] = arguments[e];
+  const r = "Floating UI: " + s.join(" ");
+  if (!((t = P) != null && t.has(r))) {
+    var l;
+    (l = P) == null || l.add(r), console.warn(r);
   }
-  function oe(n) {
-    k.delete(n.pointerId), Y && (b.dragEnd && (y = Z(c, e)), v.remove(i), v.add(g), N && (G.userSelect = ne), K("neodrag:end", fe), o && (L = x), l && (T = A), Y = !1);
+}
+function te() {
+  for (var t, n = arguments.length, s = new Array(n), e = 0; e < n; e++)
+    s[e] = arguments[e];
+  const r = "Floating UI: " + s.join(" ");
+  if (!((t = P) != null && t.has(r))) {
+    var l;
+    (l = P) == null || l.add(r), console.error(r);
   }
-  function ae(n) {
-    if (!Y || B && k.size > 1) return;
-    b.drag && (y = Z(c, e)), v.add(i), n.preventDefault(), C = e.getBoundingClientRect();
-    let a = n.clientX, s = n.clientY;
-    const d = re();
-    if (y) {
-      const p = { left: y.left + W, top: y.top + j, right: y.right + W - C.width, bottom: y.bottom + j - C.height };
-      a = de(a, p.left, p.right), s = de(s, p.top, p.bottom);
+}
+const me = /* @__PURE__ */ o.forwardRef(function(n, s) {
+  const {
+    context: {
+      placement: e,
+      elements: {
+        floating: r
+      },
+      middlewareData: {
+        arrow: l,
+        shift: u
+      }
+    },
+    width: i = 14,
+    height: a = 7,
+    tipRadius: O = 0,
+    strokeWidth: d = 0,
+    staticOffset: p,
+    stroke: h,
+    d: c,
+    style: {
+      transform: m,
+      ...R
+    } = {},
+    ...v
+  } = n;
+  process.env.NODE_ENV !== "production" && (s || ee("The `ref` prop is required for `FloatingArrow`."));
+  const x = $(), [C, f] = o.useState(!1);
+  if (b(() => {
+    if (!r) return;
+    Q(r).direction === "rtl" && f(!0);
+  }, [r]), !r)
+    return null;
+  const [g, F] = e.split("-"), M = g === "top" || g === "bottom";
+  let S = p;
+  (M && u != null && u.x || !M && u != null && u.y) && (S = null);
+  const E = d * 2, N = E / 2, A = i / 2 * (O / -8 + 1), T = a / 2 * O / 4, w = !!c, B = S && F === "end" ? "bottom" : "top";
+  let y = S && F === "end" ? "right" : "left";
+  S && C && (y = F === "end" ? "left" : "right");
+  const U = (l == null ? void 0 : l.x) != null ? S || l.x : "", H = (l == null ? void 0 : l.y) != null ? S || l.y : "", L = c || "M0,0" + (" H" + i) + (" L" + (i - A) + "," + (a - T)) + (" Q" + i / 2 + "," + a + " " + A + "," + (a - T)) + " Z", X = {
+    top: w ? "rotate(180deg)" : "",
+    left: w ? "rotate(90deg)" : "rotate(-90deg)",
+    bottom: w ? "" : "rotate(180deg)",
+    right: w ? "rotate(-90deg)" : "rotate(90deg)"
+  }[g];
+  return /* @__PURE__ */ o.createElement("svg", D({}, v, {
+    "aria-hidden": !0,
+    ref: s,
+    width: w ? i : i + E,
+    height: i,
+    viewBox: "0 0 " + i + " " + (a > i ? a : i),
+    style: {
+      position: "absolute",
+      pointerEvents: "none",
+      [y]: U,
+      [B]: H,
+      [g]: M || w ? "100%" : "calc(100% - " + E / 2 + "px)",
+      transform: "" + X + (m ?? ""),
+      ...R
     }
-    if (Array.isArray(H)) {
-      let [p, r] = H;
-      if (isNaN(+p) || p < 0) throw new Error("1st argument of `grid` must be a valid positive number");
-      if (isNaN(+r) || r < 0) throw new Error("2nd argument of `grid` must be a valid positive number");
-      let h = a - L, w = s - T;
-      [h, w] = me([p / d, r / d], h, w), a = L + h, s = T + w;
+  }), E > 0 && /* @__PURE__ */ o.createElement("path", {
+    clipPath: "url(#" + x + ")",
+    fill: "none",
+    stroke: h,
+    strokeWidth: E + (c ? 0 : 1),
+    d: L
+  }), /* @__PURE__ */ o.createElement("path", {
+    stroke: E && !c ? v.fill : "none",
+    d: L
+  }), /* @__PURE__ */ o.createElement("clipPath", {
+    id: x
+  }, /* @__PURE__ */ o.createElement("rect", {
+    x: -N,
+    y: N * (w ? -1 : 1),
+    width: i + E,
+    height: i
+  })));
+});
+function ne() {
+  const t = /* @__PURE__ */ new Map();
+  return {
+    emit(n, s) {
+      var e;
+      (e = t.get(n)) == null || e.forEach((r) => r(s));
+    },
+    on(n, s) {
+      t.set(n, [...t.get(n) || [], s]);
+    },
+    off(n, s) {
+      var e;
+      t.set(n, ((e = t.get(n)) == null ? void 0 : e.filter((r) => r !== s)) || []);
     }
-    o && (x = Math.round((a - L) * d)), l && (A = Math.round((s - T) * d)), q = x, P = A, K("neodrag", ue), J();
-  }
-  return { destroy: () => {
-    const n = removeEventListener;
-    n("pointerdown", te, !1), n("pointerup", oe, !1), n("pointermove", ae, !1);
-  }, update: (n) => {
-    var s, d;
-    m = n.axis || "both", $ = n.disabled ?? !1, B = n.ignoreMultitouch ?? !1, S = n.handle, c = n.bounds, b = n.recomputeBounds ?? Q, D = n.cancel, N = n.applyUserSelectHack ?? !0, H = n.grid, f = n.gpuAcceleration ?? !0, R = n.legacyTranslate ?? !0, M = n.transform;
-    const a = v.contains(g);
-    v.remove(E, g), E = n.defaultClass ?? "neodrag", i = n.defaultClassDragging ?? "neodrag-dragging", g = n.defaultClassDragged ?? "neodrag-dragged", v.add(E), a && v.add(g), ge && (q = x = ((s = n.position) == null ? void 0 : s.x) ?? x, P = A = ((d = n.position) == null ? void 0 : d.y) ?? A, J());
-  } };
-}, de = (e, t, o) => Math.min(Math.max(e, t), o), V = (e) => typeof e == "string", me = ([e, t], o, l) => {
-  const c = (m, f) => f === 0 ? 0 : Math.ceil(m / f) * f;
-  return [c(o, e), c(l, t)];
-}, le = (e, t) => e.some((o) => t.some((l) => o.contains(l)));
-function Z(e, t) {
-  if (e === void 0) return;
-  if (_(e)) return e.getBoundingClientRect();
-  if (typeof e == "object") {
-    const { top: l = 0, left: c = 0, right: m = 0, bottom: f = 0 } = e;
-    return { top: l, right: window.innerWidth - m, bottom: window.innerHeight - f, left: c };
-  }
-  if (e === "parent") return t.parentNode.getBoundingClientRect();
-  const o = document.querySelector(e);
-  if (o === null) throw new Error("The selector provided for bound doesn't exists in the document.");
-  return o.getBoundingClientRect();
-}
-var z = (e, t, o) => e.style.setProperty(t, o), _ = (e) => e instanceof HTMLElement;
-function I(e) {
-  return e == null || typeof e == "string" || e instanceof HTMLElement ? e : "current" in e ? e.current : Array.isArray(e) ? e.map((t) => t instanceof HTMLElement ? t : t.current) : void 0;
+  };
 }
-function we(e, t = {}) {
-  const o = pe(), [l, c] = ie(!1), [m, f] = ie();
-  let { onDragStart: R, onDrag: M, onDragEnd: N, handle: $, cancel: B } = t, b = I($), H = I(B);
-  function u(i, g) {
-    f(i), g == null || g(i);
-  }
-  function D(i) {
-    c(!0), u(i, R);
-  }
-  function S(i) {
-    u(i, M);
+const oe = /* @__PURE__ */ o.createContext(null), re = /* @__PURE__ */ o.createContext(null), se = () => {
+  var t;
+  return ((t = o.useContext(oe)) == null ? void 0 : t.id) || null;
+}, ce = () => o.useContext(re);
+function le(t) {
+  const {
+    open: n = !1,
+    onOpenChange: s,
+    elements: e
+  } = t, r = $(), l = o.useRef({}), [u] = o.useState(() => ne()), i = se() != null;
+  if (process.env.NODE_ENV !== "production") {
+    const c = e.reference;
+    c && !I(c) && te("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
   }
-  function E(i) {
-    c(!1), u(i, N);
-  }
-  return se(() => {
-    if (typeof window > "u") return;
-    const i = e.current;
-    if (!i) return;
-    ({ onDragStart: R, onDrag: M, onDragEnd: N } = t);
-    const { update: g, destroy: U } = he(i, { ...t, handle: b, cancel: H, onDragStart: D, onDrag: S, onDragEnd: E });
-    return o.current = g, U;
-  }, []), se(() => {
-    var i;
-    (i = o.current) == null || i.call(o, { ...t, handle: I($), cancel: I(B), onDragStart: D, onDrag: S, onDragEnd: E });
-  }, [t]), { isDragging: l, dragState: m };
+  const [a, O] = o.useState(e.reference), d = J((c, m, R) => {
+    l.current.openEvent = c ? m : void 0, u.emit("openchange", {
+      open: c,
+      event: m,
+      reason: R,
+      nested: i
+    }), s == null || s(c, m, R);
+  }), p = o.useMemo(() => ({
+    setPositionReference: O
+  }), []), h = o.useMemo(() => ({
+    reference: a || e.reference || null,
+    floating: e.floating || null,
+    domReference: e.reference
+  }), [a, e.reference, e.floating]);
+  return o.useMemo(() => ({
+    dataRef: l,
+    open: n,
+    onOpenChange: d,
+    elements: h,
+    events: u,
+    floatingId: r,
+    refs: p
+  }), [n, d, h, u, r, p]);
+}
+function ge(t) {
+  t === void 0 && (t = {});
+  const {
+    nodeId: n
+  } = t, s = le({
+    ...t,
+    elements: {
+      reference: null,
+      floating: null,
+      ...t.elements
+    }
+  }), e = t.rootContext || s, r = e.elements, [l, u] = o.useState(null), [i, a] = o.useState(null), d = (r == null ? void 0 : r.reference) || l, p = o.useRef(null), h = ce();
+  b(() => {
+    d && (p.current = d);
+  }, [d]);
+  const c = Z({
+    ...t,
+    elements: {
+      ...r,
+      ...i && {
+        reference: i
+      }
+    }
+  }), m = o.useCallback((f) => {
+    const g = I(f) ? {
+      getBoundingClientRect: () => f.getBoundingClientRect(),
+      contextElement: f
+    } : f;
+    a(g), c.refs.setReference(g);
+  }, [c.refs]), R = o.useCallback((f) => {
+    (I(f) || f === null) && (p.current = f, u(f)), (I(c.refs.reference.current) || c.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    // `null` to support `positionReference` + an unstable `reference`
+    // callback ref.
+    f !== null && !I(f)) && c.refs.setReference(f);
+  }, [c.refs]), v = o.useMemo(() => ({
+    ...c.refs,
+    setReference: R,
+    setPositionReference: m,
+    domReference: p
+  }), [c.refs, R, m]), x = o.useMemo(() => ({
+    ...c.elements,
+    domReference: d
+  }), [c.elements, d]), C = o.useMemo(() => ({
+    ...c,
+    ...e,
+    refs: v,
+    elements: x,
+    nodeId: n
+  }), [c, v, x, n, e]);
+  return b(() => {
+    e.dataRef.current.floatingContext = C;
+    const f = h == null ? void 0 : h.nodesRef.current.find((g) => g.id === n);
+    f && (f.context = C);
+  }), o.useMemo(() => ({
+    ...c,
+    context: C,
+    refs: v,
+    elements: x
+  }), [c, v, x, C]);
 }
 export {
-  we as useDraggable
+  me as FloatingArrow,
+  xe as arrow,
+  Ee as flip,
+  Re as getOverflowAncestors,
+  we as inline,
+  Ce as offset,
+  Se as shift,
+  ge as useFloating,
+  se as useFloatingParentNodeId,
+  le as useFloatingRootContext,
+  ce as useFloatingTree,
+  $ as useId
 };
 //# sourceMappingURL=annotorious-react.es13.js.map