@react-pdf-kit/viewer 2.7.1 → 2.7.2-rc.1

package/dist/{AnnotationLayer-CAIvKf_O.js → AnnotationLayer-SQbmx6wX.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";

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/RPLayout.module-CkUgQ1Fi.js

@@ -0,0 +1,14 @@
+import './assets/RPLayout.css';//#region lib/components/layout/RPLayout.module.css
+var e = {
+	"rp-layout": "_rp-layout_x5f86_1",
+	"rp-layout-wrapper": "_rp-layout-wrapper_x5f86_5",
+	"rp-content": "_rp-content_x5f86_11",
+	"rp-sidebar": "_rp-sidebar_x5f86_18",
+	"rp-pages": "_rp-pages_x5f86_23",
+	"rp-container": "_rp-container_x5f86_29",
+	"rp-loader": "_rp-loader_x5f86_33",
+	"rp-theme-variables": "_rp-theme-variables_x5f86_37",
+	"rp-dark-mode": "_rp-dark-mode_x5f86_158"
+};
+//#endregion
+export { e as t };

package/dist/{RPPage-C_r8aeTc.js → RPPage-BdoE0RrK.js}

@@ -5,7 +5,7 @@ import { useLayerContext as r } from "./contexts/LayerContext.js";
 import { useLoaderContext as i } from "./contexts/LoaderContext.js";
 import { CanvasLayer as a } from "./components/page/CanvasLayer.js";
 import { t as o } from "./TextLayer-DWGFN9SF.js";
-import { t as s } from "./AnnotationLayer-CAIvKf_O.js";
+import { t as s } from "./AnnotationLayer-SQbmx6wX.js";
 import { t as c } from "./TextHighlightLayer-BSVgBxR3.js";
 import { CustomElement as l } from "./components/page/CustomElement.js";
 import { withRef as u } from "./utils/withRef.js";

package/dist/{RPPages-CmXHTAqF.js → RPPages-Ct1XvFTS.js}

@@ -9,12 +9,12 @@ import { useLayoutContainer as u } from "./contexts/LayoutContainerContext.js";
 import { useEventCallbackContext as d } from "./contexts/EventCallbackContext.js";
 import { useDebounce as f } from "./utils/hooks/useDebounce.js";
 import { getPageFromPosition as p } from "./utils/calculatePage.js";
-import { a as m, r as h } from "./PaginationContext-Cwf8sCpK.js";
+import { a as m, r as h } from "./PaginationContext-B3qzCYJu.js";
 import { useSelectionModeContext as g } from "./contexts/SelectionModeContext.js";
 import { useFullScreenContext as _ } from "./contexts/FullScreenContext.js";
 import { t as v } from "./clsx-B7LyVm5O.js";
 import { useLoaderContext as ee } from "./contexts/LoaderContext.js";
-import { t as y } from "./RPPage-C_r8aeTc.js";
+import { t as y } from "./RPPage-BdoE0RrK.js";
 import { useVirtualReactWindow as te } from "./utils/hooks/useVirtualReactWindow.js";
 import { DualPage as ne } from "./components/page/DualPage.js";
 import { DualPageWithCover as re } from "./components/page/DualPageWithCover.js";