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

package/dist/AnnotationLayer-D6BfL976.js

@@ -0,0 +1,113 @@
+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--n91mIJ4.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";
+import { useFileDownload as m } from "./utils/hooks/useFileDownload.js";
+import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
+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) => {
+	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);
+	}, [O]), g(() => {
+		R && R.page.getAnnotations().then((e) => {
+			A.current = void 0, M(e), E.current && (E.current.innerText = "");
+		});
+	}, [R]);
+	let B = h((e) => {
+		!j || !O || (f(E.current), s(e, O, j).then((e) => {
+			e?.data?.action === "Print" ? F() : e?.data?.action === "SaveAs" && I();
+		}));
+	}, [
+		O,
+		j,
+		P,
+		F,
+		I
+	]);
+	return g(() => {
+		if (!R || !j) return;
+		let t = R.page.getViewport();
+		if (A.current) {
+			A.current.update({ viewport: t.clone({ dontFlip: !0 }) });
+			return;
+		}
+		let n = /* @__PURE__ */ new Map([]);
+		for (let r of j) {
+			let { annotationType: i } = r;
+			switch (i) {
+				case e.Widget:
+					d(r, t, n);
+					break;
+				default: break;
+			}
+		}
+		let r = new AbortController();
+		return (async () => {
+			A.current &&= (A.current.div.replaceChildren(), void 0), E.current && (E.current.innerText = ""), A.current = new b({
+				div: E.current,
+				accessibilityManager: void 0,
+				annotationCanvasMap: void 0,
+				annotationEditorUIManager: void 0,
+				structTreeLayer: null,
+				page: R.page,
+				viewport: t.clone({ dontFlip: !0 }),
+				commentManager: void 0,
+				linkService: new o(O, N),
+				annotationStorage: O?.annotationStorage
+			}), E.current && p(E.current, B);
+			let e = await O?.hasJSActions(), n = await O?.getFieldObjects();
+			if (r.signal.aborted) throw "abort";
+			return A.current?.render({
+				annotations: j,
+				annotationStorage: O?.annotationStorage,
+				hasJSActions: e,
+				fieldObjects: n,
+				div: E.current,
+				viewport: t.clone({ dontFlip: !0 }),
+				page: R.page,
+				imageResourcesPath: C,
+				renderForms: k ?? !0,
+				linkService: new o(O, N),
+				downloadManager: null,
+				enableScripting: !1
+			});
+		})().then(() => {
+			E.current && (c(E.current, B), u(E.current), l(E.current), L.current && L.current.disconnect(), L.current = new MutationObserver(() => {
+				E.current && (u(E.current), l(E.current));
+			}), L.current.observe(E.current, {
+				childList: !0,
+				subtree: !0,
+				attributes: !0,
+				attributeFilter: ["tabindex", "href"]
+			}));
+		}).catch((e) => {
+			if (e !== "abort") throw e;
+		}).finally(() => {
+			A.current = void 0;
+		}), () => {
+			r.abort("clear"), E.current && p(E.current, B), L.current &&= (L.current.disconnect(), null);
+		};
+	}, [
+		O,
+		j,
+		B,
+		N
+	]), /* @__PURE__ */ x("div", {
+		"data-rp": `page-${T}-annotationLayer`,
+		style: {
+			width: `${z?.width}px`,
+			height: `${z?.height}px`
+		},
+		className: S["rp-annotation-layer"],
+		ref: E
+	});
+};
+//#endregion
+export { w as t };

package/dist/Button-jStpvb3T.js

@@ -0,0 +1,21 @@
+import { t as e } from "./clsx-B7LyVm5O.js";
+import { withRef as t } from "./utils/withRef.js";
+import { jsx as n } from "react/jsx-runtime";
+import './assets/Button.css';//#region lib/components/ui/Button.module.css
+var r = {
+	"rp-button": "_rp-button_1jswj_1",
+	"rp-button-active": "_rp-button-active_1jswj_18"
+}, i = t((t, i) => {
+	let { children: a, active: o, className: s, role: c, ...l } = t;
+	return /* @__PURE__ */ n("button", {
+		tabIndex: 0,
+		ref: i,
+		role: c,
+		"aria-pressed": o === void 0 ? void 0 : o,
+		...l,
+		className: e(r["rp-button"], s, o ? r["rp-button-active"] : ""),
+		children: a
+	});
+});
+//#endregion
+export { i as t };

package/dist/Checkbox-Brta-YKG.js

@@ -0,0 +1,195 @@
+import { d as e, f as t, i as n, l as r, n as i, t as a } from "./dist-bK-AHWLF.js";
+import { t as o } from "./dist-C3WNMuW2.js";
+import { CheckIcon as s } from "./components/icons/CheckIcon.js";
+import * as c from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import './assets/Checkbox.css';//#region node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@18.3.27_react@19.2.0/node_modules/@radix-ui/react-use-previous/dist/index.mjs
+function f(e) {
+	let t = c.useRef({
+		value: e,
+		previous: e
+	});
+	return c.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+}
+//#endregion
+//#region node_modules/.pnpm/@radix-ui+react-checkbox@1.3.3_@types+react-dom@18.3.7_@types+react@18.3.27__@types+rea_cb5de23141bd54a8bfa4180b5db14bd0/node_modules/@radix-ui/react-checkbox/dist/index.mjs
+var p = "Checkbox", [m, h] = r(p), [g, _] = m(p);
+function v(e) {
+	let { __scopeCheckbox: t, checked: n, children: r, defaultChecked: i, disabled: o, form: s, name: l, onCheckedChange: d, required: f, value: m = "on", internal_do_not_use_render: h } = e, [_, v] = a({
+		prop: n,
+		defaultProp: i ?? !1,
+		onChange: d,
+		caller: p
+	}), [y, b] = c.useState(null), [x, S] = c.useState(null), C = c.useRef(!1), w = y ? !!s || !!y.closest("form") : !0, T = {
+		checked: _,
+		disabled: o,
+		setChecked: v,
+		control: y,
+		setControl: b,
+		name: l,
+		form: s,
+		value: m,
+		hasConsumerStoppedPropagationRef: C,
+		required: f,
+		defaultChecked: D(i) ? !1 : i,
+		isFormControl: w,
+		bubbleInput: x,
+		setBubbleInput: S
+	};
+	return /* @__PURE__ */ u(g, {
+		scope: t,
+		...T,
+		children: E(h) ? h(T) : r
+	});
+}
+var y = "CheckboxTrigger", b = c.forwardRef(({ __scopeCheckbox: r, onKeyDown: i, onClick: a, ...o }, s) => {
+	let { control: l, value: d, disabled: f, checked: p, required: m, setControl: h, setChecked: g, hasConsumerStoppedPropagationRef: v, isFormControl: b, bubbleInput: x } = _(y, r), S = e(s, h), C = c.useRef(p);
+	return c.useEffect(() => {
+		let e = l?.form;
+		if (e) {
+			let t = () => g(C.current);
+			return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+		}
+	}, [l, g]), /* @__PURE__ */ u(n.button, {
+		type: "button",
+		role: "checkbox",
+		"aria-checked": D(p) ? "mixed" : p,
+		"aria-required": m,
+		"data-state": O(p),
+		"data-disabled": f ? "" : void 0,
+		disabled: f,
+		value: d,
+		...o,
+		ref: S,
+		onKeyDown: t(i, (e) => {
+			e.key === "Enter" && e.preventDefault();
+		}),
+		onClick: t(a, (e) => {
+			g((e) => D(e) ? !0 : !e), x && b && (v.current = e.isPropagationStopped(), v.current || e.stopPropagation());
+		})
+	});
+});
+b.displayName = y;
+var x = c.forwardRef((e, t) => {
+	let { __scopeCheckbox: n, name: r, checked: i, defaultChecked: a, required: o, disabled: s, value: c, onCheckedChange: f, form: p, ...m } = e;
+	return /* @__PURE__ */ u(v, {
+		__scopeCheckbox: n,
+		checked: i,
+		defaultChecked: a,
+		disabled: s,
+		required: o,
+		onCheckedChange: f,
+		name: r,
+		form: p,
+		value: c,
+		internal_do_not_use_render: ({ isFormControl: e }) => /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(b, {
+			...m,
+			ref: t,
+			__scopeCheckbox: n
+		}), e && /* @__PURE__ */ u(T, { __scopeCheckbox: n })] })
+	});
+});
+x.displayName = p;
+var S = "CheckboxIndicator", C = c.forwardRef((e, t) => {
+	let { __scopeCheckbox: r, forceMount: a, ...o } = e, s = _(S, r);
+	return /* @__PURE__ */ u(i, {
+		present: a || D(s.checked) || s.checked === !0,
+		children: /* @__PURE__ */ u(n.span, {
+			"data-state": O(s.checked),
+			"data-disabled": s.disabled ? "" : void 0,
+			...o,
+			ref: t,
+			style: {
+				pointerEvents: "none",
+				...e.style
+			}
+		})
+	});
+});
+C.displayName = S;
+var w = "CheckboxBubbleInput", T = c.forwardRef(({ __scopeCheckbox: t, ...r }, i) => {
+	let { control: a, hasConsumerStoppedPropagationRef: s, checked: l, defaultChecked: d, required: p, disabled: m, name: h, value: g, form: v, bubbleInput: y, setBubbleInput: b } = _(w, t), x = e(i, b), S = f(l), C = o(a);
+	c.useEffect(() => {
+		let e = y;
+		if (!e) return;
+		let t = window.HTMLInputElement.prototype, n = Object.getOwnPropertyDescriptor(t, "checked").set, r = !s.current;
+		if (S !== l && n) {
+			let t = new Event("click", { bubbles: r });
+			e.indeterminate = D(l), n.call(e, D(l) ? !1 : l), e.dispatchEvent(t);
+		}
+	}, [
+		y,
+		S,
+		l,
+		s
+	]);
+	let T = c.useRef(D(l) ? !1 : l);
+	return /* @__PURE__ */ u(n.input, {
+		type: "checkbox",
+		"aria-hidden": !0,
+		defaultChecked: d ?? T.current,
+		required: p,
+		disabled: m,
+		name: h,
+		value: g,
+		form: v,
+		...r,
+		tabIndex: -1,
+		ref: x,
+		style: {
+			...r.style,
+			...C,
+			position: "absolute",
+			pointerEvents: "none",
+			opacity: 0,
+			margin: 0,
+			transform: "translateX(-100%)"
+		}
+	});
+});
+T.displayName = w;
+function E(e) {
+	return typeof e == "function";
+}
+function D(e) {
+	return e === "indeterminate";
+}
+function O(e) {
+	return D(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+//#endregion
+//#region lib/components/ui/Checkbox.module.css
+var k = {
+	"rp-checkbox": "_rp-checkbox_1vwg8_1",
+	"rp-checkbox-indicator": "_rp-checkbox-indicator_1vwg8_25"
+}, A = ({ children: e, value: t, name: n, onChange: r, tabIndex: i, "aria-label": a }) => {
+	let o = a ? { "aria-label": a } : {};
+	return /* @__PURE__ */ d("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			position: "relative"
+		},
+		children: [/* @__PURE__ */ u(x, {
+			tabIndex: i,
+			className: k["rp-checkbox"],
+			checked: t,
+			id: n,
+			onCheckedChange: r,
+			role: "checkbox",
+			"aria-checked": t,
+			...o,
+			children: /* @__PURE__ */ u(C, {
+				className: k["rp-checkbox-indicator"],
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ u(s, {})
+			})
+		}), /* @__PURE__ */ u("label", {
+			className: k["rp-checkbox-label"],
+			htmlFor: n,
+			children: e
+		})]
+	});
+};
+//#endregion
+export { A as t };