@pdf-viewer/react 1.8.0-rc.1 → 1.8.0

package/dist/index-e3a67935.js

@@ -0,0 +1,150 @@
+import * as r from "react";
+import { u as R, P as w, a as h, f as _, g as U } from "./index-6e0e48fa.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", g, 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((y) => y.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((y) => y.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 && (g = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), O(), () => {
+          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = g);
+        };
+    }, [c, f, n, u]), r.useEffect(() => () => {
+      c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), O());
+    }, [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: h(t.onFocusCapture, L.onFocusCapture),
+        onBlurCapture: h(t.onBlurCapture, L.onBlurCapture),
+        onPointerDownCapture: h(
+          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 O() {
+  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,
+  Z as a,
+  b as u
+};

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as t } from "./components/RPProvider.js";
-import { a as x, R as n, b as s, u as m, c as p, d as a } from "./RPDefaultLayout-2cca5d34.js";
+import { a as x, R as n, b as s, u as m, c as p, d as a } from "./RPDefaultLayout-4b330ca1.js";
 import { RPConfig as u } from "./components/RPConfig.js";
 import { RPController as i } from "./components/RPController.js";
 import { RPTheme as P } from "./components/RPTheme.js";

package/dist/types/utils/types.d.ts

@@ -221,6 +221,7 @@ export interface DarkMode extends DarkModeProps {
     onDarkModeChange: (value: boolean) => void;
 }
 export interface License {
+    validating?: boolean;
     isValid: boolean;
     invalidatedMessage?: string;
     type?: LicenseType;

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 { b as H } from "../../RPDefaultLayout-2cca5d34.js";
+import { b as H } from "../../RPDefaultLayout-4b330ca1.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useLicense.js

@@ -1,9 +1,9 @@
-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-07-22T05:14:01.643Z"), 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}`,
+import { useState as E, useCallback as h, useEffect as A } from "react";
+import { appConsole as l } from "../appConsole.js";
+const b = /* @__PURE__ */ new Date("2025-07-29T08:30:55.704Z"), d = "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. ${d}`,
+  mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
+  expired: `Your license key has expired. ${d}`,
   exceededVersion: "Your license does not support the current version of React PDF. The library version you are using exceeds the supported range of your license.",
   invalidSignature: "Invalid license key: Signature mismatch"
 };
@@ -50,41 +50,41 @@ kwIDAQAB
     throw new Error(s.invalidLicense);
   }
 }
-const y = (r, t) => r === "specific" ? t === window.location.host : window.location.host.includes(t), d = {
+const y = (r, t) => r === "specific" ? t === window.location.host : window.location.host.includes(t), u = {
   isValid: !0,
   invalidatedMessage: s.invalidLicense,
   type: void 0
 }, x = (r) => {
-  const [t, e] = g(d), n = h(async () => {
-    if (!r)
-      throw e(d), new Error(s.invalidLicense);
+  const [t, e] = E(u), n = h(async () => {
+    if (e((c) => ({ ...c, validating: !0 })), !r)
+      throw e({ ...u, validating: !1 }), new Error(s.invalidLicense);
     let i;
     try {
       i = await I(r);
-    } catch (m) {
-      throw c.warn(m.message), new Error(m.message);
+    } catch (c) {
+      throw l.warn(c.message), new Error(c.message);
     }
-    c.debug(">>> validatedLicense", i);
-    const { avu: a, exp: o, dmt: w, dm: p, t: v } = i;
+    l.debug(">>> validatedLicense", i);
+    const { avu: a, exp: o, dmt: m, dm: w, t: f } = i;
     if (!o)
       throw new Error("License is missing expiration timestamp");
     if (o > Number.MAX_SAFE_INTEGER / 1e3)
       throw new Error("Invalid expiration timestamp: value too large");
-    const f = new Date(o * 1e3), E = (/* @__PURE__ */ new Date()).getTime();
-    if (f.getTime() < E)
+    const p = new Date(o * 1e3), g = (/* @__PURE__ */ new Date()).getTime();
+    if (p.getTime() < g)
       throw new Error(s.expired);
     if (!a)
       throw new Error("License is missing available until version timestamp");
     if (a > Number.MAX_SAFE_INTEGER / 1e3)
       throw new Error("Invalid available until version timestamp: value too large");
-    const u = new Date(a * 1e3);
-    if (c.debug("availableUntilTimestamp", u), u.getTime() < b.getTime())
+    const v = new Date(a * 1e3);
+    if (l.debug("availableUntilTimestamp", v), v.getTime() < b.getTime())
       throw new Error(s.exceededVersion);
-    if (!y(w, p))
+    if (!y(m, w))
       throw new Error(s.mismatchedDomain);
     return {
       isValid: !0,
-      type: v,
+      type: f,
       invalidatedMessage: void 0
     };
   }, [r]);
@@ -93,13 +93,15 @@ const y = (r, t) => r === "specific" ? t === window.location.host : window.locat
       e({
         isValid: i,
         type: a,
-        invalidatedMessage: o
+        invalidatedMessage: o,
+        validating: !1
       });
     }).catch((i) => {
       e({
-        ...d,
-        isValid: !1
-      }), c.warn(i.message);
+        ...u,
+        isValid: !1,
+        validating: !1
+      }), l.warn(i.message);
     });
   }, [n]), t;
 };

package/dist/utils/hooks/usePageRotateContext.js

@@ -1,27 +1,30 @@
-import { useCallback as a } from "react";
-import { usePagesRotateContext as c } from "../../contexts/PagesRotateContext.js";
-import { useLicenseContext as m } from "../../contexts/LicenseContext.js";
-import { LicenseType as f } from "../types.js";
-import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as u } from "../const.js";
-const E = () => {
-  const { setSinglePageRotate: n } = c(), { type: s } = m(), i = a(
-    (r, t) => {
+import { useRef as u, useCallback as f } from "react";
+import { usePagesRotateContext as m } from "../../contexts/PagesRotateContext.js";
+import { useLicenseContext as l } from "../../contexts/LicenseContext.js";
+import { LicenseType as p } from "../types.js";
+import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as R } from "../const.js";
+const C = () => {
+  const { setSinglePageRotate: n } = m(), { type: i, validating: a } = l(), r = u(0), c = f(
+    (s, t) => {
       n((e) => {
-        const o = typeof t == "function" ? t(e[r] || 0) : t;
+        const o = typeof t == "function" ? t(e[s] || 0) : t;
         return o % 90 !== 0 ? (console.warn("rotationDegree must be a multiple of 90 got", o), e) : {
           ...e,
-          [r]: o
+          [s]: o
         };
       });
     },
     [n]
   );
-  return s !== f.Organization ? {
+  return a !== !1 ? {
     rotate: () => {
-      console.error(u);
     }
-  } : { rotate: i };
+  } : i !== p.Organization ? {
+    rotate: () => {
+      r.current === 0 && (console.error(R), r.current++);
+    }
+  } : { rotate: c };
 };
 export {
-  E as usePageRotateContext
+  C as usePageRotateContext
 };

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { g as I } from "../../RPDefaultLayout-2cca5d34.js";
+import { g as I } from "../../RPDefaultLayout-4b330ca1.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 I } from "../../RPDefaultLayout-2cca5d34.js";
+import { v as I } from "../../RPDefaultLayout-4b330ca1.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 H } from "../../RPDefaultLayout-2cca5d34.js";
+import { i as H } from "../../RPDefaultLayout-4b330ca1.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 H } from "../../RPDefaultLayout-2cca5d34.js";
+import { f as H } from "../../RPDefaultLayout-4b330ca1.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 K } from "../../RPDefaultLayout-2cca5d34.js";
+import { n as K } from "../../RPDefaultLayout-4b330ca1.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 I } from "../../RPDefaultLayout-2cca5d34.js";
+import { k as I } from "../../RPDefaultLayout-4b330ca1.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 F } from "../../RPDefaultLayout-2cca5d34.js";
+import { s as F } from "../../RPDefaultLayout-4b330ca1.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": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
-  "version": "1.8.0-rc.1",
+  "version": "1.8.0",
   "keywords": [
     "react-pdf",
     "react-pdf-viewer",