@annotorious/react 3.3.4 → 3.3.5

package/dist/annotorious-react.es12.js

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