@react-pdf-kit/viewer 2.0.0-beta.8 → 2.0.0-beta.9

package/dist/contexts/ZoomContext.js

@@ -1,11 +1,11 @@
 import { jsx as I } from "react/jsx-runtime";
-import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as f, useCallback as Z, useMemo as x } from "react";
+import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as f, useCallback as x, useMemo as C } from "react";
 import { ZoomLevel as J } from "../utils/types.js";
 import { appConsole as _ } from "../utils/appConsole.js";
 import { useInitialStateContext as j } from "./InitialStateContext.js";
 import { useDocumentContext as F } from "./RPDocumentContext.js";
 import { PAGE_PADDING as T } from "../utils/constants.js";
-import { getZoomLevel as C } from "../utils/getZoomLevel.js";
+import { getZoomLevel as D } from "../utils/getZoomLevel.js";
 import { useLayoutContainer as k } from "./LayoutContainerContext.js";
 import { useViewModeContext as q } from "./ViewModeContext.js";
 import { useRotationContext as B } from "./RotationContext.js";
@@ -21,19 +21,19 @@ import "../utils/hooks/usePdfProperties.js";
 import "../utils/convertPdfDate.js";
 import "../utils/formatFileSize.js";
 import "./EventCallbackContext.js";
-const D = M({
+const W = M({
   zoomLevel: 100,
   currentZoom: 1,
   setZoomLevel: () => {
   }
 }), Le = () => {
-  const m = O(D);
+  const m = O(W);
   return typeof m.currentZoom != "number" && _.warn("Please use this hooks inside children component of RPProvider"), m;
 }, Pe = ({ children: m }) => {
-  const { initialScale: W = J.PAGE_FIT } = j(), [s, b] = u(W), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: p } = q(), [H, V] = u({
+  const { initialScale: b = J.PAGE_FIT } = j(), [s, H] = u(b), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: p } = q(), [V, z] = u({
     width: (t == null ? void 0 : t.clientWidth) || 0,
     height: (t == null ? void 0 : t.clientHeight) || 0
-  }), h = Q(H, 100), { rotate: g } = B(), [n, z] = u(null), d = R(null), { currentPage: v } = K(), [w, y] = u(v);
+  }), h = Q(V, 100), { rotate: g } = B(), [n, y] = u(null), d = R(null), { currentPage: v } = K(), [w, N] = u(v);
   f(() => {
     let e = l.get(w);
     e || (e = l.get(1));
@@ -41,48 +41,48 @@ const D = M({
       scale: 1,
       rotation: e.defaultRotation + g
     });
-    o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, z(o));
+    o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, y(o));
   }, [l, g, w]);
-  const c = Z(() => {
+  const c = x(() => {
     if (!n)
       return null;
     const e = ((n == null ? void 0 : n.width) || 0) + 2 * T, o = (n == null ? void 0 : n.height) || 0, i = (t == null ? void 0 : t.clientWidth) || 0, r = (t == null ? void 0 : t.clientHeight) || 0;
     return { pageWidth: e, pageHeight: o, clientWidth: i, clientHeight: r };
-  }, [n, t]), L = x(() => {
+  }, [n, t]), L = C(() => {
     const e = c();
     if (!h.width || !h.height || !e)
       return 0;
     if (typeof s == "number")
       return s / 100;
     const { clientWidth: o, clientHeight: i, pageWidth: r, pageHeight: a } = e;
-    return C(s, o, i, r, a, p) / 100;
+    return D(s, o, i, r, a, p) / 100;
   }, [s, h, c, p]);
   f(() => {
-    y(v);
+    N(v);
   }, [s]), f(() => {
     const e = (i) => {
       i.forEach((r) => {
-        V({ width: r.contentRect.width, height: r.contentRect.height });
+        z({ width: r.contentRect.width, height: r.contentRect.height });
       });
     }, o = new ResizeObserver(e);
     return t && o.observe(t), () => {
       o.disconnect();
     };
   }, [t]);
-  const N = Z(
+  const P = x(
     (e) => {
       let o = 0;
       if (typeof e == "function") {
         const i = c();
         if (!i)
           return;
-        const { clientWidth: r, clientHeight: a, pageWidth: P, pageHeight: E } = i;
+        const { clientWidth: r, clientHeight: a, pageWidth: Z, pageHeight: E } = i;
         o = (G) => {
-          const A = C(
+          const A = D(
             G,
             r,
             a,
-            P,
+            Z,
             E,
             p
           );
@@ -90,18 +90,18 @@ const D = M({
         };
       } else
         o = e;
-      o && b(o);
+      o && H(o);
     },
     [c]
-  ), S = x(() => ({
+  ), S = C(() => ({
     zoomLevel: s,
     currentZoom: L,
-    setZoomLevel: N
-  }), [L, s]);
-  return /* @__PURE__ */ I(D.Provider, { value: S, children: m });
+    setZoomLevel: P
+  }), [L, s, P]);
+  return /* @__PURE__ */ I(W.Provider, { value: S, children: m });
 };
 export {
-  D as ZoomContext,
+  W as ZoomContext,
   Pe as ZoomProvider,
   Le as useZoomContext
 };

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as kr } from "./components/RPProvider.js";
-import { a as Br, R as Hr, S as Ir, b as Or, u as zr, c as Er, d as Nr } from "./ToolbarLayout.module-0aa7a2aa.js";
+import { a as Br, R as Hr, S as Ir, b as Or, u as zr, c as Er, d as Nr } from "./ToolbarLayout.module-8d56d12b.js";
 import { RPConfig as jr } from "./components/RPConfig.js";
 import { RPLayout as Ar } from "./components/layout/RPLayout.js";
 import { RPTheme as Jr } from "./components/RPTheme.js";

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 Er } from "../../ToolbarLayout.module-0aa7a2aa.js";
+import { b as Er } from "../../ToolbarLayout.module-8d56d12b.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useHighlight.js

@@ -1,52 +1,52 @@
-import { useState as l, useCallback as x, useEffect as C } from "react";
+import { useState as m, useCallback as r, useEffect as C } from "react";
 import { getHighlightOptionsWithDefaults as H, findMatches as M } from "../highlight.js";
 import "../charators.js";
 const k = (s) => {
-  const [n, a] = l(void 0), [u, r] = l([]), m = x(async (t) => {
+  const [n, c] = m(void 0), [f, l] = m([]), u = r(async (t) => {
     if (!t)
       return {};
     const i = t.numPages, e = {};
     for (let o = 1; o <= i; o++) {
-      const g = await t.getPage(o);
-      e[o.toString()] = await g.getTextContent();
+      const h = await t.getPage(o);
+      e[o.toString()] = await h.getTextContent();
     }
     return e;
-  }, []), f = async (t) => {
-    a(t);
-  }, c = () => {
-    r([]), a(void 0);
-  };
+  }, []), p = r(async (t) => {
+    c(t);
+  }, []), g = r(() => {
+    l([]), c(void 0);
+  }, []);
   return C(() => {
-    s && m(s).then((t) => {
+    s && u(s).then((t) => {
       let i = [];
-      for (const { keyword: e, highlightColor: o, options: g } of n) {
+      for (const { keyword: e, highlightColor: o, options: h } of n) {
         if (!e)
           continue;
-        const p = H(g);
-        for (const h of Object.keys(t)) {
-          const y = M(
+        const y = H(h);
+        for (const a of Object.keys(t)) {
+          const b = M(
             [e],
-            t[h],
-            Number(h) - 1,
-            p
-          ).map((b, w) => ({
-            ...b,
-            page: Number(h),
-            pageMatchIdx: w,
+            t[a],
+            Number(a) - 1,
+            y
+          ).map((w, x) => ({
+            ...w,
+            page: Number(a),
+            pageMatchIdx: x,
             color: o,
             keyword: e
           }));
-          i = [...i, ...y];
+          i = [...i, ...b];
         }
       }
-      r(i);
+      l(i);
     }).catch(() => {
-      c();
+      g();
     });
-  }, [n, s]), {
-    highlight: f,
-    clear: c,
-    highlightMatches: u,
+  }, [n, s, g, u]), {
+    highlight: p,
+    clear: g,
+    highlightMatches: f,
     highlightKeywords: n
   };
 };

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-05T18:15:55.921Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2026-02-11T02:26:30.075Z"), 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/useLocalization.js

@@ -1,25 +1,25 @@
-import { useState as a, useMemo as m } from "react";
-import { e as s, t as p, z as u, i as _, p as L } from "../../th_TH-d627cd51.js";
-const f = (e) => {
+import { useState as a, useCallback as z, useMemo as m } from "react";
+import { e as s, t as p, z as _, i as L, p as T } from "../../th_TH-d627cd51.js";
+const h = (e) => {
   const [o, c] = a(e), [t, i] = a({
     en_US: s,
     th_TH: p,
-    zh_CN: u,
-    it_IT: _,
-    pt_PT: L
-  }), n = (r) => {
-    i((z) => ({
-      ...z,
+    zh_CN: _,
+    it_IT: L,
+    pt_PT: T
+  }), l = z((r) => {
+    i((u) => ({
+      ...u,
       ...r
     }));
-  }, l = m(() => t[o] || s, [o, t]);
+  }, []), n = m(() => t[o] || s, [o, t]);
   return {
     locale: o,
     setLocale: c,
-    localeMessages: l,
-    addLocalization: n
+    localeMessages: n,
+    addLocalization: l
   };
 };
 export {
-  f as useLocalization
+  h as useLocalization
 };

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { v as Er } from "../../ToolbarLayout.module-0aa7a2aa.js";
+import { v as Er } from "../../ToolbarLayout.module-8d56d12b.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 { Q as Do } from "../../ToolbarLayout.module-0aa7a2aa.js";
+import { Q as Do } from "../../ToolbarLayout.module-8d56d12b.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 { x as Eo } from "../../ToolbarLayout.module-0aa7a2aa.js";
+import { x as Eo } from "../../ToolbarLayout.module-8d56d12b.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 { t as Cr } from "../../ToolbarLayout.module-0aa7a2aa.js";
+import { t as Cr } from "../../ToolbarLayout.module-8d56d12b.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 { B as Eo } from "../../ToolbarLayout.module-0aa7a2aa.js";
+import { B as Eo } from "../../ToolbarLayout.module-8d56d12b.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { z as Eo } from "../../ToolbarLayout.module-0aa7a2aa.js";
+import { z as Eo } from "../../ToolbarLayout.module-8d56d12b.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 { M as Br } from "../../ToolbarLayout.module-0aa7a2aa.js";
+import { M as Br } from "../../ToolbarLayout.module-8d56d12b.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/package.json

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