@annotorious/react 3.0.0-rc.9 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/dist/Annotorious.d.ts +14 -43
  2. package/dist/Annotorious.d.ts.map +1 -1
  3. package/dist/AnnotoriousPlugin.d.ts +12 -6
  4. package/dist/AnnotoriousPlugin.d.ts.map +1 -1
  5. package/dist/AnnotoriousPopupProps.d.ts +10 -0
  6. package/dist/AnnotoriousPopupProps.d.ts.map +1 -0
  7. package/dist/ImageAnnotationPopup.d.ts +9 -0
  8. package/dist/ImageAnnotationPopup.d.ts.map +1 -0
  9. package/dist/ImageAnnotator.d.ts +2 -3
  10. package/dist/ImageAnnotator.d.ts.map +1 -1
  11. package/dist/annotorious-react.css +1 -1
  12. package/dist/annotorious-react.es.js +37 -34
  13. package/dist/annotorious-react.es.js.map +1 -1
  14. package/dist/annotorious-react.es10.js +15 -35
  15. package/dist/annotorious-react.es10.js.map +1 -1
  16. package/dist/annotorious-react.es11.js +6 -16
  17. package/dist/annotorious-react.es11.js.map +1 -1
  18. package/dist/annotorious-react.es12.js +8 -4
  19. package/dist/annotorious-react.es12.js.map +1 -1
  20. package/dist/annotorious-react.es13.js +272 -8
  21. package/dist/annotorious-react.es13.js.map +1 -1
  22. package/dist/annotorious-react.es14.js +9 -153
  23. package/dist/annotorious-react.es14.js.map +1 -1
  24. package/dist/annotorious-react.es15.js +193 -6
  25. package/dist/annotorious-react.es15.js.map +1 -1
  26. package/dist/annotorious-react.es16.js +327 -22113
  27. package/dist/annotorious-react.es16.js.map +1 -1
  28. package/dist/annotorious-react.es17.js +11 -32
  29. package/dist/annotorious-react.es17.js.map +1 -1
  30. package/dist/annotorious-react.es19.js +6 -10
  31. package/dist/annotorious-react.es19.js.map +1 -1
  32. package/dist/annotorious-react.es2.js +87 -68
  33. package/dist/annotorious-react.es2.js.map +1 -1
  34. package/dist/annotorious-react.es20.js +214 -207
  35. package/dist/annotorious-react.es20.js.map +1 -1
  36. package/dist/annotorious-react.es21.js +126 -2
  37. package/dist/annotorious-react.es21.js.map +1 -1
  38. package/dist/annotorious-react.es22.js +2 -2
  39. package/dist/annotorious-react.es23.js +5 -0
  40. package/dist/annotorious-react.es23.js.map +1 -0
  41. package/dist/annotorious-react.es24.js +10 -0
  42. package/dist/annotorious-react.es24.js.map +1 -0
  43. package/dist/annotorious-react.es25.js +8 -0
  44. package/dist/annotorious-react.es25.js.map +1 -0
  45. package/dist/annotorious-react.es26.js +10 -0
  46. package/dist/annotorious-react.es26.js.map +1 -0
  47. package/dist/annotorious-react.es27.js +129 -0
  48. package/dist/annotorious-react.es27.js.map +1 -0
  49. package/dist/annotorious-react.es28.js +466 -0
  50. package/dist/annotorious-react.es28.js.map +1 -0
  51. package/dist/annotorious-react.es3.js +10 -11
  52. package/dist/annotorious-react.es3.js.map +1 -1
  53. package/dist/annotorious-react.es4.js +90 -12
  54. package/dist/annotorious-react.es4.js.map +1 -1
  55. package/dist/annotorious-react.es5.js +21 -20
  56. package/dist/annotorious-react.es5.js.map +1 -1
  57. package/dist/annotorious-react.es8.js +27 -80
  58. package/dist/annotorious-react.es8.js.map +1 -1
  59. package/dist/annotorious-react.es9.js +103 -26
  60. package/dist/annotorious-react.es9.js.map +1 -1
  61. package/dist/index.d.ts +10 -10
  62. package/dist/index.d.ts.map +1 -1
  63. package/dist/openseadragon/OpenSeadragonAnnotationPopup.d.ts +9 -0
  64. package/dist/openseadragon/OpenSeadragonAnnotationPopup.d.ts.map +1 -0
  65. package/dist/openseadragon/OpenSeadragonAnnotator.d.ts +7 -8
  66. package/dist/openseadragon/OpenSeadragonAnnotator.d.ts.map +1 -1
  67. package/dist/openseadragon/OpenSeadragonViewer.d.ts +2 -3
  68. package/dist/openseadragon/OpenSeadragonViewer.d.ts.map +1 -1
  69. package/dist/openseadragon/index.d.ts +1 -1
  70. package/dist/openseadragon/index.d.ts.map +1 -1
  71. package/dist/openseadragon/setPosition.d.ts +1 -1
  72. package/dist/openseadragon/setPosition.d.ts.map +1 -1
  73. package/dist/utils/toClientRects.d.ts +6 -0
  74. package/dist/utils/toClientRects.d.ts.map +1 -0
  75. package/package.json +15 -13
  76. package/dist/AnnotoriousPopup.d.ts +0 -16
  77. package/dist/AnnotoriousPopup.d.ts.map +0 -1
  78. package/dist/annotorious-react.es6.js +0 -5
  79. package/dist/annotorious-react.es6.js.map +0 -1
  80. package/dist/annotorious-react.es7.js +0 -5
  81. package/dist/annotorious-react.es7.js.map +0 -1
  82. package/dist/openseadragon/OpenSeadragonPopup.d.ts +0 -11
  83. package/dist/openseadragon/OpenSeadragonPopup.d.ts.map +0 -1
@@ -1,32 +1,109 @@
1
- import { jsx as d } from "./annotorious-react.es12.js";
2
- import { createContext as u, useState as w, useContext as l, useEffect as n } from "react";
3
- import { createOSDAnnotator as m } from "./annotorious-react.es16.js";
4
- import { AnnotoriousContext as g } from "./annotorious-react.es2.js";
5
- const s = u({ viewer: null, setViewer: null }), C = (e) => {
6
- const { children: v, tool: i, ...c } = e, [o, f] = w(), { anno: t, setAnno: a } = l(g);
7
- return n(() => {
8
- if (o) {
9
- const r = m(o, c);
10
- return e.tool && r.setDrawingTool(e.tool), a(r), () => {
11
- r.destroy(), a(void 0);
1
+ import { j as u } from "./annotorious-react.es11.js";
2
+ import { useState as D, useRef as S, useEffect as b } from "react";
3
+ import g from "openseadragon";
4
+ import { useAnnotator as j, useSelection as v } from "./annotorious-react.es2.js";
5
+ /* empty css */
6
+ /* empty css */
7
+ import "@annotorious/core";
8
+ import "@annotorious/annotorious";
9
+ import { toClientRects as P } from "./annotorious-react.es14.js";
10
+ import { useFloating as U, FloatingArrow as E } from "./annotorious-react.es13.js";
11
+ import { useViewer as F } from "./annotorious-react.es8.js";
12
+ import { inline as M, offset as T, flip as W, shift as X, arrow as Y } from "./annotorious-react.es15.js";
13
+ import { autoUpdate as H } from "./annotorious-react.es16.js";
14
+ import w from "./annotorious-react.es17.js";
15
+ const I = (r, n) => {
16
+ 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));
17
+ return new DOMRect(
18
+ e.x,
19
+ e.y,
20
+ c.x - e.x,
21
+ c.y - e.y
22
+ );
23
+ }, et = (r) => {
24
+ var l, f;
25
+ 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({
26
+ open: d,
27
+ onOpenChange: a,
28
+ middleware: [
29
+ M(),
30
+ T(10),
31
+ W({ crossAxis: !0 }),
32
+ X({
33
+ crossAxis: !0,
34
+ boundary: o == null ? void 0 : o.element,
35
+ padding: { right: 5, left: 5, top: 10, bottom: 10 }
36
+ }),
37
+ Y({
38
+ element: p,
39
+ padding: 5
40
+ })
41
+ ],
42
+ whileElementsMounted: H
43
+ });
44
+ b(() => {
45
+ if (e.length === 0)
46
+ a(!1);
47
+ else {
48
+ const t = () => {
49
+ const s = I(o, i.target.selector.geometry);
50
+ m.setReference({
51
+ getBoundingClientRect: () => s,
52
+ getClientRects: () => P(s)
53
+ });
12
54
  };
55
+ t(), o.addHandler("update-viewport", t), a(!0);
13
56
  }
14
- }, [o]), n(() => {
15
- t && t.setDrawingTool(i);
16
- }, [i]), n(() => {
17
- t && t.setDrawingEnabled(e.drawingEnabled);
18
- }, [e.drawingEnabled]), n(() => {
19
- t && t.setFilter(e.filter);
20
- }, [e.filter]), n(() => {
21
- t && t.setStyle(e.style);
22
- }, [e.style]), /* @__PURE__ */ d(s.Provider, { value: { viewer: o, setViewer: f }, children: e.children });
23
- }, D = () => {
24
- const { viewer: e } = l(s);
25
- return e;
57
+ }, [r.popup, e, o]);
58
+ const B = (t) => {
59
+ const s = t.id || w();
60
+ n.state.store.addBody({
61
+ ...t,
62
+ id: s,
63
+ annotation: i.id,
64
+ created: t.created || /* @__PURE__ */ new Date(),
65
+ creator: n.getUser()
66
+ });
67
+ }, h = (t) => {
68
+ n.state.store.deleteBody({ id: t, annotation: i.id });
69
+ }, C = (t, s) => {
70
+ const O = s.id || w(), A = {
71
+ updated: /* @__PURE__ */ new Date(),
72
+ updatedBy: n.getUser(),
73
+ ...s,
74
+ id: O,
75
+ annotation: i.id
76
+ };
77
+ n.state.store.updateBody(t, A);
78
+ };
79
+ return d && i && /* @__PURE__ */ u.jsxs(
80
+ "div",
81
+ {
82
+ className: "a9s-popup a9s-image-popup",
83
+ ref: m.setFloating,
84
+ style: y,
85
+ children: [
86
+ /* @__PURE__ */ u.jsx(
87
+ E,
88
+ {
89
+ ref: p,
90
+ context: R,
91
+ fill: "#fff"
92
+ }
93
+ ),
94
+ r.popup({
95
+ annotation: i,
96
+ editable: x,
97
+ event: c,
98
+ onCreateBody: B,
99
+ onDeleteBody: h,
100
+ onUpdateBody: C
101
+ })
102
+ ]
103
+ }
104
+ );
26
105
  };
27
106
  export {
28
- C as OpenSeadragonAnnotator,
29
- s as OpenSeadragonAnnotatorContext,
30
- D as useViewer
107
+ et as OpenSeadragonAnnotationPopup
31
108
  };
32
109
  //# sourceMappingURL=annotorious-react.es9.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"annotorious-react.es9.js","sources":["../src/openseadragon/OpenSeadragonAnnotator.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useEffect, useState } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { createOSDAnnotator } from '@annotorious/openseadragon';\nimport { AnnotoriousOpts, DrawingStyle, Filter, ImageAnnotation } from '..';\nimport { AnnotoriousContext } from '../Annotorious';\n\nexport const OpenSeadragonAnnotatorContext = createContext<{ \n viewer: OpenSeadragon.Viewer,\n setViewer(viewer: OpenSeadragon.Viewer): void\n}>({ viewer: null, setViewer: null });\n\nexport type OpenSeadragonAnnotatorProps<E extends unknown> = AnnotoriousOpts<ImageAnnotation, E> & {\n\n children?: ReactNode;\n\n drawingEnabled?: boolean;\n\n filter?: Filter<ImageAnnotation>;\n\n style?: DrawingStyle | ((annotation: ImageAnnotation) => DrawingStyle);\n\n tool?: string | null;\n\n}\n\nexport const OpenSeadragonAnnotator = <E extends unknown>(props: OpenSeadragonAnnotatorProps<E>) => {\n\n const { children, tool, ...opts } = props;\n\n const [viewer, setViewer] = useState<OpenSeadragon.Viewer>();\n\n const { anno, setAnno } = useContext(AnnotoriousContext);\n\n useEffect(() => {\n if (viewer) {\n const anno = createOSDAnnotator<E>(viewer, opts);\n\n if (props.tool)\n anno.setDrawingTool(props.tool);\n\n setAnno(anno);\n\n return () => {\n anno.destroy();\n setAnno(undefined);\n }\n }\n }, [viewer]);\n\n useEffect(() => {\n if (anno) anno.setDrawingTool(tool);\n }, [tool]);\n\n useEffect(() => {\n if (anno) anno.setDrawingEnabled(props.drawingEnabled);\n }, [props.drawingEnabled]);\n\n useEffect(() => {\n if (anno) anno.setFilter(props.filter);\n }, [props.filter]);\n\n useEffect(() => {\n if (anno) anno.setStyle(props.style);\n }, [props.style]);\n\n return (\n <OpenSeadragonAnnotatorContext.Provider value={{ viewer, setViewer }}>\n {props.children}\n </OpenSeadragonAnnotatorContext.Provider>\n )\n\n}\n\nexport const useViewer = () => {\n const { viewer } = useContext(OpenSeadragonAnnotatorContext);\n return viewer;\n}"],"names":["OpenSeadragonAnnotatorContext","createContext","OpenSeadragonAnnotator","props","children","tool","opts","viewer","setViewer","useState","anno","setAnno","useContext","AnnotoriousContext","useEffect","createOSDAnnotator","jsx","useViewer"],"mappings":";;;;AAMO,MAAMA,IAAgCC,EAG1C,EAAE,QAAQ,MAAM,WAAW,MAAM,GAgBvBC,IAAyB,CAAoBC,MAA0C;AAElG,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAASH,GAE9B,CAACI,GAAQC,CAAS,IAAIC,EAA+B,GAErD,EAAE,MAAAC,GAAM,SAAAC,EAAQ,IAAIC,EAAWC,CAAkB;AAEvD,SAAAC,EAAU,MAAM;AACd,QAAIP,GAAQ;AACJG,YAAAA,IAAOK,EAAsBR,GAAQD,CAAI;AAE/C,aAAIH,EAAM,QACRO,EAAK,eAAeP,EAAM,IAAI,GAEhCQ,EAAQD,CAAI,GAEL,MAAM;AACXA,QAAAA,EAAK,QAAQ,GACbC,EAAQ,MAAS;AAAA,MAAA;AAAA,IAErB;AAAA,EAAA,GACC,CAACJ,CAAM,CAAC,GAEXO,EAAU,MAAM;AACV,IAAAJ,KAAMA,EAAK,eAAeL,CAAI;AAAA,EAAA,GACjC,CAACA,CAAI,CAAC,GAETS,EAAU,MAAM;AACV,IAAAJ,KAAWA,EAAA,kBAAkBP,EAAM,cAAc;AAAA,EAAA,GACpD,CAACA,EAAM,cAAc,CAAC,GAEzBW,EAAU,MAAM;AACV,IAAAJ,KAAWA,EAAA,UAAUP,EAAM,MAAM;AAAA,EAAA,GACpC,CAACA,EAAM,MAAM,CAAC,GAEjBW,EAAU,MAAM;AACV,IAAAJ,KAAWA,EAAA,SAASP,EAAM,KAAK;AAAA,EAAA,GAClC,CAACA,EAAM,KAAK,CAAC,GAGd,gBAAAa,EAAChB,EAA8B,UAA9B,EAAuC,OAAO,EAAE,QAAAO,GAAQ,WAAAC,EACtD,GAAA,UAAAL,EAAM,SACT,CAAA;AAGJ,GAEac,IAAY,MAAM;AAC7B,QAAM,EAAE,QAAAV,EAAA,IAAWK,EAAWZ,CAA6B;AACpD,SAAAO;AACT;"}
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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"}
package/dist/index.d.ts CHANGED
@@ -1,21 +1,21 @@
1
+ import { createAnonymousGuest as _createAnonymousGuest, createBody as _createBody, defaultColorProvider as _defaultColorProvider, Origin as _Origin, UserSelectAction as _UserSelectAction } from '@annotorious/core';
2
+ import { ShapeType as _ShapeType } from '@annotorious/annotorious';
1
3
  export * from './Annotorious';
2
4
  export * from './AnnotoriousPlugin';
3
- export * from './AnnotoriousPopup';
5
+ export * from './AnnotoriousPopupProps';
6
+ export * from './ImageAnnotationPopup';
4
7
  export * from './ImageAnnotator';
5
8
  export * from './openseadragon';
6
- export type { Annotation, AnnotationBody, AnnotationTarget, Annotator, AnnotatorState, Appearance, AppearanceProvider, Color, DrawingStyle, Filter, FormatAdapter, HoverState, LifecycleEvents, ParseResult, PresentUser, Purpose, Selection, SelectionState, Store, StoreChangeEvent, StoreObserver, User, W3CAnnotation, W3CAnnotationBody, W3CAnnotationTarget, W3CSelector } from '@annotorious/core';
7
- import { createAnonymousGuest as _createAnonymousGuest, createBody as _createBody, defaultColorProvider as _defaultColorProvider, Origin as _Origin, PointerSelectAction as _PointerSelectAction } from '@annotorious/core';
9
+ 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';
8
10
  export { _createAnonymousGuest as createAnonymousGuest };
9
11
  export { _createBody as createBody };
10
12
  export { _defaultColorProvider as defaultColorProvider };
11
13
  export { _Origin as Origin };
12
- export { _PointerSelectAction as PointerSelectAction };
13
- export type { AnnotoriousOpts, DrawingMode, DrawingTool, ImageAnnotator as AnnotoriousImageAnnotator, ImageAnnotation } from '@annotorious/annotorious';
14
- import { createImageAnnotator as _createImageAnnotator } from '@annotorious/annotorious';
15
- export { _createImageAnnotator as createImageAnnotator };
14
+ export { _UserSelectAction as UserSelectAction };
15
+ export type { AnnotoriousOpts, DrawingMode, DrawingTool, FragmentSelector, ImageAnnotator as AnnotoriousImageAnnotator, ImageAnnotation, ImageAnnotatorState, Polygon, PolygonGeometry, Rectangle, RectangleGeometry, Shape, SVGSelector, W3CImageAnnotation, W3CImageAnnotationTarget, W3CImageFormatAdapter, W3CImageFormatAdapterOpts } from '@annotorious/annotorious';
16
+ export declare const createImageAnnotator: <I extends import('@annotorious/core').Annotation = import('@annotorious/annotorious').ImageAnnotation, E extends unknown = import('@annotorious/annotorious').ImageAnnotation>(image: string | HTMLImageElement | HTMLCanvasElement, options?: import('@annotorious/annotorious').AnnotoriousOpts<I, E>) => import('@annotorious/annotorious').ImageAnnotator<I, E>;
17
+ export declare const ShapeType: typeof _ShapeType;
18
+ export declare const W3CImageFormat: (source: string, opts?: import('@annotorious/annotorious').W3CImageFormatAdapterOpts) => import('@annotorious/annotorious').W3CImageFormatAdapter;
16
19
  export type { OpenSeadragonAnnotator as AnnotoriousOpenSeadragonAnnotator } from '@annotorious/openseadragon';
17
- import { ShapeType as _ShapeType, W3CImageFormat as _W3CImageFormat } from '@annotorious/annotorious';
18
- export { _ShapeType as ShapeType };
19
- export { _W3CImageFormat as W3CImageFormat };
20
20
  export type { Viewer } from 'openseadragon';
21
21
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,iBAAiB,CAAC;AAGhC,OAAO,0CAA0C,CAAC;AAClD,OAAO,0DAA0D,CAAC;AAGlE,YAAY,EACV,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,KAAK,EACL,YAAY,EACZ,MAAM,EACN,aAAa,EACb,UAAU,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACX,OAAO,EACP,SAAS,EACT,cAAc,EACd,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,IAAI,EACJ,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACnB,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,oBAAoB,IAAI,qBAAqB,EAC7C,UAAU,IAAI,WAAW,EACzB,oBAAoB,IAAI,qBAAqB,EAC7C,MAAM,IAAI,OAAO,EACjB,mBAAmB,IAAI,oBAAoB,EAC5C,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,oBAAoB,IAAI,mBAAmB,EAAE,CAAC;AAGvD,YAAY,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACX,cAAc,IAAI,yBAAyB,EAC3C,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,oBAAoB,IAAI,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEzF,OAAO,EAAE,qBAAqB,IAAI,oBAAoB,EAAE,CAAC;AAGzD,YAAY,EACV,sBAAsB,IAAI,iCAAiC,EAC5D,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,SAAS,IAAI,UAAU,EACvB,cAAc,IAAI,eAAe,EAClC,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,SAAS,EAAE,CAAC;AACnC,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAE7C,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC"}
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"}
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ import { AnnotoriousPopupProps } from '../index.ts';
3
+ interface OpenSeadragonAnnotationPopupProps {
4
+ arrow?: boolean;
5
+ popup: (props: AnnotoriousPopupProps) => ReactNode;
6
+ }
7
+ export declare const OpenSeadragonAnnotationPopup: (props: OpenSeadragonAnnotationPopupProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=OpenSeadragonAnnotationPopup.d.ts.map
@@ -0,0 +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"}
@@ -1,17 +1,16 @@
1
1
  import { ReactNode } from 'react';
2
- import OpenSeadragon from 'openseadragon';
3
- import { AnnotoriousOpts, DrawingStyle, Filter, ImageAnnotation } from '..';
4
- export declare const OpenSeadragonAnnotatorContext: import("react").Context<{
2
+ import { default as OpenSeadragon } from 'openseadragon';
3
+ import { Annotation, AnnotoriousOpts, DrawingStyle, Filter } from '@annotorious/annotorious';
4
+ export declare const OpenSeadragonAnnotatorContext: import('react').Context<{
5
5
  viewer: OpenSeadragon.Viewer;
6
6
  setViewer(viewer: OpenSeadragon.Viewer): void;
7
7
  }>;
8
- export type OpenSeadragonAnnotatorProps<E extends unknown> = AnnotoriousOpts<ImageAnnotation, E> & {
8
+ export type OpenSeadragonAnnotatorProps<I extends Annotation, E extends unknown> = AnnotoriousOpts<I, E> & {
9
9
  children?: ReactNode;
10
- drawingEnabled?: boolean;
11
- filter?: Filter<ImageAnnotation>;
12
- style?: DrawingStyle | ((annotation: ImageAnnotation) => DrawingStyle);
10
+ filter?: Filter<I>;
11
+ style?: DrawingStyle | ((annotation: I) => DrawingStyle);
13
12
  tool?: string | null;
14
13
  };
15
- export declare const OpenSeadragonAnnotator: <E extends unknown>(props: OpenSeadragonAnnotatorProps<E>) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const OpenSeadragonAnnotator: <I extends Annotation, E extends unknown>(props: OpenSeadragonAnnotatorProps<I, E>) => import("react/jsx-runtime").JSX.Element;
16
15
  export declare const useViewer: () => OpenSeadragon.Viewer;
17
16
  //# sourceMappingURL=OpenSeadragonAnnotator.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"OpenSeadragonAnnotator.d.ts","sourceRoot":"","sources":["../../src/openseadragon/OpenSeadragonAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAmC,MAAM,OAAO,CAAC;AAClF,OAAO,aAAa,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AAG5E,eAAO,MAAM,6BAA6B;YAChC,cAAc,MAAM;sBACV,cAAc,MAAM,GAAG,IAAI;EACV,CAAC;AAEtC,MAAM,MAAM,2BAA2B,CAAC,CAAC,SAAS,OAAO,IAAI,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC,GAAG;IAEjG,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,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,MAAM,GAAG,IAAI,CAAC;CAEtB,CAAA;AAED,eAAO,MAAM,sBAAsB,uGA8ClC,CAAA;AAED,eAAO,MAAM,SAAS,4BAGrB,CAAA"}
1
+ {"version":3,"file":"OpenSeadragonAnnotator.d.ts","sourceRoot":"","sources":["../../src/openseadragon/OpenSeadragonAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAmC,MAAM,OAAO,CAAC;AAClF,OAAO,aAAa,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,EAAmB,MAAM,0BAA0B,CAAC;AAG9G,eAAO,MAAM,6BAA6B;YAChC,aAAa,CAAC,MAAM;sBACV,aAAa,CAAC,MAAM,GAAG,IAAI;EACV,CAAC;AAEtC,MAAM,MAAM,2BAA2B,CAAC,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,OAAO,IAAI,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAEzG,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,KAAK,YAAY,CAAC,CAAC;IAEzD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAEtB,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,OAAO,SAAS,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC,4CAgDvH,CAAA;AAED,eAAO,MAAM,SAAS,4BAGrB,CAAA"}
@@ -1,8 +1,7 @@
1
- /// <reference types="react" />
2
- import OpenSeadragon from 'openseadragon';
1
+ import { default as OpenSeadragon } from 'openseadragon';
3
2
  export interface OpenSeadragonViewerProps {
4
3
  className?: string;
5
4
  options: OpenSeadragon.Options;
6
5
  }
7
- export declare const OpenSeadragonViewer: import("react").ForwardRefExoticComponent<OpenSeadragonViewerProps & import("react").RefAttributes<OpenSeadragon.Viewer>>;
6
+ export declare const OpenSeadragonViewer: import('react').ForwardRefExoticComponent<OpenSeadragonViewerProps & import('react').RefAttributes<OpenSeadragon.Viewer>>;
8
7
  //# sourceMappingURL=OpenSeadragonViewer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"OpenSeadragonViewer.d.ts","sourceRoot":"","sources":["../../src/openseadragon/OpenSeadragonViewer.tsx"],"names":[],"mappings":";AACA,OAAO,aAAa,MAAM,eAAe,CAAC;AAG1C,MAAM,WAAW,wBAAwB;IAEvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC;CAEhC;AAED,eAAO,MAAM,mBAAmB,2HAgC9B,CAAC"}
1
+ {"version":3,"file":"OpenSeadragonViewer.d.ts","sourceRoot":"","sources":["../../src/openseadragon/OpenSeadragonViewer.tsx"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,eAAe,CAAC;AAG1C,MAAM,WAAW,wBAAwB;IAEvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC;CAEhC;AAED,eAAO,MAAM,mBAAmB,2HAgC9B,CAAC"}
@@ -1,6 +1,6 @@
1
1
  export { OpenSeadragonAnnotator, useViewer } from './OpenSeadragonAnnotator';
2
2
  export type { OpenSeadragonAnnotatorProps } from './OpenSeadragonAnnotator';
3
- export { OpenSeadragonPopup, type OpenSeadragonPopupProps } from './OpenSeadragonPopup';
3
+ export { OpenSeadragonAnnotationPopup, } from './OpenSeadragonAnnotationPopup';
4
4
  export * from './OpenSeadragonViewer';
5
5
  export type { OpenSeadragonAnnotator as AnnotoriousOpenSeadragonAnnotator } from '@annotorious/openseadragon';
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/openseadragon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,SAAS,EACV,MAAM,0BAA0B,CAAC;AAElC,YAAY,EACV,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,cAAc,uBAAuB,CAAC;AAGtC,YAAY,EACV,sBAAsB,IAAI,iCAAiC,EAC5D,MAAM,4BAA4B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/openseadragon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,SAAS,EACV,MAAM,0BAA0B,CAAC;AAElC,YAAY,EACV,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,4BAA4B,GAC7B,MAAM,gCAAgC,CAAC;AAExC,cAAc,uBAAuB,CAAC;AAGtC,YAAY,EACV,sBAAsB,IAAI,iCAAiC,EAC5D,MAAM,4BAA4B,CAAC"}
@@ -1,4 +1,4 @@
1
1
  import { ImageAnnotation } from '@annotorious/annotorious';
2
- import OpenSeadragon from 'openseadragon';
2
+ import { default as OpenSeadragon } from 'openseadragon';
3
3
  export declare const setPosition: (viewer: OpenSeadragon.Viewer, annotation: ImageAnnotation, popup: HTMLElement, sideOffset?: number) => void;
4
4
  //# sourceMappingURL=setPosition.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"setPosition.d.ts","sourceRoot":"","sources":["../../src/openseadragon/setPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,aAAa,MAAM,eAAe,CAAC;AAuB1C,eAAO,MAAM,WAAW,WACd,cAAc,MAAM,cAChB,eAAe,SACpB,WAAW,eACN,MAAM,SAqGnB,CAAA"}
1
+ {"version":3,"file":"setPosition.d.ts","sourceRoot":"","sources":["../../src/openseadragon/setPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,aAAa,MAAM,eAAe,CAAC;AAqB1C,eAAO,MAAM,WAAW,WACd,aAAa,CAAC,MAAM,cAChB,eAAe,SACpB,WAAW,eACN,MAAM,SAqGnB,CAAA"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Wraps a single DOMRect into an object that properly
3
+ * implements the DOMRectList interface.
4
+ */
5
+ export declare const toClientRects: (rect: DOMRect) => DOMRectList;
6
+ //# sourceMappingURL=toClientRects.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toClientRects.d.ts","sourceRoot":"","sources":["../../src/utils/toClientRects.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,aAAa,SAAU,OAAO,gBAO1B,CAAC"}
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@annotorious/react",
3
- "version": "3.0.0-rc.9",
3
+ "version": "3.0.1",
4
4
  "description": "Annotorious React bindings",
5
5
  "author": "Rainer Simon",
6
6
  "license": "BSD-3-Clause",
7
- "homepage": "https://annotorious.github.io",
7
+ "homepage": "https://annotorious.dev",
8
8
  "type": "module",
9
9
  "scripts": {
10
10
  "start": "vite",
@@ -24,17 +24,16 @@
24
24
  "./annotorious-react.css": "./dist/annotorious-react.css"
25
25
  },
26
26
  "devDependencies": {
27
- "@types/react": "^18.2.15",
28
- "@types/react-dom": "^18.2.7",
29
- "@vitejs/plugin-react": "^3.1.0",
30
- "typescript": "^4.9.5",
31
- "vite": "^4.4.9",
32
- "vite-plugin-dts": "^3.6.0",
33
- "vite-tsconfig-paths": "^4.2.1"
27
+ "@types/react": "^18.3.5",
28
+ "@types/react-dom": "^18.3.0",
29
+ "@vitejs/plugin-react": "^4.3.1",
30
+ "typescript": "5.5.4",
31
+ "vite": "^5.4.2",
32
+ "vite-plugin-dts": "^4.0.3",
33
+ "vite-tsconfig-paths": "^5.0.1"
34
34
  },
35
35
  "peerDependencies": {
36
- "@annotorious/annotorious": "*",
37
- "openseadragon": "^3.0.0 || ^4.0.0",
36
+ "openseadragon": "^3.0.0 || ^4.0.0 || ^5.0.0",
38
37
  "react": "16.8.0 || >=17.x || >=18.x",
39
38
  "react-dom": "16.8.0 || >=17.x || >=18.x"
40
39
  },
@@ -44,7 +43,10 @@
44
43
  }
45
44
  },
46
45
  "dependencies": {
47
- "@neodrag/react": "^2.0.3"
46
+ "@annotorious/annotorious": "3.0.1",
47
+ "@annotorious/core": "3.0.1",
48
+ "@annotorious/openseadragon": "3.0.1",
49
+ "@floating-ui/react": "^0.26.23"
48
50
  },
49
51
  "sideEffects": false
50
- }
52
+ }
@@ -1,16 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { ImageAnnotation } from '.';
3
- export interface AnnotoriousPopupProps {
4
- selected: {
5
- annotation: ImageAnnotation;
6
- editable?: boolean;
7
- }[];
8
- }
9
- export interface DraggableProps {
10
- children: ReactNode;
11
- className?: string;
12
- onDragStart?(): void;
13
- onDragEnd?(): void;
14
- }
15
- export declare const Draggable: import("react").ForwardRefExoticComponent<DraggableProps & import("react").RefAttributes<HTMLDivElement>>;
16
- //# sourceMappingURL=AnnotoriousPopup.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AnnotoriousPopup.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAGpC,MAAM,WAAW,qBAAqB;IAEpC,QAAQ,EAAE;QAAE,UAAU,EAAE,eAAe,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CAEjE;AAED,MAAM,WAAW,cAAc;IAE7B,QAAQ,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,IAAI,IAAI,CAAC;IAErB,SAAS,CAAC,IAAI,IAAI,CAAC;CAEpB;AAED,eAAO,MAAM,SAAS,2GAepB,CAAC"}
@@ -1,5 +0,0 @@
1
- const o = "";
2
- export {
3
- o as default
4
- };
5
- //# sourceMappingURL=annotorious-react.es6.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"annotorious-react.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,5 +0,0 @@
1
- const o = "";
2
- export {
3
- o as default
4
- };
5
- //# sourceMappingURL=annotorious-react.es7.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"annotorious-react.es7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,11 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import OpenSeadragon from 'openseadragon';
3
- import { AnnotoriousPopupProps } from '../AnnotoriousPopup';
4
- export type OpenSeadragonPopupProps = AnnotoriousPopupProps & {
5
- viewer: OpenSeadragon.Viewer;
6
- };
7
- export type OpenSeadragonPopupContainerProps = {
8
- popup(props: OpenSeadragonPopupProps): ReactNode;
9
- };
10
- export declare const OpenSeadragonPopup: (props: OpenSeadragonPopupContainerProps) => import("react/jsx-runtime").JSX.Element;
11
- //# sourceMappingURL=OpenSeadragonPopup.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"OpenSeadragonPopup.d.ts","sourceRoot":"","sources":["../../src/openseadragon/OpenSeadragonPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAE/D,OAAO,aAAa,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAa,MAAM,qBAAqB,CAAC;AAKvE,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,GAAG;IAE5D,MAAM,EAAE,aAAa,CAAC,MAAM,CAAA;CAE7B,CAAA;AAED,MAAM,MAAM,gCAAgC,GAAG;IAE7C,KAAK,CAAC,KAAK,EAAE,uBAAuB,GAAG,SAAS,CAAA;CAEjD,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAW,gCAAgC,4CA6DzE,CAAA"}