@annotorious/react 3.7.2 → 3.7.4

package/dist/Annotorious.d.ts

@@ -6,6 +6,10 @@ interface Selection<T extends Annotation = Annotation> extends Omit<CoreSelectio
         annotation: T;
         editable?: boolean;
     }[];
+    previous: {
+        annotation: T;
+        editable?: boolean;
+    }[];
 }
 export declare const AnnotoriousContext: import('react').Context<{
     anno: any;

package/dist/Annotorious.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Annotorious.d.ts","sourceRoot":"","sources":["../src/Annotorious.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,SAAS,IAAI,aAAa,EAC1B,KAAK,EAEL,IAAI,EACL,MAAM,0BAA0B,CAAC;AAGlC,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,GAAG,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,OAEvD,CAChB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,OAE1C,CAAC,GAAG,SACjC,CAAA;AAYD,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,EAAE,WAAW,MAAM,QACf,CAAC;AAE1E,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,EAClE,IAAI,MAAM,EACV,UAAU,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,MAuBnD,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,EAC9E,IAAI,MAAM,iDAKX,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,OAE7C,SAAS,CAAC,CAAC,CAChC,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,QAyB9D,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAO,IAGnC,CAAA;AAmDD,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,EAAE,WAAW,MAAM,QACb,CAAC"}
+{"version":3,"file":"Annotorious.d.ts","sourceRoot":"","sources":["../src/Annotorious.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,SAAS,IAAI,aAAa,EAC1B,KAAK,EAEL,IAAI,EACL,MAAM,0BAA0B,CAAC;AAGlC,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;IAElD,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CAEnD;AAED,eAAO,MAAM,kBAAkB;;;;;;;EAU7B,CAAC;AAWH,eAAO,MAAM,WAAW;cAAqC,SAAS;qEAuFpE,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,OAAO,GAAG,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,OAEvD,CAChB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,OAE1C,CAAC,GAAG,SACjC,CAAA;AAYD,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,EAAE,WAAW,MAAM,QACf,CAAC;AAE1E,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,EAClE,IAAI,MAAM,EACV,UAAU,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,MAuBnD,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,EAC9E,IAAI,MAAM,iDAKX,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,OAE7C,SAAS,CAAC,CAAC,CAChC,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,QAyB9D,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAO,IAGnC,CAAA;AAmDD,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,UAAU,GAAG,eAAe,EAAE,WAAW,MAAM,QACb,CAAC"}

package/dist/annotorious-react.es2.js

@@ -1,82 +1,92 @@
-import { jsx as j } from "react/jsx-runtime";
-import { createContext as E, forwardRef as P, useState as l, useImperativeHandle as R, useEffect as h, useContext as w } from "react";
-import { useDebounce as _ } from "./annotorious-react.es12.js";
-const d = E({
+import { jsx as E } from "react/jsx-runtime";
+import { createContext as I, forwardRef as J, useState as d, useRef as N, useImperativeHandle as U, useEffect as g, useContext as w } from "react";
+import { useDebounce as O } from "./annotorious-react.es12.js";
+const f = I({
   anno: void 0,
   setAnno: void 0,
   annotations: [],
   selection: { selected: [] }
-}), K = P((t, e) => {
-  const [n, c] = l(null), [a, o] = l([]), [i, r] = l({ selected: [] });
-  return R(e, () => n), h(() => {
+}), j = (t, e) => {
+  const { event: n, ...r } = t, { event: s, ...o } = e;
+  return JSON.stringify(r) !== JSON.stringify(o) ? !1 : (n == null ? void 0 : n.timeStamp) === (s == null ? void 0 : s.timeStamp);
+}, L = J((t, e) => {
+  const [n, r] = d(null), [s, o] = d([]), [u, i] = d({ selected: [], previous: [] }), h = N([]);
+  return U(e, () => n), g(() => {
     if (n) {
-      const { selection: S, store: s, hover: V } = n.state;
-      s.all().length > 0 && o(s.all());
-      const b = () => o(() => s.all());
-      s.observe(b);
-      let u;
-      const A = S.subscribe(({ selected: f, ...I }) => {
-        u && s.unobserve(u);
-        const O = (f || []).map(({ id: v, editable: m }) => ({ annotation: s.getAnnotation(v), editable: m }));
-        r({ selected: O, ...I }), u = (v) => {
-          const { updated: m } = v.changes;
-          r((g) => ({
-            ...g,
-            selected: g.selected.map(({ annotation: x, editable: C }) => {
-              const H = m.find((U) => U.oldValue.id === x.id);
+      const { selection: p, store: c } = n.state;
+      c.all().length > 0 && o(c.all());
+      const A = () => o(() => c.all());
+      c.observe(A);
+      let l;
+      const m = p.subscribe(({ selected: S, ...D }) => {
+        l && c.unobserve(l);
+        const R = (S || []).map(({ id: a, editable: v }) => ({ annotation: c.getAnnotation(a), editable: v }));
+        i((a) => {
+          const v = {
+            selected: R,
+            previous: a.selected,
+            ...D
+          };
+          return j(a, v) ? a : (h.current = a.selected, v);
+        }), l = (a) => {
+          const { updated: v } = a.changes;
+          i((V) => ({
+            ...V,
+            selected: V.selected.map(({ annotation: x, editable: C }) => {
+              const H = v.find((y) => y.oldValue.id === x.id);
               return H ? { annotation: H.newValue, editable: C } : { annotation: x, editable: C };
             })
           }));
-        }, s.observe(u, { annotations: f.map(({ id: v }) => v) });
+        }, c.observe(l, { annotations: S.map(({ id: a }) => a) });
       });
       return () => {
-        s.unobserve(b), A();
+        c.unobserve(A), m();
       };
     }
-  }, [n]), /* @__PURE__ */ j(d.Provider, { value: {
+  }, [n]), /* @__PURE__ */ E(f.Provider, { value: {
     anno: n,
-    setAnno: c,
-    annotations: a,
-    selection: i
+    setAnno: r,
+    annotations: s,
+    selection: u
   }, children: t.children });
-}), p = () => {
-  const { anno: t } = w(d);
+}), b = () => {
+  const { anno: t } = w(f);
   return t;
-}, k = () => {
-  const t = p();
-  return t == null ? void 0 : t.state.store;
 }, q = () => {
-  const { annotations: t } = w(d);
+  const t = b();
+  return t == null ? void 0 : t.state.store;
+}, P = () => {
+  const { annotations: t } = w(f);
   return t;
-}, y = (t) => {
-  const { annotations: e } = w(d);
-  return _(e, t);
-}, L = (t) => t ? y(t) : q(), z = (t, e) => {
-  const n = k(), [c, a] = l(
+}, k = (t) => {
+  const { annotations: e } = w(f);
+  return O(e, t);
+}, M = (t) => t ? k(t) : P(), z = (t, e) => {
+  const n = q(), [r, s] = d(
     n == null ? void 0 : n.getAnnotation(t)
   );
-  return h(() => {
+  return g(() => {
     if (!n) return;
-    const o = (i) => {
-      const r = i.changes.updated[0];
-      r && a(r.newValue);
+    const o = (u) => {
+      const i = u.changes.updated[0];
+      i && s(i.newValue);
     };
     return n.observe(o, { ...e, annotations: t }), () => n.unobserve(o);
-  }, []), c;
-}, M = (t) => {
-  const e = p(), n = z(t);
+  }, []), r;
+}, Q = (t) => {
+  const e = b(), n = z(t);
   return e && n ? e.state.selection.evalSelectAction(n) : void 0;
-}, N = () => {
-  const { selection: t } = w(d);
+}, T = () => {
+  const { selection: t } = w(f);
   return t;
-}, Q = () => {
-  const t = p(), [e, n] = l();
-  return h(() => {
+}, W = () => {
+  const t = b(), [e, n] = d();
+  return g(() => {
     if (!t) return;
-    const { hover: c, store: a } = t.state, o = c.subscribe((i) => {
-      if (i) {
-        const r = a.getAnnotation(i);
-        n(r);
+    const { hover: r, store: s } = t.state, o = r.subscribe((u) => {
+      if (u) {
+        const i = s.getAnnotation(u);
+        n(i);
       } else
         n(void 0);
     });
@@ -84,48 +94,48 @@ const d = E({
       o();
     };
   }, [t]), e;
-}, T = () => {
-  const t = p();
+}, X = () => {
+  const t = b();
   return t == null ? void 0 : t.getUser();
-}, D = () => {
-  const t = p(), [e, n] = l([]);
-  return h(() => {
+}, _ = () => {
+  const t = b(), [e, n] = d([]);
+  return g(() => {
     if (t) {
-      const { store: c, viewport: a } = t.state;
-      if (!a)
+      const { store: r, viewport: s } = t.state;
+      if (!s)
         return;
       let o;
-      const i = a.subscribe((r) => {
-        o && c.unobserve(o);
-        const S = r.map((s) => c.getAnnotation(s));
-        n(S), o = (s) => {
-          const { updated: V } = s.changes;
-          n((b) => b.map((u) => {
-            const A = V.find((f) => f.oldValue.id === u.id);
-            return A ? A.newValue : u;
+      const u = s.subscribe((i) => {
+        o && r.unobserve(o);
+        const h = i.map((p) => r.getAnnotation(p));
+        n(h), o = (p) => {
+          const { updated: c } = p.changes;
+          n((A) => A.map((l) => {
+            const m = c.find((S) => S.oldValue.id === l.id);
+            return m ? m.newValue : l;
           }));
-        }, c.observe(o, { annotations: r });
+        }, r.observe(o, { annotations: i });
       });
       return () => {
-        i();
+        u();
       };
     }
   }, [t]), e;
 }, B = (t) => {
-  const e = D();
-  return _(e, t);
-}, W = (t) => t ? B(t) : D();
+  const e = _();
+  return O(e, t);
+}, Y = (t) => t ? B(t) : _();
 export {
-  K as Annotorious,
-  d as AnnotoriousContext,
+  L as Annotorious,
+  f as AnnotoriousContext,
   z as useAnnotation,
-  M as useAnnotationSelectAction,
-  k as useAnnotationStore,
-  L as useAnnotations,
-  p as useAnnotator,
-  T as useAnnotatorUser,
-  Q as useHover,
-  N as useSelection,
-  W as useViewportState
+  Q as useAnnotationSelectAction,
+  q as useAnnotationStore,
+  M as useAnnotations,
+  b as useAnnotator,
+  X as useAnnotatorUser,
+  W as useHover,
+  T as useSelection,
+  Y as useViewportState
 };
 //# sourceMappingURL=annotorious-react.es2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es2.js","sources":["../src/Annotorious.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { \n  createContext, \n  forwardRef,\n  useContext, \n  useEffect, \n  useImperativeHandle, \n  useState \n} from 'react';\nimport type { StoreObserveOptions } from '@annotorious/core';\nimport type {\n  Annotation,\n  Annotator,\n  ImageAnnotation,\n  Selection as CoreSelection,\n  Store,\n  StoreChangeEvent,\n  User\n} from '@annotorious/annotorious';\nimport { useDebounce } from './useDebounce';\n\ninterface Selection<T extends Annotation = Annotation> extends Omit<CoreSelection, 'selected'> {\n\n  selected: { annotation: T, editable?: boolean }[];\n\n}\n\nexport const AnnotoriousContext = createContext({\n\n  anno: undefined,\n\n  setAnno: undefined,\n\n  annotations: [],\n\n  selection: { selected: [] }\n\n});\n\nexport const Annotorious = forwardRef<Annotator, { children: ReactNode }>((props: { children: ReactNode }, ref) => {\n\n  const [anno, setAnno] = useState<Annotator>(null);\n\n  const [annotations, setAnnotations] = useState<Annotation[]>([]);\n\n  const [selection, setSelection] = useState<Selection>({ selected: [] });\n\n  useImperativeHandle(ref, () => anno);\n\n  useEffect(() => {\n    if (anno) {\n      const { selection, store, hover } = anno.state;\n\n      // Components below <Annotorious /> may have\n      // loaded annotations into the store already! \n      if (store.all().length > 0)\n        setAnnotations(store.all());\n\n      // Keeps annotations in sync with a React state,\n      // so clients can render components the usual React way.\n      const onStoreChange = () => setAnnotations(() => store.all());\n\n      store.observe(onStoreChange);\n\n      // Keep selection in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let selectionStoreObserver: (event: StoreChangeEvent<Annotation>) => void;\n\n      const unsubscribeSelection = selection.subscribe(({ selected, ...rest }) => {\n        if (selectionStoreObserver)\n          store.unobserve(selectionStoreObserver);\n\n        const resolved = (selected || [])\n          .map(({ id, editable }) => ({ annotation: store.getAnnotation(id), editable }));\n\n        setSelection({ selected: resolved, ...rest });\n\n        selectionStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setSelection((selection) => ({\n            ...selection,\n            selected: selection.selected.map(({ annotation, editable }) => {\n              const next = updated.find(u => u.oldValue.id === annotation.id);\n              return next ? { annotation: next.newValue, editable } : { annotation, editable };\n            })\n          }));\n        }\n\n        store.observe(selectionStoreObserver, { annotations: selected.map(({ id }) => id) });\n      });\n\n      return () => {\n        store.unobserve(onStoreChange);\n        unsubscribeSelection();\n      }\n    }\n  }, [anno]);\n\n  return (\n    <AnnotoriousContext.Provider value={{\n      anno,\n      setAnno,\n      annotations,\n      selection\n    }}>\n      {props.children}\n    </AnnotoriousContext.Provider>\n  )\n\n});\n\nexport const useAnnotator = <T extends unknown = Annotator<any, unknown>>() => {\n  const { anno } = useContext(AnnotoriousContext);\n  return anno as T;\n}\n\nexport const useAnnotationStore = <T extends unknown = Store<Annotation>>() => {\n  const anno = useAnnotator();\n  return anno?.state.store as T | undefined;\n}\n\nconst _useAnnotations = <T extends Annotation>() => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return annotations as T[];\n}\n\nconst _useAnnotationsDebounced = <T extends Annotation>(debounce: number) => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return useDebounce(annotations, debounce) as T[];\n}\n\nexport const useAnnotations = <T extends Annotation = ImageAnnotation>(debounce?: number) =>\n  debounce ? _useAnnotationsDebounced<T>(debounce) : _useAnnotations<T>();\n\nexport const useAnnotation = <T extends Annotation = ImageAnnotation>(\n  id: string,\n  options?: Omit<StoreObserveOptions, 'annotations'>\n) => {\n  const store = useAnnotationStore<Store<T>>();\n\n  const [annotation, setAnnotation] = useState<T | undefined>(\n    store?.getAnnotation(id)\n  );\n\n  useEffect(() => {\n    if (!store) return;\n\n    const handleChange = (event: StoreChangeEvent<T>) => {\n      const updated = event.changes.updated[0];\n      if (updated) {\n        setAnnotation(updated.newValue);\n      }\n    };\n\n    store.observe(handleChange, { ...options, annotations: id });\n    return () => store.unobserve(handleChange);\n  }, []);\n\n  return annotation;\n}\n\nexport const useAnnotationSelectAction = <I extends Annotation = ImageAnnotation>(\n  id: string\n) => {\n  const anno = useAnnotator();\n  const annotation = useAnnotation<I>(id);\n  return anno && annotation ? anno.state.selection.evalSelectAction(annotation) : undefined;\n}\n\nexport const useSelection = <T extends Annotation = ImageAnnotation>() => {\n  const { selection } = useContext(AnnotoriousContext);\n  return selection as Selection<T>;\n}\n\nexport const useHover = <T extends Annotation = ImageAnnotation>() => {\n  const anno = useAnnotator();\n\n  const [hover, setHover] = useState<T | undefined>();\n\n  useEffect(() => {\n    if (!anno) return;\n\n    const { hover, store } = (anno as Annotator<T, unknown>).state;\n\n    const unsubscribeHover = hover.subscribe(id => {\n      if (id) {\n        const annotation = store.getAnnotation(id);\n        setHover(annotation);\n      } else {\n        setHover(undefined);\n      }\n    });\n\n    return () => {\n      unsubscribeHover();\n    };\n  }, [anno]);\n\n  return hover;\n}\n\nexport const useAnnotatorUser = (): User => {\n  const anno = useAnnotator();\n  return anno?.getUser();\n}\n\nconst _useViewportState = <T extends Annotation>() => {\n  const anno = useAnnotator();\n\n  const [inViewport, setInViewport] = useState<T[]>([]);\n\n  useEffect(() => {\n    if (anno) {\n      const { store, viewport } = anno.state;\n\n      if (!viewport)\n        return;\n\n      // Keep viewport annotations in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let viewportStoreObserver: (event: StoreChangeEvent<T>) => void;\n\n      const unsubscribeViewport = viewport.subscribe(ids => {\n        if (viewportStoreObserver)\n          store.unobserve(viewportStoreObserver);\n\n        const resolved = ids.map(id => store.getAnnotation(id)) as T[];\n        setInViewport(resolved);\n\n        viewportStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setInViewport(annotations => annotations.map(annotation => {\n            const next = updated.find(u => u.oldValue.id === annotation.id);\n            return next ? next.newValue : annotation;\n          }));\n        };\n\n        store.observe(viewportStoreObserver, { annotations: ids });\n      });\n\n      return () => {\n        unsubscribeViewport();\n      };\n    }\n  }, [anno]);\n\n  return inViewport;\n}\n\nconst _useViewportStateDebounced = <T extends Annotation>(debounce: number) => {\n  const inViewport = _useViewportState();\n  return useDebounce(inViewport, debounce) as T[];\n}\n\nexport const useViewportState = <T extends Annotation = ImageAnnotation>(debounce?: number) =>\n  debounce ? _useViewportStateDebounced<T>(debounce) : _useViewportState<T>();\n"],"names":["AnnotoriousContext","createContext","Annotorious","forwardRef","props","ref","anno","setAnno","useState","annotations","setAnnotations","selection","setSelection","useImperativeHandle","useEffect","store","hover","onStoreChange","selectionStoreObserver","unsubscribeSelection","selected","rest","resolved","id","editable","event","updated","annotation","next","u","jsx","useAnnotator","useContext","useAnnotationStore","_useAnnotations","_useAnnotationsDebounced","debounce","useDebounce","useAnnotations","useAnnotation","options","setAnnotation","handleChange","useAnnotationSelectAction","useSelection","useHover","setHover","unsubscribeHover","useAnnotatorUser","_useViewportState","inViewport","setInViewport","viewport","viewportStoreObserver","unsubscribeViewport","ids","_useViewportStateDebounced","useViewportState"],"mappings":"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"}
+{"version":3,"file":"annotorious-react.es2.js","sources":["../src/Annotorious.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { \n  createContext, \n  forwardRef,\n  useContext, \n  useEffect, \n  useImperativeHandle, \n  useRef,\n  useState \n} from 'react';\nimport type { StoreObserveOptions } from '@annotorious/core';\nimport type {\n  Annotation,\n  Annotator,\n  ImageAnnotation,\n  Selection as CoreSelection,\n  Store,\n  StoreChangeEvent,\n  User\n} from '@annotorious/annotorious';\nimport { useDebounce } from './useDebounce';\n\ninterface Selection<T extends Annotation = Annotation> extends Omit<CoreSelection, 'selected'> {\n\n  selected: { annotation: T, editable?: boolean }[];\n\n  previous: { annotation: T, editable?: boolean }[];\n\n}\n\nexport const AnnotoriousContext = createContext({\n\n  anno: undefined,\n\n  setAnno: undefined,\n\n  annotations: [],\n\n  selection: { selected: [] }\n\n});\n\nconst isSelectionEqual = (a: Selection, b: Selection) => {\n  const { event: eventA, ...restA } = a; \n  const { event: eventB, ...restB } = b; \n\n  if (JSON.stringify(restA) !== JSON.stringify(restB)) return false;\n\n  return eventA?.timeStamp === eventB?.timeStamp;\n}\n\nexport const Annotorious = forwardRef<Annotator, { children: ReactNode }>((props: { children: ReactNode }, ref) => {\n\n  const [anno, setAnno] = useState<Annotator>(null);\n\n  const [annotations, setAnnotations] = useState<Annotation[]>([]);\n\n  const [selection, setSelection] = useState<Selection>({ selected: [], previous: [] });\n\n  const previousSelectionRef = useRef<{ annotation: Annotation, editable?: boolean }[]>([]);\n\n  useImperativeHandle(ref, () => anno);\n\n  useEffect(() => {\n    if (anno) {\n      const { selection, store } = anno.state;\n\n      // Components below <Annotorious /> may have\n      // loaded annotations into the store already! \n      if (store.all().length > 0)\n        setAnnotations(store.all());\n\n      // Keeps annotations in sync with a React state,\n      // so clients can render components the usual React way.\n      const onStoreChange = () => setAnnotations(() => store.all());\n\n      store.observe(onStoreChange);\n\n      // Keep selection in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let selectionStoreObserver: (event: StoreChangeEvent<Annotation>) => void;\n\n      const unsubscribeSelection = selection.subscribe(({ selected, ...rest }) => {\n        if (selectionStoreObserver)\n          store.unobserve(selectionStoreObserver);\n\n        const resolved = (selected || [])\n          .map(({ id, editable }) => ({ annotation: store.getAnnotation(id), editable }));\n\n        setSelection(currentSelection => {\n          const next = {\n            selected: resolved,\n            previous: currentSelection.selected,\n            ...rest\n          } as Selection;\n\n          // Prevent unnecessary re-renders\n          if (isSelectionEqual(currentSelection, next))\n            return currentSelection;\n          \n          previousSelectionRef.current = currentSelection.selected;\n          \n          return next;\n        });\n\n        selectionStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setSelection((selection) => ({\n            ...selection,\n            selected: selection.selected.map(({ annotation, editable }) => {\n              const next = updated.find(u => u.oldValue.id === annotation.id);\n              return next ? { annotation: next.newValue, editable } : { annotation, editable };\n            })\n          }));\n        }\n\n        store.observe(selectionStoreObserver, { annotations: selected.map(({ id }) => id) });\n      });\n\n      return () => {\n        store.unobserve(onStoreChange);\n        unsubscribeSelection();\n      }\n    }\n  }, [anno]);\n\n  return (\n    <AnnotoriousContext.Provider value={{\n      anno,\n      setAnno,\n      annotations,\n      selection\n    }}>\n      {props.children}\n    </AnnotoriousContext.Provider>\n  )\n\n});\n\nexport const useAnnotator = <T extends unknown = Annotator<any, unknown>>() => {\n  const { anno } = useContext(AnnotoriousContext);\n  return anno as T;\n}\n\nexport const useAnnotationStore = <T extends unknown = Store<Annotation>>() => {\n  const anno = useAnnotator();\n  return anno?.state.store as T | undefined;\n}\n\nconst _useAnnotations = <T extends Annotation>() => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return annotations as T[];\n}\n\nconst _useAnnotationsDebounced = <T extends Annotation>(debounce: number) => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return useDebounce(annotations, debounce) as T[];\n}\n\nexport const useAnnotations = <T extends Annotation = ImageAnnotation>(debounce?: number) =>\n  debounce ? _useAnnotationsDebounced<T>(debounce) : _useAnnotations<T>();\n\nexport const useAnnotation = <T extends Annotation = ImageAnnotation>(\n  id: string,\n  options?: Omit<StoreObserveOptions, 'annotations'>\n) => {\n  const store = useAnnotationStore<Store<T>>();\n\n  const [annotation, setAnnotation] = useState<T | undefined>(\n    store?.getAnnotation(id)\n  );\n\n  useEffect(() => {\n    if (!store) return;\n\n    const handleChange = (event: StoreChangeEvent<T>) => {\n      const updated = event.changes.updated[0];\n      if (updated) {\n        setAnnotation(updated.newValue);\n      }\n    };\n\n    store.observe(handleChange, { ...options, annotations: id });\n    return () => store.unobserve(handleChange);\n  }, []);\n\n  return annotation;\n}\n\nexport const useAnnotationSelectAction = <I extends Annotation = ImageAnnotation>(\n  id: string\n) => {\n  const anno = useAnnotator();\n  const annotation = useAnnotation<I>(id);\n  return anno && annotation ? anno.state.selection.evalSelectAction(annotation) : undefined;\n}\n\nexport const useSelection = <T extends Annotation = ImageAnnotation>() => {\n  const { selection } = useContext(AnnotoriousContext);\n  return selection as Selection<T>;\n}\n\nexport const useHover = <T extends Annotation = ImageAnnotation>() => {\n  const anno = useAnnotator();\n\n  const [hover, setHover] = useState<T | undefined>();\n\n  useEffect(() => {\n    if (!anno) return;\n\n    const { hover, store } = (anno as Annotator<T, unknown>).state;\n\n    const unsubscribeHover = hover.subscribe(id => {\n      if (id) {\n        const annotation = store.getAnnotation(id);\n        setHover(annotation);\n      } else {\n        setHover(undefined);\n      }\n    });\n\n    return () => {\n      unsubscribeHover();\n    };\n  }, [anno]);\n\n  return hover;\n}\n\nexport const useAnnotatorUser = (): User => {\n  const anno = useAnnotator();\n  return anno?.getUser();\n}\n\nconst _useViewportState = <T extends Annotation>() => {\n  const anno = useAnnotator();\n\n  const [inViewport, setInViewport] = useState<T[]>([]);\n\n  useEffect(() => {\n    if (anno) {\n      const { store, viewport } = anno.state;\n\n      if (!viewport)\n        return;\n\n      // Keep viewport annotations in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let viewportStoreObserver: (event: StoreChangeEvent<T>) => void;\n\n      const unsubscribeViewport = viewport.subscribe(ids => {\n        if (viewportStoreObserver)\n          store.unobserve(viewportStoreObserver);\n\n        const resolved = ids.map(id => store.getAnnotation(id)) as T[];\n        setInViewport(resolved);\n\n        viewportStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setInViewport(annotations => annotations.map(annotation => {\n            const next = updated.find(u => u.oldValue.id === annotation.id);\n            return next ? next.newValue : annotation;\n          }));\n        };\n\n        store.observe(viewportStoreObserver, { annotations: ids });\n      });\n\n      return () => {\n        unsubscribeViewport();\n      };\n    }\n  }, [anno]);\n\n  return inViewport;\n}\n\nconst _useViewportStateDebounced = <T extends Annotation>(debounce: number) => {\n  const inViewport = _useViewportState();\n  return useDebounce(inViewport, debounce) as T[];\n}\n\nexport const useViewportState = <T extends Annotation = ImageAnnotation>(debounce?: number) =>\n  debounce ? _useViewportStateDebounced<T>(debounce) : _useViewportState<T>();\n"],"names":["AnnotoriousContext","createContext","isSelectionEqual","a","b","eventA","restA","eventB","restB","Annotorious","forwardRef","props","ref","anno","setAnno","useState","annotations","setAnnotations","selection","setSelection","previousSelectionRef","useRef","useImperativeHandle","useEffect","store","onStoreChange","selectionStoreObserver","unsubscribeSelection","selected","rest","resolved","id","editable","currentSelection","next","event","updated","annotation","u","jsx","useAnnotator","useContext","useAnnotationStore","_useAnnotations","_useAnnotationsDebounced","debounce","useDebounce","useAnnotations","useAnnotation","options","setAnnotation","handleChange","useAnnotationSelectAction","useSelection","useHover","hover","setHover","unsubscribeHover","useAnnotatorUser","_useViewportState","inViewport","setInViewport","viewport","viewportStoreObserver","unsubscribeViewport","ids","_useViewportStateDebounced","useViewportState"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annotorious/react",
-  "version": "3.7.2",
+  "version": "3.7.4",
   "description": "Annotorious React bindings",
   "author": "Rainer Simon",
   "license": "BSD-3-Clause",
@@ -45,9 +45,9 @@
     }
   },
   "dependencies": {
-    "@annotorious/annotorious": "3.7.2",
-    "@annotorious/core": "3.7.2",
-    "@annotorious/openseadragon": "3.7.2",
+    "@annotorious/annotorious": "3.7.4",
+    "@annotorious/core": "3.7.4",
+    "@annotorious/openseadragon": "3.7.4",
     "@floating-ui/react": "^0.27.15",
     "zustand": "^5.0.7"
   },