@annotorious/react-manifold 3.7.5 → 3.7.7

package/dist/AnnotoriousManifold.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotoriousManifold.d.ts","sourceRoot":"","sources":["../src/AnnotoriousManifold.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA0D,MAAM,OAAO,CAAC;AAC1F,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,2BAA2B,EAA0B,MAAM,+BAA+B,CAAC;AAEpG,UAAU,+BAA+B;IAEvC,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IAExD,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;IAEvC,SAAS,EAAE,iBAAiB,CAAC;IAE7B,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,MAAM,IAAI,CAAC;CAEpF;AAED,UAAU,iBAAiB,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU;IAE3D,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAEvE,KAAK,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;CAEtC;AAGD,eAAO,MAAM,0BAA0B,0DAAmD,CAAC;AAE3F,MAAM,WAAW,wBAAwB;IAEvC,oBAAoB,CAAC,EAAE,IAAI,CAAC;IAE5B,QAAQ,EAAE,SAAS,CAAC;CAErB;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CA2HlE,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,UAAU,GAAG,UAAU,EAAE,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,UAAU,wCAI9G,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,GAAG,UAAU,EAAE,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,UAAU,EAAE,IAAI,MAAM,KAE5E,SAAS,CAAC,CAAC,EAAE,CAAC,CAClD,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,uBAIlD,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,2BAIhD,CAAA"}
+{"version":3,"file":"AnnotoriousManifold.d.ts","sourceRoot":"","sources":["../src/AnnotoriousManifold.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA0D,MAAM,OAAO,CAAC;AAC1F,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAqC,MAAM,oBAAoB,CAAC;AAEnG,OAAO,EAAE,2BAA2B,EAA0B,MAAM,+BAA+B,CAAC;AAEpG,UAAU,+BAA+B;IAEvC,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IAExD,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;IAEvC,SAAS,EAAE,iBAAiB,CAAC;IAE7B,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,MAAM,IAAI,CAAC;CAEpF;AAED,UAAU,iBAAiB,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU;IAE3D,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAEvE,KAAK,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;CAEtC;AAGD,eAAO,MAAM,0BAA0B,0DAAmD,CAAC;AAE3F,MAAM,WAAW,wBAAwB;IAEvC,oBAAoB,CAAC,EAAE,IAAI,CAAC;IAE5B,QAAQ,EAAE,SAAS,CAAC;CAErB;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAwKlE,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,UAAU,GAAG,UAAU,EAAE,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,UAAU,wCAI9G,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,GAAG,UAAU,EAAE,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,UAAU,EAAE,IAAI,MAAM,KAE5E,SAAS,CAAC,CAAC,EAAE,CAAC,CAClD,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,uBAIlD,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,2BAIhD,CAAA"}

package/dist/annotorious-react-manifold.es7.js

@@ -1,76 +1,73 @@
 import { jsx as q } from "react/jsx-runtime";
-import { createContext as z, useState as h, useRef as V, useEffect as _, useContext as m } from "react";
+import { createContext as z, useState as y, useRef as V, useEffect as _, useContext as b } from "react";
 import { createManifoldInstance as j } from "./annotorious-react-manifold.es8.js";
-const f = z(), k = (e) => {
-  const [S, y] = h(/* @__PURE__ */ new Map()), [I, A] = h(/* @__PURE__ */ new Map()), [b, u] = h({ selected: [] }), p = V(!1), E = (s, c) => {
-    y((o) => new Map(o.entries()).set(s, c));
-    const { store: r } = c.state, d = c.state.selection;
-    A((o) => new Map(o.entries()).set(s, r.all()));
-    const x = () => A((o) => new Map(o.entries()).set(s, r.all()));
-    r.observe(x);
+const m = z(), R = (e) => {
+  const [A, g] = y(/* @__PURE__ */ new Map()), [E, w] = y(/* @__PURE__ */ new Map()), [x, u] = y({ selected: [] }), f = V(!1), K = (s, c) => {
+    g((o) => new Map(o.entries()).set(s, c));
+    const { store: i } = c.state, a = c.state.selection;
+    w((o) => new Map(o.entries()).set(s, i.all()));
+    const h = () => w((o) => new Map(o.entries()).set(s, i.all()));
+    i.observe(h);
     let n;
-    const C = d.subscribe(({ selected: o, event: t }) => {
-      n && r.unobserve(n);
-      const i = (o || []).map((a) => ({ annotation: r.getAnnotation(a.id), editable: a.editable, annotatorId: s }));
-      if (!p.current)
-        if (e.crossAnnotatorSelect)
-          if (i.length === 0)
-            u({ selected: [], event: t });
-          else {
-            const a = (t == null ? void 0 : t.ctrlKey) || (t == null ? void 0 : t.metaKey) || (t == null ? void 0 : t.shiftKey);
-            u(a ? (M) => {
-              const w = M.selected.filter((l) => l.annotatorId !== s);
-              return {
-                selected: [...i, ...w],
-                event: t
-              };
-            } : { selected: i, event: t });
-          }
-        else
-          u({ selected: i, event: t });
-      n = (a) => {
-        const { updated: M } = a.changes;
-        u(({ selected: w }) => ({
+    const C = a.subscribe(({ selected: o, event: t }) => {
+      n && i.unobserve(n);
+      const l = (o || []).map((r) => ({ annotation: i.getAnnotation(r.id), editable: r.editable, annotatorId: s }));
+      if (!f.current) {
+        const r = (t == null ? void 0 : t.ctrlKey) || (t == null ? void 0 : t.metaKey) || (t == null ? void 0 : t.shiftKey);
+        e.crossAnnotatorSelect ? l.length === 0 && !r ? u({ selected: [], event: t }) : u(r ? (S) => {
+          const p = S.selected.filter((d) => d.annotatorId !== s);
+          return {
+            selected: [...l, ...p],
+            event: t
+          };
+        } : { selected: l, event: t }) : u({ selected: l, event: t });
+      }
+      n = (r) => {
+        const { updated: S } = r.changes;
+        u(({ selected: p }) => ({
           id: e.crossAnnotatorSelect ? void 0 : s,
-          selected: w.map((l) => {
-            const g = M.find((K) => K.oldValue.id === l.annotation.id);
-            return g ? { annotation: g.newValue, editable: l.editable, annotatorId: l.annotatorId } : l;
+          selected: p.map((d) => {
+            const I = S.find((k) => k.oldValue.id === d.annotation.id);
+            return I ? { annotation: I.newValue, editable: d.editable, annotatorId: d.annotatorId } : d;
           }),
           event: t
         }));
-      }, r.observe(n, { annotations: o.map(({ id: a }) => a) });
+      }, i.observe(n, { annotations: o.map(({ id: r }) => r) });
     });
-    return () => {
-      y((o) => new Map(Array.from(o.entries()).filter(([t, i]) => t !== s))), A((o) => new Map(Array.from(o.entries()).filter(([t, i]) => t !== s))), r.unobserve(x), C();
+    let M;
+    return e.crossAnnotatorSelect && (M = (o, t) => {
+      (t != null && t.ctrlKey || t != null && t.metaKey || t != null && t.shiftKey) && a.selected.length === 1 && a.selected[0].id === o.id && (f.current = !0, a.clear(), u((r) => ({ selected: r.selected.filter((S) => S.annotatorId !== s), event: t })), f.current = !1, "viewer" in c && c.viewer.setMouseNavEnabled(!0));
+    }, c.on("clickAnnotation", M)), () => {
+      g((o) => new Map(Array.from(o.entries()).filter(([t, l]) => t !== s))), w((o) => new Map(Array.from(o.entries()).filter(([t, l]) => t !== s))), i.unobserve(h), C(), M && c.off("clickAnnotation", M);
     };
   };
   return _(() => {
-    p.current = !0, Array.from(S.entries()).forEach(([s, c]) => {
-      const r = new Set(c.getSelected().map((n) => n.id)), d = new Set(b.selected.filter((n) => n.annotatorId === s).map((n) => n.annotation.id));
-      r.size === d.size && [...r].every((n) => d.has(n)) || c.setSelected([...d]);
-    }), p.current = !1;
-  }, [b, S]), /* @__PURE__ */ q(f.Provider, { value: {
-    annotators: S,
-    annotations: I,
-    selection: b,
-    connectAnnotator: E
+    f.current || (f.current = !0, Array.from(A.entries()).forEach(([s, c]) => {
+      const i = new Set(c.getSelected().map((n) => n.id)), a = new Set(x.selected.filter((n) => n.annotatorId === s).map((n) => n.annotation.id));
+      i.size === a.size && [...i].every((n) => a.has(n)) || c.setSelected([...a]);
+    }), f.current = !1);
+  }, [x, A]), /* @__PURE__ */ q(m.Provider, { value: {
+    annotators: A,
+    annotations: E,
+    selection: x,
+    connectAnnotator: K
   }, children: e.children });
 }, B = () => {
-  const e = m(f);
+  const e = b(m);
   if (e)
     return j(e.annotators);
-}, D = (e) => m(f).annotators.get(e), F = () => {
-  const e = m(f);
+}, D = (e) => b(m).annotators.get(e), F = () => {
+  const e = b(m);
   if (e)
     return e.annotations;
 }, G = () => {
-  const e = m(f);
+  const e = b(m);
   if (e)
     return e.selection;
 };
 export {
-  k as AnnotoriousManifold,
-  f as AnnotoriousManifoldContext,
+  R as AnnotoriousManifold,
+  m as AnnotoriousManifoldContext,
   F as useAnnotations,
   D as useAnnotator,
   B as useAnnotoriousManifold,

package/dist/annotorious-react-manifold.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react-manifold.es7.js","sources":["../src/AnnotoriousManifold.tsx"],"sourcesContent":["import { ReactNode, createContext, useContext, useEffect, useRef, useState } from 'react';\nimport type { Annotation, Annotator } from '@annotorious/react';\nimport type { StoreChangeEvent } from '@annotorious/react';\nimport { AnnotoriousManifoldInstance, createManifoldInstance } from './AnnotoriousManifoldInstance';\n\ninterface AnnotoriousManifoldContextValue {\n\n  annotators: Map<string, Annotator<any, { id: string }>>;\n\n  annotations: Map<string, Annotation[]>;\n\n  selection: ManifoldSelection;\n\n  connectAnnotator(source: string, anno: Annotator<any, { id: string }>): () => void;\n\n}\n\ninterface ManifoldSelection<T extends Annotation = Annotation> {\n\n  selected: { annotation: T, editable?: boolean, annotatorId: string }[],\n\n  event?: PointerEvent | KeyboardEvent;\n\n}\n\n// @ts-ignore\nexport const AnnotoriousManifoldContext = createContext<AnnotoriousManifoldContextValue>();\n\nexport interface AnnotoriousManifoldProps {\n\n  crossAnnotatorSelect?: true;\n\n  children: ReactNode;\n\n}\n\nexport const AnnotoriousManifold = (props: AnnotoriousManifoldProps) => {\n\n  const [annotators, setAnnotators] = useState<Map<string, Annotator<any, { id: string }>>>(new Map());\n\n  const [annotations, setAnnotations] = useState<Map<string, Annotation[]>>(new Map());\n\n  const [selection, setSelection] = \n    useState<ManifoldSelection>({ selected: [] });\n\n  // To prevent selection state updates when de-selecting other annotators\n  const muteSelectionEvents = useRef<boolean>(false);\n\n  const connectAnnotator = (id: string, anno: Annotator<any, { id: string }>) => {\n    // Add the annotator to the state\n    setAnnotators(m => new Map(m.entries()).set(id, anno))\n\n    const { store } = anno.state;\n\n    const selectionState = anno.state.selection;\n\n    // Add the annotations to the state\n    setAnnotations(m => new Map(m.entries()).set(id, store.all()));\n\n    const onStoreChange = () =>\n      setAnnotations(m => new Map(m.entries()).set(id, store.all()));\n\n    store.observe(onStoreChange);\n\n    // Track selection\n    let selectionStoreObserver: (event: StoreChangeEvent<Annotation>) => void;\n\n    const unsubscribeSelection = selectionState.subscribe(({ selected, event }) => {\n      if (selectionStoreObserver) \n        store.unobserve(selectionStoreObserver);\n\n      const resolved = (selected || [])\n        .map(t => ({ annotation: store.getAnnotation(t.id), editable: t.editable, annotatorId: id }));\n\n      // Set the new selection\n      if (!muteSelectionEvents.current) {\n        if (props.crossAnnotatorSelect) {\n          if (resolved.length === 0) {\n            setSelection({ selected: [], event });\n          } else {\n            const isMultiSelect = event?.ctrlKey || event?.metaKey || event?.shiftKey;\n            if (isMultiSelect) {\n              setSelection(current => {\n                const other = current.selected.filter(s => s.annotatorId !== id);\n                return {\n                  selected: [...resolved, ...other],\n                  event\n                };\n              })\n            } else {\n              setSelection({ selected: resolved, event });\n            }\n          }\n        } else {\n          setSelection({ selected: resolved, event });\n        }\n      }\n\n      // Track the state of the selected annotations in the store\n      selectionStoreObserver = e => {\n        const { updated } = e.changes;\n\n        setSelection(({ selected }) => ({\n          id: props.crossAnnotatorSelect ? undefined : id,\n          selected: selected.map(s => {\n            const next = updated.find(u => u.oldValue.id === s.annotation.id);\n            return next ? { annotation: next.newValue, editable: s.editable, annotatorId: s.annotatorId } : s;            \n          }),\n          event\n        }));\n      }\n\n      store.observe(selectionStoreObserver, { annotations: selected.map(({ id }) => id) });\n    });\n\n    return () => {\n      // Remove annotator\n      setAnnotators(m => new Map(Array.from(m.entries()).filter(([key, _]) => key !== id)));\n\n      // Remove & untrack annotations\n      setAnnotations(m => new Map(Array.from(m.entries()).filter(([key, _]) => key !== id)));\n      store.unobserve(onStoreChange);\n\n      // Un-track selection\n      unsubscribeSelection();\n    }\n  }\n\n  useEffect(() => {\n    muteSelectionEvents.current = true;\n\n    Array.from(annotators.entries()).forEach(([source, anno]) => {\n      const currentSelection = new Set(anno.getSelected().map(s => s.id));\n\n      const nextSelection = new Set(selection.selected\n        .filter(s => s.annotatorId === source)\n        .map(s => s.annotation.id));\n\n      const isEqual = currentSelection.size === nextSelection.size &&\n        [...currentSelection].every(id => nextSelection.has(id));\n\n      if (!isEqual)\n        anno.setSelected([...nextSelection]);\n    });\n\n    muteSelectionEvents.current = false;\n  }, [selection, annotators]);\n\n  return (\n    <AnnotoriousManifoldContext.Provider value={{   \n      annotators, \n      annotations,\n      selection,\n      connectAnnotator \n    }}>\n      {props.children}\n    </AnnotoriousManifoldContext.Provider>\n  )\n\n}\n\nexport const useAnnotoriousManifold = <I extends Annotation = Annotation, E extends { id: string } = Annotation>() => {\n  const ctx = useContext(AnnotoriousManifoldContext);\n  if (ctx)\n    return createManifoldInstance(ctx.annotators) as AnnotoriousManifoldInstance<I, E>;\n}\n\nexport const useAnnotator = <I extends Annotation = Annotation, E extends { id: string } = Annotation>(id: string) => {\n  const ctx = useContext(AnnotoriousManifoldContext);\n    return ctx.annotators.get(id) as Annotator<I, E>;\n}\n\nexport const useAnnotations = <T extends Annotation>() => {\n  const ctx = useContext(AnnotoriousManifoldContext);\n  if (ctx)\n    return ctx.annotations as Map<string, T[]>;\n}\n\nexport const useSelection = <T extends Annotation>() => {\n  const ctx = useContext(AnnotoriousManifoldContext);\n  if (ctx)\n    return ctx.selection as ManifoldSelection<T>;\n}\n"],"names":["AnnotoriousManifoldContext","createContext","AnnotoriousManifold","props","annotators","setAnnotators","useState","annotations","setAnnotations","selection","setSelection","muteSelectionEvents","useRef","connectAnnotator","id","anno","m","store","selectionState","onStoreChange","selectionStoreObserver","unsubscribeSelection","selected","event","resolved","t","isMultiSelect","current","other","s","e","updated","next","u","key","_","useEffect","source","currentSelection","nextSelection","jsx","useAnnotoriousManifold","ctx","useContext","createManifoldInstance","useAnnotator","useAnnotations","useSelection"],"mappings":"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"}
+{"version":3,"file":"annotorious-react-manifold.es7.js","sources":["../src/AnnotoriousManifold.tsx"],"sourcesContent":["import { ReactNode, createContext, useContext, useEffect, useRef, useState } from 'react';\nimport type { Annotation, Annotator, AnnotoriousOpenSeadragonAnnotator } from '@annotorious/react';\nimport type { StoreChangeEvent } from '@annotorious/react';\nimport { AnnotoriousManifoldInstance, createManifoldInstance } from './AnnotoriousManifoldInstance';\n\ninterface AnnotoriousManifoldContextValue {\n\n  annotators: Map<string, Annotator<any, { id: string }>>;\n\n  annotations: Map<string, Annotation[]>;\n\n  selection: ManifoldSelection;\n\n  connectAnnotator(source: string, anno: Annotator<any, { id: string }>): () => void;\n\n}\n\ninterface ManifoldSelection<T extends Annotation = Annotation> {\n\n  selected: { annotation: T, editable?: boolean, annotatorId: string }[],\n\n  event?: PointerEvent | KeyboardEvent;\n\n}\n\n// @ts-ignore\nexport const AnnotoriousManifoldContext = createContext<AnnotoriousManifoldContextValue>();\n\nexport interface AnnotoriousManifoldProps {\n\n  crossAnnotatorSelect?: true;\n\n  children: ReactNode;\n\n}\n\nexport const AnnotoriousManifold = (props: AnnotoriousManifoldProps) => {\n\n  const [annotators, setAnnotators] = useState<Map<string, Annotator<any, { id: string }>>>(new Map());\n\n  const [annotations, setAnnotations] = useState<Map<string, Annotation[]>>(new Map());\n\n  const [selection, setSelection] = \n    useState<ManifoldSelection>({ selected: [] });\n\n  // To prevent selection state updates when de-selecting other annotators\n  const muteSelectionEvents = useRef<boolean>(false);\n\n  const connectAnnotator = (id: string, anno: Annotator<any, { id: string }>) => {\n    // Add the annotator to the state\n    setAnnotators(m => new Map(m.entries()).set(id, anno))\n\n    const { store } = anno.state;\n\n    const selectionState = anno.state.selection;\n\n    // Add the annotations to the state\n    setAnnotations(m => new Map(m.entries()).set(id, store.all()));\n\n    const onStoreChange = () =>\n      setAnnotations(m => new Map(m.entries()).set(id, store.all()));\n\n    store.observe(onStoreChange);\n\n    // Track selection\n    let selectionStoreObserver: (event: StoreChangeEvent<Annotation>) => void;\n\n    const unsubscribeSelection = selectionState.subscribe(({ selected, event }) => {\n      if (selectionStoreObserver) \n        store.unobserve(selectionStoreObserver);\n\n      const resolved = (selected || [])\n        .map(t => ({ annotation: store.getAnnotation(t.id), editable: t.editable, annotatorId: id }));\n\n      // Set the new selection\n      if (!muteSelectionEvents.current) {\n        const isMultiSelect = event?.ctrlKey || event?.metaKey || event?.shiftKey;        \n        if (props.crossAnnotatorSelect) {\n          if (resolved.length === 0 && !isMultiSelect) {\n            // When crossAnnotatorSelect is enabled, clearing the selection in one image\n            // clears everything\n            setSelection({ selected: [], event });\n          } else {\n            // If this is CMD/CTRL/SHIFT-select, modify the global selection instead\n            // of replacing it.\n            if (isMultiSelect) {\n              setSelection(current => {\n                const other = current.selected.filter(s => s.annotatorId !== id);\n                return {\n                  selected: [...resolved, ...other],\n                  event\n                };\n              });\n            } else {\n              setSelection({ selected: resolved, event });\n            }\n          }\n        } else {\n          setSelection({ selected: resolved, event });\n        }\n      }\n\n      // Track the state of the selected annotations in the store\n      selectionStoreObserver = e => {\n        const { updated } = e.changes;\n\n        setSelection(({ selected }) => ({\n          id: props.crossAnnotatorSelect ? undefined : id,\n          selected: selected.map(s => {\n            const next = updated.find(u => u.oldValue.id === s.annotation.id);\n            return next ? { annotation: next.newValue, editable: s.editable, annotatorId: s.annotatorId } : s;            \n          }),\n          event\n        }));\n      }\n\n      store.observe(selectionStoreObserver, { annotations: selected.map(({ id }) => id) });\n    });\n\n    // Edge case: if crossAnnotatorSelect is enabled, track the click event, so we can\n    // toggle a single selected shape.\n    let onClick: (annotation: { id: string}, event: PointerEvent) => void;\n\n    if (props.crossAnnotatorSelect) {\n      onClick = (annotation, event) => {\n        // Nothing to do unless this is a CMD + click\n        const isMultiSelect = event?.ctrlKey || event?.metaKey || event?.shiftKey;\n        if (!isMultiSelect) return;\n\n        // Nothing to do if there is no selection, or more than 1 – default\n        // annotator selection behavior will handle everything correctly.\n        if (selectionState.selected.length !== 1) return;\n\n        // Only a single annotation selected? Nothing to do if it's not the selected one.\n        if (selectionState.selected[0].id !== annotation.id) return;\n\n        // Edge case: one selected annotation and the user CMD + clicked it - deselect!\n        muteSelectionEvents.current = true;\n        selectionState.clear();\n        setSelection(current => ({ selected: current.selected.filter(t => t.annotatorId !== id), event }));\n        muteSelectionEvents.current = false;\n\n        // Special patching required for OSD: the click will have triggered a 'grab' event on the \n        // shape in SVGDrawingLayer. This disables the OSD viewer navigation. (Because otherwise the \n        // viewer would move along with the shape!) Normally, releasing the shape will re-enable viewer \n        // navigation. HOWEVER: in this case, we clear the selection programmatically, which destroys \n        // the editor shape before the 'release' event can trigger.\n        // Therefore, we're re-enabling the viewer nav manually here!\n        if ('viewer' in anno)\n          (anno as AnnotoriousOpenSeadragonAnnotator).viewer.setMouseNavEnabled(true)\n      }\n\n      anno.on('clickAnnotation', onClick);\n    }\n\n    return () => {\n      // Remove annotator\n      setAnnotators(m => new Map(Array.from(m.entries()).filter(([key, _]) => key !== id)));\n\n      // Remove & untrack annotations\n      setAnnotations(m => new Map(Array.from(m.entries()).filter(([key, _]) => key !== id)));\n      store.unobserve(onStoreChange);\n\n      // Un-track selection\n      unsubscribeSelection();\n\n      // Un-track click\n      if (onClick)\n        anno.off('clickAnnotation', onClick);\n    }\n  }\n\n  useEffect(() => {\n    if (muteSelectionEvents.current) return;\n    muteSelectionEvents.current = true;\n\n    Array.from(annotators.entries()).forEach(([source, anno]) => {\n      const currentSelection = new Set(anno.getSelected().map(s => s.id));\n\n      const nextSelection = new Set(selection.selected\n        .filter(s => s.annotatorId === source)\n        .map(s => s.annotation.id));\n\n      const isEqual = currentSelection.size === nextSelection.size &&\n        [...currentSelection].every(id => nextSelection.has(id));\n\n      if (!isEqual)\n        anno.setSelected([...nextSelection]);\n    });\n\n    muteSelectionEvents.current = false;\n  }, [selection, annotators]);\n\n  return (\n    <AnnotoriousManifoldContext.Provider value={{   \n      annotators, \n      annotations,\n      selection,\n      connectAnnotator \n    }}>\n      {props.children}\n    </AnnotoriousManifoldContext.Provider>\n  )\n\n}\n\nexport const useAnnotoriousManifold = <I extends Annotation = Annotation, E extends { id: string } = Annotation>() => {\n  const ctx = useContext(AnnotoriousManifoldContext);\n  if (ctx)\n    return createManifoldInstance(ctx.annotators) as AnnotoriousManifoldInstance<I, E>;\n}\n\nexport const useAnnotator = <I extends Annotation = Annotation, E extends { id: string } = Annotation>(id: string) => {\n  const ctx = useContext(AnnotoriousManifoldContext);\n    return ctx.annotators.get(id) as Annotator<I, E>;\n}\n\nexport const useAnnotations = <T extends Annotation>() => {\n  const ctx = useContext(AnnotoriousManifoldContext);\n  if (ctx)\n    return ctx.annotations as Map<string, T[]>;\n}\n\nexport const useSelection = <T extends Annotation>() => {\n  const ctx = useContext(AnnotoriousManifoldContext);\n  if (ctx)\n    return ctx.selection as ManifoldSelection<T>;\n}\n"],"names":["AnnotoriousManifoldContext","createContext","AnnotoriousManifold","props","annotators","setAnnotators","useState","annotations","setAnnotations","selection","setSelection","muteSelectionEvents","useRef","connectAnnotator","id","anno","m","store","selectionState","onStoreChange","selectionStoreObserver","unsubscribeSelection","selected","event","resolved","t","isMultiSelect","current","other","s","e","updated","next","u","onClick","annotation","key","_","useEffect","source","currentSelection","nextSelection","jsx","useAnnotoriousManifold","ctx","useContext","createManifoldInstance","useAnnotator","useAnnotations","useSelection"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annotorious/react-manifold",
-  "version": "3.7.5",
+  "version": "3.7.7",
   "description": "A utility to manage multiple parallel Annotorious instances more efficiently",
   "author": "Rainer Simon",
   "license": "BSD-3-Clause",
@@ -40,7 +40,7 @@
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@annotorious/react": "3.7.5",
+    "@annotorious/react": "3.7.7",
     "openseadragon": "^5.0.1",
     "react": "16.8.0 || >=17.x || >=18.x || >=19.x",
     "react-dom": "16.8.0 || >=17.x || >=18.x|| >=19.x"