@annotorious/react 3.0.0-rc.9 → 3.0.1

package/dist/annotorious-react.es13.js

@@ -1,11 +1,275 @@
-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 * as o from "react";
+import { useLayoutEffect as Y, useEffect as q } from "react";
+import { getComputedStyle as Q, isElement as I } from "./annotorious-react.es21.js";
+import { getOverflowAncestors as Re } from "./annotorious-react.es21.js";
+import "react-dom";
+import { useFloating as Z } from "./annotorious-react.es15.js";
+import { arrow as xe, flip as Ee, inline as we, offset as Ce, shift as Se } from "./annotorious-react.es15.js";
+const W = {
+  ...o
+}, z = W.useInsertionEffect, G = z || ((t) => t());
+function J(t) {
+  const n = o.useRef(() => {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("Cannot call an event handler while rendering.");
+  });
+  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];
+    return n.current == null ? void 0 : n.current(...e);
+  }, []);
+}
+var b = typeof document < "u" ? Y : 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;
+const j = () => (
+  // 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++
+);
+function k() {
+  const [t, n] = o.useState(() => V ? j() : void 0);
+  return b(() => {
+    t == null && n(j());
+  }, []), o.useEffect(() => {
+    V = !0;
+  }, []), t;
+}
+const _ = W.useId, $ = _ || k;
+let P;
+process.env.NODE_ENV !== "production" && (P = /* @__PURE__ */ new Set());
+function ee() {
+  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);
+  }
+}
+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.error(r);
+  }
+}
+const me = /* @__PURE__ */ o.forwardRef(function(n, s) {
+  const {
+    context: {
+      placement: e,
+      elements: {
+        floating: r
+      },
+      middlewareData: {
+        arrow: l,
+        shift: u
+      }
+    },
+    width: i = 14,
+    height: a = 7,
+    tipRadius: O = 0,
+    strokeWidth: d = 0,
+    staticOffset: p,
+    stroke: h,
+    d: c,
+    style: {
+      transform: m,
+      ...R
+    } = {},
+    ...v
+  } = n;
+  process.env.NODE_ENV !== "production" && (s || ee("The `ref` prop is required for `FloatingArrow`."));
+  const x = $(), [C, f] = o.useState(!1);
+  if (b(() => {
+    if (!r) return;
+    Q(r).direction === "rtl" && f(!0);
+  }, [r]), !r)
+    return null;
+  const [g, F] = e.split("-"), M = g === "top" || g === "bottom";
+  let S = p;
+  (M && u != null && u.x || !M && u != null && u.y) && (S = null);
+  const E = d * 2, N = E / 2, A = i / 2 * (O / -8 + 1), T = a / 2 * O / 4, w = !!c, B = S && F === "end" ? "bottom" : "top";
+  let y = S && F === "end" ? "right" : "left";
+  S && C && (y = F === "end" ? "left" : "right");
+  const U = (l == null ? void 0 : l.x) != null ? S || l.x : "", H = (l == null ? void 0 : l.y) != null ? S || l.y : "", L = c || "M0,0" + (" H" + i) + (" L" + (i - A) + "," + (a - T)) + (" Q" + i / 2 + "," + a + " " + A + "," + (a - T)) + " Z", X = {
+    top: w ? "rotate(180deg)" : "",
+    left: w ? "rotate(90deg)" : "rotate(-90deg)",
+    bottom: w ? "" : "rotate(180deg)",
+    right: w ? "rotate(-90deg)" : "rotate(90deg)"
+  }[g];
+  return /* @__PURE__ */ o.createElement("svg", D({}, v, {
+    "aria-hidden": !0,
+    ref: s,
+    width: w ? i : i + E,
+    height: i,
+    viewBox: "0 0 " + i + " " + (a > i ? a : i),
+    style: {
+      position: "absolute",
+      pointerEvents: "none",
+      [y]: U,
+      [B]: H,
+      [g]: M || w ? "100%" : "calc(100% - " + E / 2 + "px)",
+      transform: "" + X + (m ?? ""),
+      ...R
+    }
+  }), E > 0 && /* @__PURE__ */ o.createElement("path", {
+    clipPath: "url(#" + x + ")",
+    fill: "none",
+    stroke: h,
+    strokeWidth: E + (c ? 0 : 1),
+    d: L
+  }), /* @__PURE__ */ o.createElement("path", {
+    stroke: E && !c ? v.fill : "none",
+    d: L
+  }), /* @__PURE__ */ o.createElement("clipPath", {
+    id: x
+  }, /* @__PURE__ */ o.createElement("rect", {
+    x: -N,
+    y: N * (w ? -1 : 1),
+    width: i + E,
+    height: i
+  })));
+});
+function ne() {
+  const t = /* @__PURE__ */ new Map();
+  return {
+    emit(n, s) {
+      var e;
+      (e = t.get(n)) == null || e.forEach((r) => r(s));
+    },
+    on(n, s) {
+      t.set(n, [...t.get(n) || [], s]);
+    },
+    off(n, s) {
+      var e;
+      t.set(n, ((e = t.get(n)) == null ? void 0 : e.filter((r) => r !== s)) || []);
+    }
+  };
+}
+const oe = /* @__PURE__ */ o.createContext(null), re = /* @__PURE__ */ o.createContext(null), se = () => {
+  var t;
+  return ((t = o.useContext(oe)) == null ? void 0 : t.id) || null;
+}, ce = () => o.useContext(re);
+function le(t) {
+  const {
+    open: n = !1,
+    onOpenChange: s,
+    elements: e
+  } = t, r = $(), l = o.useRef({}), [u] = o.useState(() => ne()), i = se() != null;
+  if (process.env.NODE_ENV !== "production") {
+    const c = e.reference;
+    c && !I(c) && te("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 = J((c, m, R) => {
+    l.current.openEvent = c ? m : void 0, u.emit("openchange", {
+      open: c,
+      event: m,
+      reason: R,
+      nested: i
+    }), s == null || s(c, m, R);
+  }), p = o.useMemo(() => ({
+    setPositionReference: O
+  }), []), h = o.useMemo(() => ({
+    reference: a || e.reference || null,
+    floating: e.floating || null,
+    domReference: e.reference
+  }), [a, e.reference, e.floating]);
+  return o.useMemo(() => ({
+    dataRef: l,
+    open: n,
+    onOpenChange: d,
+    elements: h,
+    events: u,
+    floatingId: r,
+    refs: p
+  }), [n, d, h, u, r, p]);
+}
+function ge(t) {
+  t === void 0 && (t = {});
+  const {
+    nodeId: n
+  } = t, s = 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.reference) || l, p = o.useRef(null), h = ce();
+  b(() => {
+    d && (p.current = d);
+  }, [d]);
+  const c = Z({
+    ...t,
+    elements: {
+      ...r,
+      ...i && {
+        reference: i
+      }
+    }
+  }), m = o.useCallback((f) => {
+    const g = I(f) ? {
+      getBoundingClientRect: () => f.getBoundingClientRect(),
+      contextElement: f
+    } : f;
+    a(g), c.refs.setReference(g);
+  }, [c.refs]), R = o.useCallback((f) => {
+    (I(f) || f === null) && (p.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
+    // `null` to support `positionReference` + an unstable `reference`
+    // callback ref.
+    f !== null && !I(f)) && c.refs.setReference(f);
+  }, [c.refs]), v = o.useMemo(() => ({
+    ...c.refs,
+    setReference: R,
+    setPositionReference: m,
+    domReference: p
+  }), [c.refs, R, m]), x = o.useMemo(() => ({
+    ...c.elements,
+    domReference: d
+  }), [c.elements, d]), C = o.useMemo(() => ({
+    ...c,
+    ...e,
+    refs: v,
+    elements: x,
+    nodeId: n
+  }), [c, v, x, n, e]);
+  return b(() => {
+    e.dataRef.current.floatingContext = C;
+    const f = h == null ? void 0 : h.nodesRef.current.find((g) => g.id === n);
+    f && (f.context = C);
+  }), o.useMemo(() => ({
+    ...c,
+    context: C,
+    refs: v,
+    elements: x
+  }), [c, v, x, C]);
+}
 export {
-  m as useDebounce
+  me as FloatingArrow,
+  xe as arrow,
+  Ee as flip,
+  Re as getOverflowAncestors,
+  we as inline,
+  Ce as offset,
+  Se as shift,
+  ge as useFloating,
+  se as useFloatingParentNodeId,
+  le as useFloatingRootContext,
+  ce as useFloatingTree,
+  $ as useId
 };
 //# sourceMappingURL=annotorious-react.es13.js.map