@react-pdf-kit/viewer 2.8.0-beta.6 → 2.8.0-beta.7

package/dist/{AnnotationLayer-CAIvKf_O.js → AnnotationLayer-Dl6VxRzL.js}

@@ -2,7 +2,7 @@ import { AnnotationSubType as e } from "./utils/types.js";
 import { useDocumentContext as t } from "./contexts/RPDocumentContext.js";
 import { useInitialStateContext as n } from "./contexts/InitialStateContext.js";
 import { useScrollModeContext as r } from "./contexts/ScrollModeContext.js";
-import { r as i } from "./PaginationContext-Cwf8sCpK.js";
+import { r as i } from "./PaginationContext-B3qzCYJu.js";
 import { usePrintContext as a } from "./contexts/PrintContext.js";
 import { SimpleLinkService as o } from "./utils/link_service.js";
 import { annotationEventsHandler as s, bindLayerEvents as c, enhanceLinkAccessibility as l, fixTabIndexAccessibility as u, handleAnnotationWidget as d, insertDateText as f, unbindLayerEvents as p } from "./utils/annotations.js";
@@ -11,7 +11,7 @@ import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState a
 import { AnnotationLayer as b } from "pdfjs-dist";
 import { jsx as x } from "react/jsx-runtime";
 import './assets/AnnotationLayer.css';//#region lib/components/page/AnnotationLayer.module.css
-var S = { "rp-annotation-layer": "_rp-annotation-layer_rwxfx_1" }, C = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/", w = (w) => {
+var S = { "rp-annotation-layer": "_rp-annotation-layer_foiun_1" }, C = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/", w = (w) => {
 	let { pageNumber: T } = w, E = v(null), { pages: D, pdf: O } = t(), { interactiveForm: k } = n(), A = v(), [j, M] = y(), { goToPage: N } = i(), { scrollMode: P } = r(), { print: F } = a(), { download: I } = m(), L = v(null), R = _(() => D.get(T), [D, T]), z = _(() => R?.page.getViewport(), [R]);
 	g(() => {
 		A.current &&= (A.current.div.replaceChildren(), void 0);

package/dist/CanvasLayer-cRwL_IIT.js

@@ -0,0 +1,105 @@
+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 { useCallback as a, useEffect as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import './assets/CanvasLayer.css';//#region lib/components/page/RPPage.module.css
+var l = {
+	"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"
+}, u = (u) => {
+	let { pageNumber: d, onLoaded: f, onLoading: p } = u, m = s(null), h = s(null), g = s(null), { pages: _ } = e(), { pageRotate: v } = r(), { currentZoom: y, targetZoom: b, isZooming: x } = n(), { interactiveForm: S } = t(), C = i(), w = s(`page-${d}`), T = s(0), E = s(""), D = s(null), O = s(0), k = s(!1), A = a((e, t = !1) => {
+		e && (e.width = 0, e.height = 0, t && e.parentNode && e.parentNode.removeChild(e));
+	}, []), j = a((e = h.current) => {
+		if (!e) return;
+		let t = O.current, n = t ? (b || y || t || 1) / t : 1;
+		e.style.setProperty("--rp-canvas-scale-ratio", String(n));
+	}, [y, b]), M = a(() => {
+		let e = document.createElement("canvas");
+		return e.dataset.rp = `page-${d}-canvas`, e.style.opacity = "0", e.style.position = "absolute", e.style.inset = "0", j(e), e;
+	}, [d, j]), N = a(() => {
+		C.removeQueue(w.current), D.current &&= (D.current.cancel(), null);
+	}, [C]), P = a(() => {
+		g.current && !g.current.parentNode && (A(g.current), g.current = null);
+	}, [A]), F = a((e) => {
+		if (!k.current) return A(e), !1;
+		let t = m.current;
+		if (!t) return A(e), !1;
+		let n = h.current;
+		return n?.parentNode ? n.replaceWith(e) : t.appendChild(e), e.style.opacity = "1", h.current = e, A(n), !0;
+	}, [A]);
+	return o(() => (k.current = !0, () => {
+		k.current = !1, N(), A(g.current), A(h.current), g.current = null, h.current = null;
+	}), [N, A]), o(() => {
+		j();
+	}, [j]), o(() => {
+		w.current = `page-${d}`, E.current = "", O.current = 0, A(g.current, !0), A(h.current, !0), g.current = null, h.current = null;
+	}, [A, d]), o(() => {
+		x && (N(), P());
+	}, [
+		N,
+		P,
+		x
+	]), o(() => {
+		if (!_ || y === 0 || x) return;
+		let e = _.get(d), t = m.current;
+		if (!e || !t) return;
+		let n = v[d] ?? e.defaultRotation ?? 0, r = `${y}:${n}:${S ? "forms" : "static"}`;
+		if (E.current === r) return;
+		let i = h.current, a = !!i && i.width > 0 && i.height > 0, o = T.current + 1;
+		T.current = o, N(), P(), p && !a && p();
+		let s = M();
+		return g.current = s, C.enqueue(w.current, {
+			page: e.page,
+			canvasElem: s,
+			options: {
+				scale: y,
+				rotate: n,
+				renderForms: !0,
+				interactiveForm: S
+			},
+			onLoaded: () => {
+				if (T.current !== o || g.current !== s) {
+					A(s);
+					return;
+				}
+				if (O.current = y, j(s), !F(s)) {
+					g.current = null;
+					return;
+				}
+				g.current = null, E.current = r, D.current = null, f?.();
+			},
+			onRenderTask: (e) => {
+				T.current === o && (D.current = e);
+			}
+		}, 3), () => {
+			N(), g.current === s && (A(s), g.current = null);
+		};
+	}, [
+		N,
+		A,
+		P,
+		M,
+		y,
+		S,
+		x,
+		f,
+		p,
+		d,
+		v,
+		_,
+		C,
+		F,
+		j
+	]), /* @__PURE__ */ c("div", {
+		className: l["rp-canvas-layer"],
+		"data-rp": `page-${d}-canvasLayer`,
+		ref: m
+	});
+};
+//#endregion
+export { l as n, u as t };

package/dist/{LoadingIndicator-DiWoWs4Y.js → LoadingIndicator-B_Jsf8No.js}

@@ -3,13 +3,13 @@ import { usePrintContext as t } from "./contexts/PrintContext.js";
 import { t as n } from "./clsx-B7LyVm5O.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import './assets/LoadingIndicator.css';var a = {
-	"rp-loading-overlay": "_rp-loading-overlay_wazy2_1",
-	"rp-loading-modal": "_rp-loading-modal_wazy2_14",
-	"rp-loading-title": "_rp-loading-title_wazy2_27",
-	"rp-loading-progress-bar": "_rp-loading-progress-bar_wazy2_35",
-	"rp-loading-progress": "_rp-loading-progress_wazy2_35",
-	"rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
-	loading: "_loading_wazy2_1"
+	"rp-loading-overlay": "_rp-loading-overlay_8gxoj_1",
+	"rp-loading-modal": "_rp-loading-modal_8gxoj_14",
+	"rp-loading-title": "_rp-loading-title_8gxoj_27",
+	"rp-loading-progress-bar": "_rp-loading-progress-bar_8gxoj_35",
+	"rp-loading-progress": "_rp-loading-progress_8gxoj_35",
+	"rp-loading-cancel-button": "_rp-loading-cancel-button_8gxoj_55",
+	loading: "_loading_8gxoj_1"
 }, o = ({ percentage: o }) => {
 	let { cancel: s } = t(), { localeMessages: c } = e();
 	return o < 1 ? null : /* @__PURE__ */ r("div", {

package/dist/MenuItem-D-GflAAo.js

@@ -0,0 +1,31 @@
+import { t as e } from "./clsx-B7LyVm5O.js";
+import { r as t } from "./dist-CKteKPPA.js";
+import { jsx as n } from "react/jsx-runtime";
+import './assets/MenuItem.css';//#region lib/components/layout/toolbar/MenuItem.module.css
+var r = { "rp-menu-item": "_rp-menu-item_1q6of_1" }, i = (i) => {
+	let { children: a, className: o, disabled: s = !1, onClick: c, onSelect: l, ...u } = i, d = (e) => {
+		if (s) {
+			e?.preventDefault(), e?.stopPropagation();
+			return;
+		}
+		c?.(e);
+	}, f = (e) => {
+		if (s) {
+			e?.preventDefault(), e?.stopPropagation();
+			return;
+		}
+		l?.(e);
+	};
+	return /* @__PURE__ */ n(t, {
+		...u,
+		tabIndex: 0,
+		className: e(r["rp-menu-item"], o),
+		disabled: s,
+		"aria-disabled": s,
+		onClick: d,
+		onSelect: f,
+		children: a
+	});
+};
+//#endregion
+export { i as t };

package/dist/{PaginationContext-Cwf8sCpK.js → PaginationContext-B3qzCYJu.js}

@@ -14,22 +14,22 @@ import { useDimensionPagesContext as p } from "./contexts/DimensionPagesContext.
 import { useSmoothScrollContext as m } from "./contexts/SmoothScrollContext.js";
 import { getScrollDistance as h } from "./utils/getScrollDistance.js";
 import { getGridDimension as g, getPositionFromPage as _ } from "./utils/calculatePage.js";
-import { createContext as v, useCallback as y, useContext as b, useEffect as x, useMemo as S, useRef as C, useState as w } from "react";
-import { jsx as T } from "react/jsx-runtime";
+import { createContext as v, useCallback as y, useContext as b, useEffect as x, useRef as S, useState as C } from "react";
+import { jsx as w } from "react/jsx-runtime";
 //#region lib/utils/hooks/useScrollToPage.ts
-var E = () => {
-	let { viewMode: n } = o(), { scrollMode: r } = a(), { virtualScrollRef: i, virtualScrollableElementRef: u, pageScrollElementRef: d } = s(), { setFocusedPage: f } = k(), v = C(), { columnCount: b } = c(), { widths: S, heights: w } = p(), T = C(r), E = C(n), D = C(b), { targetScrollPage: O, scrollBehavior: A } = m(), j = C(null);
+var T = () => {
+	let { viewMode: n } = o(), { scrollMode: r } = a(), { virtualScrollRef: i, virtualScrollableElementRef: u, pageScrollElementRef: d } = s(), { setFocusedPage: f } = O(), v = S(), { columnCount: b } = c(), { widths: C, heights: w } = p(), T = S(r), E = S(n), D = S(b), { targetScrollPage: k, scrollBehavior: A } = m(), j = S(null), M = S();
 	x(() => {
 		i?.scrollToItem && (v.current = i);
 	}, [i]), x(() => {
 		T.current = r, E.current = n;
 	}, [r, n]);
-	let M = y((e, t) => {
+	let N = y((e, t) => {
 		if (!d) return;
 		let n = Math.ceil(e / 2) * 2 - 1;
 		if (e === n + 1) {
 			let e = {
-				left: S[n],
+				left: C[n],
 				top: 0
 			};
 			return new Promise((t) => l(d, e, t));
@@ -41,7 +41,7 @@ var E = () => {
 		});
 	}, [
 		d,
-		S,
+		C,
 		l
 	]);
 	x(() => {
@@ -49,11 +49,13 @@ var E = () => {
 	}, [r, n]), x(() => {
 		D.current = b;
 	}, [b]);
-	let N = y((n, r = A) => {
-		f(n);
+	let P = y((n, r = A) => {
+		f(n), k.current = n, clearTimeout(M.current), M.current = setTimeout(() => {
+			k.current === n && (k.current = void 0);
+		}, 3e3);
 		let i = n - 1, a = i, o = 0;
 		if (E.current === t.DUAL_PAGE && T.current === e.PAGE_SCROLLING) {
-			M(n, r);
+			N(n, r);
 			return;
 		}
 		if (T.current === e.PAGE_SCROLLING) {
@@ -68,10 +70,8 @@ var E = () => {
 			return;
 		}
 		j.current = null;
-		let s = u;
-		r === "smooth" && (O.current = n);
-		let c = E.current === t.DUAL_PAGE_WITH_COVER, { columnsWidth: l, rowsHeight: d } = g({
-			widths: S,
+		let s = u, c = E.current === t.DUAL_PAGE_WITH_COVER, { columnsWidth: l, rowsHeight: d } = g({
+			widths: C,
 			heights: w
 		}, b, c);
 		if (T.current === e.HORIZONTAL_SCROLLING) {
@@ -117,20 +117,22 @@ var E = () => {
 	}, [
 		u,
 		b,
-		M,
+		N,
 		f,
 		l,
 		w,
-		S,
+		C,
 		A
 	]);
-	return x(() => {
+	return x(() => () => {
+		clearTimeout(M.current);
+	}, []), x(() => {
 		if (!u || !j.current) return;
 		let { page: e, behavior: t } = j.current;
-		j.current = null, N(e, t);
-	}, [u, N]), { scrollToPage: N };
-}, D = (n = 1) => {
-	let [r, i] = w(n), [s, c] = w(0), { scrollToPage: l } = E(), d = C(n), { viewMode: m } = o(), { scrollMode: h } = a(), { widths: g } = p(), { pagesRef: _ } = u(), v = f(r, 100), b = y((e) => {
+		j.current = null, P(e, t);
+	}, [u, P]), { scrollToPage: P };
+}, E = (n = 1) => {
+	let [r, i] = C(n), [s, c] = C(0), { scrollToPage: l } = T(), d = S(n), { viewMode: m } = o(), { scrollMode: h } = a(), { widths: g } = p(), { pagesRef: _ } = u(), v = f(r, 100), b = y((e) => {
 		if (!/^[0-9]*$/g.test(e.toString()) || !e) return {
 			success: !1,
 			currentPage: d.current
@@ -143,12 +145,12 @@ var E = () => {
 			success: !0,
 			currentPage: +e
 		});
-	}, [s]), x = y(b, [b]), T = y((e) => {
+	}, [s]), x = y(b, [b]), w = y((e) => {
 		i(e), d.current = e;
-	}, []), D = y((e, t) => {
+	}, []), E = y((e, t) => {
 		let n = b(e);
 		return n.success && l(n.currentPage, t), n;
-	}, [b, l]), O = y((e) => {
+	}, [b, l]), D = y((e) => {
 		let n = e % 2 == 1;
 		if (!_ || n) return !1;
 		let r = n ? g[e] : g[e - 1], i = n ? g[e + 1] : g[e];
@@ -158,43 +160,34 @@ var E = () => {
 		g,
 		_,
 		s
-	]), k = y(() => {
-		let e = r - 1;
-		O(e) && (e = r - 2), D(e);
-	}, [
-		D,
-		r,
-		m,
-		h,
-		O
-	]), A = S(() => m === t.DUAL_PAGE && h === e.PAGE_SCROLLING ? r === s - 1 : r === s, [
-		r,
+	]), O = y((n) => m === t.DUAL_PAGE && h === e.PAGE_SCROLLING ? n >= s - 1 : n >= s, [
 		s,
 		m,
 		h
-	]);
+	]), k = y(() => {
+		let e = d.current, t = e - 1;
+		D(t) && (t = e - 2), E(t);
+	}, [E, D]);
 	return {
 		focusedPage: v,
 		totalPages: s,
 		setFocusedPage: x,
-		resetPage: T,
+		resetPage: w,
 		setTotalPages: c,
 		nextPage: y(() => {
-			if (A) return;
-			let e = r + 1;
-			O(e) && (e = r + 2), D(e);
+			let e = d.current;
+			if (O(e)) return;
+			let t = e + 1;
+			D(t) && (t = e + 2), E(t);
 		}, [
+			E,
 			D,
-			r,
-			O,
-			m,
-			h,
-			A
+			O
 		]),
 		prevPage: k,
-		goToPage: D
+		goToPage: E
 	};
-}, O = v({
+}, D = v({
 	focusedPage: 0,
 	setFocusedPage: (e) => {},
 	goToPage: (e, t) => ({
@@ -205,11 +198,11 @@ var E = () => {
 	setTotalPages: (e) => {},
 	prevPage: () => {},
 	nextPage: () => {}
-}), k = () => {
-	let e = b(O);
+}), O = () => {
+	let e = b(D);
 	return e?.focusedPage === void 0 && n.error("Please use this hooks inside children component of RPProvider"), e;
-}, A = ({ children: e }) => {
-	let { pdf: t } = r(), { setCurrentPage: n } = d(), { initialPage: a = 1 } = i(), { focusedPage: o, totalPages: s, setFocusedPage: c, resetPage: l, setTotalPages: u, goToPage: f, nextPage: p, prevPage: m } = D(a), h = C(!0);
+}, k = ({ children: e }) => {
+	let { pdf: t } = r(), { setCurrentPage: n } = d(), { initialPage: a = 1 } = i(), { focusedPage: o, totalPages: s, setFocusedPage: c, resetPage: l, setTotalPages: u, goToPage: f, nextPage: p, prevPage: m } = E(a), h = S(!0);
 	return x(() => {
 		if (!t) {
 			h.current || (u(0), l(1));
@@ -225,7 +218,7 @@ var E = () => {
 		l
 	]), x(() => {
 		n(o);
-	}, [o, n]), /* @__PURE__ */ T(O.Provider, {
+	}, [o, n]), /* @__PURE__ */ w(D.Provider, {
 		value: {
 			focusedPage: o,
 			totalPages: s,
@@ -239,4 +232,4 @@ var E = () => {
 	});
 };
 //#endregion
-export { E as a, D as i, A as n, k as r, O as t };
+export { T as a, E as i, k as n, O as r, D as t };

package/dist/{PasswordModal-CB9Rd2zJ.js → PasswordModal-BW_C2ULg.js}

@@ -3,18 +3,18 @@ import { useLocalizationContext as t } from "./contexts/LocalizationContext.js";
 import { t as n } from "./clsx-B7LyVm5O.js";
 import { useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import './assets/PasswordModal.css';//#region lib/components/ui/PasswordModal.module.css
+import './assets/PasswordModal.css';//#region lib/components/ui/passwordModal.module.css
 var o = {
-	"rp-password-overlay": "_rp-password-overlay_9cdbk_1",
-	"rp-password-modal": "_rp-password-modal_9cdbk_13",
-	"rp-password-title": "_rp-password-title_9cdbk_27",
-	"rp-password-content": "_rp-password-content_9cdbk_35",
-	"rp-password-form": "_rp-password-form_9cdbk_41",
-	"rp-password-label": "_rp-password-label_9cdbk_45",
-	"rp-password-input": "_rp-password-input_9cdbk_57",
-	"rp-password-input-invalid": "_rp-password-input-invalid_9cdbk_74",
-	"rp-password-message-invalid": "_rp-password-message-invalid_9cdbk_78",
-	"rp-password-submit-button": "_rp-password-submit-button_9cdbk_84"
+	"rp-password-overlay": "_rp-password-overlay_1xibg_1",
+	"rp-password-modal": "_rp-password-modal_1xibg_13",
+	"rp-password-title": "_rp-password-title_1xibg_27",
+	"rp-password-content": "_rp-password-content_1xibg_35",
+	"rp-password-form": "_rp-password-form_1xibg_41",
+	"rp-password-label": "_rp-password-label_1xibg_45",
+	"rp-password-input": "_rp-password-input_1xibg_57",
+	"rp-password-input-invalid": "_rp-password-input-invalid_1xibg_74",
+	"rp-password-message-invalid": "_rp-password-message-invalid_1xibg_78",
+	"rp-password-submit-button": "_rp-password-submit-button_1xibg_84"
 }, s = () => {
 	let [s, c] = r(""), { localeMessages: l } = t(), { setPassword: u, setPasswordError: d, invalidPassword: f } = e(), p = (e) => {
 		c(e.target.value), f && d(void 0);

package/dist/RPLayout.module-DCbTHUuG.js

@@ -0,0 +1,14 @@
+import './assets/RPLayout.css';//#region lib/components/layout/RPLayout.module.css
+var e = {
+	"rp-layout": "_rp-layout_1h20a_1",
+	"rp-layout-wrapper": "_rp-layout-wrapper_1h20a_5",
+	"rp-content": "_rp-content_1h20a_11",
+	"rp-sidebar": "_rp-sidebar_1h20a_18",
+	"rp-pages": "_rp-pages_1h20a_23",
+	"rp-container": "_rp-container_1h20a_29",
+	"rp-loader": "_rp-loader_1h20a_33",
+	"rp-theme-variables": "_rp-theme-variables_1h20a_37",
+	"rp-dark-mode": "_rp-dark-mode_1h20a_158"
+};
+//#endregion
+export { e as t };