@react-pdf-kit/viewer 2.0.1-rc.5 → 2.0.1-rc.6

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as E, useCallback as h, useEffect as A } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2026-02-27T08:05:26.900Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2026-03-02T04:42:02.570Z"), 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}`,

package/dist/utils/hooks/usePrint.js

@@ -1,4 +1,4 @@
-import { useState as g, useRef as k, useEffect as D, useCallback as P } from "react";
+import { useState as f, useRef as k, useEffect as D, useCallback as P } from "react";
 import { useDocumentContext as q } from "../../contexts/RPDocumentContext.js";
 import { PixelsPerInch as V, AnnotationMode as O, RenderingCancelledException as U } from "pdfjs-dist";
 import "react/jsx-runtime";
@@ -13,27 +13,27 @@ import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
 const re = () => {
-  const { pdf: l, pages: f } = q(), [R, E] = g({
+  const { pdf: l, pages: g } = q(), [R, E] = f({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [T, y] = g(!1), [A, b] = g(!1), [Z, C] = g(null), [M, w] = g(void 0), i = k(!1);
+  }), [T, y] = f(!1), [A, b] = f(!1), [Z, S] = f(null), [M, w] = f(void 0), i = k(!1);
   D(() => {
     i.current;
   }, [i]);
-  const S = P(() => {
+  const C = P(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
     const e = document.querySelector(".rp-print-zone");
     e && e.remove();
   }, []), s = P(() => {
-    i.current = !1, y(!1), b(!1), C(null), w(void 0), E({
+    i.current = !1, y(!1), b(!1), S(null), w(void 0), E({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
-  }, []), F = () => {
+  }, []), I = () => {
     i.current = !0;
-  }, I = async ({
+  }, z = async ({
     scratchCanvas: e,
     pdfDocument: n,
     pageNumber: t,
@@ -46,7 +46,7 @@ const re = () => {
       s();
       return;
     }
-    const a = o / V.PDF;
+    const a = o / V.CSS;
     e.width = Math.floor(r.width * a), e.height = Math.floor(r.height * a);
     const p = e.getContext("2d");
     p.save(), p.fillStyle = "rgb(255, 255, 255)", p.fillRect(0, 0, e.width, e.height), p.restore();
@@ -90,7 +90,7 @@ const re = () => {
       });
       o.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), z = (e) => {
+  }, []), F = (e) => {
     const n = document.createElement("img"), t = document.createElement("div");
     return t.classList.add("rp-print-page"), n.src = e.toDataURL(), t.appendChild(n), t;
   }, x = (e, n) => {
@@ -98,8 +98,8 @@ const re = () => {
     t.classList.add("rp-print-zone");
     const r = document.createElement("style"), o = n.get(1);
     if (o) {
-      const c = o.page.getViewport({ scale: 1 }), { width: u, height: a } = c;
-      r.innerHTML = `@page { size: ${u}pt ${a}pt; margin: 0; }`;
+      const c = o.page.getViewport({ scale: 1, offsetY: 0 }), { width: u, height: a } = c;
+      r.innerHTML = `@page { size: ${u}px ${a}px; margin: 0mm; }`;
     }
     return t.appendChild(r), t.append(...e), t;
   }, N = P(
@@ -114,14 +114,14 @@ const re = () => {
         l.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
         const c = l.getOptionalContentConfig({ intent: "print" }), u = Promise.resolve(
           l.annotationStorage.print ?? void 0
-        ), a = f.size;
-        for (const [m, h] of f) {
+        ), a = g.size;
+        for (const [m, h] of g) {
           if (i.current) {
             s();
             return;
           }
           const v = h.page.getViewport({ scale: 1 });
-          if (await I({
+          if (await z({
             scratchCanvas: t,
             pdfDocument: l,
             pageNumber: m,
@@ -133,7 +133,7 @@ const re = () => {
             s();
             return;
           }
-          const d = z(t);
+          const d = F(t);
           r.push(d);
           const X = parseFloat((r.length / a * 100).toFixed(2));
           E({
@@ -146,26 +146,26 @@ const re = () => {
           s();
           return;
         }
-        const p = x(r, f);
+        const p = x(r, g);
         document.body.appendChild(p), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), y(!0), await L();
       } catch (o) {
-        b(!0), o instanceof Error && C(o);
+        b(!0), o instanceof Error && S(o);
       } finally {
         t.height = 0, t.width = 0;
       }
     },
-    [l, f, i, s, x, L]
+    [l, g, i, s, x, L]
   );
   return D(() => {
     const e = () => {
-      s(), S();
+      s(), C();
     };
     return window.addEventListener("afterprint", e, !0), () => {
       window.removeEventListener("afterprint", e, !0);
     };
-  }, [S, s]), {
+  }, [C, s]), {
     print: N,
-    cancel: F,
+    cancel: I,
     progress: R,
     isComplete: T,
     isError: A,

package/dist/utils/injectPrintCSS.js

@@ -1,21 +1,22 @@
-function e() {
+function t() {
   if (typeof document > "u" || document.getElementById("rp-print-style"))
     return;
-  const t = document.createElement("style");
-  t.id = "rp-print-style", t.textContent = `
+  const e = document.createElement("style");
+  e.id = "rp-print-style", e.textContent = `
   .rp-print-zone { display: none; }
 
   @media print {
-    .rp-print-html-printing { height: 100%; }
-    .rp-print-body-printing { background: transparent; height: 100%; margin: 0; display: block; }
+    @page { margin: 0mm; }
+    .rp-print-html-printing { height: 100%; overflow: visible; }
+    .rp-print-body-printing { background: rgb(0 0 0 / 0) none; height: 100%; margin: 0; padding: 0; display: block; }
     .rp-print-body-printing * { display: none; }
     .rp-print-zone { display: block; height: 100%; }
-    .rp-print-page { display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; width: 100%; page-break-after: always; page-break-inside: avoid; }
+    .rp-print-page { display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; width: 100%; page-break-after: always; page-break-inside: avoid; page-break-before: always; }
     .rp-print-page:last-child { page-break-after: auto; }
-    .rp-print-page img, .rp-print-page canvas { display: block !important; width: 100% !important; height: auto !important; max-height: 100% !important; direction: ltr !important; }
+    .rp-print-page img, .rp-print-page canvas { display: block; max-height: 100%; max-width: 100%; direction: ltr; }
   }
-  `, document.head.appendChild(t);
+  `, document.head.appendChild(e);
 }
 export {
-  e as injectPrintCSS
+  t as injectPrintCSS
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.0.1-rc.5",
+  "version": "2.0.1-rc.6",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [