@react-pdf-kit/viewer 2.5.0-beta.3 → 2.5.0-beta.4

package/dist/contexts/ElementThumbnailContext.js

@@ -1,5 +1,5 @@
 import { jsx as $ } from "react/jsx-runtime";
-import { createContext as j, useState as B, useRef as P, useEffect as x, useCallback as c, useContext as y, useMemo as k } from "react";
+import { createContext as j, useState as B, useRef as P, useEffect as L, useCallback as s, useContext as y, useMemo as k } from "react";
 import { LicenseType as V } from "../utils/types.js";
 import { usePagesRotateContext as Z } from "./PagesRotateContext.js";
 import { useLicenseContext as z } from "./LicenseContext.js";
@@ -37,34 +37,34 @@ import "./LayoutContainerContext.js";
 import "../utils/hooks/useDebounce.js";
 import "../utils/getScrollDistance.js";
 import "../utils/calculatePage.js";
-const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L = j(
+const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), R = j(
   void 0
 ), Dt = ({ children: i }) => {
-  const [a, u] = B({}), { pageRotate: r } = Z(), { thumbnailPages: m, addToPage: h, thumbnailLength: f } = J(), { scrollBehavior: R } = K(), { totalPages: w } = Q(), v = P(null), S = P(m), A = P(f), [l, C] = B(null);
-  x(() => {
-    S.current = m;
-  }, [m]), x(() => {
+  const [a, u] = B({}), { pageRotate: r } = Z(), { thumbnailPages: c, addToPage: h, thumbnailLength: f } = J(), { scrollBehavior: v } = K(), { totalPages: w } = Q(), S = P(null), C = P(c), A = P(f), [l, x] = B(null);
+  L(() => {
+    C.current = c;
+  }, [c]), L(() => {
     A.current = f;
   }, [f]);
-  const H = c((e) => {
-    v.current = e;
-  }, []), d = c(
+  const H = s((e) => {
+    S.current = e;
+  }, []), d = s(
     (e) => {
       const n = e + Y;
       return w ? Math.min(n, w) : e;
     },
     [w]
-  ), _ = c(
+  ), _ = s(
     (e) => {
       const n = d(e);
-      return !S.current[e] || A.current < n ? (h(n), !1) : !0;
+      return !C.current[e] || A.current < n ? (h(n), !1) : !0;
     },
     [h, d]
-  ), G = c(
+  ), G = s(
     (e, n) => {
       u((o) => {
-        var s;
-        const t = (s = m[e]) == null ? void 0 : s.viewport, p = {
+        var m;
+        const t = (m = C.current[e]) == null ? void 0 : m.viewport, p = {
           width: t ? t.width : 0,
           height: t ? t.height : 0
         };
@@ -74,47 +74,47 @@ const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L =
         };
       });
     },
-    [m, r]
-  ), O = c((e) => {
+    [r]
+  ), O = s((e) => {
     u((n) => {
       const o = { ...n };
       return delete o[e], o;
     });
-  }, []), U = c((e, n) => {
+  }, []), U = s((e, n) => {
     u((o) => {
       const t = { ...o };
-      return t[e] ? (t[e] = t[e].filter((p, s) => s !== n), t) : o;
+      return t[e] ? (t[e] = t[e].filter((p, m) => m !== n), t) : o;
     });
-  }, []), T = c(
+  }, []), T = s(
     (e, n, o) => {
       var F;
-      const t = v.current;
+      const t = S.current;
       if (!t)
         return !1;
       const p = t.querySelector(
         `[data-rp="thumbnail-${e}-customElement"]`
-      ), s = (F = p == null ? void 0 : p.children) == null ? void 0 : F[n];
-      if (!s)
+      ), m = (F = p == null ? void 0 : p.children) == null ? void 0 : F[n];
+      if (!m)
         return !1;
-      const D = s.closest(`[id="page-${e}"]`) ?? s, M = t.getBoundingClientRect(), g = D.getBoundingClientRect(), N = t.scrollTop + (g.top - M.top) - (t.clientHeight - g.height) / 2, q = t.scrollLeft + (g.left - M.left) - (t.clientWidth - g.width) / 2;
+      const D = m.closest(`[id="page-${e}"]`) ?? m, M = t.getBoundingClientRect(), g = D.getBoundingClientRect(), N = t.scrollTop + (g.top - M.top) - (t.clientHeight - g.height) / 2, q = t.scrollLeft + (g.left - M.left) - (t.clientWidth - g.width) / 2;
       return t.scrollTo({
         top: I(N, t.scrollHeight - t.clientHeight),
         left: I(q, t.scrollWidth - t.clientWidth),
-        behavior: (o == null ? void 0 : o.behavior) ?? R
+        behavior: (o == null ? void 0 : o.behavior) ?? v
       }), !0;
     },
-    [R]
-  ), W = c(
+    [v]
+  ), W = s(
     (e, n, o) => {
-      T(e, n, o) || (_(e), C({ page: e, index: n, config: o, attempt: 0 }));
+      T(e, n, o) || (_(e), x({ page: e, index: n, config: o, attempt: 0 }));
     },
     [_, T]
   );
-  return x(() => {
+  return L(() => {
     if (!l)
       return;
     const e = d(l.page);
-    if (!m[l.page] || f < e) {
+    if (!c[l.page] || f < e) {
       h(e);
       return;
     }
@@ -124,10 +124,10 @@ const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L =
         l.index,
         l.config
       )) {
-        C(null);
+        x(null);
         return;
       }
-      l.attempt < X && C((t) => !t || t.page !== l.page || t.index !== l.index ? t : { ...t, attempt: t.attempt + 1 });
+      l.attempt < X && x((t) => !t || t.page !== l.page || t.index !== l.index ? t : { ...t, attempt: t.attempt + 1 });
     });
     return () => {
       window.cancelAnimationFrame(n);
@@ -138,9 +138,9 @@ const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L =
     l,
     T,
     f,
-    m
+    c
   ]), /* @__PURE__ */ $(
-    L.Provider,
+    R.Provider,
     {
       value: {
         updateElement: G,
@@ -155,10 +155,10 @@ const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L =
   );
 }, E = () => {
 }, Nt = () => {
-  const i = y(L);
+  const i = y(R);
   return (i == null ? void 0 : i.setThumbnailContainer) ?? E;
 }, qt = () => {
-  const i = y(L), { type: a, validating: u } = z(), r = P(0), m = k(() => {
+  const i = y(R), { type: a, validating: u } = z(), r = P(0), c = k(() => {
     if (u !== !1)
       return {
         updateElement: E,
@@ -186,10 +186,10 @@ const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), L =
   }, [a, u]);
   if (!i)
     throw new Error("useElementThumbnailContext must be used within a ElementThumbnailProvider");
-  return m || i;
+  return c || i;
 };
 export {
-  L as ElementThumbnailContext,
+  R as ElementThumbnailContext,
   Dt as ElementThumbnailProvider,
   qt as useElementThumbnailContext,
   Nt as useThumbnailContainerRegister

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-8145915f.js";
-const A = /* @__PURE__ */ new Date("2026-05-06T03:41:32.991Z"), w = `-----BEGIN PUBLIC KEY-----
+const A = /* @__PURE__ */ new Date("2026-05-06T12:41:09.996Z"), w = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx
 gr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b
 HLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y

package/package.json

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