@react-pdf-kit/viewer 2.3.0-beta.4 → 2.4.0-beta.0

package/dist/utils/hooks/useFileDownload.js

@@ -10,13 +10,14 @@ import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../appConsole.js";
+import "../const.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
-const i = ".pdf", d = (o) => URL.createObjectURL(o), l = async (o) => {
+const i = ".pdf", d = (o) => URL.createObjectURL(o), p = async (o) => {
   const r = await (await fetch(o)).blob();
   return d(r);
-}, k = () => {
+}, B = () => {
   const { filename: o, pdfSrc: e } = c(), { downloadFilename: r } = s(), m = (t) => {
     const n = r || t;
     return n.endsWith(i) ? n : `${n}${i}`;
@@ -25,9 +26,9 @@ const i = ".pdf", d = (o) => URL.createObjectURL(o), l = async (o) => {
     if (!o || !e)
       throw new Error("There is no PDF source to download");
     const t = document.createElement("a");
-    t.href = await l(e), t.download = m(o), document.body.appendChild(t), t.click(), document.body.removeChild(t);
+    t.href = await p(e), t.download = m(o), document.body.appendChild(t), t.click(), document.body.removeChild(t);
   }, [o, e]) };
 };
 export {
-  k as useFileDownload
+  B as useFileDownload
 };

package/dist/utils/hooks/useLicense.js

@@ -2,7 +2,7 @@ import { useState as E, useCallback as y, useEffect as b } from "react";
 import { LicenseType as L } from "../types.js";
 import { appConsole as c } from "../appConsole.js";
 import "../../de_DE-a553b162.js";
-const A = /* @__PURE__ */ new Date("2026-04-02T17:46:20.744Z"), w = `-----BEGIN PUBLIC KEY-----
+const A = /* @__PURE__ */ new Date("2026-04-07T05:21:21.306Z"), w = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx
 gr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b
 HLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y

package/dist/utils/hooks/useLoadPdf.js

@@ -1,86 +1,93 @@
-import { useState as d, useRef as F, useEffect as k } from "react";
-import * as h from "pdfjs-dist";
-import { ErrorType as j } from "../types.js";
+import { useState as d, useRef as j, useEffect as C } from "react";
+import * as A from "pdfjs-dist";
+import { ErrorType as T } from "../types.js";
 import { getThumbnailViewport as z } from "../getThumbnailViewport.js";
-import { useConfigContext as _ } from "../../contexts/ConfigContext.js";
+import { useConfigContext as G } from "../../contexts/ConfigContext.js";
 import { useDocumentPasswordContext as B } from "../../contexts/DocumentPasswordContext.js";
+import { INVALID_OR_CORRUPTED_PDF_MESSAGE as H } from "../const.js";
 import "../../de_DE-a553b162.js";
 import "react/jsx-runtime";
 import "../appConsole.js";
-const Z = (m, s, q = {}) => {
-  const [n, S] = d(), { workerUrlAdded: T, wasmUrl: f } = _(), [D, x] = d(/* @__PURE__ */ new Map()), a = F(), [g, P] = d(0), [c, C] = d(!1), [N, O] = d(), { password: u, passwordError: A, setPasswordError: p, passwordRequired: w, setPasswordRequired: E } = B(), { onLoadError: i, onLoaded: b, onLoadProgress: R, disableAutoFetch: V, disableStream: I, rangeChunkSize: U } = q;
-  return k(() => {
-    R && R(g);
-  }, [g, R]), k(() => {
-    if (!T || !m)
+function F(i) {
+  const t = new Error(H);
+  return t.cause = i, t;
+}
+const ee = (i, t, L = {}) => {
+  const [a, P] = d(), { workerUrlAdded: S, wasmUrl: c } = G(), [N, V] = d(/* @__PURE__ */ new Map()), u = j(), [g, p] = d(0), [w, y] = d(!1), [h, l] = d(), { password: f, passwordError: q, setPasswordError: E, passwordRequired: R, setPasswordRequired: D } = B(), { onLoadError: o, onLoaded: I, onLoadProgress: v, disableAutoFetch: U, disableStream: k, rangeChunkSize: x } = L;
+  return C(() => {
+    v && v(g);
+  }, [g, v]), C(() => {
+    if (!S || !i)
       return;
-    P(0), a.current = Date.now();
-    const r = a.current, v = {
-      url: m,
-      cMapPacked: (s == null ? void 0 : s.isCompressed) ?? !0,
-      ...(s == null ? void 0 : s.url) && { cMapUrl: s.url },
-      ...u && { password: u },
-      ...V !== void 0 && { disableAutoFetch: V },
-      ...I !== void 0 && { disableStream: I },
-      ...U !== void 0 && { rangeChunkSize: U },
-      ...f && { wasmUrl: f },
-      verbosity: h.VerbosityLevel.ERRORS
+    p(0), l(void 0), u.current = Date.now();
+    const n = u.current, _ = {
+      url: i,
+      cMapPacked: (t == null ? void 0 : t.isCompressed) ?? !0,
+      ...(t == null ? void 0 : t.url) && { cMapUrl: t.url },
+      ...f && { password: f },
+      ...U !== void 0 && { disableAutoFetch: U },
+      ...k !== void 0 && { disableStream: k },
+      ...x !== void 0 && { rangeChunkSize: x },
+      ...c && { wasmUrl: c },
+      verbosity: A.VerbosityLevel.ERRORS
     };
     try {
-      const e = h.getDocument(v);
-      e.onProgress = (o) => {
-        if (r === a.current) {
-          const { loaded: y, total: l } = o, L = l ? Math.min(100, Math.round(y / l * 100)) : 0;
-          P(L);
+      const r = A.getDocument(_);
+      r.onProgress = (e) => {
+        if (n === u.current) {
+          const { loaded: O, total: m } = e, b = m ? Math.min(100, Math.round(O / m * 100)) : 0;
+          p(b);
         }
-      }, C(!0), S(void 0);
-      const t = e.promise.then((o) => (r === a.current && (S(o), P(100)), b && b(o), E(!1), p(""), o)).catch((o) => {
-        o instanceof Error && o.name === "PasswordException" ? (E(!0), p(o.message || "Password required")) : o instanceof Error && o.name === "InvalidPDFException" && u ? (E(!0), p("Incorrect password")) : i && i(o);
+      }, y(!0), P(void 0);
+      const s = r.promise.then((e) => (n === u.current && (P(e), p(100)), I && I(e), D(!1), E(""), e)).catch((e) => {
+        e instanceof Error && e.name === "PasswordException" ? (D(!0), E(e.message || "Password required")) : e instanceof Error && e.name === "InvalidPDFException" && f ? (D(!0), E("Incorrect password")) : e instanceof Error && e.name === "InvalidPDFException" ? (l(T.INVALID_OR_CORRUPTED_PDF), o == null || o(F(e))) : o && o(e);
       }).finally(() => {
-        C(!1);
+        y(!1);
       });
       return () => {
-        t.finally(() => {
-          e.destroy();
+        s.finally(() => {
+          r.destroy();
         });
       };
-    } catch (e) {
-      O(j.NOT_SUPPORTED), i && i(e);
+    } catch (r) {
+      l(T.NOT_SUPPORTED), o && o(r);
     }
-  }, [m, T, f, u, i, b]), k(() => {
-    if (w)
+  }, [i, S, c, f, o, I]), C(() => {
+    if (R)
       return;
-    const r = /* @__PURE__ */ new Map();
-    if (!n || c) {
-      x(r);
+    const n = /* @__PURE__ */ new Map();
+    if (!a || w) {
+      V(n);
       return;
     }
-    const v = n.numPages, e = [];
-    for (let t = 1; t <= v; t++) {
-      const o = n.getPage(t);
-      e.push(o);
+    const _ = a.numPages, r = [];
+    for (let s = 1; s <= _; s++) {
+      const e = a.getPage(s);
+      r.push(e);
     }
-    Promise.all(e).then((t) => {
-      t.map((o) => {
-        const { thumbnailViewport: y, scale: l } = z(o), L = o.getViewport();
-        r.set(o.pageNumber, {
-          page: o,
-          thumbnailViewport: y,
-          thumbnailScale: l,
-          defaultRotation: L.rotation
+    Promise.all(r).then((s) => {
+      s.map((e) => {
+        const { thumbnailViewport: O, scale: m } = z(e), b = e.getViewport();
+        n.set(e.pageNumber, {
+          page: e,
+          thumbnailViewport: O,
+          thumbnailScale: m,
+          defaultRotation: b.rotation
         });
-      }), x(r);
+      }), V(n);
+    }).catch((s) => {
+      P(void 0), l(T.INVALID_OR_CORRUPTED_PDF), o == null || o(F(s));
     });
-  }, [n, c, w]), {
-    pdf: n,
-    pages: D,
-    loading: c,
-    error: N,
+  }, [a, w, R, o]), {
+    pdf: a,
+    pages: N,
+    loading: w,
+    error: h,
     loadingProgress: g,
-    passwordRequired: w,
-    passwordError: A
+    passwordRequired: R,
+    passwordError: q
   };
 };
 export {
-  Z as useLoadPdf
+  ee as useLoadPdf
 };

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { b as I } from "../../PaginationContext-15f88187.js";
+import { b as J } from "../../PaginationContext-15f88187.js";
 import "../../contexts/ViewModeContext.js";
 import "../../contexts/ScrollModeContext.js";
 import "./useDebounce.js";
@@ -15,6 +15,7 @@ import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../appConsole.js";
+import "../const.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
@@ -33,5 +34,5 @@ import "../getZoomLevel.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/PagesRotateContext.js";
 export {
-  I as usePaginate
+  J as usePaginate
 };

package/dist/utils/hooks/usePinch.js

@@ -12,6 +12,7 @@ import "pdfjs-dist";
 import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
+import "../const.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
@@ -22,7 +23,7 @@ import "../../contexts/ViewModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
-const V = (o) => {
+const _ = (o) => {
   const { currentZoom: L, setZoomLevel: w } = A(), [D, m] = E(0), d = g(D, 100), [s, b] = E(!1), r = T(null), u = c((e) => {
     m(e ? (t) => t + 3 : (t) => t - 3);
   }, []), a = c(
@@ -41,24 +42,24 @@ const V = (o) => {
       m(0), w(e > 25 ? e : 25);
     }
   }, [d]);
-  const p = (e, t) => {
+  const v = (e, t) => {
     const n = e.clientX - t.clientX, l = e.clientY - t.clientY;
     return Math.sqrt(n * n + l * l);
   }, f = c(
     (e) => {
       if (!s || e.touches.length !== 2)
         return;
-      const t = p(e.touches[0], e.touches[1]);
+      const t = v(e.touches[0], e.touches[1]);
       r.current = t, e.preventDefault();
     },
     [s]
   ), h = c(() => {
     r.current = null;
-  }, []), v = c(
+  }, []), p = c(
     (e) => {
       if (!s || e.touches.length !== 2 || r.current === null)
         return;
-      const t = p(e.touches[0], e.touches[1]), n = t - r.current, l = Math.abs(n) > 5, S = n > 0;
+      const t = v(e.touches[0], e.touches[1]), n = t - r.current, l = Math.abs(n) > 5, S = n > 0;
       l && (u(S), r.current = t, e.preventDefault());
     },
     [u, s]
@@ -90,11 +91,11 @@ const V = (o) => {
     };
   }, [o]), i(() => {
     if (o)
-      return o.addEventListener("wheel", a, { passive: !1 }), o.addEventListener("touchstart", f, { passive: !1 }), o.addEventListener("touchmove", v, { passive: !1 }), o.addEventListener("touchend", h, { passive: !1 }), () => {
-        o.removeEventListener("wheel", a), o.removeEventListener("touchstart", f), o.removeEventListener("touchmove", v), o.removeEventListener("touchend", h);
+      return o.addEventListener("wheel", a, { passive: !1 }), o.addEventListener("touchstart", f, { passive: !1 }), o.addEventListener("touchmove", p, { passive: !1 }), o.addEventListener("touchend", h, { passive: !1 }), () => {
+        o.removeEventListener("wheel", a), o.removeEventListener("touchstart", f), o.removeEventListener("touchmove", p), o.removeEventListener("touchend", h);
       };
-  }, [o, a, f, v, h]);
+  }, [o, a, f, p, h]);
 };
 export {
-  V as usePinch
+  _ as usePinch
 };

package/dist/utils/hooks/usePresentPage.js

@@ -14,6 +14,7 @@ import "pdfjs-dist";
 import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
+import "../const.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
@@ -32,7 +33,7 @@ import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
 import "../smoothScrollTo.js";
 import "../getScrollDistance.js";
-const bt = (f, R, e, W) => {
+const It = (f, R, e, W) => {
   const P = Y(), { contentRef: S } = v(), { heights: h, widths: g } = A(), { setFocusedPage: b } = q(), I = Y(b);
   I.current = b;
   const [F, x] = C([]), { targetScrollPage: l } = M(), i = G(F, 0, 500), X = D(() => {
@@ -88,5 +89,5 @@ const bt = (f, R, e, W) => {
   }, [e, L]);
 };
 export {
-  bt as usePresentPage
+  It as usePresentPage
 };

package/dist/utils/hooks/usePrint.js

@@ -9,10 +9,11 @@ import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../appConsole.js";
+import "../const.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
-const re = () => {
+const oe = () => {
   const { pdf: l, pages: f } = q(), [R, E] = g({
     loadedPages: 0,
     totalPages: 0,
@@ -174,5 +175,5 @@ const re = () => {
   };
 };
 export {
-  re as usePrint
+  oe as usePrint
 };

package/dist/utils/hooks/useRotate.js

@@ -11,10 +11,11 @@ import "../../de_DE-a553b162.js";
 import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
+import "../const.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
-const g = () => {
+const j = () => {
   const { setRotate: t } = p(), i = r(() => {
     t((o) => (o + 90) % 360);
   }, [t]), m = r(() => {
@@ -23,5 +24,5 @@ const g = () => {
   return { handleRotateClockwise: i, handleRotateCounterclockwise: m };
 };
 export {
-  g as useRotate
+  j as useRotate
 };

package/dist/utils/hooks/useScrollToPage.js

@@ -1,6 +1,6 @@
 import "react";
 import "../../contexts/ScrollModeContext.js";
-import { a as G } from "../../PaginationContext-15f88187.js";
+import { a as H } from "../../PaginationContext-15f88187.js";
 import "../../contexts/ViewModeContext.js";
 import "../types.js";
 import "../../contexts/VirtualScrollContext.js";
@@ -20,6 +20,7 @@ import "pdfjs-dist";
 import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
+import "../const.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
@@ -33,5 +34,5 @@ import "../getZoomLevel.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/PagesRotateContext.js";
 export {
-  G as useScrollToPage
+  H as useScrollToPage
 };

package/dist/utils/hooks/useSearch.js

@@ -6,8 +6,8 @@ import { useScrollModeContext as ct } from "../../contexts/ScrollModeContext.js"
 import { useDocumentContext as it } from "../../contexts/RPDocumentContext.js";
 import { useZoomContext as at } from "../../contexts/ZoomContext.js";
 import { u as mt } from "../../PaginationContext-15f88187.js";
-import { useViewModeContext as ut } from "../../contexts/ViewModeContext.js";
-import { useDimensionPagesContext as pt } from "../../contexts/DimensionPagesContext.js";
+import { useViewModeContext as pt } from "../../contexts/ViewModeContext.js";
+import { useDimensionPagesContext as ut } from "../../contexts/DimensionPagesContext.js";
 import { useLayoutContainer as lt } from "../../contexts/LayoutContainerContext.js";
 import { getScrollDistance as F } from "../getScrollDistance.js";
 import { getWordPositionInPage as ft } from "../getWordPositionInPage.js";
@@ -22,6 +22,7 @@ import "pdfjs-dist";
 import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
+import "../const.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
@@ -35,8 +36,8 @@ import "../../contexts/VirtualGridContext.js";
 import "../smoothScrollTo.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../calculatePage.js";
-const Yt = (O = {}, U = "") => {
-  const [u, q] = C(U), [B, y] = C(!1), { pdf: _, pages: S } = it(), { widths: f, heights: R } = pt(), w = b(!u), { currentZoom: A } = at(), [s, g] = C([]), { setFocusedPage: D } = mt(), { columnCount: G, viewMode: V } = ut(), { pageRotate: v } = gt(), [c, i] = C(0), { pageScrollElementRef: W, virtualScrollableElementRef: Z } = st(), { scrollMode: h } = ct(), { pagesRef: L } = lt(), J = b({}), m = b(0), K = H(() => c === 0 ? null : s[c - 1], [c, s]), a = H(() => s.length, [s]), p = I(
+const $t = (O = {}, U = "") => {
+  const [p, q] = C(U), [B, y] = C(!1), { pdf: _, pages: S } = it(), { widths: f, heights: R } = ut(), w = b(!p), { currentZoom: A } = at(), [s, g] = C([]), { setFocusedPage: D } = mt(), { columnCount: G, viewMode: V } = pt(), { pageRotate: v } = gt(), [c, i] = C(0), { pageScrollElementRef: W, virtualScrollableElementRef: Z } = st(), { scrollMode: h } = ct(), { pagesRef: L } = lt(), J = b({}), m = b(0), K = H(() => c === 0 ? null : s[c - 1], [c, s]), a = H(() => s.length, [s]), u = I(
     (e) => {
       if (e === 0)
         return;
@@ -100,19 +101,19 @@ const Yt = (O = {}, U = "") => {
     ]
   );
   z(() => {
-    c && p(c);
+    c && u(c);
   }, [c]);
   const Q = I(() => {
     i((e) => {
       let t;
       return a ? e + 1 > a ? t = 1 : t = e + 1 : t = 0, m.current = t, t;
-    }), m.current === 1 && p(m.current);
-  }, [a, p]), X = I(() => {
+    }), m.current === 1 && u(m.current);
+  }, [a, u]), X = I(() => {
     i((e) => {
       let t;
       return a ? e - 1 <= 0 ? t = a : t = e - 1 : t = 0, m.current = t, t;
-    }), m.current === 1 && p(m.current);
-  }, [a, p]), j = I(async (e) => {
+    }), m.current === 1 && u(m.current);
+  }, [a, u]), j = I(async (e) => {
     if (!e)
       return {};
     const t = e.numPages, o = {};
@@ -125,7 +126,7 @@ const Yt = (O = {}, U = "") => {
     return o;
   }, []);
   return z(() => {
-    if (!u) {
+    if (!p) {
       w.current = !0, g([]), i(0);
       return;
     }
@@ -133,7 +134,7 @@ const Yt = (O = {}, U = "") => {
       J.current = e;
       const o = Object.keys(e).reduce((r, n) => {
         const l = nt(
-          [u],
+          [p],
           e[n],
           Number(n) - 1,
           O
@@ -144,8 +145,8 @@ const Yt = (O = {}, U = "") => {
     }).catch(() => {
       g([]), i(0);
     }).finally(() => y(!1));
-  }, [u, j, _, O]), {
-    search: u,
+  }, [p, j, _, O]), {
+    search: p,
     setSearch: q,
     loading: B,
     matches: s,
@@ -158,5 +159,5 @@ const Yt = (O = {}, U = "") => {
   };
 };
 export {
-  Yt as useSearch
+  $t as useSearch
 };

package/dist/utils/hooks/useThumbnail.js

@@ -1,4 +1,4 @@
-import { useState as f, useMemo as d, useCallback as m, useEffect as b } from "react";
+import { useState as f, useMemo as d, useCallback as u, useEffect as b } from "react";
 import { useDocumentContext as h } from "../../contexts/RPDocumentContext.js";
 import { getThumbnailViewport as P } from "../getThumbnailViewport.js";
 import "react/jsx-runtime";
@@ -9,24 +9,25 @@ import "../../de_DE-a553b162.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../appConsole.js";
+import "../const.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
-const D = () => {
-  const [r, s] = f({}), { pages: t } = h(), p = d(() => Object.keys(r).length, [r]), n = m(
-    (a) => {
+const E = () => {
+  const [a, s] = f({}), { pages: t } = h(), p = d(() => Object.keys(a).length, [a]), n = u(
+    (i) => {
       if (!t.size)
         return;
-      const e = a > t.size ? t.size : a, c = Array.from(t.values()).slice(0, e).map((o) => {
-        const { thumbnailViewport: i, scale: g } = P(o.page, o.defaultRotation);
+      const e = i > t.size ? t.size : i, c = Array.from(t.values()).slice(0, e).map((o) => {
+        const { thumbnailViewport: r, scale: g } = P(o.page, o.defaultRotation);
         return {
           scale: g,
           page: o.page,
           loading: !0,
-          viewport: i,
+          viewport: r,
           defaultRotation: o.defaultRotation
         };
-      }).reduce((o, i) => (o[i.page.pageNumber] = i, o), {});
+      }).reduce((o, r) => (o[r.page.pageNumber] = r, o), {});
       s(c);
     },
     [t]
@@ -34,14 +35,14 @@ const D = () => {
   b(() => {
     n(10);
   }, [n]);
-  const l = m(
-    (a) => {
+  const l = u(
+    (i) => {
       if (!t)
         return;
-      const e = t.get(a);
-      e && s((u) => ({
-        ...u,
-        [a]: {
+      const e = t.get(i);
+      e && s((m) => ({
+        ...m,
+        [i]: {
           loading: !0,
           page: e.page,
           viewport: e.thumbnailViewport,
@@ -52,8 +53,8 @@ const D = () => {
     },
     [t]
   );
-  return { thumbnailPages: r, addPage: l, addToPage: n, thumbnailLength: p };
+  return { thumbnailPages: a, addPage: l, addToPage: n, thumbnailLength: p };
 };
 export {
-  D as useThumbnail
+  E as useThumbnail
 };

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -16,6 +16,7 @@ import "pdfjs-dist";
 import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
+import "../const.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
@@ -28,7 +29,7 @@ import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
 import "./useDebounce.js";
 import "../../contexts/PagesRotateContext.js";
-const ct = () => {
+const lt = () => {
   const { viewMode: n } = G(), { scrollMode: c } = x(), { setColumnCount: f } = H(), { virtualScrollableElementRef: w } = M(), t = O(), l = m(() => t.heights.length, [t.heights]), o = m(() => c === C.HORIZONTAL_SCROLLING ? l : n === g.DUAL_PAGE || n === g.DUAL_PAGE_WITH_COVER ? 2 : 1, [n, c, c, l, w]), d = m(() => {
     if (n === g.DUAL_PAGE_WITH_COVER && t.widths.length > 0) {
       const i = [0, 0];
@@ -92,5 +93,5 @@ const ct = () => {
   };
 };
 export {
-  ct as useVirtualReactWindow
+  lt as useVirtualReactWindow
 };

package/dist/utils/types.js

@@ -1,5 +1,5 @@
 import { e as r, z as _, i as R, p as o, t as p, d as D } from "../de_DE-a553b162.js";
-var I = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(I || {}), N = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(N || {}), E = /* @__PURE__ */ ((O) => (O.NOT_SUPPORTED = "not-supported", O))(E || {}), L = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual Size", O.PAGE_FIT = "Page Fit", O.PAGE_WIDTH = "Page Width", O))(L || {}), d = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O.FreeTrial = "free-trial", O.Custom = "custom", O))(d || {}), C = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O.DUAL_PAGE_WITH_COVER = "DualWithCover", O))(C || {}), P = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O.TOOLTIP_FONT_COLOR = "--rp-tooltip-font-color", O.TOOLTIP_FONT_SIZE = "--rp-tooltip-font-size", O.TOOLTIP_PADDING = "--rp-tooltip-padding", O.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", O.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", O.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", O.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", O.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", O.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", O.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", O.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", O.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", O.PASSWORD_MODAL_BORDER_COLOR = "--rp-password-border-color", O.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", O.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", O.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", O.BUTTON_BORDER_RADIUS = "--rp-button-border-radius", O.SKIP_LINK_FONT_SIZE = "--rp-skip-link-font-size", O.SKIP_LINK_COLOR = "--rp-skip-link-color", O.SKIP_LINK_BACKGROUND_COLOR = "--rp-skip-link-background-color", O.SKIP_LINK_BORDER_COLOR = "--rp-skip-link-border-color", O))(P || {}), c = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(c || {}), t = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(t || {});
+var I = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(I || {}), N = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(N || {}), L = /* @__PURE__ */ ((O) => (O.NOT_SUPPORTED = "not-supported", O.INVALID_OR_CORRUPTED_PDF = "invalid-or-corrupted-pdf", O))(L || {}), E = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual Size", O.PAGE_FIT = "Page Fit", O.PAGE_WIDTH = "Page Width", O))(E || {}), d = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O.FreeTrial = "free-trial", O.Custom = "custom", O))(d || {}), C = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O.DUAL_PAGE_WITH_COVER = "DualWithCover", O))(C || {}), P = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O.TOOLTIP_FONT_COLOR = "--rp-tooltip-font-color", O.TOOLTIP_FONT_SIZE = "--rp-tooltip-font-size", O.TOOLTIP_PADDING = "--rp-tooltip-padding", O.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", O.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", O.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", O.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", O.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", O.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", O.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", O.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", O.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", O.PASSWORD_MODAL_BORDER_COLOR = "--rp-password-border-color", O.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", O.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", O.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", O.BUTTON_BORDER_RADIUS = "--rp-button-border-radius", O.SKIP_LINK_FONT_SIZE = "--rp-skip-link-font-size", O.SKIP_LINK_COLOR = "--rp-skip-link-color", O.SKIP_LINK_BACKGROUND_COLOR = "--rp-skip-link-background-color", O.SKIP_LINK_BORDER_COLOR = "--rp-skip-link-border-color", O))(P || {}), c = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(c || {}), t = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(t || {});
 const U = {
   en_US: r,
   zh_CN: _,
@@ -11,12 +11,12 @@ const U = {
 export {
   I as AnnotationSubType,
   N as AnnotationType,
-  E as ErrorType,
+  L as ErrorType,
   d as LicenseType,
   U as Locales,
   c as ScrollMode,
   t as SelectionMode,
   P as ThemeVariables,
   C as ViewMode,
-  L as ZoomLevel
+  E as ZoomLevel
 };

package/package.json

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