@react-pdf-kit/viewer 2.0.0-beta.9 → 2.0.0-rc.0

package/dist/index-655864a7.js

@@ -0,0 +1,27 @@
+import * as h from "react";
+import { u as z } from "./index-c0faa594.js";
+function n(r) {
+  const [d, e] = h.useState(void 0);
+  return z(() => {
+    if (r) {
+      e({ width: r.offsetWidth, height: r.offsetHeight });
+      const f = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const b = i[0];
+        let o, t;
+        if ("borderBoxSize" in b) {
+          const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
+          o = u.inlineSize, t = u.blockSize;
+        } else
+          o = r.offsetWidth, t = r.offsetHeight;
+        e({ width: o, height: t });
+      });
+      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
+    } else
+      e(void 0);
+  }, [r]), d;
+}
+export {
+  n as u
+};

package/dist/{index-c9a2990a.js → index-c0faa594.js}

@@ -1,40 +1,40 @@
 import * as s from "react";
-import { jsx as v, Fragment as A } from "react/jsx-runtime";
-import * as E from "react-dom";
-function k(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+import { jsx as S, Fragment as R } from "react/jsx-runtime";
+import * as b from "react-dom";
+function B(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(r) {
     if (e == null || e(r), n === !1 || !r.defaultPrevented)
       return t == null ? void 0 : t(r);
   };
 }
-function C(e, t) {
+function g(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function P(...e) {
+function w(...e) {
   return (t) => {
     let n = !1;
     const o = e.map((r) => {
-      const i = C(r, t);
+      const i = g(r, t);
       return !n && typeof i == "function" && (n = !0), i;
     });
     if (n)
       return () => {
         for (let r = 0; r < o.length; r++) {
           const i = o[r];
-          typeof i == "function" ? i() : C(e[r], null);
+          typeof i == "function" ? i() : g(e[r], null);
         }
       };
   };
 }
-function x(...e) {
-  return s.useCallback(P(...e), e);
+function A(...e) {
+  return s.useCallback(w(...e), e);
 }
-function B(e, t) {
+function Z(e, t) {
   const n = s.createContext(t), o = (i) => {
     const { children: u, ...c } = i, a = s.useMemo(() => c, Object.values(c));
-    return /* @__PURE__ */ v(n.Provider, { value: a, children: u });
+    return /* @__PURE__ */ S(n.Provider, { value: a, children: u });
   };
   o.displayName = e + "Provider";
   function r(i) {
@@ -47,22 +47,22 @@ function B(e, t) {
   }
   return [o, r];
 }
-function Z(e, t = []) {
+function q(e, t = []) {
   let n = [];
   function o(i, u) {
     const c = s.createContext(u), a = n.length;
     n = [...n, u];
     const l = (f) => {
-      var g;
-      const { scope: m, children: p, ...S } = f, h = ((g = m == null ? void 0 : m[e]) == null ? void 0 : g[a]) || c, b = s.useMemo(() => S, Object.values(S));
-      return /* @__PURE__ */ v(h.Provider, { value: b, children: p });
+      var P;
+      const { scope: m, children: p, ...v } = f, N = ((P = m == null ? void 0 : m[e]) == null ? void 0 : P[a]) || c, y = s.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ S(N.Provider, { value: y, children: p });
     };
     l.displayName = i + "Provider";
     function d(f, m) {
-      var h;
-      const p = ((h = m == null ? void 0 : m[e]) == null ? void 0 : h[a]) || c, S = s.useContext(p);
-      if (S)
-        return S;
+      var N;
+      const p = ((N = m == null ? void 0 : m[e]) == null ? void 0 : N[a]) || c, v = s.useContext(p);
+      if (v)
+        return v;
       if (u !== void 0)
         return u;
       throw new Error(`\`${f}\` must be used within \`${i}\``);
@@ -79,9 +79,9 @@ function Z(e, t = []) {
       );
     };
   };
-  return r.scopeName = e, [o, R(r, ...t)];
+  return r.scopeName = e, [o, O(r, ...t)];
 }
-function R(...e) {
+function O(...e) {
   const t = e[0];
   if (e.length === 1)
     return t;
@@ -101,14 +101,14 @@ function R(...e) {
   return n.scopeName = t.scopeName, n;
 }
 // @__NO_SIDE_EFFECTS__
-function O(e) {
+function x(e) {
   const t = /* @__PURE__ */ M(e), n = s.forwardRef((o, r) => {
     const { children: i, ...u } = o, c = s.Children.toArray(i), a = c.find(I);
     if (a) {
       const l = a.props.children, d = c.map((f) => f === a ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : f);
-      return /* @__PURE__ */ v(t, { ...u, ref: r, children: s.isValidElement(l) ? s.cloneElement(l, void 0, d) : null });
+      return /* @__PURE__ */ S(t, { ...u, ref: r, children: s.isValidElement(l) ? s.cloneElement(l, void 0, d) : null });
     }
-    return /* @__PURE__ */ v(t, { ...u, ref: r, children: i });
+    return /* @__PURE__ */ S(t, { ...u, ref: r, children: i });
   });
   return n.displayName = `${e}.Slot`, n;
 }
@@ -118,20 +118,20 @@ function M(e) {
     const { children: r, ...i } = n;
     if (s.isValidElement(r)) {
       const u = _(r), c = T(i, r.props);
-      return r.type !== s.Fragment && (c.ref = o ? P(o, u) : u), s.cloneElement(r, c);
+      return r.type !== s.Fragment && (c.ref = o ? w(o, u) : u), s.cloneElement(r, c);
     }
     return s.Children.count(r) > 1 ? s.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var w = Symbol("radix.slottable");
+var E = Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
-function q(e) {
-  const t = ({ children: n }) => /* @__PURE__ */ v(A, { children: n });
-  return t.displayName = `${e}.Slottable`, t.__radixId = w, t;
+function z(e) {
+  const t = ({ children: n }) => /* @__PURE__ */ S(R, { children: n });
+  return t.displayName = `${e}.Slottable`, t.__radixId = E, t;
 }
 function I(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === w;
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === E;
 }
 function T(e, t) {
   const n = { ...t };
@@ -168,44 +168,22 @@ var $ = [
   "svg",
   "ul"
 ], G = $.reduce((e, t) => {
-  const n = /* @__PURE__ */ O(`Primitive.${t}`), o = s.forwardRef((r, i) => {
+  const n = /* @__PURE__ */ x(`Primitive.${t}`), o = s.forwardRef((r, i) => {
     const { asChild: u, ...c } = r, a = u ? n : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(a, { ...c, ref: i });
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ S(a, { ...c, ref: i });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
 function J(e, t) {
-  e && E.flushSync(() => e.dispatchEvent(t));
+  e && b.flushSync(() => e.dispatchEvent(t));
 }
-var N = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+var C = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
 };
-function K(e) {
-  const [t, n] = s.useState(void 0);
-  return N(() => {
-    if (e) {
-      n({ width: e.offsetWidth, height: e.offsetHeight });
-      const o = new ResizeObserver((r) => {
-        if (!Array.isArray(r) || !r.length)
-          return;
-        const i = r[0];
-        let u, c;
-        if ("borderBoxSize" in i) {
-          const a = i.borderBoxSize, l = Array.isArray(a) ? a[0] : a;
-          u = l.inlineSize, c = l.blockSize;
-        } else
-          u = e.offsetWidth, c = e.offsetHeight;
-        n({ width: u, height: c });
-      });
-      return o.observe(e, { box: "border-box" }), () => o.unobserve(e);
-    } else
-      n(void 0);
-  }, [e]), t;
-}
 function D(e, t) {
   return s.useReducer((n, o) => t[n][o] ?? n, e);
 }
 var U = (e) => {
-  const { present: t, children: n } = e, o = W(t), r = typeof n == "function" ? n({ present: o.isPresent }) : s.Children.only(n), i = x(o.ref, z(r));
+  const { present: t, children: n } = e, o = W(t), r = typeof n == "function" ? n({ present: o.isPresent }) : s.Children.only(n), i = A(o.ref, L(r));
   return typeof n == "function" || o.isPresent ? s.cloneElement(r, { ref: i }) : null;
 };
 U.displayName = "Presence";
@@ -224,27 +202,27 @@ function W(e) {
     }
   });
   return s.useEffect(() => {
-    const l = y(o.current);
+    const l = h(o.current);
     i.current = c === "mounted" ? l : "none";
-  }, [c]), N(() => {
+  }, [c]), C(() => {
     const l = o.current, d = r.current;
     if (d !== e) {
-      const m = i.current, p = y(l);
+      const m = i.current, p = h(l);
       e ? a("MOUNT") : p === "none" || (l == null ? void 0 : l.display) === "none" ? a("UNMOUNT") : a(d && m !== p ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
     }
-  }, [e, a]), N(() => {
+  }, [e, a]), C(() => {
     if (t) {
       let l;
       const d = t.ownerDocument.defaultView ?? window, f = (p) => {
-        const h = y(o.current).includes(CSS.escape(p.animationName));
-        if (p.target === t && h && (a("ANIMATION_END"), !r.current)) {
-          const b = t.style.animationFillMode;
+        const N = h(o.current).includes(CSS.escape(p.animationName));
+        if (p.target === t && N && (a("ANIMATION_END"), !r.current)) {
+          const y = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", l = d.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = b);
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = y);
           });
         }
       }, m = (p) => {
-        p.target === t && (i.current = y(o.current));
+        p.target === t && (i.current = h(o.current));
       };
       return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
         d.clearTimeout(l), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
@@ -258,23 +236,23 @@ function W(e) {
     }, [])
   };
 }
-function y(e) {
+function h(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function z(e) {
+function L(e) {
   var o, r;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var L = s[" useInsertionEffect ".trim().toString()] || N;
-function Q({
+var j = s[" useInsertionEffect ".trim().toString()] || C;
+function K({
   prop: e,
   defaultProp: t,
   onChange: n = () => {
   },
   caller: o
 }) {
-  const [r, i, u] = j({
+  const [r, i, u] = F({
     defaultProp: t,
     onChange: n
   }), c = e !== void 0, a = c ? e : r;
@@ -291,7 +269,7 @@ function Q({
     (d) => {
       var f;
       if (c) {
-        const m = F(d) ? d(e) : d;
+        const m = V(d) ? d(e) : d;
         m !== e && ((f = u.current) == null || f.call(u, m));
       } else
         i(d);
@@ -300,33 +278,32 @@ function Q({
   );
   return [a, l];
 }
-function j({
+function F({
   defaultProp: e,
   onChange: t
 }) {
   const [n, o] = s.useState(e), r = s.useRef(n), i = s.useRef(t);
-  return L(() => {
+  return j(() => {
     i.current = t;
   }, [t]), s.useEffect(() => {
     var u;
     r.current !== n && ((u = i.current) == null || u.call(i, n), r.current = n);
   }, [n, r]), [n, o, i];
 }
-function F(e) {
+function V(e) {
   return typeof e == "function";
 }
 export {
   G as P,
-  k as a,
-  U as b,
-  Z as c,
-  K as d,
-  Q as e,
-  q as f,
-  J as g,
-  N as h,
-  O as i,
-  P as j,
-  B as k,
-  x as u
+  A as a,
+  B as b,
+  q as c,
+  U as d,
+  Z as e,
+  K as f,
+  x as g,
+  J as h,
+  z as i,
+  w as j,
+  C as u
 };

package/dist/index-e3ee9457.js

@@ -0,0 +1,150 @@
+import * as r from "react";
+import { a as R, P as w, b as y, h as _, u as U } from "./index-c0faa594.js";
+import { jsx as T } from "react/jsx-runtime";
+function b(t) {
+  const e = r.useRef(t);
+  return r.useEffect(() => {
+    e.current = t;
+  }), r.useMemo(() => (...n) => {
+    var s;
+    return (s = e.current) == null ? void 0 : s.call(e, ...n);
+  }, []);
+}
+function z(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = b(t);
+  r.useEffect(() => {
+    const s = (i) => {
+      i.key === "Escape" && n(i);
+    };
+    return e.addEventListener("keydown", s, { capture: !0 }), () => e.removeEventListener("keydown", s, { capture: !0 });
+  }, [n, e]);
+}
+var H = "DismissableLayer", p = "dismissableLayer.update", M = "dismissableLayer.pointerDownOutside", K = "dismissableLayer.focusOutside", O, S = r.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), j = r.forwardRef(
+  (t, e) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: s,
+      onPointerDownOutside: i,
+      onFocusOutside: a,
+      onInteractOutside: l,
+      onDismiss: d,
+      ...E
+    } = t, u = r.useContext(S), [c, B] = r.useState(null), f = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = r.useState({}), I = R(e, (o) => B(o)), m = Array.from(u.layers), [W] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), A = m.indexOf(W), P = c ? m.indexOf(c) : -1, N = u.layersWithOutsidePointerEventsDisabled.size > 0, D = P >= A, k = $((o) => {
+      const v = o.target, C = [...u.branches].some((h) => h.contains(v));
+      !D || C || (i == null || i(o), l == null || l(o), o.defaultPrevented || d == null || d());
+    }, f), L = q((o) => {
+      const v = o.target;
+      [...u.branches].some((h) => h.contains(v)) || (a == null || a(o), l == null || l(o), o.defaultPrevented || d == null || d());
+    }, f);
+    return z((o) => {
+      P === u.layers.size - 1 && (s == null || s(o), !o.defaultPrevented && d && (o.preventDefault(), d()));
+    }, f), r.useEffect(() => {
+      if (c)
+        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (O = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), g(), () => {
+          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = O);
+        };
+    }, [c, f, n, u]), r.useEffect(() => () => {
+      c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), g());
+    }, [c, u]), r.useEffect(() => {
+      const o = () => F({});
+      return document.addEventListener(p, o), () => document.removeEventListener(p, o);
+    }, []), /* @__PURE__ */ T(
+      w.div,
+      {
+        ...E,
+        ref: I,
+        style: {
+          pointerEvents: N ? D ? "auto" : "none" : void 0,
+          ...t.style
+        },
+        onFocusCapture: y(t.onFocusCapture, L.onFocusCapture),
+        onBlurCapture: y(t.onBlurCapture, L.onBlurCapture),
+        onPointerDownCapture: y(
+          t.onPointerDownCapture,
+          k.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+j.displayName = H;
+var X = "DismissableLayerBranch", Y = r.forwardRef((t, e) => {
+  const n = r.useContext(S), s = r.useRef(null), i = R(e, s);
+  return r.useEffect(() => {
+    const a = s.current;
+    if (a)
+      return n.branches.add(a), () => {
+        n.branches.delete(a);
+      };
+  }, [n.branches]), /* @__PURE__ */ T(w.div, { ...t, ref: i });
+});
+Y.displayName = X;
+function $(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = b(t), s = r.useRef(!1), i = r.useRef(() => {
+  });
+  return r.useEffect(() => {
+    const a = (d) => {
+      if (d.target && !s.current) {
+        let E = function() {
+          x(
+            M,
+            n,
+            u,
+            { discrete: !0 }
+          );
+        };
+        const u = { originalEvent: d };
+        d.pointerType === "touch" ? (e.removeEventListener("click", i.current), i.current = E, e.addEventListener("click", i.current, { once: !0 })) : E();
+      } else
+        e.removeEventListener("click", i.current);
+      s.current = !1;
+    }, l = window.setTimeout(() => {
+      e.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", i.current);
+    };
+  }, [e, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => s.current = !0
+  };
+}
+function q(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = b(t), s = r.useRef(!1);
+  return r.useEffect(() => {
+    const i = (a) => {
+      a.target && !s.current && x(K, n, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", i), () => e.removeEventListener("focusin", i);
+  }, [e, n]), {
+    onFocusCapture: () => s.current = !0,
+    onBlurCapture: () => s.current = !1
+  };
+}
+function g() {
+  const t = new CustomEvent(p);
+  document.dispatchEvent(t);
+}
+function x(t, e, n, { discrete: s }) {
+  const i = n.originalEvent.target, a = new CustomEvent(t, { bubbles: !1, cancelable: !0, detail: n });
+  e && i.addEventListener(t, e, { once: !0 }), s ? _(i, a) : i.dispatchEvent(a);
+}
+var G = r[" useId ".trim().toString()] || (() => {
+}), J = 0;
+function Z(t) {
+  const [e, n] = r.useState(G());
+  return U(() => {
+    t || n((s) => s ?? String(J++));
+  }, [t]), t || (e ? `radix-${e}` : "");
+}
+export {
+  j as D,
+  b as a,
+  Z as u
+};