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

package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as g, jsxs as e } from "react/jsx-runtime";
 import { useMemo as L } from "react";
 import m from "../../../../ui/RPTooltip.js";
-import { G } from "../../../../../index-61f59539.js";
+import { G } from "../../../../../index-4baea9b5.js";
 import { MenuSeparator as T } from "../../MenuSeparator.js";
 import { MenuItem as n } from "../../MenuItem.js";
 import { DualPageIcon as b } from "../../../../icons/DualPageIcon.js";
@@ -18,7 +18,7 @@ import "../../../../../index-e3ee9457.js";
 import "../../../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../../../index-655864a7.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../Combination-136ff99c.js";
+import "../../../../../Combination-54a77a7a.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../utils/appConsole.js";
 import "../../../../../contexts/InitialStateContext.js";

package/dist/components/ui/DropDown.js

@@ -1,11 +1,11 @@
 import { jsxs as p, jsx as d } from "react/jsx-runtime";
-import { R as l, T as c, P as _, C as m } from "../../index-61f59539.js";
+import { R as l, T as c, P as _, C as m } from "../../index-4baea9b5.js";
 import { c as A } from "../../clsx-0c6e471a.js";
 import "react";
 import "../../index-c0faa594.js";
 import "react-dom";
 import "../../index-e3ee9457.js";
-import "../../Combination-136ff99c.js";
+import "../../Combination-54a77a7a.js";
 import "../../floating-ui.react-dom-5ec29bd6.js";
 import "../../index-655864a7.js";
 const F = "_slideDownAndFade_1vzkq_1", w = "_slideLeftAndFade_1vzkq_1", f = "_slideUpAndFade_1vzkq_1", g = "_slideRightAndFade_1vzkq_1", h = {

package/dist/{index-61f59539.js → index-4baea9b5.js}

@@ -3,7 +3,7 @@ import X from "react";
 import { c as ce, a as G, g as Ce, P as F, u as ke, f as Ge, b as M, d as me, j as Ke, h as Bt } from "./index-c0faa594.js";
 import { jsx as s } from "react/jsx-runtime";
 import { a as ve, u as _e, D as Yt } from "./index-e3ee9457.js";
-import { h as Ht, u as Vt, F as Xt, R as Wt, P as jt } from "./Combination-136ff99c.js";
+import { h as Ht, u as Vt, F as Xt, R as Wt, P as jt } from "./Combination-54a77a7a.js";
 import { u as zt, a as Zt, o as qt, s as Jt, l as Qt, f as eo, b as to, c as oo, h as no } from "./floating-ui.react-dom-5ec29bd6.js";
 import { u as ro } from "./index-655864a7.js";
 function $e(e) {

package/dist/main.js

@@ -144,8 +144,8 @@ import "./components/layout/toolbar/RPToolbarEnd.js";
 import "./components/layout/toolbar/FileUploadTool.js";
 import "./components/icons/FileUploadDefaultIcon.js";
 import "./components/layout/toolbar/MenuItem.js";
-import "./index-61f59539.js";
-import "./Combination-136ff99c.js";
+import "./index-4baea9b5.js";
+import "./Combination-54a77a7a.js";
 import "./components/layout/toolbar/DarkModeTool.js";
 import "./components/icons/MoonIcon.js";
 import "./components/icons/SunIcon.js";

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-20T05:08:30.511Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2026-02-24T04:09:54.598Z"), 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,6 +1,6 @@
-import { useState as g, useRef as N, useEffect as R, useCallback as P } from "react";
-import { useDocumentContext as O } from "../../contexts/RPDocumentContext.js";
-import { PixelsPerInch as X, AnnotationMode as q, RenderingCancelledException as B } from "pdfjs-dist";
+import { useState as m, useRef as X, useEffect as D, useCallback as g } from "react";
+import { useDocumentContext as k } from "../../contexts/RPDocumentContext.js";
+import { PixelsPerInch as q, AnnotationMode as O, RenderingCancelledException as U } from "pdfjs-dist";
 import "react/jsx-runtime";
 import "./useLoadPdf.js";
 import "../types.js";
@@ -13,171 +13,160 @@ import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
 const re = () => {
-  const { pdf: l, pages: f } = O(), [D, E] = g({
+  const { pdf: p, pages: f } = k(), [R, E] = m({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [T, b] = g(!1), [A, y] = g(!1), [Z, L] = g(null), [F, w] = g(void 0), s = N(!1);
-  R(() => {
-    s.current;
-  }, [s]);
-  const C = P(() => {
+  }), [T, y] = m(!1), [A, b] = m(!1), [Z, C] = m(null), [M, P] = m(void 0), o = X(!1);
+  D(() => {
+    o.current;
+  }, [o]);
+  const S = g(() => {
     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();
-  }, []), a = P(() => {
-    s.current = !1, b(!1), y(!1), L(null), w(void 0), E({
+  }, []), i = g(() => {
+    o.current = !1, y(!1), b(!1), C(null), P(void 0), E({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
-  }, []), M = () => {
-    s.current = !0;
+  }, []), F = () => {
+    o.current = !0;
   }, I = async ({
     scratchCanvas: e,
     pdfDocument: n,
     pageNumber: t,
-    viewerPdfPage: o,
-    printResolution: r,
-    optionalContentConfigPromise: i,
-    printAnnotationStoragePromise: u
+    viewerPdfPage: r,
+    printResolution: s,
+    optionalContentConfigPromise: l,
+    printAnnotationStoragePromise: w
   }) => {
-    if (s.current) {
-      a();
+    if (o.current) {
+      i();
       return;
     }
-    const c = r / X.PDF;
-    e.width = Math.floor(o.width * c), e.height = Math.floor(o.height * c);
-    const p = e.getContext("2d");
-    p.save(), p.fillStyle = "rgb(255, 255, 255)", p.fillRect(0, 0, e.width, e.height), p.restore();
-    const [m, h] = await Promise.all([
+    const a = s / q.PDF;
+    e.width = Math.floor(r.width * a), e.height = Math.floor(r.height * a);
+    const c = e.getContext("2d");
+    c.save(), c.fillStyle = "rgb(255, 255, 255)", c.fillRect(0, 0, e.width, e.height), c.restore();
+    const [u, h] = await Promise.all([
       n.getPage(t),
-      u
+      w
     ]);
-    if (s.current) {
-      a();
+    if (o.current) {
+      i();
       return;
     }
     const v = {
       canvas: e,
-      canvasContext: p,
-      transform: [c, 0, 0, c, 0, 0],
-      viewport: m.getViewport({ scale: 1, rotation: o.rotation }),
+      canvasContext: c,
+      transform: [a, 0, 0, a, 0, 0],
+      viewport: u.getViewport({ scale: 1, rotation: r.rotation }),
       intent: "print",
-      annotationMode: q.ENABLE_STORAGE,
-      optionalContentConfigPromise: i,
+      annotationMode: O.ENABLE_STORAGE,
+      optionalContentConfigPromise: l,
       printAnnotationStorage: h
     };
     try {
-      return m.render(v).promise;
+      return u.render(v).promise;
     } catch (d) {
-      throw d instanceof B || console.error(d), d;
+      throw d instanceof U || console.error(d), d;
     }
-  }, S = P(() => {
+  }, L = g(() => {
     const e = window.print;
     return new Promise((n) => {
-      const t = (i) => {
+      const t = (l) => {
         setTimeout(() => {
-          e.call(window), setTimeout(() => i(), 20);
+          e.call(window), setTimeout(() => l(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
         t(n);
         return;
       }
-      const r = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (t(n), r.disconnect());
+      const s = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (t(n), s.disconnect());
       });
-      r.observe(document.body, { childList: !0, subtree: !0 });
+      s.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), U = async (e) => {
+  }, []), z = (e) => {
     const n = document.createElement("img"), t = document.createElement("div");
-    return t.classList.add("rp-print-page"), await new Promise((o, r) => {
-      e.toBlob((i) => {
-        i ? (n.src = URL.createObjectURL(i), n.onload = () => {
-          URL.revokeObjectURL(n.src), o();
-        }, n.onerror = r) : r(new Error("Failed to create blob"));
-      });
-    }).catch(() => {
-    }), t.appendChild(n), t;
+    return t.classList.add("rp-print-page"), n.src = e.toDataURL(), t.appendChild(n), t;
   }, x = (e, n) => {
     const t = document.createElement("div");
     t.classList.add("rp-print-zone");
-    const o = document.createElement("style"), r = n.get(1);
-    if (r) {
-      const { width: i, height: u } = r == null ? void 0 : r.page.getViewport({ scale: 1 });
-      o.innerHTML = `@page { size: ${i}px ${u}px }`;
-    }
-    return t.appendChild(o), t.append(...e), t;
-  }, k = P(
+    const r = document.createElement("style");
+    return n.get(1) && (r.innerHTML = "@page { size: 100% 100%; margin: 0; }"), t.appendChild(r), t.append(...e), t;
+  }, N = g(
     async (e) => {
-      if (!l)
+      if (!p)
         return;
-      a();
+      i();
       const n = e && "visibleDefaultProgress" in e ? e : void 0;
-      (n == null ? void 0 : n.visibleDefaultProgress) !== void 0 ? w(n.visibleDefaultProgress) : w(!0);
-      const t = document.createElement("canvas"), o = [];
+      (n == null ? void 0 : n.visibleDefaultProgress) !== void 0 ? P(n.visibleDefaultProgress) : P(!0);
+      const t = document.createElement("canvas"), r = [];
       try {
-        l.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
-        const i = l.getOptionalContentConfig({ intent: "print" }), u = Promise.resolve(
-          l.annotationStorage.print ?? void 0
-        ), c = f.size;
-        for (const [m, h] of f) {
-          if (s.current) {
-            a();
+        p.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
+        const l = p.getOptionalContentConfig({ intent: "print" }), w = Promise.resolve(
+          p.annotationStorage.print ?? void 0
+        ), a = f.size;
+        for (const [u, h] of f) {
+          if (o.current) {
+            i();
             return;
           }
           const v = h.page.getViewport({ scale: 1 });
           if (await I({
             scratchCanvas: t,
-            pdfDocument: l,
-            pageNumber: m,
+            pdfDocument: p,
+            pageNumber: u,
             viewerPdfPage: v,
             printResolution: 150,
-            optionalContentConfigPromise: i,
-            printAnnotationStoragePromise: u
-          }), s.current) {
-            a();
+            optionalContentConfigPromise: l,
+            printAnnotationStoragePromise: w
+          }), o.current) {
+            i();
             return;
           }
-          const d = await U(t);
-          o.push(d);
-          const z = parseFloat((o.length / c * 100).toFixed(2));
+          const d = z(t);
+          r.push(d);
+          const V = parseFloat((r.length / a * 100).toFixed(2));
           E({
-            loadedPages: m,
-            totalPages: c,
-            percentage: z
+            loadedPages: u,
+            totalPages: a,
+            percentage: V
           });
         }
-        if (s.current) {
-          a();
+        if (o.current) {
+          i();
           return;
         }
-        const p = x(o, f);
-        document.body.appendChild(p), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), b(!0), await S();
-      } catch (r) {
-        y(!0), r instanceof Error && L(r);
+        const c = x(r, f);
+        document.body.appendChild(c), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), y(!0), await L();
+      } catch (s) {
+        b(!0), s instanceof Error && C(s);
       } finally {
         t.height = 0, t.width = 0;
       }
     },
-    [l, f, s, a, x, S]
+    [p, f, o, i, x, L]
   );
-  return R(() => {
+  return D(() => {
     const e = () => {
-      a(), C();
+      i(), S();
     };
     return window.addEventListener("afterprint", e, !0), () => {
       window.removeEventListener("afterprint", e, !0);
     };
-  }, [C, a]), {
-    print: k,
-    cancel: M,
-    progress: D,
+  }, [S, i]), {
+    print: N,
+    cancel: F,
+    progress: R,
     isComplete: T,
     isError: A,
     error: Z,
-    showDefaultProgress: F
+    showDefaultProgress: M
   };
 };
 export {

package/dist/utils/injectPrintCSS.js

@@ -6,14 +6,13 @@ function e() {
   .rp-print-zone { display: none; }
 
   @media print {
-    @page { margin: 0; }
     .rp-print-html-printing { height: 100%; }
     .rp-print-body-printing { background: transparent; height: 100%; margin: 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:last-child { page-break-after: auto; }
-    .rp-print-page img, .rp-print-page canvas { display: block; max-height: 100%; max-width: 100%; direction: ltr; }
+    .rp-print-page img, .rp-print-page canvas { display: block; height: 100%; width: 100%; direction: ltr; }
   }
   `, document.head.appendChild(t);
 }

package/package.json

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