@annotorious/react 3.1.1 → 3.1.2

package/dist/annotorious-react.es10.js

@@ -1,9 +1,9 @@
-import { j as a } from "./annotorious-react.es11.js";
+import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as m, useRef as u, useContext as p, useLayoutEffect as c, useImperativeHandle as d } from "react";
 import l from "openseadragon";
-import { OpenSeadragonAnnotatorContext as x } from "./annotorious-react.es8.js";
-const S = m((o, s) => {
-  const { className: i, options: t } = o, r = u(null), { viewer: f, setViewer: e } = p(x);
+import { OpenSeadragonAnnotatorContext as g } from "./annotorious-react.es8.js";
+const S = m((o, i) => {
+  const { className: s, options: t } = o, r = u(null), { viewer: f, setViewer: e } = p(g);
   return c(() => {
     if (r.current) {
       const n = l({ ...t, element: r.current });
@@ -11,7 +11,7 @@ const S = m((o, s) => {
         e && e(void 0), n.destroy();
       };
     }
-  }, [JSON.stringify(t)]), d(s, () => f), /* @__PURE__ */ a.jsx("div", { className: i, ref: r });
+  }, [JSON.stringify(t)]), d(i, () => f), /* @__PURE__ */ a("div", { className: s, ref: r });
 });
 export {
   S as OpenSeadragonViewer

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es10.js","sources":["../src/openseadragon/OpenSeadragonViewer.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useImperativeHandle, useLayoutEffect, useRef } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { OpenSeadragonAnnotatorContext } from './OpenSeadragonAnnotator';\n\nexport interface OpenSeadragonViewerProps {\n\n  className?: string;\n\n  options: OpenSeadragon.Options;\n\n}\n\nexport const OpenSeadragonViewer = forwardRef<OpenSeadragon.Viewer, OpenSeadragonViewerProps>((props: OpenSeadragonViewerProps, ref) => {\n\n  const { className, options } = props;\n\n  const element = useRef<HTMLDivElement>(null);\n\n  const { viewer, setViewer } = useContext(OpenSeadragonAnnotatorContext);\n\n  useLayoutEffect(() => {    \n    if (element.current) {\n      const v = OpenSeadragon({...options, element: element.current });\n\n      // Checking for setViewer is just a convenience so we can\n      // use this component also without an OpenSeadragonAnnotator\n      if (setViewer)\n        setViewer(v);\n\n      return () => {\n        if (setViewer)\n          setViewer(undefined);\n\n        v.destroy();\n      }\n    }\n  }, [JSON.stringify(options)]);\n\n  useImperativeHandle(ref, () => viewer);\n\n  return (\n    <div className={className} ref={element} />\n  );\n\n});"],"names":["OpenSeadragonViewer","forwardRef","props","ref","className","options","element","useRef","viewer","setViewer","useContext","OpenSeadragonAnnotatorContext","useLayoutEffect","v","OpenSeadragon","useImperativeHandle","jsx"],"mappings":";;;;AAYO,MAAMA,IAAsBC,EAA2D,CAACC,GAAiCC,MAAQ;AAEhI,QAAA,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYH,GAEzBI,IAAUC,EAAuB,IAAI,GAErC,EAAE,QAAAC,GAAQ,WAAAC,MAAcC,EAAWC,CAA6B;AAEtE,SAAAC,EAAgB,MAAM;AACpB,QAAIN,EAAQ,SAAS;AACb,YAAAO,IAAIC,EAAc,EAAC,GAAGT,GAAS,SAASC,EAAQ,SAAS;AAI3D,aAAAG,KACFA,EAAUI,CAAC,GAEN,MAAM;AACP,QAAAJ,KACFA,EAAU,MAAS,GAErBI,EAAE,QAAQ;AAAA,MACZ;AAAA,IAAA;AAAA,KAED,CAAC,KAAK,UAAUR,CAAO,CAAC,CAAC,GAERU,EAAAZ,GAAK,MAAMK,CAAM,GAGlCQ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAAZ,GAAsB,KAAKE,EAAS,CAAA;AAG7C,CAAC;"}
+{"version":3,"file":"annotorious-react.es10.js","sources":["../src/openseadragon/OpenSeadragonViewer.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useImperativeHandle, useLayoutEffect, useRef } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { OpenSeadragonAnnotatorContext } from './OpenSeadragonAnnotator';\n\nexport interface OpenSeadragonViewerProps {\n\n  className?: string;\n\n  options: OpenSeadragon.Options;\n\n}\n\nexport const OpenSeadragonViewer = forwardRef<OpenSeadragon.Viewer, OpenSeadragonViewerProps>((props: OpenSeadragonViewerProps, ref) => {\n\n  const { className, options } = props;\n\n  const element = useRef<HTMLDivElement>(null);\n\n  const { viewer, setViewer } = useContext(OpenSeadragonAnnotatorContext);\n\n  useLayoutEffect(() => {    \n    if (element.current) {\n      const v = OpenSeadragon({...options, element: element.current });\n\n      // Checking for setViewer is just a convenience so we can\n      // use this component also without an OpenSeadragonAnnotator\n      if (setViewer)\n        setViewer(v);\n\n      return () => {\n        if (setViewer)\n          setViewer(undefined);\n\n        v.destroy();\n      }\n    }\n  }, [JSON.stringify(options)]);\n\n  useImperativeHandle(ref, () => viewer);\n\n  return (\n    <div className={className} ref={element} />\n  );\n\n});"],"names":["OpenSeadragonViewer","forwardRef","props","ref","className","options","element","useRef","viewer","setViewer","useContext","OpenSeadragonAnnotatorContext","useLayoutEffect","v","OpenSeadragon","useImperativeHandle","jsx"],"mappings":";;;;AAYO,MAAMA,IAAsBC,EAA2D,CAACC,GAAiCC,MAAQ;AAEhI,QAAA,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYH,GAEzBI,IAAUC,EAAuB,IAAI,GAErC,EAAE,QAAAC,GAAQ,WAAAC,MAAcC,EAAWC,CAA6B;AAEtE,SAAAC,EAAgB,MAAM;AACpB,QAAIN,EAAQ,SAAS;AACb,YAAAO,IAAIC,EAAc,EAAC,GAAGT,GAAS,SAASC,EAAQ,SAAS;AAI3D,aAAAG,KACFA,EAAUI,CAAC,GAEN,MAAM;AACP,QAAAJ,KACFA,EAAU,MAAS,GAErBI,EAAE,QAAQ;AAAA,MACZ;AAAA,IAAA;AAAA,KAED,CAAC,KAAK,UAAUR,CAAO,CAAC,CAAC,GAERU,EAAAZ,GAAK,MAAMK,CAAM,GAGlC,gBAAAQ,EAAA,OAAA,EAAI,WAAAZ,GAAsB,KAAKE,EAAS,CAAA;AAG7C,CAAC;"}

package/dist/annotorious-react.es11.js

@@ -1,9 +1,11 @@
-import { __module as e } from "./annotorious-react.es18.js";
-import { __require as r } from "./annotorious-react.es19.js";
-import { __require as o } from "./annotorious-react.es20.js";
-process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
-var m = e.exports;
+import { useState as o, useRef as c, useEffect as s } from "react";
+const i = (e, t) => {
+  const [r, n] = o(e), u = c(void 0);
+  return s(() => (u.current = setTimeout(() => n(e), t), () => {
+    clearTimeout(u.current);
+  }), [e, t]), r;
+};
 export {
-  m as j
+  i as useDebounce
 };
 //# sourceMappingURL=annotorious-react.es11.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es11.js","sources":["../../../node_modules/react/jsx-runtime.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],"names":["jsxRuntimeModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,EAAgD,IAEjED,EAAA,UAAiBE,EAAiD;;","x_google_ignoreList":[0]}
+{"version":3,"file":"annotorious-react.es11.js","sources":["../src/useDebounce.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport const useDebounce = (value: any, delay: number) => {\n  const [debouncedValue, setDebouncedValue] = useState<any>(value);\n\n  const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  useEffect(() => {\n    timerRef.current = \n      setTimeout(() => setDebouncedValue(value), delay);\n\n    return () => {\n      clearTimeout(timerRef.current);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","timerRef","useRef","useEffect"],"mappings":";AAEa,MAAAA,IAAc,CAACC,GAAYC,MAAkB;AACxD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAcJ,CAAK,GAEzDK,IAAWC,EAAsC,MAAS;AAEhE,SAAAC,EAAU,OACRF,EAAS,UACP,WAAW,MAAMF,EAAkBH,CAAK,GAAGC,CAAK,GAE3C,MAAM;AACX,iBAAaI,EAAS,OAAO;AAAA,EAC/B,IACC,CAACL,GAAOC,CAAK,CAAC,GAEVC;AACT;"}

package/dist/annotorious-react.es12.js

@@ -1,11 +1,269 @@
-import { useState as o, useRef as c, useEffect as s } from "react";
-const i = (e, t) => {
-  const [r, n] = o(e), u = c(void 0);
-  return s(() => (u.current = setTimeout(() => n(e), t), () => {
-    clearTimeout(u.current);
-  }), [e, t]), r;
-};
+import * as s from "react";
+import { useLayoutEffect as k, useEffect as q } from "react";
+import { jsxs as Q, jsx as O } from "react/jsx-runtime";
+import { getComputedStyle as Z, isElement as F } from "./annotorious-react.es17.js";
+import { getOverflowAncestors as Ce } from "./annotorious-react.es17.js";
+import "react-dom";
+import { useFloating as z } from "./annotorious-react.es14.js";
+import { arrow as we, flip as Ee, inline as Se, offset as Ie, shift as Fe } from "./annotorious-react.es14.js";
+const $ = {
+  ...s
+}, G = $.useInsertionEffect, J = G || ((t) => t());
+function K(t) {
+  const n = s.useRef(() => {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("Cannot call an event handler while rendering.");
+  });
+  return J(() => {
+    n.current = t;
+  }), s.useCallback(function() {
+    for (var c = arguments.length, e = new Array(c), o = 0; o < c; o++)
+      e[o] = arguments[o];
+    return n.current == null ? void 0 : n.current(...e);
+  }, []);
+}
+var M = typeof document < "u" ? k : q;
+let y = !1, _ = 0;
+const W = () => (
+  // Ensure the id is unique with multiple independent versions of Floating UI
+  // on <React 18
+  "floating-ui-" + Math.random().toString(36).slice(2, 6) + _++
+);
+function ee() {
+  const [t, n] = s.useState(() => y ? W() : void 0);
+  return M(() => {
+    t == null && n(W());
+  }, []), s.useEffect(() => {
+    y = !0;
+  }, []), t;
+}
+const te = $.useId, B = te || ee;
+let P;
+process.env.NODE_ENV !== "production" && (P = /* @__PURE__ */ new Set());
+function ne() {
+  for (var t, n = arguments.length, c = new Array(n), e = 0; e < n; e++)
+    c[e] = arguments[e];
+  const o = "Floating UI: " + c.join(" ");
+  if (!((t = P) != null && t.has(o))) {
+    var i;
+    (i = P) == null || i.add(o), console.warn(o);
+  }
+}
+function oe() {
+  for (var t, n = arguments.length, c = new Array(n), e = 0; e < n; e++)
+    c[e] = arguments[e];
+  const o = "Floating UI: " + c.join(" ");
+  if (!((t = P) != null && t.has(o))) {
+    var i;
+    (i = P) == null || i.add(o), console.error(o);
+  }
+}
+const pe = /* @__PURE__ */ s.forwardRef(function(n, c) {
+  const {
+    context: {
+      placement: e,
+      elements: {
+        floating: o
+      },
+      middlewareData: {
+        arrow: i,
+        shift: a
+      }
+    },
+    width: l = 14,
+    height: u = 7,
+    tipRadius: I = 0,
+    strokeWidth: d = 0,
+    staticOffset: g,
+    stroke: h,
+    d: r,
+    style: {
+      transform: p,
+      ...R
+    } = {},
+    ...x
+  } = n;
+  process.env.NODE_ENV !== "production" && (c || ne("The `ref` prop is required for `FloatingArrow`."));
+  const C = B(), [E, f] = s.useState(!1);
+  if (M(() => {
+    if (!o) return;
+    Z(o).direction === "rtl" && f(!0);
+  }, [o]), !o)
+    return null;
+  const [m, b] = e.split("-"), D = m === "top" || m === "bottom";
+  let S = g;
+  (D && a != null && a.x || !D && a != null && a.y) && (S = null);
+  const v = d * 2, N = v / 2, A = l / 2 * (I / -8 + 1), T = u / 2 * I / 4, w = !!r, U = S && b === "end" ? "bottom" : "top";
+  let L = S && b === "end" ? "right" : "left";
+  S && E && (L = b === "end" ? "left" : "right");
+  const H = (i == null ? void 0 : i.x) != null ? S || i.x : "", X = (i == null ? void 0 : i.y) != null ? S || i.y : "", V = r || "M0,0" + (" H" + l) + (" L" + (l - A) + "," + (u - T)) + (" Q" + l / 2 + "," + u + " " + A + "," + (u - T)) + " Z", Y = {
+    top: w ? "rotate(180deg)" : "",
+    left: w ? "rotate(90deg)" : "rotate(-90deg)",
+    bottom: w ? "" : "rotate(180deg)",
+    right: w ? "rotate(-90deg)" : "rotate(90deg)"
+  }[m];
+  return /* @__PURE__ */ Q("svg", {
+    ...x,
+    "aria-hidden": !0,
+    ref: c,
+    width: w ? l : l + v,
+    height: l,
+    viewBox: "0 0 " + l + " " + (u > l ? u : l),
+    style: {
+      position: "absolute",
+      pointerEvents: "none",
+      [L]: H,
+      [U]: X,
+      [m]: D || w ? "100%" : "calc(100% - " + v / 2 + "px)",
+      transform: [Y, p].filter((j) => !!j).join(" "),
+      ...R
+    },
+    children: [v > 0 && /* @__PURE__ */ O("path", {
+      clipPath: "url(#" + C + ")",
+      fill: "none",
+      stroke: h,
+      strokeWidth: v + (r ? 0 : 1),
+      d: V
+    }), /* @__PURE__ */ O("path", {
+      stroke: v && !r ? x.fill : "none",
+      d: V
+    }), /* @__PURE__ */ O("clipPath", {
+      id: C,
+      children: /* @__PURE__ */ O("rect", {
+        x: -N,
+        y: N * (w ? -1 : 1),
+        width: l + v,
+        height: l
+      })
+    })]
+  });
+});
+function re() {
+  const t = /* @__PURE__ */ new Map();
+  return {
+    emit(n, c) {
+      var e;
+      (e = t.get(n)) == null || e.forEach((o) => o(c));
+    },
+    on(n, c) {
+      t.set(n, [...t.get(n) || [], c]);
+    },
+    off(n, c) {
+      var e;
+      t.set(n, ((e = t.get(n)) == null ? void 0 : e.filter((o) => o !== c)) || []);
+    }
+  };
+}
+const se = /* @__PURE__ */ s.createContext(null), ce = /* @__PURE__ */ s.createContext(null), ie = () => {
+  var t;
+  return ((t = s.useContext(se)) == null ? void 0 : t.id) || null;
+}, le = () => s.useContext(ce);
+function fe(t) {
+  const {
+    open: n = !1,
+    onOpenChange: c,
+    elements: e
+  } = t, o = B(), i = s.useRef({}), [a] = s.useState(() => re()), l = ie() != null;
+  if (process.env.NODE_ENV !== "production") {
+    const r = e.reference;
+    r && !F(r) && oe("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
+  }
+  const [u, I] = s.useState(e.reference), d = K((r, p, R) => {
+    i.current.openEvent = r ? p : void 0, a.emit("openchange", {
+      open: r,
+      event: p,
+      reason: R,
+      nested: l
+    }), c == null || c(r, p, R);
+  }), g = s.useMemo(() => ({
+    setPositionReference: I
+  }), []), h = s.useMemo(() => ({
+    reference: u || e.reference || null,
+    floating: e.floating || null,
+    domReference: e.reference
+  }), [u, e.reference, e.floating]);
+  return s.useMemo(() => ({
+    dataRef: i,
+    open: n,
+    onOpenChange: d,
+    elements: h,
+    events: a,
+    floatingId: o,
+    refs: g
+  }), [n, d, h, a, o, g]);
+}
+function he(t) {
+  t === void 0 && (t = {});
+  const {
+    nodeId: n
+  } = t, c = fe({
+    ...t,
+    elements: {
+      reference: null,
+      floating: null,
+      ...t.elements
+    }
+  }), e = t.rootContext || c, o = e.elements, [i, a] = s.useState(null), [l, u] = s.useState(null), d = (o == null ? void 0 : o.domReference) || i, g = s.useRef(null), h = le();
+  M(() => {
+    d && (g.current = d);
+  }, [d]);
+  const r = z({
+    ...t,
+    elements: {
+      ...o,
+      ...l && {
+        reference: l
+      }
+    }
+  }), p = s.useCallback((f) => {
+    const m = F(f) ? {
+      getBoundingClientRect: () => f.getBoundingClientRect(),
+      contextElement: f
+    } : f;
+    u(m), r.refs.setReference(m);
+  }, [r.refs]), R = s.useCallback((f) => {
+    (F(f) || f === null) && (g.current = f, a(f)), (F(r.refs.reference.current) || r.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    // `null` to support `positionReference` + an unstable `reference`
+    // callback ref.
+    f !== null && !F(f)) && r.refs.setReference(f);
+  }, [r.refs]), x = s.useMemo(() => ({
+    ...r.refs,
+    setReference: R,
+    setPositionReference: p,
+    domReference: g
+  }), [r.refs, R, p]), C = s.useMemo(() => ({
+    ...r.elements,
+    domReference: d
+  }), [r.elements, d]), E = s.useMemo(() => ({
+    ...r,
+    ...e,
+    refs: x,
+    elements: C,
+    nodeId: n
+  }), [r, x, C, n, e]);
+  return M(() => {
+    e.dataRef.current.floatingContext = E;
+    const f = h == null ? void 0 : h.nodesRef.current.find((m) => m.id === n);
+    f && (f.context = E);
+  }), s.useMemo(() => ({
+    ...r,
+    context: E,
+    refs: x,
+    elements: C
+  }), [r, x, C, E]);
+}
 export {
-  i as useDebounce
+  pe as FloatingArrow,
+  we as arrow,
+  Ee as flip,
+  Ce as getOverflowAncestors,
+  Se as inline,
+  Ie as offset,
+  Fe as shift,
+  he as useFloating,
+  ie as useFloatingParentNodeId,
+  fe as useFloatingRootContext,
+  le as useFloatingTree,
+  B as useId
 };
 //# sourceMappingURL=annotorious-react.es12.js.map