@pdf-viewer/react 1.6.1-rc.0 → 1.6.1-rc.2

package/dist/index-aa2d3884.js

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

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as t } from "./components/RPProvider.js";
-import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-a6150b35.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-8ce0fad7.js";
 import { RPConfig as a } from "./components/RPConfig.js";
 import { RPController as l } from "./components/RPController.js";
 import { RPTheme as P } from "./components/RPTheme.js";

package/dist/utils/hooks/useFileDownload.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { c as E } from "../../RPDefaultLayout-a6150b35.js";
+import { c as E } from "../../RPDefaultLayout-8ce0fad7.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as g, useCallback as h, useEffect as A } from "react";
 import { appConsole as c } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-05-26T09:20:36.953Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-05-29T03:28:29.008Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   invalidLicense: `You are currently using without a valid license. ${l}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${l}`,
   expired: `Your license key has expired. ${l}`,

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { g as G } from "../../RPDefaultLayout-a6150b35.js";
+import { g as G } from "../../RPDefaultLayout-8ce0fad7.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";

package/dist/utils/hooks/usePresentPage.js

@@ -5,7 +5,7 @@ import "../calculatePage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { v as G } from "../../RPDefaultLayout-a6150b35.js";
+import { v as G } from "../../RPDefaultLayout-8ce0fad7.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/usePrint.js

@@ -2,7 +2,7 @@ import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { i as F } from "../../RPDefaultLayout-a6150b35.js";
+import { i as F } from "../../RPDefaultLayout-8ce0fad7.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -3,7 +3,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { f as F } from "../../RPDefaultLayout-a6150b35.js";
+import { f as F } from "../../RPDefaultLayout-8ce0fad7.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
 import "../../contexts/DocumentPasswordContext.js";
-import { n as I } from "../../RPDefaultLayout-a6150b35.js";
+import { n as I } from "../../RPDefaultLayout-8ce0fad7.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useThumbnail.js

@@ -3,7 +3,7 @@ import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { k as G } from "../../RPDefaultLayout-a6150b35.js";
+import { k as G } from "../../RPDefaultLayout-8ce0fad7.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -4,7 +4,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { s as D } from "../../RPDefaultLayout-a6150b35.js";
+import { s as D } from "../../RPDefaultLayout-8ce0fad7.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "The PDF Viewer component for React and Next.js",
-  "version": "1.6.1-rc.0",
+  "version": "1.6.1-rc.2",
   "keywords": [
     "component",
     "frontend",

package/dist/index-2e540713.js

@@ -1,23 +0,0 @@
-import * as o from "react";
-import { u as n, a as r } from "./index-71898eb9.js";
-function i(a, e = globalThis == null ? void 0 : globalThis.document) {
-  const t = n(a);
-  o.useEffect(() => {
-    const s = (u) => {
-      u.key === "Escape" && t(u);
-    };
-    return e.addEventListener("keydown", s, { capture: !0 }), () => e.removeEventListener("keydown", s, { capture: !0 });
-  }, [t, e]);
-}
-var c = o["useId".toString()] || (() => {
-}), f = 0;
-function p(a) {
-  const [e, t] = o.useState(c());
-  return r(() => {
-    a || t((s) => s ?? String(f++));
-  }, [a]), a || (e ? `radix-${e}` : "");
-}
-export {
-  p as a,
-  i as u
-};

package/dist/index-353ec0a6.js

@@ -1,172 +0,0 @@
-import * as s from "react";
-import * as C from "react-dom";
-import { jsx as h, Fragment as M } from "react/jsx-runtime";
-import { a as g } from "./index-71898eb9.js";
-function x(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
-  return function(r) {
-    if (e == null || e(r), t === !1 || !r.defaultPrevented)
-      return n == null ? void 0 : n(r);
-  };
-}
-function A(e, n) {
-  if (typeof e == "function")
-    return e(n);
-  e != null && (e.current = n);
-}
-function R(...e) {
-  return (n) => {
-    let t = !1;
-    const i = e.map((r) => {
-      const o = A(r, n);
-      return !t && typeof o == "function" && (t = !0), o;
-    });
-    if (t)
-      return () => {
-        for (let r = 0; r < i.length; r++) {
-          const o = i[r];
-          typeof o == "function" ? o() : A(e[r], null);
-        }
-      };
-  };
-}
-function S(...e) {
-  return s.useCallback(R(...e), e);
-}
-var O = s.forwardRef((e, n) => {
-  const { children: t, ...i } = e, r = s.Children.toArray(t), o = r.find(T);
-  if (o) {
-    const c = o.props.children, l = r.map((u) => u === o ? s.Children.count(c) > 1 ? s.Children.only(null) : s.isValidElement(c) ? c.props.children : null : u);
-    return /* @__PURE__ */ h(y, { ...i, ref: n, children: s.isValidElement(c) ? s.cloneElement(c, void 0, l) : null });
-  }
-  return /* @__PURE__ */ h(y, { ...i, ref: n, children: t });
-});
-O.displayName = "Slot";
-var y = s.forwardRef((e, n) => {
-  const { children: t, ...i } = e;
-  if (s.isValidElement(t)) {
-    const r = D(t), o = b(i, t.props);
-    return t.type !== s.Fragment && (o.ref = n ? R(n, r) : r), s.cloneElement(t, o);
-  }
-  return s.Children.count(t) > 1 ? s.Children.only(null) : null;
-});
-y.displayName = "SlotClone";
-var E = ({ children: e }) => /* @__PURE__ */ h(M, { children: e });
-function T(e) {
-  return s.isValidElement(e) && e.type === E;
-}
-function b(e, n) {
-  const t = { ...n };
-  for (const i in n) {
-    const r = e[i], o = n[i];
-    /^on[A-Z]/.test(i) ? r && o ? t[i] = (...l) => {
-      o(...l), r(...l);
-    } : r && (t[i] = r) : i === "style" ? t[i] = { ...r, ...o } : i === "className" && (t[i] = [r, o].filter(Boolean).join(" "));
-  }
-  return { ...e, ...t };
-}
-function D(e) {
-  var i, r;
-  let n = (i = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : i.get, t = n && "isReactWarning" in n && n.isReactWarning;
-  return t ? e.ref : (n = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
-}
-var I = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-], _ = I.reduce((e, n) => {
-  const t = s.forwardRef((i, r) => {
-    const { asChild: o, ...c } = i, l = o ? O : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ h(l, { ...c, ref: r });
-  });
-  return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
-}, {});
-function k(e, n) {
-  e && C.flushSync(() => e.dispatchEvent(n));
-}
-function U(e, n) {
-  return s.useReducer((t, i) => n[t][i] ?? t, e);
-}
-var W = (e) => {
-  const { present: n, children: t } = e, i = F(n), r = typeof t == "function" ? t({ present: i.isPresent }) : s.Children.only(t), o = S(i.ref, L(r));
-  return typeof t == "function" || i.isPresent ? s.cloneElement(r, { ref: o }) : null;
-};
-W.displayName = "Presence";
-function F(e) {
-  const [n, t] = s.useState(), i = s.useRef({}), r = s.useRef(e), o = s.useRef("none"), c = e ? "mounted" : "unmounted", [l, u] = U(c, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  return s.useEffect(() => {
-    const a = N(i.current);
-    o.current = l === "mounted" ? a : "none";
-  }, [l]), g(() => {
-    const a = i.current, m = r.current;
-    if (m !== e) {
-      const p = o.current, f = N(a);
-      e ? u("MOUNT") : f === "none" || (a == null ? void 0 : a.display) === "none" ? u("UNMOUNT") : u(m && p !== f ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
-    }
-  }, [e, u]), g(() => {
-    if (n) {
-      let a;
-      const m = n.ownerDocument.defaultView ?? window, d = (f) => {
-        const v = N(i.current).includes(f.animationName);
-        if (f.target === n && v && (u("ANIMATION_END"), !r.current)) {
-          const w = n.style.animationFillMode;
-          n.style.animationFillMode = "forwards", a = m.setTimeout(() => {
-            n.style.animationFillMode === "forwards" && (n.style.animationFillMode = w);
-          });
-        }
-      }, p = (f) => {
-        f.target === n && (o.current = N(i.current));
-      };
-      return n.addEventListener("animationstart", p), n.addEventListener("animationcancel", d), n.addEventListener("animationend", d), () => {
-        m.clearTimeout(a), n.removeEventListener("animationstart", p), n.removeEventListener("animationcancel", d), n.removeEventListener("animationend", d);
-      };
-    } else
-      u("ANIMATION_END");
-  }, [n, u]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(l),
-    ref: s.useCallback((a) => {
-      a && (i.current = getComputedStyle(a)), t(a);
-    }, [])
-  };
-}
-function N(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
-}
-function L(e) {
-  var i, r;
-  let n = (i = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : i.get, t = n && "isReactWarning" in n && n.isReactWarning;
-  return t ? e.ref : (n = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
-}
-export {
-  _ as P,
-  O as S,
-  W as a,
-  R as b,
-  x as c,
-  k as d,
-  S as u
-};