@react-pdf-kit/viewer 2.6.0-beta.2 → 2.6.0-rc.0

package/dist/PaginationContext--n91mIJ4.js

@@ -0,0 +1,232 @@
+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 } from "./utils/calculatePage.js";
+import { createContext as _, useCallback as v, useContext as y, useEffect as b, useMemo 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 T = () => {
+	let { viewMode: n } = o(), { scrollMode: r } = a(), { virtualScrollRef: i, virtualScrollableElementRef: u, pageScrollElementRef: d } = s(), { setFocusedPage: f } = O(), _ = S(), { columnCount: y } = c(), { widths: x, heights: C } = p(), w = S(r), T = S(n), E = S(y), { targetScrollPage: D, scrollBehavior: k } = m(), A = S(null);
+	b(() => {
+		i?.scrollToItem && (_.current = i);
+	}, [i]), b(() => {
+		w.current = r, T.current = n;
+	}, [r, n]);
+	let j = v((e, t) => {
+		if (!d) return;
+		let n = Math.ceil(e / 2) * 2 - 1;
+		if (e === n + 1) {
+			let e = {
+				left: x[n],
+				top: 0
+			};
+			return new Promise((t) => l(d, e, t));
+		}
+		return d?.scrollTo({
+			left: 0,
+			top: 0,
+			behavior: t
+		});
+	}, [
+		d,
+		x,
+		l
+	]);
+	b(() => {
+		w.current = r, T.current = n;
+	}, [r, n]), b(() => {
+		E.current = y;
+	}, [y]);
+	let M = v((n, r = k) => {
+		f(n);
+		let i = n - 1, a = i, o = 0;
+		if (T.current === t.DUAL_PAGE && w.current === e.PAGE_SCROLLING) {
+			j(n, r);
+			return;
+		}
+		if (w.current === e.PAGE_SCROLLING) {
+			f(n);
+			return;
+		}
+		if (!_.current || !u) {
+			A.current = {
+				page: n,
+				behavior: r
+			};
+			return;
+		}
+		A.current = null;
+		let s = u;
+		r === "smooth" && (D.current = n);
+		let { columnsWidth: c, rowsHeight: l } = g({
+			widths: x,
+			heights: C
+		}, y);
+		if (w.current === e.HORIZONTAL_SCROLLING) {
+			o = i;
+			let e = h(c, o), t = {
+				left: Math.floor(e),
+				top: 0
+			};
+			return s.scrollTo({
+				...t,
+				behavior: r
+			});
+		}
+		if (T.current === t.DUAL_PAGE) {
+			o = i % 2, a = Math.floor(i / 2);
+			let e = h(c, o), t = h(l, a), n = {
+				left: Math.floor(e),
+				top: Math.floor(t)
+			};
+			return s.scrollTo({
+				...n,
+				behavior: r
+			});
+		}
+		let d = h(l, a), p = {
+			left: 0,
+			top: Math.floor(d)
+		};
+		return s.scrollTo({
+			...p,
+			behavior: r
+		});
+	}, [
+		u,
+		y,
+		j,
+		f,
+		l,
+		C,
+		x,
+		k
+	]);
+	return b(() => {
+		if (!u || !A.current) return;
+		let { page: e, behavior: t } = A.current;
+		A.current = null, M(e, t);
+	}, [u, M]), { scrollToPage: M };
+}, 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(), y = f(r, 100), b = v((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]), w = v(b, [b]), E = v((e) => {
+		i(e), d.current = e;
+	}, []), D = v((e, t) => {
+		let n = b(e);
+		return n.success && l(n.currentPage, t), n;
+	}, [b, l]), O = v((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 = v(() => {
+		let e = r - 1;
+		O(e) && (e = r - 2), D(e);
+	}, [
+		D,
+		r,
+		m,
+		h,
+		O
+	]), A = x(() => m === t.DUAL_PAGE && h === e.PAGE_SCROLLING ? r === s - 1 : r === s, [
+		r,
+		s,
+		m,
+		h
+	]);
+	return {
+		focusedPage: y,
+		totalPages: s,
+		setFocusedPage: w,
+		resetPage: E,
+		setTotalPages: c,
+		nextPage: v(() => {
+			if (A) return;
+			let e = r + 1;
+			O(e) && (e = r + 2), D(e);
+		}, [
+			D,
+			r,
+			O,
+			m,
+			h,
+			A
+		]),
+		prevPage: k,
+		goToPage: D
+	};
+}, D = _({
+	focusedPage: 0,
+	setFocusedPage: (e) => {},
+	goToPage: (e, t) => ({
+		success: !!e,
+		currentPage: +e
+	}),
+	totalPages: 0,
+	setTotalPages: (e) => {},
+	prevPage: () => {},
+	nextPage: () => {}
+}), O = () => {
+	let e = y(D);
+	return e?.focusedPage === void 0 && n.error("Please use this hooks inside children component of RPProvider"), e;
+}, 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 b(() => {
+		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
+	]), b(() => {
+		n(o);
+	}, [o, n]), /* @__PURE__ */ w(D.Provider, {
+		value: {
+			focusedPage: o,
+			totalPages: s,
+			setFocusedPage: c,
+			setTotalPages: u,
+			nextPage: p,
+			prevPage: m,
+			goToPage: f
+		},
+		children: e
+	});
+};
+//#endregion
+export { T as a, E as i, k as n, O as r, D as t };

package/dist/PasswordModal-BDHdSpxf.js

@@ -0,0 +1,76 @@
+import { useDocumentPasswordContext as e } from "./contexts/DocumentPasswordContext.js";
+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
+var o = {
+	"rp-password-overlay": "_rp-password-overlay_18s56_1",
+	"rp-password-modal": "_rp-password-modal_18s56_13",
+	"rp-password-title": "_rp-password-title_18s56_27",
+	"rp-password-content": "_rp-password-content_18s56_35",
+	"rp-password-form": "_rp-password-form_18s56_41",
+	"rp-password-input": "_rp-password-input_18s56_45",
+	"rp-password-input-invalid": "_rp-password-input-invalid_18s56_62",
+	"rp-password-message-invalid": "_rp-password-message-invalid_18s56_66",
+	"rp-password-submit-button": "_rp-password-submit-button_18s56_72"
+}, 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);
+	}, m = (e) => {
+		e.preventDefault(), s && s.trim() && u(s);
+	}, h = !s.trim();
+	return /* @__PURE__ */ i("div", {
+		className: n(o["rp-password-overlay"]),
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": "password-modal-title",
+		children: /* @__PURE__ */ a("div", {
+			className: n(o["rp-password-modal"]),
+			children: [
+				/* @__PURE__ */ i("div", {
+					id: "password-modal-title",
+					className: n(o["rp-password-title"]),
+					children: l?.passwordModalTitle
+				}),
+				/* @__PURE__ */ i("div", {
+					className: n(o["rp-password-content"]),
+					children: l?.passwordModalMessage
+				}),
+				/* @__PURE__ */ a("form", {
+					onSubmit: m,
+					children: [/* @__PURE__ */ a("div", {
+						className: n(o["rp-password-form"]),
+						children: [/* @__PURE__ */ i("input", {
+							type: "password",
+							value: s,
+							onChange: p,
+							className: n(o["rp-password-input"], f && o["rp-password-input-invalid"]),
+							placeholder: l?.passwordPlaceholder,
+							autoComplete: "off",
+							"aria-label": l?.passwordPlaceholder,
+							"aria-required": "true",
+							"aria-invalid": f,
+							"aria-describedby": f ? "password-error" : void 0
+						}), /* @__PURE__ */ i("div", {
+							id: "password-error",
+							className: n(o["rp-password-message-invalid"]),
+							role: "alert",
+							"aria-live": "polite",
+							children: f && /* @__PURE__ */ i("span", { children: l?.passwordError })
+						})]
+					}), /* @__PURE__ */ i("button", {
+						type: "submit",
+						disabled: h,
+						className: n(o["rp-password-submit-button"]),
+						onClick: m,
+						"aria-label": l?.passwordConfirmLabel,
+						children: l?.passwordConfirmLabel
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { s as t };

package/dist/PropertyItem-evJWWmWZ.js

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import './assets/PropertyItem.css';//#region lib/components/layout/toolbar/PropertyItem.module.css
+var n = {
+	"rp-property-item-wrapper": "_rp-property-item-wrapper_jno3l_1",
+	"rp-property-item-label": "_rp-property-item-label_jno3l_11",
+	"rp-property-item-value": "_rp-property-item-value_jno3l_15"
+}, r = ({ label: r, value: i }) => /* @__PURE__ */ t("div", {
+	className: n["rp-property-item-wrapper"],
+	children: [/* @__PURE__ */ e("div", {
+		className: n["rp-property-item-label"],
+		children: r
+	}), /* @__PURE__ */ e("div", {
+		className: n["rp-property-item-value"],
+		children: i || "-"
+	})]
+});
+//#endregion
+export { r as t };

package/dist/RPDropFileZone-BunRfzst.js

@@ -0,0 +1,35 @@
+import { useDarkModeContext as e } from "./contexts/DarkModeContext.js";
+import { useDropFileZoneContext as t } from "./contexts/DropFileZoneContext.js";
+import { useLocalizationContext as n } from "./contexts/LocalizationContext.js";
+import { t as r } from "./clsx-B7LyVm5O.js";
+import { t as i } from "./LightPdfIcon-DL8MYtWQ.js";
+import { t as a } from "./DarkPdfIcon-B5ehd9CV.js";
+import { useDropFileZone as o } from "./utils/hooks/useDropFileZone.js";
+import { useCallback as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import './assets/RPDropFileZone.css';//#region lib/components/RPDropFileZone.module.css
+var d = {
+	"rp-drop-zone": "_rp-drop-zone_1sc50_1",
+	"rp-drop-zone-transparent": "_rp-drop-zone-transparent_1sc50_15"
+}, f = {}, p = () => {
+	let { dragging: p, handleDragLeave: m, handleDrop: h } = t(), { darkMode: g } = e(), { localeMessages: _ } = n(), { DropFileZoneLayout: v, DropFileZoneTool: y, DropFileZoneToolbar: b } = o(), x = [
+		v,
+		y,
+		b
+	].includes(!1), S = s((e) => {
+		e.preventDefault();
+	}, []);
+	if (!p || x) return null;
+	let C = (e) => e ? typeof e == "function" ? /* @__PURE__ */ l(e, {}) : typeof e == "boolean" ? null : /* @__PURE__ */ l(c, { children: e }) : null, w = /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", { children: l(g ? a : i, {}) }), /* @__PURE__ */ l("p", { children: _?.dragDropFileMessage })] });
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
+		className: r(d["rp-drop-zone"], g ? f["rp-dark-mode"] : ""),
+		children: /* @__PURE__ */ l(() => C(v) ?? C(y) ?? C(b) ?? w, {})
+	}), /* @__PURE__ */ l("div", {
+		className: d["rp-drop-zone-transparent"],
+		onDragOver: S,
+		onDragLeave: m,
+		onDrop: h
+	})] });
+};
+//#endregion
+export { p as t };

package/dist/RPLayout.module-Vc3h4xxS.js

@@ -0,0 +1,14 @@
+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 };

package/dist/RPPage-BuSGUFzw.js

@@ -0,0 +1,91 @@
+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 { CanvasLayer as a } from "./components/page/CanvasLayer.js";
+import { t as o } from "./TextLayer-DWGFN9SF.js";
+import { t as s } from "./AnnotationLayer-D6BfL976.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";
+import { useCallback as d, useEffect as f, useImperativeHandle as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import './assets/RPPage.css';//#region lib/components/page/RPPage.module.css
+var y = {
+	"rp-page-wrapper": "_rp-page-wrapper_krysr_1",
+	"rp-page": "_rp-page_krysr_1",
+	"rp-loader-wrapper": "_rp-loader-wrapper_krysr_17"
+}, b = u((u, b) => {
+	let { pageNumber: x, style: S, ...C } = u, { pages: w } = e(), { pageRotate: T } = n(), { textLayer: E } = r(), { currentZoom: D } = t(), { LoaderImageComponent: O } = i(), k = h(w.get(x)), [A, j] = g(!1), M = h(null), [N, P] = g({
+		width: 0,
+		height: 0
+	});
+	p(b, () => M.current);
+	let F = m(() => k.current ? T[x] : 0, [x, T]);
+	f(() => {
+		w && (k.current = w.get(x), k.current && P(k.current.page.getViewport({
+			scale: D,
+			rotation: F
+		})));
+	}, [
+		w,
+		x,
+		F,
+		D
+	]);
+	let I = m(() => {
+		switch (F) {
+			case 90: return `${N.width / 2}px ${N.width / 2}px`;
+			case -90:
+			case 270: return `${N.height / 2}px ${N.height / 2}px`;
+			default: return "center";
+		}
+	}, [F, N]), L = d(() => {
+		j(!0);
+	}, []), R = d(() => {
+		j(!1);
+	}, []);
+	return /* @__PURE__ */ _("div", {
+		ref: M,
+		id: `page-${x}`,
+		"data-rp": `page-${x}`,
+		...C,
+		style: {
+			...S,
+			"--rp-rotate": `${F}deg`,
+			"--rp-page-rotate-translate": `${I}`,
+			"--user-unit": N.userUnit || 1,
+			"--scale-factor": D,
+			"--total-scale-factor": "calc(var(--scale-factor) * var(--user-unit))"
+		},
+		className: y["rp-page-wrapper"],
+		children: /* @__PURE__ */ v("div", {
+			style: {
+				width: `${N.width}px`,
+				height: `${N.height}px`
+			},
+			className: y["rp-page"],
+			children: [
+				/* @__PURE__ */ _(a, {
+					onLoading: L,
+					onLoaded: R,
+					pageNumber: x
+				}),
+				A && O && /* @__PURE__ */ _("div", {
+					className: y["rp-loader-wrapper"],
+					children: /* @__PURE__ */ _(O, {})
+				}),
+				/* @__PURE__ */ _(l, { pageNumber: x }),
+				E && /* @__PURE__ */ _(o, { pageNumber: x }),
+				/* @__PURE__ */ _(c, {
+					pageNumber: x,
+					viewport: N
+				}),
+				/* @__PURE__ */ _(s, { pageNumber: x })
+			]
+		})
+	});
+});
+//#endregion
+export { b as t };