pdf-tsx 0.11.0 → 0.12.0

package/dist/es/components/features/PDFOutline.js

@@ -1,11 +1,12 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { useOutline as t } from "../../hooks/useOutline.js";
-import { IconChevronDown as n, IconChevronRight as r } from "../ui/icons.js";
-import i from "./PDFOutline.module.js";
-import { memo as a, useCallback as o, useMemo as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useLabels as t } from "../../hooks/useLabels.js";
+import { useOutline as n } from "../../hooks/useOutline.js";
+import { IconChevronDown as r, IconChevronRight as i } from "../ui/icons.js";
+import a from "./PDFOutline.module.js";
+import { memo as o, useCallback as s, useMemo as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/features/PDFOutline.tsx
-async function f(e, t) {
+async function p(e, t) {
 	if (!e || !t) return null;
 	try {
 		let n = typeof t == "string" ? await e.getDestination(t) : t;
@@ -19,78 +20,78 @@ async function f(e, t) {
 		return null;
 	}
 }
-var p = a(function e({ node: t, depth: a, onNavigate: f }) {
-	let [p, m] = c(a === 0), h = t.items.length > 0, g = o((e) => {
+var m = o(function e({ node: t, depth: n, onNavigate: o }) {
+	let [p, m] = l(n === 0), h = t.items.length > 0, g = s((e) => {
 		e.stopPropagation(), m((e) => !e);
-	}, []), _ = o(() => f(t.dest), [f, t.dest]), v = s(() => ({
-		paddingLeft: 12 + a * 14,
+	}, []), _ = s(() => o(t.dest), [o, t.dest]), v = c(() => ({
+		paddingLeft: 12 + n * 14,
 		fontWeight: t.bold ? 600 : 400,
 		fontStyle: t.italic ? "italic" : "normal"
 	}), [
-		a,
+		n,
 		t.bold,
 		t.italic
 	]);
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
-		className: i.row,
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
+		className: a.row,
 		style: v,
 		onClick: _,
-		children: [h ? /* @__PURE__ */ u("button", {
-			className: i.chevronBtn,
+		children: [h ? /* @__PURE__ */ d("button", {
+			className: a.chevronBtn,
 			onClick: g,
-			children: u(p ? n : r, { size: 12 })
-		}) : /* @__PURE__ */ u("span", { style: {
+			children: d(p ? r : i, { size: 12 })
+		}) : /* @__PURE__ */ d("span", { style: {
 			width: 16,
 			flexShrink: 0
-		} }), /* @__PURE__ */ u("span", {
-			className: i.title,
+		} }), /* @__PURE__ */ d("span", {
+			className: a.title,
 			title: t.title,
 			children: t.title
 		})]
-	}), p && t.items.map((t, n) => /* @__PURE__ */ u(e, {
+	}), p && t.items.map((t, r) => /* @__PURE__ */ d(e, {
 		node: t,
-		depth: a + 1,
-		onNavigate: f
-	}, n))] });
+		depth: n + 1,
+		onNavigate: o
+	}, r))] });
 });
-function m() {
-	let { pdf: n, zoom: r, rotation: a, goToPage: s } = e(), { outline: c, loading: l } = t({ pdf: n }), m = o(async (e) => {
-		let t = await f(n, e);
+function h() {
+	let { pdf: r, zoom: i, rotation: o, goToPage: c } = e(), l = t(), { outline: u, loading: h } = n({ pdf: r }), g = s(async (e) => {
+		let t = await p(r, e);
 		if (t) {
 			if (t.pdfTop !== null) try {
-				let [, e] = (await n.getPage(t.page)).getViewport({
-					scale: r,
-					rotation: a
+				let [, e] = (await r.getPage(t.page)).getViewport({
+					scale: i,
+					rotation: o
 				}).convertToViewportPoint(0, t.pdfTop);
-				s(t.page, e);
+				c(t.page, e);
 				return;
 			} catch {}
-			s(t.page);
+			c(t.page);
 		}
 	}, [
-		n,
 		r,
-		a,
-		s
+		i,
+		o,
+		c
 	]);
-	return /* @__PURE__ */ d("div", {
-		className: i.tree,
+	return /* @__PURE__ */ f("div", {
+		className: a.tree,
 		children: [
-			l && /* @__PURE__ */ u("div", {
-				className: i.emptyState,
-				children: "Caricamento..."
+			h && /* @__PURE__ */ d("div", {
+				className: a.emptyState,
+				children: l.outlineLoading
 			}),
-			!l && c.length === 0 && /* @__PURE__ */ u("div", {
-				className: i.emptyState,
-				children: "Nessun segnalibro disponibile."
+			!h && u.length === 0 && /* @__PURE__ */ d("div", {
+				className: a.emptyState,
+				children: l.outlineEmpty
 			}),
-			!l && c.map((e, t) => /* @__PURE__ */ u(p, {
+			!h && u.map((e, t) => /* @__PURE__ */ d(m, {
 				node: e,
 				depth: 0,
-				onNavigate: m
+				onNavigate: g
 			}, t))
 		]
 	});
 }
 //#endregion
-export { m as PDFOutline };
+export { h as PDFOutline };

package/dist/es/components/features/PDFPageFit.js

@@ -1,29 +1,30 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
 import { computeFit as t } from "../../utils/pdfFit.js";
-import { ToolbarButton as n } from "../ui/ToolbarButton.js";
-import { useCallback as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useLabels as n } from "../../hooks/useLabels.js";
+import { ToolbarButton as r } from "../ui/ToolbarButton.js";
+import { useCallback as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/features/PDFPageFit.tsx
-function s({ fitWidthIcon: s, fitPageIcon: c }) {
-	let { pdf: l, rotation: u, setZoom: d, setFitMode: f, containerRef: p } = e(), m = r(async (e) => {
-		!l || !p.current || (f(e), d(await t(e, l, p.current, u)));
+function c({ fitWidthIcon: c, fitPageIcon: l }) {
+	let { pdf: u, rotation: d, setZoom: f, setFitMode: p, containerRef: m } = e(), h = n(), g = i(async (e) => {
+		!u || !m.current || (p(e), f(await t(e, u, m.current, d)));
 	}, [
-		l,
 		u,
 		d,
 		f,
-		p
-	]), h = r(() => m("width"), [m]), g = r(() => m("page"), [m]);
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(n, {
-		onClick: h,
-		title: "Adatta alla larghezza",
-		children: s
-	}), /* @__PURE__ */ a(n, {
-		onClick: g,
-		title: "Adatta pagina intera",
+		p,
+		m
+	]), _ = i(() => g("width"), [g]), v = i(() => g("page"), [g]);
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(r, {
+		onClick: _,
+		title: h.fitWidthTitle,
 		children: c
+	}), /* @__PURE__ */ o(r, {
+		onClick: v,
+		title: h.fitPageTitle,
+		children: l
 	})] });
 }
-s.toolbarLabel = "Adatta";
+c.toolbarLabelKey = "fitToolbarLabel";
 //#endregion
-export { s as PDFPageFit };
+export { c as PDFPageFit };

package/dist/es/components/features/PDFPrintButton.js

@@ -1,24 +1,25 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { ToolbarButton as t } from "../ui/ToolbarButton.js";
-import { useCallback as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
+import { useLabels as t } from "../../hooks/useLabels.js";
+import { ToolbarButton as n } from "../ui/ToolbarButton.js";
+import { useCallback as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/components/features/PDFPrintButton.tsx
-function i({ icon: i }) {
-	let { file: a } = e();
-	return /* @__PURE__ */ r(t, {
-		onClick: n(() => {
-			let e = URL.createObjectURL(a), t = document.createElement("iframe");
+function a({ icon: a }) {
+	let { file: o } = e(), s = t();
+	return /* @__PURE__ */ i(n, {
+		onClick: r(() => {
+			let e = URL.createObjectURL(o), t = document.createElement("iframe");
 			t.style.display = "none", t.src = e, document.body.appendChild(t), t.onload = () => {
 				let n = !1, r = () => {
 					n || (n = !0, t.remove(), URL.revokeObjectURL(e));
 				};
 				t.contentWindow?.addEventListener("afterprint", r, { once: !0 }), setTimeout(r, 6e4), t.contentWindow?.print();
 			};
-		}, [a]),
-		title: "Stampa PDF",
-		children: i
+		}, [o]),
+		title: s.printTitle,
+		children: a
 	});
 }
-i.toolbarLabel = "Stampa";
+a.toolbarLabelKey = "printToolbarLabel";
 //#endregion
-export { i as PDFPrintButton };
+export { a as PDFPrintButton };

package/dist/es/components/features/PDFRotationControl.js

@@ -1,16 +1,17 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { ToolbarButton as t } from "../ui/ToolbarButton.js";
-import { useCallback as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
+import { useLabels as t } from "../../hooks/useLabels.js";
+import { ToolbarButton as n } from "../ui/ToolbarButton.js";
+import { useCallback as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/components/features/PDFRotationControl.tsx
-function i({ icon: i }) {
-	let { setRotation: a } = e();
-	return /* @__PURE__ */ r(t, {
-		onClick: n(() => a((e) => (e + 90) % 360), [a]),
-		title: "Ruota documento",
-		children: i
+function a({ icon: a }) {
+	let { setRotation: o } = e(), s = t();
+	return /* @__PURE__ */ i(n, {
+		onClick: r(() => o((e) => (e + 90) % 360), [o]),
+		title: s.rotateTitle,
+		children: a
 	});
 }
-i.toolbarLabel = "Ruota";
+a.toolbarLabelKey = "rotateToolbarLabel";
 //#endregion
-export { i as PDFRotationControl };
+export { a as PDFRotationControl };

package/dist/es/components/features/PDFSearch.js

@@ -1,73 +1,89 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { useTextSearch as t } from "../../hooks/useTextSearch.js";
-import n from "./PDFSearch.module.js";
-import { useCallback as r, useEffect as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useLabels as t } from "../../hooks/useLabels.js";
+import { useTextSearch as n } from "../../hooks/useTextSearch.js";
+import r from "./PDFSearch.module.js";
+import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/features/PDFSearch.tsx
-var l = [];
-function u({ searchIcon: u, prevIcon: d, nextIcon: f, clearIcon: p }) {
-	let { pdf: m, goToPage: h, setHighlight: g, setSearchMatches: _ } = e(), [v, y] = a(""), [b, x] = a(0), { matches: S, searching: C } = t({
-		pdf: m,
-		query: v
-	}), w = S.length;
-	i(() => (_(S), () => _(l)), [S, _]);
-	let T = r((e) => {
-		let t = (e + w) % w;
-		x(t);
-		let n = S[t];
-		h(n.page), g({
+var d = [];
+function f({ searchIcon: f, prevIcon: p, nextIcon: m, clearIcon: h, initialSearch: g }) {
+	let { pdf: _, goToPage: v, setHighlight: y, setSearchMatches: b } = e(), x = t(), [S, C] = s(g ?? ""), [w, T] = s(0), { matches: E, searching: D } = n({
+		pdf: _,
+		query: S
+	}), O = o(!1), k = E.length;
+	a(() => (b(E), () => b(d)), [E, b]), a(() => {
+		if (g && !O.current && !D && E.length > 0) {
+			O.current = !0;
+			let e = E[0];
+			v(e.page), y({
+				page: e.page,
+				pdfRect: e.pdfRect
+			});
+		}
+	}, [
+		g,
+		D,
+		E,
+		v,
+		y
+	]);
+	let A = i((e) => {
+		let t = (e + k) % k;
+		T(t);
+		let n = E[t];
+		v(n.page), y({
 			page: n.page,
 			pdfRect: n.pdfRect
 		});
 	}, [
-		w,
-		S,
-		h,
-		g
-	]), E = r((e) => {
-		y(e.target.value), x(0), g(null);
-	}, [g]), D = r(() => {
-		y(""), x(0), g(null);
-	}, [g]);
-	return /* @__PURE__ */ c("div", {
-		className: n.wrapper,
+		k,
+		E,
+		v,
+		y
+	]), j = i((e) => {
+		C(e.target.value), T(0), y(null);
+	}, [y]), M = i(() => {
+		C(""), T(0), y(null);
+	}, [y]);
+	return /* @__PURE__ */ u("div", {
+		className: r.wrapper,
 		children: [
-			/* @__PURE__ */ s("span", {
-				className: n.searchIconWrapper,
-				children: u
+			/* @__PURE__ */ l("span", {
+				className: r.searchIconWrapper,
+				children: f
 			}),
-			/* @__PURE__ */ s("input", {
-				className: n.searchInput,
-				value: v,
-				onChange: E,
-				placeholder: "Cerca nel documento..."
+			/* @__PURE__ */ l("input", {
+				className: r.searchInput,
+				value: S,
+				onChange: j,
+				placeholder: x.searchPlaceholder
 			}),
-			v && /* @__PURE__ */ c(o, { children: [
-				/* @__PURE__ */ s("span", {
-					className: n.counter,
-					children: C ? "…" : w === 0 ? "0" : `${b + 1}/${w}`
+			S && /* @__PURE__ */ u(c, { children: [
+				/* @__PURE__ */ l("span", {
+					className: r.counter,
+					children: D ? "…" : k === 0 ? "0" : `${w + 1}/${k}`
 				}),
-				/* @__PURE__ */ s("button", {
-					className: n.navButton,
-					onClick: () => T(b - 1),
-					disabled: w === 0,
-					children: d
+				/* @__PURE__ */ l("button", {
+					className: r.navButton,
+					onClick: () => A(w - 1),
+					disabled: k === 0,
+					children: p
 				}),
-				/* @__PURE__ */ s("button", {
-					className: n.navButton,
-					onClick: () => T(b + 1),
-					disabled: w === 0,
-					children: f
+				/* @__PURE__ */ l("button", {
+					className: r.navButton,
+					onClick: () => A(w + 1),
+					disabled: k === 0,
+					children: m
 				}),
-				/* @__PURE__ */ s("button", {
-					className: n.navButton,
-					onClick: D,
-					children: p
+				/* @__PURE__ */ l("button", {
+					className: r.navButton,
+					onClick: M,
+					children: h
 				})
 			] })
 		]
 	});
 }
-u.toolbarLabel = "Cerca";
+f.toolbarLabelKey = "searchToolbarLabel";
 //#endregion
-export { u as PDFSearch };
+export { f as PDFSearch };

package/dist/es/components/features/PDFSidebarToggle.js

@@ -1,17 +1,18 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import t from "../ui/ToolbarButton.module.js";
-import { useCallback as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
+import { useLabels as t } from "../../hooks/useLabels.js";
+import n from "../ui/ToolbarButton.module.js";
+import { useCallback as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/components/features/PDFSidebarToggle.tsx
-function i({ collapseIcon: i, expandIcon: a }) {
-	let { sidebarCollapsed: o, setSidebarCollapsed: s } = e(), c = o ? a ?? i : i, l = o ? "Espandi sidebar" : "Comprimi sidebar", u = n(() => s((e) => !e), [s]);
-	return /* @__PURE__ */ r("button", {
-		className: t.btn,
-		onClick: u,
-		title: l,
-		children: c
+function a({ collapseIcon: a, expandIcon: o }) {
+	let { sidebarCollapsed: s, setSidebarCollapsed: c } = e(), l = t(), u = s ? o ?? a : a, d = s ? l.expandSidebarTitle : l.collapseSidebarTitle, f = r(() => c((e) => !e), [c]);
+	return /* @__PURE__ */ i("button", {
+		className: n.btn,
+		onClick: f,
+		title: d,
+		children: u
 	});
 }
-i.toolbarLabel = "Sidebar";
+a.toolbarLabelKey = "sidebarToolbarLabel";
 //#endregion
-export { i as PDFSidebarToggle };
+export { a as PDFSidebarToggle };