@annotorious/react 3.0.22 → 3.1.1

package/dist/annotorious-react.es12.js

@@ -1,11 +1,11 @@
-import { useState as c, useRef as n, useEffect as s } from "react";
-const m = (e, t) => {
-  const [u, o] = c(e), r = n();
-  return s(() => (r.current = setTimeout(() => o(e), t), () => {
-    clearTimeout(r.current);
-  }), [e, t]), u;
+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 useDebounce
+  i as useDebounce
 };
 //# sourceMappingURL=annotorious-react.es12.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es12.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>>();\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;AAEvD,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;"}
+{"version":3,"file":"annotorious-react.es12.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.es13.js

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