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

package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js

@@ -1,9 +1,9 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
 import { useOpenFileContext as t } from "../../../../../contexts/FileInputContext.js";
 import { useViewportContext as n } from "../../../../../contexts/ViewportContext.js";
-import { t as r } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../../RPTooltip-COLVx-C_.js";
 import { FileUploadDefaultIcon as i } from "../../../../icons/FileUploadDefaultIcon.js";
-import { t as a } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as a } from "../../../../../MenuItem-D-GflAAo.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/FileUploadTool.tsx
 var c = (c) => {

package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js

@@ -1,8 +1,8 @@
 import { useFullScreenContext as e } from "../../../../../contexts/FullScreenContext.js";
 import { useLocalizationContext as t } from "../../../../../contexts/LocalizationContext.js";
 import { useViewportContext as n } from "../../../../../contexts/ViewportContext.js";
-import { t as r } from "../../../../../RPTooltip-ZZoFqP7C.js";
-import { t as i } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as r } from "../../../../../RPTooltip-COLVx-C_.js";
+import { t as i } from "../../../../../MenuItem-D-GflAAo.js";
 import { FullScreenIcon as a } from "../../../../icons/FullScreenIcon.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/FullScreenTool.tsx

package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js

@@ -1,8 +1,8 @@
-import { r as e } from "../../../../../PaginationContext-Cwf8sCpK.js";
+import { r as e } from "../../../../../PaginationContext-B3qzCYJu.js";
 import { useLocalizationContext as t } from "../../../../../contexts/LocalizationContext.js";
-import { t as n } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t as n } from "../../../../../RPTooltip-COLVx-C_.js";
 import { n as r } from "../../../../../dist-CKteKPPA.js";
-import { t as i } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as i } from "../../../../../MenuItem-D-GflAAo.js";
 import { t as a } from "../../../../../MenuSeparator-D1H5l8Ej.js";
 import { GoToDownIcon as o } from "../../../../icons/GoToDownIcon.js";
 import { t as s } from "../../../../../MostPageTool.module-BRVv-sGz.js";

package/dist/components/layout/toolbar/tools/more-options/PrintTool.js

@@ -1,8 +1,8 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
 import { usePrintContext as t } from "../../../../../contexts/PrintContext.js";
 import { useViewportContext as n } from "../../../../../contexts/ViewportContext.js";
-import { t as r } from "../../../../../RPTooltip-ZZoFqP7C.js";
-import { t as i } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as r } from "../../../../../RPTooltip-COLVx-C_.js";
+import { t as i } from "../../../../../MenuItem-D-GflAAo.js";
 import { PrintDefaultTool as a } from "../../../../icons/PrintDefaultIcon.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/PrintTool.tsx

package/dist/components/layout/toolbar/tools/more-options/RotateTool.js

@@ -1,7 +1,7 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
-import { t } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t } from "../../../../../RPTooltip-COLVx-C_.js";
 import { n } from "../../../../../dist-CKteKPPA.js";
-import { t as r } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as r } from "../../../../../MenuItem-D-GflAAo.js";
 import { t as i } from "../../../../../MenuSeparator-D1H5l8Ej.js";
 import { ClockwiseIcon as a } from "../../../../icons/ClockwiseIcon.js";
 import { t as o } from "../../../../../RotateTool.module-DH5yWbvM.js";

package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js

@@ -2,9 +2,9 @@ import { ScrollMode as e, ViewMode as t } from "../../../../../utils/types.js";
 import { useScrollModeContext as n } from "../../../../../contexts/ScrollModeContext.js";
 import { useViewModeContext as r } from "../../../../../contexts/ViewModeContext.js";
 import { useLocalizationContext as i } from "../../../../../contexts/LocalizationContext.js";
-import { t as a } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t as a } from "../../../../../RPTooltip-COLVx-C_.js";
 import { n as o } from "../../../../../dist-CKteKPPA.js";
-import { t as s } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as s } from "../../../../../MenuItem-D-GflAAo.js";
 import { CheckIcon as c } from "../../../../icons/CheckIcon.js";
 import { PageScrollingIcon as l } from "../../../../icons/PageScrollingIcon.js";
 import { VerticalScrollingIcon as u } from "../../../../icons/VerticalScrollingIcon.js";

package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js

@@ -1,9 +1,9 @@
 import { SelectionMode as e } from "../../../../../utils/types.js";
 import { useSelectionModeContext as t } from "../../../../../contexts/SelectionModeContext.js";
 import { useLocalizationContext as n } from "../../../../../contexts/LocalizationContext.js";
-import { t as r } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../../RPTooltip-COLVx-C_.js";
 import { n as i } from "../../../../../dist-CKteKPPA.js";
-import { t as a } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as a } from "../../../../../MenuItem-D-GflAAo.js";
 import { t as o } from "../../../../../MenuSeparator-D1H5l8Ej.js";
 import { CheckIcon as s } from "../../../../icons/CheckIcon.js";
 import { TextSelectionDefaultIcon as c } from "../../../../icons/TextSelectionDefaultIcon.js";

package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js

@@ -2,9 +2,9 @@ import { ScrollMode as e, ViewMode as t } from "../../../../../utils/types.js";
 import { useScrollModeContext as n } from "../../../../../contexts/ScrollModeContext.js";
 import { useViewModeContext as r } from "../../../../../contexts/ViewModeContext.js";
 import { useLocalizationContext as i } from "../../../../../contexts/LocalizationContext.js";
-import { t as a } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t as a } from "../../../../../RPTooltip-COLVx-C_.js";
 import { n as o } from "../../../../../dist-CKteKPPA.js";
-import { t as s } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as s } from "../../../../../MenuItem-D-GflAAo.js";
 import { t as c } from "../../../../../MenuSeparator-D1H5l8Ej.js";
 import { DualPageIcon as l } from "../../../../icons/DualPageIcon.js";
 import { DualPageWithCoverIcon as u } from "../../../../icons/DualPageWithCoverIcon.js";

package/dist/components/page/AnnotationLayer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../AnnotationLayer-CAIvKf_O.js";
+import { t as e } from "../../AnnotationLayer-Dl6VxRzL.js";
 export { e as AnnotationLayer };

package/dist/components/page/CanvasLayer.js

@@ -1,48 +1,2 @@
-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 { useEffect as a, useRef as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-//#region lib/components/page/CanvasLayer.tsx
-var c = (c) => {
-	let { pageNumber: l, onLoaded: u, onLoading: d } = c, f = o(null), { pages: p } = e(), { pageRotate: m } = r(), h = o(), { currentZoom: g } = n(), { interactiveForm: _ } = t(), v = i(), y = o(`page-${l}`);
-	return a(() => {
-		if (!p || g === 0) return;
-		let e = p.get(l);
-		if (f.current && e) {
-			let t = f.current;
-			t.hidden = !0;
-			let n = h.current;
-			n && n.cancel(), d && d(), v.enqueue(y.current, {
-				page: e.page,
-				canvasElem: t,
-				options: {
-					scale: g,
-					rotate: m[l],
-					renderForms: !0,
-					interactiveForm: _
-				},
-				onLoaded: u
-			}, 3);
-		}
-		return () => {
-			v.removeQueue(y.current);
-		};
-	}, [
-		p,
-		l,
-		m,
-		g,
-		d,
-		u,
-		v,
-		_
-	]), /* @__PURE__ */ s("canvas", {
-		"data-rp": `page-${l}-canvas`,
-		ref: f
-	});
-};
-//#endregion
-export { c as CanvasLayer };
+import { t as e } from "../../CanvasLayer-cRwL_IIT.js";
+export { e as CanvasLayer };

package/dist/components/page/DualPage.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../PaginationContext-Cwf8sCpK.js";
-import { t } from "../../RPPage-C_r8aeTc.js";
+import { r as e } from "../../PaginationContext-B3qzCYJu.js";
+import { RPPage as t } from "./RPPage.js";
 import { memo as n, useMemo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region lib/components/page/DualPage.tsx

package/dist/components/page/DualPageWithCover.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../PaginationContext-Cwf8sCpK.js";
-import { t } from "../../RPPage-C_r8aeTc.js";
+import { r as e } from "../../PaginationContext-B3qzCYJu.js";
+import { RPPage as t } from "./RPPage.js";
 import { memo as n, useMemo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region lib/components/page/DualPageWithCover.tsx

package/dist/components/page/RPPage.js

@@ -1,2 +1,94 @@
-import { t as e } from "../../RPPage-C_r8aeTc.js";
-export { e as RPPage };
+import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
+import { useZoomContext as t } from "../../contexts/ZoomContext.js";
+import { usePagesRotateContext as n } from "../../contexts/PagesRotateContext.js";
+import { useLayerContext as r } from "../../contexts/LayerContext.js";
+import { useLoaderContext as i } from "../../contexts/LoaderContext.js";
+import { n as a, t as o } from "../../CanvasLayer-cRwL_IIT.js";
+import { t as s } from "../../TextLayer-BdoXGj0Z.js";
+import { t as c } from "../../AnnotationLayer-Dl6VxRzL.js";
+import { t as l } from "../../TextHighlightLayer-BSVgBxR3.js";
+import { CustomElement as u } from "./CustomElement.js";
+import { withRef as d } from "../../utils/withRef.js";
+import { useCallback as f, useEffect as p, useImperativeHandle as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region lib/components/page/RPPage.tsx
+var b = d((d, b) => {
+	let { pageNumber: x, style: S, ...C } = d, { pages: w } = e(), { pageRotate: T } = n(), { textLayer: E } = r(), { currentZoom: D, targetZoom: O } = t(), { LoaderImageComponent: k } = i(), A = g(w.get(x)), [j, M] = _(!1), N = g(null), [P, F] = _({
+		width: 0,
+		height: 0
+	});
+	m(b, () => N.current);
+	let I = h(() => A.current ? T[x] ?? A.current.defaultRotation ?? 0 : 0, [x, T]);
+	p(() => {
+		w && (A.current = w.get(x), A.current && F(A.current.page.getViewport({
+			scale: 1,
+			rotation: I
+		})));
+	}, [
+		w,
+		x,
+		I
+	]);
+	let L = h(() => ({
+		width: P.width * (O || D || 1),
+		height: P.height * (O || D || 1)
+	}), [
+		P,
+		O,
+		D
+	]), R = h(() => {
+		switch (I) {
+			case 90: return `${L.width / 2}px ${L.width / 2}px`;
+			case -90:
+			case 270: return `${L.height / 2}px ${L.height / 2}px`;
+			default: return "center";
+		}
+	}, [I, L]), z = h(() => !D || !O ? 1 : O / D, [D, O]), B = f(() => {
+		M(!0);
+	}, []), V = f(() => {
+		M(!1);
+	}, []);
+	return /* @__PURE__ */ v("div", {
+		ref: N,
+		id: `page-${x}`,
+		"data-rp": `page-${x}`,
+		...C,
+		style: {
+			...S,
+			"--rp-rotate": `${I}deg`,
+			"--rp-page-rotate-translate": `${R}`,
+			"--user-unit": P.userUnit || 1,
+			"--scale-factor": O || D,
+			"--rp-canvas-scale-ratio": z,
+			"--total-scale-factor": "calc(var(--scale-factor) * var(--user-unit))"
+		},
+		className: a["rp-page-wrapper"],
+		children: /* @__PURE__ */ y("div", {
+			style: {
+				width: `${L.width}px`,
+				height: `${L.height}px`
+			},
+			className: a["rp-page"],
+			children: [
+				/* @__PURE__ */ v(o, {
+					onLoading: B,
+					onLoaded: V,
+					pageNumber: x
+				}),
+				j && k && /* @__PURE__ */ v("div", {
+					className: a["rp-loader-wrapper"],
+					children: /* @__PURE__ */ v(k, {})
+				}),
+				/* @__PURE__ */ v(u, { pageNumber: x }),
+				E && /* @__PURE__ */ v(s, { pageNumber: x }),
+				/* @__PURE__ */ v(l, {
+					pageNumber: x,
+					viewport: P
+				}),
+				/* @__PURE__ */ v(c, { pageNumber: x })
+			]
+		})
+	});
+});
+//#endregion
+export { b as RPPage };

package/dist/components/page/SinglePage.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../PaginationContext-Cwf8sCpK.js";
-import { t } from "../../RPPage-C_r8aeTc.js";
+import { r as e } from "../../PaginationContext-B3qzCYJu.js";
+import { RPPage as t } from "./RPPage.js";
 import { useMemo as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/components/page/SinglePage.tsx

package/dist/components/page/TextLayer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../TextLayer-DWGFN9SF.js";
+import { t as e } from "../../TextLayer-BdoXGj0Z.js";
 export { e as TextLayer };

package/dist/components/ui/LoadingIndicator.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../LoadingIndicator-DiWoWs4Y.js";
+import { t as e } from "../../LoadingIndicator-B_Jsf8No.js";
 export { e as default };

package/dist/components/ui/PasswordModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../PasswordModal-CB9Rd2zJ.js";
+import { t as e } from "../../PasswordModal-BW_C2ULg.js";
 export { e as default };

package/dist/components/ui/RPTooltip.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../RPTooltip-ZZoFqP7C.js";
+import { t as e } from "../../RPTooltip-COLVx-C_.js";
 export { e as default };

package/dist/contexts/DimensionPagesContext.js

@@ -3,48 +3,64 @@ import { useDocumentContext as t } from "./RPDocumentContext.js";
 import "../utils/constants.js";
 import { useZoomContext as n } from "./ZoomContext.js";
 import { usePagesRotateContext as r } from "./PagesRotateContext.js";
-import { createContext as i, useContext as a, useEffect as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import { createContext as i, useCallback as a, useContext as o, useMemo as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
 //#region lib/contexts/DimensionPagesContext.tsx
-var l = i({
+var u = i({
 	widths: [],
 	heights: [],
 	setWidths: () => {},
 	setHeights: () => {}
-}), u = () => {
-	let t = a(l), { widths: n, heights: r } = t;
+}), d = () => {
+	let t = o(u), { widths: n, heights: r } = t;
 	if (n && r) {
 		let t = n.every((e) => typeof e == "number"), i = r.every((e) => typeof e == "number");
 		(!t || !i) && e.warn("Please use this hooks inside children component of RPProvider");
 	}
 	return t;
-}, d = ({ children: e }) => {
-	let [i, a] = s([]), [u, d] = s([]), { pages: f } = t(), { currentZoom: p } = n(), { pageRotate: m } = r();
-	return o(() => {
-		if (!f) return;
+}, f = ({ children: e }) => {
+	let [i, o] = c(null), [d, f] = c(null), { pages: p } = t(), { targetZoom: m } = n(), { pageRotate: h } = r(), g = s(() => {
+		if (!p || !m) return {
+			widths: [],
+			heights: []
+		};
 		let e = [], t = [];
-		for (let n of Array.from(f.values())) {
-			let r = m[n.page.pageNumber], i = n.page.getViewport({
-				scale: p,
+		for (let n of Array.from(p.values())) {
+			let r = h[n.page.pageNumber] ?? n.defaultRotation ?? 0, i = n.page.getViewport({
+				scale: 1,
 				rotation: r,
 				dontFlip: !0
 			});
-			e.push(i.width + 4), t.push(i.height + 4);
+			e.push(i.width * m + 4), t.push(i.height * m + 4);
 		}
-		a((t) => [...e]), d((e) => [...t]);
+		return {
+			widths: e,
+			heights: t
+		};
 	}, [
-		p,
 		m,
-		f
-	]), /* @__PURE__ */ c(l.Provider, {
+		h,
+		p
+	]), _ = i ?? g.widths, v = d ?? g.heights, y = a((e) => {
+		o((t) => {
+			let n = t ?? g.widths;
+			return typeof e == "function" ? e(n) : e;
+		});
+	}, [g.widths]), b = a((e) => {
+		f((t) => {
+			let n = t ?? g.heights;
+			return typeof e == "function" ? e(n) : e;
+		});
+	}, [g.heights]);
+	return /* @__PURE__ */ l(u.Provider, {
 		value: {
-			widths: i,
-			heights: u,
-			setWidths: a,
-			setHeights: d
+			widths: _,
+			heights: v,
+			setWidths: y,
+			setHeights: b
 		},
 		children: e
 	});
 };
 //#endregion
-export { d as DimensionPagesProvider, u as useDimensionPagesContext };
+export { f as DimensionPagesProvider, d as useDimensionPagesContext };

package/dist/contexts/ElementThumbnailContext.js

@@ -2,7 +2,7 @@ import { LicenseType as e } from "../utils/types.js";
 import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as t } from "../utils/const.js";
 import { usePagesRotateContext as n } from "./PagesRotateContext.js";
 import { useSmoothScrollContext as r } from "./SmoothScrollContext.js";
-import { r as i } from "../PaginationContext-Cwf8sCpK.js";
+import { r as i } from "../PaginationContext-B3qzCYJu.js";
 import { useThumbnailContext as a } from "./ThumbnailsContext.js";
 import { useLicenseContext as o } from "./LicenseContext.js";
 import { createContext as s, useCallback as c, useContext as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";

package/dist/contexts/PaginationContext.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../PaginationContext-Cwf8sCpK.js";
+import { n as e, r as t, t as n } from "../PaginationContext-B3qzCYJu.js";
 export { n as PaginationContext, e as PaginationProvider, t as usePaginationContext };

package/dist/contexts/RenderQueueProvider.js

@@ -1,4 +1,4 @@
-import { r as e } from "../PaginationContext-Cwf8sCpK.js";
+import { r as e } from "../PaginationContext-B3qzCYJu.js";
 import { Queue as t } from "../utils/Queue.js";
 import { renderPage as n } from "../utils/renderPage.js";
 import { createContext as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
@@ -11,18 +11,22 @@ var d = r(null), f = ({ children: r }) => {
 			data: e,
 			priority: 0
 		}]);
-	}, []), h = s(() => new t(m), [m]), { focusedPage: g } = e(), _ = i((e) => (a.current = !0, n(e.data.page, e.data.canvasElem, e.data.options).promise.then(() => {
-		e.data.canvasElem.hidden = !1;
-	}).finally(() => {
-		e.data.onLoaded && e.data.onLoaded();
-	})), []);
+	}, []), h = s(() => new t(m), [m]), { focusedPage: g } = e(), _ = i((e) => {
+		a.current = !0;
+		let t = n(e.data.page, e.data.canvasElem, e.data.options);
+		return e.data.onRenderTask?.(t), t.promise.then(() => {
+			e.data.canvasElem.hidden = !1, e.data.onLoaded && e.data.onLoaded();
+		}).finally(() => {
+			e.data.onRenderTask?.(null);
+		});
+	}, []);
 	return o(() => {
 		g && (h.changePagePriority(`^page-${g}`, 0), h.changePagePriority(`^thumbnail-${g}`, 1));
 	}, [g]), o(() => {
 		if (h.isEmpty() || a.current) return;
 		let e = () => {
 			let t = h.dequeue();
-			t ? _(t).finally(() => {
+			t ? _(t).catch(() => {}).finally(() => {
 				e();
 			}) : (a.current = !1, p(h.peekAll()));
 		};