@react-pdf-kit/viewer 2.9.1-rc.2 → 2.9.2-rc.0

package/dist/utils/documentLayout.js

@@ -1,15 +1,15 @@
 import { ScrollMode as e, ViewMode as t } from "./types.js";
 //#region lib/utils/documentLayout.ts
-var n = (e, t) => Math.max(0, (e - t) / 2), r = .5, i = (e, t, i) => {
-	let a = n(e, i), o = Math.max(0, e - t);
-	return Math.max(0, a - o * r);
-}, a = (e) => e.reduce((e, t) => e + t, 0), o = (e) => Math.min(e.widths.length, e.heights.length), s = (e) => e === "WRAPPED", c = (e, t) => {
+var n = (e, t) => Math.max(0, (e - t) / 2), r = 0, i = .5, a = (e, t, r) => {
+	let a = n(e, r), o = Math.max(0, e - t);
+	return Math.max(0, a - o * i);
+}, o = (e) => e.reduce((e, t) => e + t, 0), s = (e) => Math.min(e.widths.length, e.heights.length), c = (e) => e === "WRAPPED", l = (e, t) => {
 	let n = t - 1;
 	return {
 		width: e.widths[n] || 0,
 		height: e.heights[n] || 0
 	};
-}, l = (e, n, r) => {
+}, u = (e, n, r) => {
 	if (!r) return [];
 	let i = Math.max(1, Math.min(e, r));
 	if (n === t.DUAL_PAGE) {
@@ -22,77 +22,77 @@ var n = (e, t) => Math.max(0, (e - t) / 2), r = .5, i = (e, t, i) => {
 		return [e, e + 1].filter((e) => e <= r);
 	}
 	return [i];
-}, u = (e, t) => {
-	let n = t.map((t) => c(e, t));
+}, d = (e, t) => {
+	let n = t.map((t) => l(e, t));
 	return {
 		pageNumbers: t,
-		width: a(n.map((e) => e.width)),
+		width: o(n.map((e) => e.width)),
 		height: Math.max(...n.map((e) => e.height), 0)
 	};
-}, d = (e, n) => {
-	let r = o(e), i = [];
+}, f = (e, n) => {
+	let r = s(e), i = [];
 	if (n === t.DUAL_PAGE) {
-		for (let t = 1; t <= r; t += 2) i.push(u(e, [t, t + 1].filter((e) => e <= r)));
+		for (let t = 1; t <= r; t += 2) i.push(d(e, [t, t + 1].filter((e) => e <= r)));
 		return i;
 	}
 	if (n === t.DUAL_PAGE_WITH_COVER) {
-		r >= 1 && i.push(u(e, [1]));
-		for (let t = 2; t <= r; t += 2) i.push(u(e, [t, t + 1].filter((e) => e <= r)));
+		r >= 1 && i.push(d(e, [1]));
+		for (let t = 2; t <= r; t += 2) i.push(d(e, [t, t + 1].filter((e) => e <= r)));
 		return i;
 	}
-	for (let t = 1; t <= r; t += 1) i.push(u(e, [t]));
+	for (let t = 1; t <= r; t += 1) i.push(d(e, [t]));
 	return i;
-}, f = (e, t) => {
-	let n = o(e), r = Math.max(t, 1), i = [], a = [], s = 0;
+}, p = (e, t) => {
+	let n = s(e), r = Math.max(t, 1), i = [], a = [], o = 0;
 	for (let t = 1; t <= n; t += 1) {
-		let { width: n } = c(e, t);
-		a.length > 0 && s + n > r && (i.push(u(e, a)), a = [], s = 0), a.push(t), s += n;
+		let { width: n } = l(e, t);
+		a.length > 0 && o + n > r && (i.push(d(e, a)), a = [], o = 0), a.push(t), o += n;
 	}
-	return a.length && i.push(u(e, a)), i;
-}, p = ({ pageDimensions: t, viewportWidth: n, scrollMode: r, viewMode: i, focusedPage: a }) => {
-	let c = o(t);
-	return c ? r === e.PAGE_SCROLLING ? [u(t, l(a || 1, i, c))] : r === e.HORIZONTAL_SCROLLING ? [u(t, Array.from({ length: c }, (e, t) => t + 1))] : s(r) ? f(t, n) : d(t, i) : [];
-}, m = (t) => {
-	let { pageDimensions: r, viewportWidth: a, viewportHeight: o, scrollMode: l, viewMode: u } = t, d = p(t), f = s(l) ? Math.max(a, ...d.map((e) => e.width), 0) : Math.max(...d.map((e) => e.width), 0), m = [], h = [], g = 0;
+	return a.length && i.push(d(e, a)), i;
+}, m = ({ pageDimensions: t, viewportWidth: n, scrollMode: r, viewMode: i, focusedPage: a }) => {
+	let o = s(t);
+	return o ? r === e.PAGE_SCROLLING ? [d(t, u(a || 1, i, o))] : r === e.HORIZONTAL_SCROLLING ? [d(t, Array.from({ length: o }, (e, t) => t + 1))] : c(r) ? p(t, n) : f(t, i) : [];
+}, h = (t) => {
+	let { pageDimensions: r, viewportWidth: i, viewportHeight: o, scrollMode: s, viewMode: u } = t, d = m(t), f = c(s) ? Math.max(i, ...d.map((e) => e.width), 0) : Math.max(...d.map((e) => e.width), 0), p = [], h = [], g = 0;
 	d.forEach((t, o) => {
-		let u = s(l) ? Math.max(f, t.width) : t.width, d = {
+		let u = c(s) ? Math.max(f, t.width) : t.width, d = {
 			index: o,
 			top: g,
 			width: u,
 			height: t.height,
 			pageNumbers: t.pageNumbers
-		}, p = l !== e.HORIZONTAL_SCROLLING && !s(l) && t.width < f ? i(f, a, t.width) : n(f, t.width);
+		}, m = s !== e.HORIZONTAL_SCROLLING && !c(s) && t.width < f ? a(f, i, t.width) : n(f, t.width);
 		t.pageNumbers.forEach((e) => {
-			let { width: t, height: n } = c(r, e);
+			let { width: t, height: n } = l(r, e);
 			h.push({
 				pageNumber: e,
 				rowIndex: o,
-				left: p,
+				left: m,
 				top: g,
 				width: t,
 				height: n
-			}), p += t;
-		}), m.push(d), g += t.height;
+			}), m += t;
+		}), p.push(d), g += t.height;
 	});
-	let _ = g, v = l === e.HORIZONTAL_SCROLLING ? 0 : n(a, f), y = l === e.PAGE_SCROLLING || l === e.HORIZONTAL_SCROLLING ? n(o, _) : 0;
+	let _ = g, v = s === e.HORIZONTAL_SCROLLING ? 0 : n(i, f), y = s === e.PAGE_SCROLLING || s === e.HORIZONTAL_SCROLLING ? n(o, _) : 0;
 	return {
-		rows: m,
+		rows: p,
 		pages: h,
 		documentWidth: f,
 		documentHeight: _,
 		offsetLeft: v,
 		offsetTop: y,
-		scrollWidth: Math.max(a, v + f),
+		scrollWidth: Math.max(i, v + f),
 		scrollHeight: Math.max(o, y + _),
-		viewportWidth: a,
+		viewportWidth: i,
 		viewportHeight: o,
-		scrollMode: l,
+		scrollMode: s,
 		viewMode: u
 	};
-}, h = (e, t) => e.pages.find((e) => e.pageNumber === t) ?? null, g = (e, t, r, i) => ({
-	x: n(e, r),
-	y: n(t, i)
-}), _ = (e, t, n) => {
+}, g = (e, t) => e.pages.find((e) => e.pageNumber === t) ?? null, _ = (e, t, i, a) => ({
+	x: n(e, i),
+	y: r
+}), v = (e, t, n) => {
 	let r = e.rows.find((e) => n >= e.top && n <= e.top + e.height) ?? e.rows.reduce((e, t) => {
 		if (!e) return t;
 		let r = e.top + e.height / 2, i = t.top + t.height / 2;
@@ -105,7 +105,7 @@ var n = (e, t) => Math.max(0, (e - t) / 2), r = .5, i = (e, t, i) => {
 		let r = e.left + e.width / 2, i = n.left + n.width / 2;
 		return Math.abs(t - i) < Math.abs(t - r) ? n : e;
 	}, null);
-}, v = (e, t, n, r, i, a = 1) => {
+}, y = (e, t, n, r, i, a = 1) => {
 	let o = t - e.offsetTop, s = o + i, c = n - e.offsetLeft, l = c + r, u = e.rows.filter((e) => e.top + e.height >= o && e.top <= s), d = u[0]?.index ?? 0, f = u[u.length - 1]?.index ?? d, p = Math.max(0, d - a), m = Math.min(e.rows.length - 1, f + a), h = r * Math.max(1, a), g = e.pages.reduce((e, t) => {
 		let n = e.get(t.rowIndex);
 		return n ? n.push(t) : e.set(t.rowIndex, [t]), e;
@@ -117,7 +117,7 @@ var n = (e, t) => Math.max(0, (e - t) / 2), r = .5, i = (e, t, i) => {
 			return t >= c - h && e.left <= l + h && n >= o && e.top <= s;
 		})
 	}));
-}, y = (e, t, n) => {
+}, b = (e, t, n) => {
 	let r = new Set(t), i = n ? new Set(n) : null, a = e.pages.reduce((e, t) => {
 		if (i && !i.has(t.pageNumber)) return e;
 		let n = e.get(t.rowIndex);
@@ -127,8 +127,8 @@ var n = (e, t) => Math.max(0, (e - t) / 2), r = .5, i = (e, t, i) => {
 		...e,
 		pages: a.get(e.index) ?? []
 	}));
-}, b = (t, n) => {
-	let r = h(t, n);
+}, x = (t, n) => {
+	let r = g(t, n);
 	return r ? t.scrollMode === e.HORIZONTAL_SCROLLING ? {
 		left: t.offsetLeft + r.left,
 		top: 0
@@ -138,4 +138,4 @@ var n = (e, t) => Math.max(0, (e - t) / 2), r = .5, i = (e, t, i) => {
 	}) : null;
 };
 //#endregion
-export { m as buildDocumentLayout, g as getPageContentOffset, _ as getPageFromDocumentPoint, l as getPageGroupForPage, h as getPagePlacement, y as getRowsByIndexes, b as getScrollTargetForPage, v as getVisibleRows };
+export { h as buildDocumentLayout, _ as getPageContentOffset, v as getPageFromDocumentPoint, u as getPageGroupForPage, g as getPagePlacement, b as getRowsByIndexes, x as getScrollTargetForPage, y as getVisibleRows };

package/dist/utils/hooks/useLicense.js

@@ -3,7 +3,7 @@ import { LicenseType as t } from "../types.js";
 import { appConsole as n } from "../appConsole.js";
 import { useCallback as r, useEffect as i, useState as a } from "react";
 //#region lib/utils/hooks/useLicense.ts
-var o = /* @__PURE__ */ new Date("2026-08-25T06:35:46.374Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
+var o = /* @__PURE__ */ new Date("2026-09-02T03:23:29.730Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
 	invalidLicense: `You are currently using without a valid license. ${c}`,
 	mismatchedDomain: `Your license key is not valid for the current domain / IP. ${c}`,
 	expired: `Your license key has expired. ${c}`,

package/dist/utils/hooks/usePresentPage.js

@@ -8,11 +8,15 @@ var s = (s, c) => {
 	f.current = d;
 	let [p, m] = o([]), { targetScrollPage: h } = t(), g = e(p, 0, 500);
 	i(() => {
-		g.length > 0 && !h.current && f.current(g[0].pageNumber);
-		let e = g[0]?.ratio, t = h.current;
-		e && g.some((e) => e.pageNumber === t) && (clearTimeout(u.current), u.current = setTimeout(() => {
-			h.current === t && (h.current = void 0);
-		}, 500));
+		let e = h.current;
+		if (e) {
+			if (!g.some((t) => t.pageNumber === e)) return;
+			f.current(e), clearTimeout(u.current), u.current = setTimeout(() => {
+				h.current === e && (h.current = void 0);
+			}, 500);
+			return;
+		}
+		g.length > 0 && f.current(g[0].pageNumber);
 	}, [g, h]), i(() => () => {
 		clearTimeout(u.current), l.current && cancelAnimationFrame(l.current);
 	}, []);

package/package.json

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

package/dist/CanvasLayer-CJqCJ30J.js

@@ -1,111 +0,0 @@
-import { useDocumentContext as e } from "./contexts/RPDocumentContext.js";
-import { useInitialStateContext as t } from "./contexts/InitialStateContext.js";
-import { useZoomContext as n } from "./contexts/ZoomContext.js";
-import { usePagesRotateContext as r } from "./contexts/PagesRotateContext.js";
-import { useRenderQueue as i } from "./contexts/RenderQueueProvider.js";
-import { useRenderedPagesCache as a } from "./contexts/RenderedPagesCache.js";
-import { useCallback as o, useEffect as s, useRef as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-import './assets/CanvasLayer.css';//#region lib/components/page/RPPage.module.css
-var u = {
-	"rp-page-wrapper": "_rp-page-wrapper_1iuev_1",
-	"rp-page": "_rp-page_1iuev_1",
-	"rp-canvas-layer": "_rp-canvas-layer_1iuev_17",
-	"rp-loader-wrapper": "_rp-loader-wrapper_1iuev_40"
-}, d = (d) => {
-	let { pageNumber: f, onLoaded: p, onLoading: m } = d, h = c(null), g = c(null), _ = c(null), { pages: v } = e(), { pageRotate: y } = r(), { currentZoom: b, targetZoom: x, isZooming: S } = n(), { interactiveForm: C } = t(), { hasRenderedPage: w, markRenderedPage: T } = a(), E = i(), D = c(`page-${f}`), O = c(0), k = c(""), A = c(null), j = c(0), M = c(!1), N = o((e, t = !1) => {
-		e && (e.width = 0, e.height = 0, t && e.parentNode && e.parentNode.removeChild(e));
-	}, []), P = o((e = g.current) => {
-		if (!e) return;
-		let t = j.current, n = t ? (x || b || t || 1) / t : 1;
-		e.style.setProperty("--rp-canvas-scale-ratio", String(n));
-	}, [b, x]), F = o(() => {
-		let e = document.createElement("canvas");
-		return e.dataset.rp = `page-${f}-canvas`, e.style.opacity = "0", e.style.position = "absolute", e.style.inset = "0", P(e), e;
-	}, [f, P]), I = o(() => {
-		E.removeQueue(D.current), A.current &&= (A.current.cancel(), null);
-	}, [E]), L = o(() => {
-		_.current && !_.current.parentNode && (N(_.current), _.current = null);
-	}, [N]), R = o((e) => {
-		if (!M.current) return N(e), !1;
-		let t = h.current;
-		if (!t) return N(e), !1;
-		let n = g.current;
-		return n?.parentNode ? n.replaceWith(e) : t.appendChild(e), e.style.opacity = "1", g.current = e, N(n), !0;
-	}, [N]);
-	return s(() => (M.current = !0, () => {
-		M.current = !1, I(), N(_.current), N(g.current), _.current = null, g.current = null;
-	}), [I, N]), s(() => {
-		P();
-	}, [P]), s(() => {
-		D.current = `page-${f}`, k.current = "", j.current = 0, N(_.current, !0), N(g.current, !0), _.current = null, g.current = null;
-	}, [N, f]), s(() => {
-		S && (I(), L());
-	}, [
-		I,
-		L,
-		S
-	]), s(() => {
-		if (!v || b === 0 || S) return;
-		let e = v.get(f), t = h.current;
-		if (!e || !t) return;
-		let n = y[f] ?? e.defaultRotation ?? 0, r = `${f}:${b}:${n}:${C ? "forms" : "static"}`;
-		if (k.current === r) return;
-		let i = g.current, a = !!i && i.width > 0 && i.height > 0, o = O.current + 1;
-		O.current = o, I(), L(), m && !a && m({
-			renderKey: r,
-			hasRenderedBefore: w(r)
-		});
-		let s = F();
-		return _.current = s, E.enqueue(D.current, {
-			page: e.page,
-			canvasElem: s,
-			options: {
-				scale: b,
-				rotate: n,
-				renderForms: !0,
-				interactiveForm: C
-			},
-			onLoaded: () => {
-				if (O.current !== o || _.current !== s) {
-					N(s);
-					return;
-				}
-				if (j.current = b, P(s), !R(s)) {
-					_.current = null;
-					return;
-				}
-				_.current = null, k.current = r, T(r), A.current = null, p?.();
-			},
-			onRenderTask: (e) => {
-				O.current === o && (A.current = e);
-			}
-		}, 3), () => {
-			I(), _.current === s && (N(s), _.current = null);
-		};
-	}, [
-		I,
-		N,
-		L,
-		F,
-		b,
-		w,
-		C,
-		S,
-		T,
-		p,
-		m,
-		f,
-		y,
-		v,
-		E,
-		R,
-		P
-	]), /* @__PURE__ */ l("div", {
-		className: u["rp-canvas-layer"],
-		"data-rp": `page-${f}-canvasLayer`,
-		ref: h
-	});
-};
-//#endregion
-export { u as n, d as t };