@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.
- package/dist/Annotorious.d.ts +14 -43
- package/dist/Annotorious.d.ts.map +1 -1
- package/dist/AnnotoriousPlugin.d.ts +12 -6
- package/dist/AnnotoriousPlugin.d.ts.map +1 -1
- package/dist/AnnotoriousPopupProps.d.ts +10 -0
- package/dist/AnnotoriousPopupProps.d.ts.map +1 -0
- package/dist/ImageAnnotationPopup.d.ts +9 -0
- package/dist/ImageAnnotationPopup.d.ts.map +1 -0
- package/dist/ImageAnnotator.d.ts +2 -3
- package/dist/ImageAnnotator.d.ts.map +1 -1
- package/dist/annotorious-react.css +1 -1
- package/dist/annotorious-react.es.js +37 -34
- package/dist/annotorious-react.es.js.map +1 -1
- package/dist/annotorious-react.es10.js +15 -35
- package/dist/annotorious-react.es10.js.map +1 -1
- package/dist/annotorious-react.es11.js +6 -16
- package/dist/annotorious-react.es11.js.map +1 -1
- package/dist/annotorious-react.es12.js +8 -4
- package/dist/annotorious-react.es12.js.map +1 -1
- package/dist/annotorious-react.es13.js +272 -8
- package/dist/annotorious-react.es13.js.map +1 -1
- package/dist/annotorious-react.es14.js +9 -153
- package/dist/annotorious-react.es14.js.map +1 -1
- package/dist/annotorious-react.es15.js +193 -6
- package/dist/annotorious-react.es15.js.map +1 -1
- package/dist/annotorious-react.es16.js +327 -22113
- package/dist/annotorious-react.es16.js.map +1 -1
- package/dist/annotorious-react.es17.js +11 -32
- package/dist/annotorious-react.es17.js.map +1 -1
- package/dist/annotorious-react.es19.js +6 -10
- package/dist/annotorious-react.es19.js.map +1 -1
- package/dist/annotorious-react.es2.js +87 -68
- package/dist/annotorious-react.es2.js.map +1 -1
- package/dist/annotorious-react.es20.js +214 -207
- package/dist/annotorious-react.es20.js.map +1 -1
- package/dist/annotorious-react.es21.js +126 -2
- package/dist/annotorious-react.es21.js.map +1 -1
- package/dist/annotorious-react.es22.js +2 -2
- package/dist/annotorious-react.es23.js +5 -0
- package/dist/annotorious-react.es23.js.map +1 -0
- package/dist/annotorious-react.es24.js +10 -0
- package/dist/annotorious-react.es24.js.map +1 -0
- package/dist/annotorious-react.es25.js +8 -0
- package/dist/annotorious-react.es25.js.map +1 -0
- package/dist/annotorious-react.es26.js +10 -0
- package/dist/annotorious-react.es26.js.map +1 -0
- package/dist/annotorious-react.es27.js +129 -0
- package/dist/annotorious-react.es27.js.map +1 -0
- package/dist/annotorious-react.es28.js +466 -0
- package/dist/annotorious-react.es28.js.map +1 -0
- package/dist/annotorious-react.es3.js +10 -11
- package/dist/annotorious-react.es3.js.map +1 -1
- package/dist/annotorious-react.es4.js +90 -12
- package/dist/annotorious-react.es4.js.map +1 -1
- package/dist/annotorious-react.es5.js +21 -20
- package/dist/annotorious-react.es5.js.map +1 -1
- package/dist/annotorious-react.es8.js +27 -80
- package/dist/annotorious-react.es8.js.map +1 -1
- package/dist/annotorious-react.es9.js +103 -26
- package/dist/annotorious-react.es9.js.map +1 -1
- package/dist/index.d.ts +10 -10
- package/dist/index.d.ts.map +1 -1
- package/dist/openseadragon/OpenSeadragonAnnotationPopup.d.ts +9 -0
- package/dist/openseadragon/OpenSeadragonAnnotationPopup.d.ts.map +1 -0
- package/dist/openseadragon/OpenSeadragonAnnotator.d.ts +7 -8
- package/dist/openseadragon/OpenSeadragonAnnotator.d.ts.map +1 -1
- package/dist/openseadragon/OpenSeadragonViewer.d.ts +2 -3
- package/dist/openseadragon/OpenSeadragonViewer.d.ts.map +1 -1
- package/dist/openseadragon/index.d.ts +1 -1
- package/dist/openseadragon/index.d.ts.map +1 -1
- package/dist/openseadragon/setPosition.d.ts +1 -1
- package/dist/openseadragon/setPosition.d.ts.map +1 -1
- package/dist/utils/toClientRects.d.ts +6 -0
- package/dist/utils/toClientRects.d.ts.map +1 -0
- package/package.json +15 -13
- package/dist/AnnotoriousPopup.d.ts +0 -16
- package/dist/AnnotoriousPopup.d.ts.map +0 -1
- package/dist/annotorious-react.es6.js +0 -5
- package/dist/annotorious-react.es6.js.map +0 -1
- package/dist/annotorious-react.es7.js +0 -5
- package/dist/annotorious-react.es7.js.map +0 -1
- package/dist/openseadragon/OpenSeadragonPopup.d.ts +0 -11
- package/dist/openseadragon/OpenSeadragonPopup.d.ts.map +0 -1
|
@@ -1,32 +1,109 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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])
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
|
|
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
|
-
|
|
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/
|
|
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 './
|
|
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,
|
|
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 {
|
|
13
|
-
export type { AnnotoriousOpts, DrawingMode, DrawingTool, ImageAnnotator as AnnotoriousImageAnnotator, ImageAnnotation } from '@annotorious/annotorious';
|
|
14
|
-
|
|
15
|
-
export
|
|
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
|
package/dist/index.d.ts.map
CHANGED
|
@@ -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,
|
|
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
|
|
4
|
-
export declare const OpenSeadragonAnnotatorContext: import(
|
|
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<
|
|
8
|
+
export type OpenSeadragonAnnotatorProps<I extends Annotation, E extends unknown> = AnnotoriousOpts<I, E> & {
|
|
9
9
|
children?: ReactNode;
|
|
10
|
-
|
|
11
|
-
|
|
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,
|
|
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
|
-
|
|
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(
|
|
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":"
|
|
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 {
|
|
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,
|
|
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;
|
|
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 @@
|
|
|
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.
|
|
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.
|
|
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.
|
|
28
|
-
"@types/react-dom": "^18.
|
|
29
|
-
"@vitejs/plugin-react": "^3.1
|
|
30
|
-
"typescript": "
|
|
31
|
-
"vite": "^
|
|
32
|
-
"vite-plugin-dts": "^
|
|
33
|
-
"vite-tsconfig-paths": "^
|
|
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
|
-
"
|
|
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
|
-
"@
|
|
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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"annotorious-react.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -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"}
|