pdf-tsx 0.10.0 → 0.12.0

package/dist/components/features/PDFDownloadButton.d.ts

@@ -4,6 +4,6 @@ interface PDFDownloadButtonProps {
 }
 export declare function PDFDownloadButton({ icon }: PDFDownloadButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace PDFDownloadButton {
-    var toolbarLabel: string;
+    var toolbarLabelKey: "downloadToolbarLabel";
 }
 export {};

package/dist/components/features/PDFNavigation.d.ts

@@ -5,6 +5,6 @@ interface PDFNavigationProps {
 }
 export declare function PDFNavigation({ prevIcon, nextIcon }: PDFNavigationProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace PDFNavigation {
-    var toolbarLabel: string;
+    var toolbarLabelKey: "navigationToolbarLabel";
 }
 export {};

package/dist/components/features/PDFPageFit.d.ts

@@ -5,6 +5,6 @@ interface PDFPageFitProps {
 }
 export declare function PDFPageFit({ fitWidthIcon, fitPageIcon }: PDFPageFitProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace PDFPageFit {
-    var toolbarLabel: string;
+    var toolbarLabelKey: "fitToolbarLabel";
 }
 export {};

package/dist/components/features/PDFPrintButton.d.ts

@@ -4,6 +4,6 @@ interface PDFPrintButtonProps {
 }
 export declare function PDFPrintButton({ icon }: PDFPrintButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace PDFPrintButton {
-    var toolbarLabel: string;
+    var toolbarLabelKey: "printToolbarLabel";
 }
 export {};

package/dist/components/features/PDFRotationControl.d.ts

@@ -4,6 +4,6 @@ interface PDFRotationControlProps {
 }
 export declare function PDFRotationControl({ icon }: PDFRotationControlProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace PDFRotationControl {
-    var toolbarLabel: string;
+    var toolbarLabelKey: "rotateToolbarLabel";
 }
 export {};

package/dist/components/features/PDFSearch.d.ts

@@ -4,9 +4,10 @@ interface PDFSearchProps {
     prevIcon: React.ReactNode;
     nextIcon: React.ReactNode;
     clearIcon: React.ReactNode;
+    initialSearch?: string;
 }
-export declare function PDFSearch({ searchIcon, prevIcon, nextIcon, clearIcon, }: PDFSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function PDFSearch({ searchIcon, prevIcon, nextIcon, clearIcon, initialSearch, }: PDFSearchProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace PDFSearch {
-    var toolbarLabel: string;
+    var toolbarLabelKey: "searchToolbarLabel";
 }
 export {};

package/dist/components/features/PDFSidebarToggle.d.ts

@@ -5,6 +5,6 @@ interface PDFSidebarToggleProps {
 }
 export declare function PDFSidebarToggle({ collapseIcon, expandIcon, }: PDFSidebarToggleProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace PDFSidebarToggle {
-    var toolbarLabel: string;
+    var toolbarLabelKey: "sidebarToolbarLabel";
 }
 export {};

package/dist/components/features/PDFThemeToggle.d.ts

@@ -5,6 +5,6 @@ interface PDFThemeToggleProps {
 }
 export declare function PDFThemeToggle({ lightIcon, darkIcon }: PDFThemeToggleProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace PDFThemeToggle {
-    var toolbarLabel: string;
+    var toolbarLabelKey: "themeToolbarLabel";
 }
 export {};

package/dist/components/features/PDFZoomControls.d.ts

@@ -5,6 +5,6 @@ interface PDFZoomControlsProps {
 }
 export declare function PDFZoomControls({ zoomOutIcon, zoomInIcon, }: PDFZoomControlsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace PDFZoomControls {
-    var toolbarLabel: string;
+    var toolbarLabelKey: "zoomToolbarLabel";
 }
 export {};

package/dist/components/ui/PDFToolbarSeparator.d.ts

@@ -0,0 +1 @@
+export declare function PDFToolbarSeparator(): import("react/jsx-runtime").JSX.Element | null;

package/dist/context/LabelsContext.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface LabelsProviderProps {
+    children: ReactNode;
+    language?: "it" | "en";
+}
+export declare function LabelsProvider({ children, language }: LabelsProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/context/labelsContextValue.d.ts

@@ -0,0 +1,2 @@
+import { Labels } from '../labels';
+export declare const LabelsContext: import('react').Context<Labels | null>;

package/dist/es/components/PDFViewer.js

@@ -6,211 +6,329 @@ import { isSafeUrl as i } from "../utils/url.js";
 import { useAnnotationLayer as a } from "../hooks/useAnnotationLayer.js";
 import { usePDFLoader as ee } from "../hooks/usePDFLoader.js";
 import { usePDFRenderer as te } from "../hooks/usePDFRenderer.js";
-import { useOverlayRects as o } from "../hooks/useOverlayRects.js";
-import { computeFit as s } from "../utils/pdfFit.js";
-import { ThemeProvider as c } from "../context/ThemeContext.js";
-import l from "./PDFViewer.module.js";
-import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import * as h from "pdfjs-dist";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useOverlayRects as ne } from "../hooks/useOverlayRects.js";
+import { computeFit as o } from "../utils/pdfFit.js";
+import { ThemeProvider as re } from "../context/ThemeContext.js";
+import { LabelsProvider as ie } from "../context/LabelsContext.js";
+import s from "./PDFViewer.module.js";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import * as ae from "pdfjs-dist";
+import { Fragment as oe, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/PDFViewer.tsx
-var y = 2, b = ({ file: b, workerSrc: x, sidebar: S, toolbar: C, onChangeFile: w, themeOverrides: ne, defaultTheme: re, defaultFit: T, className: E, style: ie }) => {
-	d(() => {
-		h.GlobalWorkerOptions.workerSrc = x;
-	}, [x]);
-	let [D, O] = m(1), [k, A] = m(0), [j, M] = m(null), [N, P] = m([]), [F, I] = m(!1), [L, R] = m(T ?? null), z = p(null), B = p([]), V = p([]), H = p(k);
-	d(() => {
-		H.current = k;
-	}, [k]);
-	let [U, W] = m(null);
-	U !== b && (W(b), M(null));
-	let { pdf: G, numPages: K } = ee(b);
-	d(() => {
-		G && (B.current = Array(G.numPages).fill(null), V.current = Array(G.numPages).fill(null));
-	}, [G]), d(() => {
-		!G || !T || !z.current || s(T, G, z.current, H.current).then(O);
-	}, [G, T]);
-	let q = p(L);
-	d(() => {
-		q.current = L;
-	}, [L]), d(() => {
-		if (!G || !z.current) return;
-		let e = z.current, t = new ResizeObserver(() => {
-			q.current && s(q.current, G, e, H.current).then(O);
+var h = 2, g = ({ file: g, workerSrc: _, sidebar: se, toolbar: v, onChangeFile: y, themeOverrides: ce, defaultTheme: le, defaultFit: b, language: ue, className: x, style: de }) => {
+	l(() => {
+		ae.GlobalWorkerOptions.workerSrc = _;
+	}, [_]);
+	let [S, C] = f(1), [w, T] = f(0), [E, D] = f(null), [O, k] = f([]), [A, fe] = f(!1), [j, M] = f(b ?? null), [N, P] = f(null), F = d(null), I = d([]), L = d([]), R = d(w);
+	l(() => {
+		R.current = w;
+	}, [w]);
+	let [z, B] = f(null);
+	z !== g && (B(g), D(null));
+	let { pdf: V, numPages: H, loading: pe } = ee(g);
+	l(() => {
+		V && (I.current = Array(V.numPages).fill(null), L.current = Array(V.numPages).fill(null));
+	}, [V]), l(() => {
+		!V || !b || !F.current || o(b, V, F.current, R.current).then(C);
+	}, [V, b]);
+	let U = d(j);
+	l(() => {
+		U.current = j;
+	}, [j]), l(() => {
+		if (!V || !F.current) return;
+		let e = F.current, t = new ResizeObserver(() => {
+			U.current && o(U.current, V, e, R.current).then(C);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [G]);
-	let { currentPage: J, goToPage: Y } = t({
-		numPages: K,
-		containerRef: z,
-		pageRefs: B
-	}), X = f(() => {
-		if (K === 0) return [];
-		let e = /* @__PURE__ */ new Set(), t = Math.max(J - y, 1), n = Math.min(J + y, K);
+	}, [V]);
+	let { currentPage: W, goToPage: G } = t({
+		numPages: H,
+		containerRef: F,
+		pageRefs: I
+	}), K = u(() => {
+		if (H === 0) return [];
+		let e = /* @__PURE__ */ new Set(), t = Math.max(W - h, 1), n = Math.min(W + h, H);
 		for (let r = t; r <= n; r++) e.add(r);
-		j && e.add(j.page);
-		for (let t of N) e.add(t.page);
+		E && e.add(E.page);
+		for (let t of O) e.add(t.page);
 		return Array.from(e).sort((e, t) => e - t);
 	}, [
-		J,
-		K,
-		j,
-		N
-	]), { pageSizes: ae, renderedPages: Z } = te({
-		pdf: G,
-		zoom: D,
-		rotation: k,
-		visiblePages: X,
-		canvasRefs: V
-	}), Q = f(() => {
-		let e = new Set(X);
-		for (let t of Z) e.add(t);
+		W,
+		H,
+		E,
+		O
+	]), { pageSizes: me, renderedPages: q } = te({
+		pdf: V,
+		zoom: S,
+		rotation: w,
+		visiblePages: K,
+		canvasRefs: L
+	}), J = u(() => {
+		let e = new Set(K);
+		for (let t of q) e.add(t);
 		return Array.from(e).sort((e, t) => e - t);
-	}, [X, Z]);
+	}, [K, q]);
 	n({
-		pdf: G,
-		currentPage: J,
-		goToPage: Y,
-		setZoom: O,
-		setRotation: A,
-		setFitMode: R
+		pdf: V,
+		currentPage: W,
+		goToPage: G,
+		setZoom: C,
+		setRotation: T,
+		setFitMode: M
 	});
-	let oe = r({
-		pdf: G,
-		zoom: D,
-		rotation: k,
-		mountedPages: Q,
-		canvasRefs: V
-	}), se = a({
-		pdf: G,
-		zoom: D,
-		rotation: k,
-		mountedPages: Q,
-		goToPage: Y
-	}), { overlayRect: $, searchOverlays: ce } = o({
-		pdf: G,
-		highlight: j,
-		searchMatches: N,
-		zoom: D,
-		rotation: k
-	}), le = u((e, t) => {
+	let he = r({
+		pdf: V,
+		zoom: S,
+		rotation: w,
+		mountedPages: J,
+		canvasRefs: L
+	}), { linkOverlays: ge, noteOverlays: _e } = a({
+		pdf: V,
+		zoom: S,
+		rotation: w,
+		mountedPages: J,
+		goToPage: G
+	});
+	l(() => {
+		if (!N) return;
+		let e = () => P(null), t = (e) => {
+			e.key === "Escape" && P(null);
+		};
+		return document.addEventListener("click", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("click", e), document.removeEventListener("keydown", t);
+		};
+	}, [N]);
+	let { overlayRect: Y, searchOverlays: ve } = ne({
+		pdf: V,
+		highlight: E,
+		searchMatches: O,
+		zoom: S,
+		rotation: w
+	}), ye = c((e, t) => {
 		(!e.url || !i(e.url)) && (t.preventDefault(), e.url || e._handleClick());
-	}, []), ue = f(() => ({
-		pdf: G,
-		numPages: K,
-		zoom: D,
-		setZoom: O,
-		rotation: k,
-		setRotation: A,
-		currentPage: J,
-		goToPage: Y,
-		containerRef: z,
-		canvasRefs: V,
-		file: b,
-		highlight: j,
-		setHighlight: M,
-		searchMatches: N,
-		setSearchMatches: P,
-		onChangeFile: w,
-		sidebarCollapsed: F,
-		setSidebarCollapsed: I,
-		fitMode: L,
-		setFitMode: R
+	}, []), X = d(null), Z = c((e, t) => {
+		X.current && clearTimeout(X.current);
+		let n = t.clientY > window.innerHeight * .6;
+		P({
+			x: Math.min(t.clientX, window.innerWidth - 304),
+			y: n ? window.innerHeight - t.clientY + 8 : t.clientY + 12,
+			above: n,
+			contents: e.contents,
+			title: e.title
+		});
+	}, []), Q = c(() => {
+		X.current = setTimeout(() => P(null), 200);
+	}, []), $ = c((e) => {
+		D({
+			page: e.page,
+			pdfRect: e.pdfRect
+		}), G(e.page);
+	}, [D, G]), be = u(() => ({
+		pdf: V,
+		numPages: H,
+		zoom: S,
+		setZoom: C,
+		rotation: w,
+		setRotation: T,
+		currentPage: W,
+		goToPage: G,
+		containerRef: F,
+		canvasRefs: L,
+		file: g,
+		highlight: E,
+		setHighlight: D,
+		searchMatches: O,
+		setSearchMatches: k,
+		onChangeFile: y,
+		sidebarCollapsed: A,
+		setSidebarCollapsed: fe,
+		fitMode: j,
+		setFitMode: M
 	}), [
-		G,
-		K,
-		D,
-		k,
-		J,
-		Y,
-		b,
-		j,
-		N,
+		V,
+		H,
+		S,
 		w,
-		F,
-		L
+		W,
+		G,
+		g,
+		E,
+		O,
+		y,
+		A,
+		j
 	]);
-	return /* @__PURE__ */ _(c, {
-		themeOverrides: ne,
-		defaultTheme: re,
-		children: /* @__PURE__ */ _(e.Provider, {
-			value: ue,
-			children: /* @__PURE__ */ v("div", {
-				className: `${l.appLayout}${E ? ` ${E}` : ""}`,
-				style: ie,
-				children: [C && /* @__PURE__ */ _("div", {
-					className: l.toolbar,
-					children: C
-				}), /* @__PURE__ */ v("div", {
-					className: l.body,
-					children: [S, /* @__PURE__ */ _("div", {
-						className: l.scrollContainer,
-						ref: z,
-						children: Array.from({ length: K }, (e, t) => {
-							let n = Z.has(t + 1), r = ae[t], a = Q.includes(t + 1);
-							return /* @__PURE__ */ v("div", {
-								className: l.pageWrapper,
-								ref: (e) => {
-									B.current[t] = e;
-								},
-								style: r ? {
-									width: r.width,
-									height: r.height
-								} : void 0,
-								children: [
-									r && !n && /* @__PURE__ */ _("div", {
-										className: l.pageSkeleton,
-										style: {
-											width: r.width,
-											height: r.height
-										}
-									}),
-									a && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("canvas", {
-										className: l.pageCanvas,
-										ref: (e) => {
-											V.current[t] = e;
-										},
-										style: { display: n ? "block" : "none" }
-									}), /* @__PURE__ */ _("div", {
-										className: `textLayer ${l.textLayer}`,
-										ref: (e) => {
-											oe.current[t] = e;
-										}
-									})] }),
-									se.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ _("a", {
-										className: l.linkOverlay,
-										href: e.url && i(e.url) ? e.url : "#",
-										target: "_blank",
-										rel: "noopener noreferrer",
-										style: {
-											left: e.x,
-											top: e.y,
-											width: e.width,
-											height: e.height
-										},
-										onClick: (t) => le(e, t)
-									}, t)),
-									ce.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ _("div", {
-										className: l.searchMatchOverlay,
-										style: {
-											left: e.x,
-											top: e.y,
-											width: e.width,
-											height: e.height
-										}
-									}, t)),
-									j && $?.page === t + 1 && /* @__PURE__ */ _("div", {
-										className: l.highlightOverlay,
-										style: {
-											left: $.x,
-											top: $.y,
-											width: $.width,
-											height: $.height
-										}
-									})
-								]
-							}, `${t}-${k}`);
-						})
+	return /* @__PURE__ */ p(re, {
+		themeOverrides: ce,
+		defaultTheme: le,
+		children: /* @__PURE__ */ p(ie, {
+			language: ue,
+			children: /* @__PURE__ */ m(e.Provider, {
+				value: be,
+				children: [/* @__PURE__ */ m("div", {
+					className: `${s.appLayout}${x ? ` ${x}` : ""}`,
+					style: de,
+					children: [v && /* @__PURE__ */ p("div", {
+						className: s.toolbar,
+						children: v
+					}), /* @__PURE__ */ m("div", {
+						className: s.body,
+						children: [se, /* @__PURE__ */ m("div", {
+							className: s.scrollContainer,
+							ref: F,
+							children: [pe && /* @__PURE__ */ p("div", { className: s.documentLoading }), Array.from({ length: H }, (e, t) => {
+								let n = q.has(t + 1), r = me[t], a = J.includes(t + 1);
+								return /* @__PURE__ */ m("div", {
+									className: s.pageWrapper,
+									ref: (e) => {
+										I.current[t] = e;
+									},
+									style: r ? {
+										width: r.width,
+										height: r.height
+									} : void 0,
+									children: [
+										r && !n && /* @__PURE__ */ p("div", {
+											className: s.pageSkeleton,
+											style: {
+												width: r.width,
+												height: r.height
+											}
+										}),
+										a && /* @__PURE__ */ m(oe, { children: [/* @__PURE__ */ p("canvas", {
+											className: s.pageCanvas,
+											ref: (e) => {
+												L.current[t] = e;
+											},
+											style: { display: n ? "block" : "none" }
+										}), /* @__PURE__ */ p("div", {
+											className: `textLayer ${s.textLayer}`,
+											ref: (e) => {
+												he.current[t] = e;
+											}
+										})] }),
+										ge.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ p("a", {
+											className: s.linkOverlay,
+											href: e.url && i(e.url) ? e.url : "#",
+											target: "_blank",
+											rel: "noopener noreferrer",
+											style: {
+												left: e.x,
+												top: e.y,
+												width: e.width,
+												height: e.height
+											},
+											onClick: (t) => ye(e, t)
+										}, t)),
+										_e.filter((e) => e.page === t + 1).map((e, t) => e.subtype === "Text" ? /* @__PURE__ */ p("div", {
+											className: s.noteIconOverlay,
+											style: {
+												left: e.x,
+												top: e.y,
+												width: Math.max(e.width, 26),
+												height: Math.max(e.height, 26)
+											},
+											onMouseEnter: (t) => Z(e, t),
+											onMouseLeave: Q,
+											onClick: () => $(e),
+											children: /* @__PURE__ */ m("svg", {
+												width: "22",
+												height: "22",
+												viewBox: "0 0 12 12",
+												fill: "none",
+												"aria-hidden": "true",
+												children: [
+													/* @__PURE__ */ p("rect", {
+														x: "0.5",
+														y: "0.5",
+														width: "9",
+														height: "8",
+														rx: "1",
+														fill: "rgba(255,210,0,0.9)",
+														stroke: "rgba(160,120,0,0.7)",
+														strokeWidth: "1"
+													}),
+													/* @__PURE__ */ p("path", {
+														d: "M9.5 5.5v3l2.5-3z",
+														fill: "rgba(255,210,0,0.9)",
+														stroke: "rgba(160,120,0,0.7)",
+														strokeWidth: "1"
+													}),
+													/* @__PURE__ */ p("line", {
+														x1: "2",
+														y1: "3",
+														x2: "8",
+														y2: "3",
+														stroke: "rgba(90,60,0,0.8)",
+														strokeWidth: "1",
+														strokeLinecap: "round"
+													}),
+													/* @__PURE__ */ p("line", {
+														x1: "2",
+														y1: "5.5",
+														x2: "7",
+														y2: "5.5",
+														stroke: "rgba(90,60,0,0.8)",
+														strokeWidth: "1",
+														strokeLinecap: "round"
+													})
+												]
+											})
+										}, t) : /* @__PURE__ */ p("div", {
+											className: s.noteOverlay,
+											style: {
+												left: e.x,
+												top: e.y,
+												width: e.width,
+												height: e.height
+											},
+											onMouseEnter: (t) => Z(e, t),
+											onMouseLeave: Q,
+											onClick: () => $(e)
+										}, t)),
+										ve.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ p("div", {
+											className: s.searchMatchOverlay,
+											style: {
+												left: e.x,
+												top: e.y,
+												width: e.width,
+												height: e.height
+											}
+										}, t)),
+										E && Y?.page === t + 1 && /* @__PURE__ */ p("div", {
+											className: s.highlightOverlay,
+											style: {
+												left: Y.x,
+												top: Y.y,
+												width: Y.width,
+												height: Y.height
+											}
+										})
+									]
+								}, `${t}-${w}`);
+							})]
+						})]
+					})]
+				}), N && /* @__PURE__ */ m("div", {
+					className: s.notePopover,
+					style: N.above ? {
+						left: N.x,
+						bottom: N.y
+					} : {
+						left: N.x,
+						top: N.y
+					},
+					onMouseEnter: () => {
+						X.current && clearTimeout(X.current);
+					},
+					onMouseLeave: Q,
+					onClick: (e) => e.stopPropagation(),
+					children: [N.title && /* @__PURE__ */ p("div", {
+						className: s.notePopoverTitle,
+						children: N.title
+					}), /* @__PURE__ */ p("p", {
+						className: s.notePopoverContent,
+						children: N.contents
 					})]
 				})]
 			})
@@ -218,4 +336,4 @@ var y = 2, b = ({ file: b, workerSrc: x, sidebar: S, toolbar: C, onChangeFile: w
 	});
 };
 //#endregion
-export { b as default };
+export { g as default };