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

package/dist/utils/hooks/useSearch.js

@@ -1,81 +1,80 @@
-import { ScrollMode as e, ViewMode as t } from "../types.js";
-import { useDocumentContext as n } from "../../contexts/RPDocumentContext.js";
-import { useScrollModeContext as r } from "../../contexts/ScrollModeContext.js";
-import { useViewModeContext as i } from "../../contexts/ViewModeContext.js";
-import { useVirtualScrollContext as a } from "../../contexts/VirtualScrollContext.js";
-import { useLayoutContainer as o } from "../../contexts/LayoutContainerContext.js";
-import { useZoomContext as s } from "../../contexts/ZoomContext.js";
-import { usePagesRotateContext as c } from "../../contexts/PagesRotateContext.js";
-import { useDimensionPagesContext as l } from "../../contexts/DimensionPagesContext.js";
-import { useSmoothScrollContext as u } from "../../contexts/SmoothScrollContext.js";
-import { getScrollDistance as d } from "../getScrollDistance.js";
-import { r as f } from "../../PaginationContext-Cwf8sCpK.js";
+import { ScrollMode as e } from "../types.js";
+import { useDocumentContext as t } from "../../contexts/RPDocumentContext.js";
+import { useScrollModeContext as n } from "../../contexts/ScrollModeContext.js";
+import { useViewModeContext as r } from "../../contexts/ViewModeContext.js";
+import { useVirtualScrollContext as i } from "../../contexts/VirtualScrollContext.js";
+import { useLayoutContainer as a } from "../../contexts/LayoutContainerContext.js";
+import { useZoomContext as o } from "../../contexts/ZoomContext.js";
+import { usePagesRotateContext as s } from "../../contexts/PagesRotateContext.js";
+import { useDimensionPagesContext as c } from "../../contexts/DimensionPagesContext.js";
+import { useSmoothScrollContext as l } from "../../contexts/SmoothScrollContext.js";
+import { buildDocumentLayout as u, getPagePlacement as d } from "../documentLayout.js";
+import { r as f } from "../../PaginationContext-DIzsZhFd.js";
 import { findMatches as p } from "../highlight.js";
 import { getWordPositionInPage as m } from "../getWordPositionInPage.js";
 import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
 //#region lib/utils/hooks/useSearch.ts
 var b = (b = {}, x = "") => {
-	let [S, C] = y(x), [w, T] = y(!1), { pdf: E, pages: D } = n(), { widths: O, heights: k } = l(), A = v(!S), { currentZoom: j } = s(), [M, N] = y([]), { setFocusedPage: P } = f(), { columnCount: F, viewMode: I } = i(), { pageRotate: L } = c(), [R, z] = y(0), { pageScrollElementRef: B, virtualScrollableElementRef: V } = a(), { scrollMode: H } = r(), { pagesRef: U } = o(), { scrollBehavior: W } = u(), G = v({}), K = v(0), q = _(() => R === 0 ? null : M[R - 1], [R, M]), J = _(() => M.length, [M]), Y = h((n) => {
-		if (n === 0) return;
-		let r = M[n - 1];
-		if (!r || !D) return;
-		let i = V || B;
-		if (!i || !U) return;
-		let a = D.get(r.page);
-		if (H === e.PAGE_SCROLLING && P(r.page), !a) return;
-		let o = 0, s = 0;
-		if (H === e.VERTICAL_SCROLLING) {
-			let e = r.page - 1, n = F, i, a;
-			if (I === t.DUAL_PAGE_WITH_COVER) if (r.page === 1) i = 0, a = 0;
-			else {
-				let e = r.page - 2;
-				i = e % 2, a = Math.floor(e / 2) + 1;
-			}
-			else i = e % n, a = Math.floor(e / n);
-			o = d(k, a), s = d(O, i);
-		}
-		H === e.HORIZONTAL_SCROLLING && (s = O.slice(0, r.page - 1).reduce((e, t) => e + t, 0));
-		let c = {
-			height: k[r.page - 1],
-			width: O[r.page - 1]
-		}, l = L[r.page], { leftInPage: u, topInPage: f } = m(c, U, r.rect, j, l), p = s + u, h = o + f, g = {
+	let [S, C] = y(x), [w, T] = y(!1), { pdf: E, pages: D } = t(), { widths: O, heights: k } = c(), A = v(!S), { currentZoom: j } = o(), [M, N] = y([]), { setFocusedPage: P } = f(), { viewMode: F } = r(), { pageRotate: I } = s(), [L, R] = y(0), { pageScrollElementRef: z, virtualScrollableElementRef: B } = i(), { scrollMode: V } = n(), { pagesRef: H } = a(), { scrollBehavior: U } = l(), W = v({}), G = v(0), K = _(() => L === 0 ? null : M[L - 1], [L, M]), q = _(() => M.length, [M]), J = h((t) => {
+		if (t === 0) return;
+		let n = M[t - 1];
+		if (!n || !D) return;
+		let r = B || z;
+		if (!r || !H) return;
+		let i = D.get(n.page);
+		if (V === e.PAGE_SCROLLING && P(n.page), !i) return;
+		let a = u({
+			pageDimensions: {
+				widths: O,
+				heights: k
+			},
+			viewportWidth: r.clientWidth,
+			viewportHeight: r.clientHeight,
+			scrollMode: V,
+			viewMode: F,
+			focusedPage: n.page
+		}), o = d(a, n.page);
+		if (!o) return;
+		let s = {
+			height: k[n.page - 1],
+			width: O[n.page - 1]
+		}, c = I[n.page], { leftInPage: l, topInPage: f } = m(s, H, n.rect, j, c), p = a.offsetLeft + o.left + l, h = a.offsetTop + o.top + f, g = {
 			left: Math.max(p, 0),
 			top: Math.max(h, 0)
 		};
-		i.scrollTo({
+		r.scrollTo({
 			...g,
-			behavior: W
+			behavior: U
 		});
 	}, [
 		D,
 		P,
 		O,
 		k,
-		H,
-		I,
-		F,
 		V,
+		F,
 		B,
-		U,
+		z,
+		H,
 		M,
 		j,
-		L,
-		W
+		I,
+		U
 	]);
 	g(() => {
-		R && Y(R);
-	}, [R]);
-	let X = h(() => {
-		z((e) => {
+		L && J(L);
+	}, [L]);
+	let Y = h(() => {
+		R((e) => {
 			let t;
-			return t = J ? e + 1 > J ? 1 : e + 1 : 0, K.current = t, t;
-		}), K.current === 1 && Y(K.current);
-	}, [J, Y]), Z = h(() => {
-		z((e) => {
+			return t = q ? e + 1 > q ? 1 : e + 1 : 0, G.current = t, t;
+		}), G.current === 1 && J(G.current);
+	}, [q, J]), X = h(() => {
+		R((e) => {
 			let t;
-			return t = J ? e - 1 <= 0 ? J : e - 1 : 0, K.current = t, t;
-		}), K.current === 1 && Y(K.current);
-	}, [J, Y]), Q = h(async (e) => {
+			return t = q ? e - 1 <= 0 ? q : e - 1 : 0, G.current = t, t;
+		}), G.current === 1 && J(G.current);
+	}, [q, J]), Z = h(async (e) => {
 		if (!e) return {};
 		let t = e.numPages, n = {};
 		for (let r = 1; r <= t; r++) {
@@ -87,11 +86,11 @@ var b = (b = {}, x = "") => {
 	}, []);
 	return g(() => {
 		if (!S) {
-			A.current = !0, N([]), z(0);
+			A.current = !0, N([]), R(0);
 			return;
 		}
-		A.current = !1, T(!0), N([]), z(0), Q(E).then((e) => {
-			G.current = e;
+		A.current = !1, T(!0), N([]), R(0), Z(E).then((e) => {
+			W.current = e;
 			let t = Object.keys(e).reduce((t, n) => {
 				let r = p([S], e[n], Number(n) - 1, b).map((e, t) => ({
 					...e,
@@ -100,13 +99,13 @@ var b = (b = {}, x = "") => {
 				}));
 				return [...t, ...r];
 			}, []);
-			N(t), z(+!!t.length);
+			N(t), R(+!!t.length);
 		}).catch(() => {
-			N([]), z(0);
+			N([]), R(0);
 		}).finally(() => T(!1));
 	}, [
 		S,
-		Q,
+		Z,
 		E,
 		b
 	]), {
@@ -114,12 +113,12 @@ var b = (b = {}, x = "") => {
 		setSearch: C,
 		loading: w,
 		matches: M,
-		totalMatches: J,
-		currentMatchPosition: R,
-		currentMatch: q,
-		nextMatch: X,
-		prevMatch: Z,
-		setCurrentMatchPosition: z
+		totalMatches: q,
+		currentMatchPosition: L,
+		currentMatch: K,
+		nextMatch: Y,
+		prevMatch: X,
+		setCurrentMatchPosition: R
 	};
 };
 //#endregion

package/dist/utils/hooks/useZoomOrigin.js

@@ -0,0 +1,37 @@
+import { useCallback as e, useEffect as t, useRef as n } from "react";
+//#region lib/utils/hooks/useZoomOrigin.ts
+var r = (e, t, n) => Math.max(t, Math.min(e, n)), i = (e) => Number.isFinite(e.left) && Number.isFinite(e.top) && Number.isFinite(e.width) && Number.isFinite(e.height) && e.width > 0 && e.height > 0, a = (e, t, n) => {
+	if (!e || !Number.isFinite(t) || !Number.isFinite(n)) return null;
+	let a = e.getBoundingClientRect();
+	return i(a) ? [r(t - a.left, 0, a.width), r(n - a.top, 0, a.height)] : null;
+}, o = (e) => {
+	if (!e) return;
+	let t = e.getBoundingClientRect();
+	if (!i(t)) return;
+	let { width: n, height: r } = t;
+	return [n / 2, r / 2];
+}, s = (s) => {
+	let c = n(null), l = e((e, t) => a(s, e, t), [s]);
+	return t(() => {
+		if (!s) {
+			c.current = null;
+			return;
+		}
+		let e = (e) => {
+			c.current = l(e.clientX, e.clientY);
+		}, t = (e) => {
+			c.current = l(e.clientX, e.clientY);
+		};
+		return s.addEventListener("pointermove", e, { passive: !0 }), s.addEventListener("mousemove", t, { passive: !0 }), () => {
+			s.removeEventListener("pointermove", e), s.removeEventListener("mousemove", t);
+		};
+	}, [s, l]), e(() => {
+		if (!s) return;
+		let e = s.getBoundingClientRect();
+		if (!i(e)) return;
+		let { width: t, height: n } = e, a = c.current;
+		return a ? [r(a[0], 0, t), r(a[1], 0, n)] : o(s);
+	}, [s]);
+};
+//#endregion
+export { o as getZoomCenterOrigin, a as getZoomOriginFromClientPoint, s as useZoomOrigin };

package/dist/utils/renderPage.js

@@ -1,21 +1,28 @@
-import { AnnotationMode as e } from "pdfjs-dist";
+import { IOS_MAX_CANVAS_PIXELS as e, MAX_CANVAS_DIM as t, MAX_CANVAS_PIXELS as n, SAFARI_MAX_CANVAS_PIXELS as r } from "./constants.js";
+import { AnnotationMode as i } from "pdfjs-dist";
 //#region lib/utils/renderPage.ts
-var t = (t, n, r = {}) => {
-	let { scale: i = 1, rotate: a = 0, renderForms: o = !1, interactiveForm: s = !0 } = r, c = n.getContext("2d", { desynchronized: !1 }), l = window.devicePixelRatio, u = t.getViewport({
-		scale: i,
+var a = () => {
+	let t = navigator.userAgent, i = /iPad|iPhone|iPod/.test(t) && !window.MSStream, a = /^((?!chrome|android).)*safari/i.test(t);
+	return i ? e : a ? r : n;
+}, o = (e, n) => {
+	let r = window.devicePixelRatio || 1, i = Math.max(e * n, 1), o = Math.min(a(), i * 200), s = Math.sqrt(o / i), c = t / Math.max(e, 1), l = t / Math.max(n, 1), u = Math.min(r, s, c, l);
+	return Number.isFinite(u) && u > 0 ? u : 1;
+}, s = (e, t, n = {}) => {
+	let { scale: r = 1, rotate: a = 0, renderForms: s = !1, interactiveForm: c = !0 } = n, l = t.getContext("2d", { desynchronized: !1 }), u = e.getViewport({
+		scale: r,
 		rotation: a
-	}), d = t.getViewport({
-		scale: i * l,
+	}), d = o(u.width, u.height), f = e.getViewport({
+		scale: r * d,
 		rotation: a
 	});
-	n.width = d.width, n.height = d.height, n.style.width = `${Math.floor(u.width)}px`, n.style.height = `${Math.floor(u.height)}px`;
-	let f = o ? e.ENABLE_FORMS : void 0;
-	return s || (f = e.ENABLE), t.render({
-		canvas: n,
-		canvasContext: c,
-		viewport: d,
-		annotationMode: f
+	t.width = Math.floor(f.width), t.height = Math.floor(f.height), t.style.width = `${Math.floor(u.width)}px`, t.style.height = `${Math.floor(u.height)}px`;
+	let p = s ? i.ENABLE_FORMS : void 0;
+	return c || (p = i.ENABLE), e.render({
+		canvas: t,
+		canvasContext: l,
+		viewport: f,
+		annotationMode: p
 	});
 };
 //#endregion
-export { t as renderPage };
+export { s as renderPage };

package/dist/utils/types.js

@@ -1,11 +1,11 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../de_DE-DwUvXUWH.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../de_DE-x4Z-jQrz.js";
 //#region lib/utils/types.ts
 var o = /* @__PURE__ */ function(e) {
 	return e[e.Text = 1] = "Text", e[e.Link = 2] = "Link", e[e.FreeText = 3] = "FreeText", e[e.Line = 4] = "Line", e[e.Square = 5] = "Square", e[e.Circle = 6] = "Circle", e[e.Polygon = 7] = "Polygon", e[e.Polyline = 8] = "Polyline", e[e.Highlight = 9] = "Highlight", e[e.Underline = 10] = "Underline", e[e.Squiggly = 11] = "Squiggly", e[e.StrikeOut = 12] = "StrikeOut", e[e.Stamp = 13] = "Stamp", e[e.Caret = 14] = "Caret", e[e.Ink = 15] = "Ink", e[e.Popup = 16] = "Popup", e[e.FileAttachment = 17] = "FileAttachment", e[e.Widget = 20] = "Widget", e;
 }({}), s = /* @__PURE__ */ function(e) {
 	return e.INTERNAL_LINK = "internal-link", e.LINK = "link", e.FILE_ATTACHMENT = "file-attachment", e.FORM_TEXT = "form-text", e.FORM_SELECT = "form-select", e.FORM_CHECKBOX = "form-checkbox", e.FORM_RADIO = "form-radio", e.FORM_BUTTON = "form-button", e.BUTTON = "button", e;
 }({}), c = /* @__PURE__ */ function(e) {
-	return e.NOT_SUPPORTED = "not-supported", e.INVALID_OR_CORRUPTED_PDF = "invalid-or-corrupted-pdf", e;
+	return e.NOT_SUPPORTED = "not-supported", e.INVALID_OR_CORRUPTED_PDF = "invalid-or-corrupted-pdf", e.WASM_URL_REQUIRED = "wasm-url-required", e;
 }({}), l = /* @__PURE__ */ function(e) {
 	return e.ACTUAL = "Actual Size", e.PAGE_FIT = "Page Fit", e.PAGE_WIDTH = "Page Width", e;
 }({}), u = /* @__PURE__ */ function(e) {
@@ -13,7 +13,7 @@ var o = /* @__PURE__ */ function(e) {
 }({}), d = /* @__PURE__ */ function(e) {
 	return e.SINGLE_PAGE = "Single", e.DUAL_PAGE = "Dual", e.DUAL_PAGE_WITH_COVER = "DualWithCover", e;
 }({}), f = /* @__PURE__ */ function(e) {
-	return e.FONT_FAMILY = "--rp-font-family", e.PRIMARY_COLOR = "--rp-primary-color", e.BORDER_RADIUS = "--rp-border-radius", e.TEXT_COLOR = "--rp-text-color", e.OUTLINE_COLOR = "--rp-outline-color", e.FONT_SIZE = "--rp-font-size", e.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", e.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", e.ICON_DISABLED = "--rp-icon-disabled", e.ICON_FONT_SIZE = "--rp-icon-font-size", e.TOOLBAR_BACKGROUND = "--rp-toolbar-background", e.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", e.TOOLBAR_PADDING = "--rp-toolbar-padding", e.TOOLBAR_GAP = "--rp-toolbar-gap", e.TOOLBAR_SIZE = "--rp-toolbar-size", e.SIDEBAR_WIDTH = "--rp-sidebar-width", e.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", e.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", e.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", e.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", e.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", e.BUTTON_PADDING = "--rp-button-padding", e.INPUT_PADDING = "--rp-input-padding", e.INPUT_BORDER_RADIUS = "--rp-input-border-radius", e.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", e.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", e.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", e.PAGE_SHADOW = "--rp-page-shadow", e.PAGE_OUTLINE = "--rp-page-outline", e.PAGE_OUTLINE_OFFSET = "--rp-page-outline-offset", e.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", e.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", e.DROPDOWN_PADDING = "--rp-dropdown-padding", e.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", e.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", e.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", e.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", e.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", e.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", e.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", e.POPOVER_FONT_SIZE = "--rp-popover-font-size", e.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", e.POPOVER_COLOR = "--rp-popover-color", e.POPOVER_BORDER_COLOR = "--rp-popover-border-color", e.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", e.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", e.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", e.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", e.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", e.PROPERTY_ITEM_GAP = "--rp-property-item-gap", e.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", e.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", e.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", e.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", e.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", e.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", e.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", e.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", e.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", e.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", e.DROP_ZONE_BORDER = "--rp-drop-zone-border", e.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", e.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", e.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", e.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", e.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", e.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", e.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", e.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", e.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", e.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", e.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", e.TOOLTIP_FONT_COLOR = "--rp-tooltip-font-color", e.TOOLTIP_FONT_SIZE = "--rp-tooltip-font-size", e.TOOLTIP_PADDING = "--rp-tooltip-padding", e.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", e.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", e.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", e.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", e.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", e.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", e.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", e.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", e.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", e.PASSWORD_MODAL_BORDER_COLOR = "--rp-password-border-color", e.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", e.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", e.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", e.BUTTON_BORDER_RADIUS = "--rp-button-border-radius", e.SKIP_LINK_FONT_SIZE = "--rp-skip-link-font-size", e.SKIP_LINK_COLOR = "--rp-skip-link-color", e.SKIP_LINK_BACKGROUND_COLOR = "--rp-skip-link-background-color", e.SKIP_LINK_BORDER_COLOR = "--rp-skip-link-border-color", e;
+	return e.FONT_FAMILY = "--rp-font-family", e.PRIMARY_COLOR = "--rp-primary-color", e.BORDER_RADIUS = "--rp-border-radius", e.TEXT_COLOR = "--rp-text-color", e.OUTLINE_COLOR = "--rp-outline-color", e.FONT_SIZE = "--rp-font-size", e.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", e.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", e.ICON_DISABLED = "--rp-icon-disabled", e.ICON_FONT_SIZE = "--rp-icon-font-size", e.TOOLBAR_BACKGROUND = "--rp-toolbar-background", e.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", e.TOOLBAR_PADDING = "--rp-toolbar-padding", e.TOOLBAR_GAP = "--rp-toolbar-gap", e.TOOLBAR_SIZE = "--rp-toolbar-size", e.SIDEBAR_WIDTH = "--rp-sidebar-width", e.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", e.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", e.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", e.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", e.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", e.BUTTON_PADDING = "--rp-button-padding", e.INPUT_PADDING = "--rp-input-padding", e.INPUT_BORDER_RADIUS = "--rp-input-border-radius", e.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", e.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", e.SEARCH_INPUT_BORDER_COLOR = "--rp-search-input-border-color", e.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", e.PAGE_SHADOW = "--rp-page-shadow", e.PAGE_OUTLINE = "--rp-page-outline", e.PAGE_OUTLINE_OFFSET = "--rp-page-outline-offset", e.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", e.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", e.DROPDOWN_PADDING = "--rp-dropdown-padding", e.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", e.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", e.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", e.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", e.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", e.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", e.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", e.POPOVER_FONT_SIZE = "--rp-popover-font-size", e.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", e.POPOVER_COLOR = "--rp-popover-color", e.POPOVER_BORDER_COLOR = "--rp-popover-border-color", e.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", e.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", e.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", e.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", e.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", e.PROPERTY_ITEM_GAP = "--rp-property-item-gap", e.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", e.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", e.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", e.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", e.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", e.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", e.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", e.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", e.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", e.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", e.PRINT_PROGRESS_CANCEL_BUTTON_BORDER_COLOR = "--rp-print-progress-cancel-button-border-color", e.DROP_ZONE_BORDER = "--rp-drop-zone-border", e.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", e.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", e.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", e.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", e.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", e.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", e.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", e.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", e.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", e.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", e.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", e.TOOLTIP_FONT_COLOR = "--rp-tooltip-font-color", e.TOOLTIP_FONT_SIZE = "--rp-tooltip-font-size", e.TOOLTIP_PADDING = "--rp-tooltip-padding", e.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", e.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", e.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", e.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", e.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", e.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", e.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", e.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", e.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", e.PASSWORD_MODAL_BORDER_COLOR = "--rp-password-border-color", e.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", e.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", e.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", e.BUTTON_BORDER_RADIUS = "--rp-button-border-radius", e.SKIP_LINK_FONT_SIZE = "--rp-skip-link-font-size", e.SKIP_LINK_COLOR = "--rp-skip-link-color", e.SKIP_LINK_BACKGROUND_COLOR = "--rp-skip-link-background-color", e.SKIP_LINK_BORDER_COLOR = "--rp-skip-link-border-color", e;
 }({}), p = /* @__PURE__ */ function(e) {
 	return e.PAGE_SCROLLING = "PAGE", e.VERTICAL_SCROLLING = "VERTICAL", e.HORIZONTAL_SCROLLING = "HORIZONTAL", e;
 }({}), m = /* @__PURE__ */ function(e) {

package/dist/utils/zoom.js

@@ -1,5 +1,11 @@
 import { MAX_ZOOM_SCALE as e } from "./constants.js";
 //#region lib/utils/zoom.ts
-var t = (e) => e * 100 <= 25, n = (t) => t * 100 >= e;
+var t = (e) => e * 100 <= 25, n = (t) => t * 100 >= e, r = (t) => {
+	let n = Math.floor(t / 25) * 25;
+	return Math.min(n + 25, e);
+}, i = (e) => {
+	let t = Math.ceil(e / 25) * 25;
+	return Math.max(t - 25, 25);
+};
 //#endregion
-export { n as isZoomInDisabled, t as isZoomOutDisabled };
+export { r as getNextZoomInLevel, i as getNextZoomOutLevel, n as isZoomInDisabled, t as isZoomOutDisabled };

package/package.json

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

package/dist/MenuItem-BJDWfzAw.js

@@ -1,15 +0,0 @@
-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_cu12j_1" }, i = (i) => {
-	let { children: a, className: o, ...s } = i;
-	return /* @__PURE__ */ n(t, {
-		...s,
-		tabIndex: 0,
-		className: e(r["rp-menu-item"], o),
-		children: a
-	});
-};
-//#endregion
-export { i as t };

package/dist/PaginationContext-Cwf8sCpK.js

@@ -1,242 +0,0 @@
-import { ScrollMode as e, ViewMode as t } from "./utils/types.js";
-import { appConsole as n } from "./utils/appConsole.js";
-import { useDocumentContext as r } from "./contexts/RPDocumentContext.js";
-import { useInitialStateContext as i } from "./contexts/InitialStateContext.js";
-import { useScrollModeContext as a } from "./contexts/ScrollModeContext.js";
-import { useViewModeContext as o } from "./contexts/ViewModeContext.js";
-import { useVirtualScrollContext as s } from "./contexts/VirtualScrollContext.js";
-import { useVirtualGridContext as c } from "./contexts/VirtualGridContext.js";
-import { smoothScrollTo as l } from "./utils/smoothScrollTo.js";
-import { useLayoutContainer as u } from "./contexts/LayoutContainerContext.js";
-import { useGlobalCurrentPage as d } from "./contexts/GlobalCurrentPage.js";
-import { useDebounce as f } from "./utils/hooks/useDebounce.js";
-import { useDimensionPagesContext as p } from "./contexts/DimensionPagesContext.js";
-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";
-//#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);
-	x(() => {
-		i?.scrollToItem && (v.current = i);
-	}, [i]), x(() => {
-		T.current = r, E.current = n;
-	}, [r, n]);
-	let M = y((e, t) => {
-		if (!d) return;
-		let n = Math.ceil(e / 2) * 2 - 1;
-		if (e === n + 1) {
-			let e = {
-				left: S[n],
-				top: 0
-			};
-			return new Promise((t) => l(d, e, t));
-		}
-		return d?.scrollTo({
-			left: 0,
-			top: 0,
-			behavior: t
-		});
-	}, [
-		d,
-		S,
-		l
-	]);
-	x(() => {
-		T.current = r, E.current = n;
-	}, [r, n]), x(() => {
-		D.current = b;
-	}, [b]);
-	let N = y((n, r = A) => {
-		f(n);
-		let i = n - 1, a = i, o = 0;
-		if (E.current === t.DUAL_PAGE && T.current === e.PAGE_SCROLLING) {
-			M(n, r);
-			return;
-		}
-		if (T.current === e.PAGE_SCROLLING) {
-			f(n);
-			return;
-		}
-		if (!v.current || !u) {
-			j.current = {
-				page: n,
-				behavior: r
-			};
-			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,
-			heights: w
-		}, b, c);
-		if (T.current === e.HORIZONTAL_SCROLLING) {
-			o = i;
-			let e = h(l, o), t = {
-				left: Math.floor(e),
-				top: 0
-			};
-			return s.scrollTo({
-				...t,
-				behavior: r
-			});
-		}
-		if (E.current === t.DUAL_PAGE_WITH_COVER) {
-			let { rowIndex: e, columnIndex: t } = _(n, b, !0), i = h(l, t), a = h(d, e), o = {
-				left: Math.floor(i),
-				top: Math.floor(a)
-			};
-			return s.scrollTo({
-				...o,
-				behavior: r
-			});
-		}
-		if (E.current === t.DUAL_PAGE) {
-			o = i % 2, a = Math.floor(i / 2);
-			let e = h(l, o), t = h(d, a), n = {
-				left: Math.floor(e),
-				top: Math.floor(t)
-			};
-			return s.scrollTo({
-				...n,
-				behavior: r
-			});
-		}
-		let p = h(d, a), m = {
-			left: 0,
-			top: Math.floor(p)
-		};
-		return s.scrollTo({
-			...m,
-			behavior: r
-		});
-	}, [
-		u,
-		b,
-		M,
-		f,
-		l,
-		w,
-		S,
-		A
-	]);
-	return 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) => {
-		if (!/^[0-9]*$/g.test(e.toString()) || !e) return {
-			success: !1,
-			currentPage: d.current
-		};
-		let t = +e;
-		return t <= 0 || t > s ? {
-			success: !1,
-			currentPage: d.current
-		} : (i(t), d.current = t, {
-			success: !0,
-			currentPage: +e
-		});
-	}, [s]), x = y(b, [b]), T = y((e) => {
-		i(e), d.current = e;
-	}, []), D = y((e, t) => {
-		let n = b(e);
-		return n.success && l(n.currentPage, t), n;
-	}, [b, l]), O = 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];
-		return m === t.DUAL_PAGE && r + i < _.clientWidth;
-	}, [
-		m,
-		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,
-		s,
-		m,
-		h
-	]);
-	return {
-		focusedPage: v,
-		totalPages: s,
-		setFocusedPage: x,
-		resetPage: T,
-		setTotalPages: c,
-		nextPage: y(() => {
-			if (A) return;
-			let e = r + 1;
-			O(e) && (e = r + 2), D(e);
-		}, [
-			D,
-			r,
-			O,
-			m,
-			h,
-			A
-		]),
-		prevPage: k,
-		goToPage: D
-	};
-}, O = v({
-	focusedPage: 0,
-	setFocusedPage: (e) => {},
-	goToPage: (e, t) => ({
-		success: !!e,
-		currentPage: +e
-	}),
-	totalPages: 0,
-	setTotalPages: (e) => {},
-	prevPage: () => {},
-	nextPage: () => {}
-}), k = () => {
-	let e = b(O);
-	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);
-	return x(() => {
-		if (!t) {
-			h.current || (u(0), l(1));
-			return;
-		}
-		if (!t.numPages) return;
-		u(t.numPages);
-		let e = h.current ? a : 1;
-		l(Math.min(Math.max(e, 1), t.numPages)), h.current = !1;
-	}, [
-		t,
-		u,
-		l
-	]), x(() => {
-		n(o);
-	}, [o, n]), /* @__PURE__ */ T(O.Provider, {
-		value: {
-			focusedPage: o,
-			totalPages: s,
-			setFocusedPage: c,
-			setTotalPages: u,
-			nextPage: p,
-			prevPage: m,
-			goToPage: f
-		},
-		children: e
-	});
-};
-//#endregion
-export { E as a, D as i, A as n, k as r, O as t };

package/dist/RPLayout.module-Vc3h4xxS.js

@@ -1,14 +0,0 @@
-import './assets/RPLayout.css';//#region lib/components/layout/RPLayout.module.css
-var e = {
-	"rp-layout": "_rp-layout_1yzm4_1",
-	"rp-layout-wrapper": "_rp-layout-wrapper_1yzm4_5",
-	"rp-content": "_rp-content_1yzm4_11",
-	"rp-sidebar": "_rp-sidebar_1yzm4_18",
-	"rp-pages": "_rp-pages_1yzm4_23",
-	"rp-container": "_rp-container_1yzm4_29",
-	"rp-loader": "_rp-loader_1yzm4_33",
-	"rp-theme-variables": "_rp-theme-variables_1yzm4_37",
-	"rp-dark-mode": "_rp-dark-mode_1yzm4_156"
-};
-//#endregion
-export { e as t };