pdf-tsx 0.11.0 → 0.13.0

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

@@ -1,93 +1,163 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
 import { computeFit as t } from "../../utils/pdfFit.js";
-import { useAnnotations as n } from "../../hooks/useAnnotations.js";
-import r from "./PDFAnnotations.module.js";
-import { memo as i, useCallback as a, useMemo as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useLabels as n } from "../../hooks/useLabels.js";
+import { useAnnotations as r } from "../../hooks/useAnnotations.js";
+import i from "./PDFAnnotations.module.js";
+import { memo as a, useCallback as o, useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/features/PDFAnnotations.tsx
-var l = {
-	Text: "Nota",
-	Highlight: "Evidenziazione",
-	Underline: "Sottolineatura",
-	StrikeOut: "Barrato",
-	FreeText: "Testo libero",
-	Ink: "Disegno",
-	Square: "Rettangolo",
-	Circle: "Cerchio",
-	Line: "Linea",
-	Stamp: "Timbro",
-	FileAttachment: "Allegato"
-}, u = i(function({ ann: e, onNavigate: t }) {
-	let n = l[e.subtype] ?? e.subtype, i = a(() => t(e), [t, e]);
-	return /* @__PURE__ */ c("div", {
-		className: `${r.card} ${e.rect ? r.cardClickable : ""}`,
-		onClick: i,
+function u({ subtype: e }) {
+	let t = {
+		width: 14,
+		height: 14,
+		fill: "none",
+		"aria-hidden": !0
+	};
+	return e === "Text" ? /* @__PURE__ */ l("svg", {
+		...t,
+		viewBox: "0 0 12 12",
 		children: [
-			/* @__PURE__ */ c("div", {
-				className: r.cardHeader,
-				children: [/* @__PURE__ */ s("span", {
-					className: r.cardLabel,
-					children: n
-				}), /* @__PURE__ */ c("span", {
-					className: r.cardPage,
+			/* @__PURE__ */ c("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__ */ c("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__ */ c("line", {
+				x1: "2",
+				y1: "3",
+				x2: "8",
+				y2: "3",
+				stroke: "rgba(90,60,0,0.8)",
+				strokeWidth: "1",
+				strokeLinecap: "round"
+			}),
+			/* @__PURE__ */ c("line", {
+				x1: "2",
+				y1: "5.5",
+				x2: "7",
+				y2: "5.5",
+				stroke: "rgba(90,60,0,0.8)",
+				strokeWidth: "1",
+				strokeLinecap: "round"
+			})
+		]
+	}) : /* @__PURE__ */ l("svg", {
+		...t,
+		viewBox: "0 0 16 16",
+		children: [
+			/* @__PURE__ */ c("circle", {
+				cx: "8",
+				cy: "8",
+				r: "5.5",
+				stroke: "currentColor",
+				strokeWidth: "1.5"
+			}),
+			/* @__PURE__ */ c("line", {
+				x1: "8",
+				y1: "6",
+				x2: "8",
+				y2: "10",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round"
+			}),
+			/* @__PURE__ */ c("circle", {
+				cx: "8",
+				cy: "4.5",
+				r: "0.75",
+				fill: "currentColor"
+			})
+		]
+	});
+}
+var d = a(function({ ann: e, annotationTypes: t, onNavigate: n }) {
+	let r = t[e.subtype] ?? e.subtype, a = o(() => n(e), [n, e]);
+	return /* @__PURE__ */ l("div", {
+		className: `${i.card} ${e.rect ? i.cardClickable : ""}`,
+		onClick: a,
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: i.cardHeader,
+				children: [/* @__PURE__ */ l("span", {
+					className: i.cardLabel,
+					children: [/* @__PURE__ */ c(u, { subtype: e.subtype }), r]
+				}), /* @__PURE__ */ l("span", {
+					className: i.cardPage,
 					children: ["p.", e.page]
 				})]
 			}),
-			e.title && /* @__PURE__ */ s("div", {
-				className: r.cardAuthor,
+			e.title && /* @__PURE__ */ c("div", {
+				className: i.cardAuthor,
 				children: e.title
 			}),
-			e.contents && /* @__PURE__ */ s("div", {
-				className: r.cardContent,
+			e.contents && /* @__PURE__ */ c("div", {
+				className: i.cardContent,
 				children: e.contents
 			})
 		]
 	});
 });
-function d({ icon: t }) {
-	let { pdf: i } = e(), { annotations: a, loading: o } = n({ pdf: i }), l = a.length;
-	return /* @__PURE__ */ c("span", {
-		className: r.iconWrapper,
-		children: [t, !o && l > 0 && /* @__PURE__ */ s("span", {
-			className: r.badge,
-			children: l > 99 ? "99+" : l
+function f({ icon: t }) {
+	let { pdf: n } = e(), { annotations: a, loading: o } = r({ pdf: n }), s = a.length;
+	return /* @__PURE__ */ l("span", {
+		className: i.iconWrapper,
+		children: [t, !o && s > 0 && /* @__PURE__ */ c("span", {
+			className: i.badge,
+			children: s > 99 ? "99+" : s
 		})]
 	});
 }
-function f() {
-	let { pdf: i, goToPage: l, setHighlight: d, setZoom: f, rotation: p, containerRef: m } = e(), { annotations: h, loading: g } = n({ pdf: i }), _ = a(async (e) => {
-		i && m.current && f(await t("page", i, m.current, p)), l(e.page), e.rect && d({
+function p() {
+	let { pdf: a, goToPage: u, setHighlight: f, setZoom: p, setFitMode: m, rotation: h, containerRef: g } = e(), _ = n(), { annotations: v, loading: y } = r({ pdf: a }), b = o(async (e) => {
+		m("page"), a && g.current && p(await t("page", a, g.current, h)), u(e.page), e.rect && f({
 			page: e.page,
 			pdfRect: e.rect
 		});
 	}, [
-		i,
-		m,
+		a,
+		g,
+		h,
+		u,
 		p,
-		l,
-		f,
-		d
-	]), v = o(() => h.reduce((e, t) => ((e[t.page] ??= []).push(t), e), {}), [h]);
-	return /* @__PURE__ */ c("div", {
-		className: r.list,
+		m,
+		f
+	]), x = s(() => v.reduce((e, t) => ((e[t.page] ??= []).push(t), e), {}), [v]);
+	return /* @__PURE__ */ l("div", {
+		className: i.list,
 		children: [
-			g && /* @__PURE__ */ s("div", {
-				className: r.emptyState,
-				children: "Caricamento..."
+			y && /* @__PURE__ */ c("div", {
+				className: i.emptyState,
+				children: _.annotationsLoading
 			}),
-			!g && h.length === 0 && /* @__PURE__ */ s("div", {
-				className: r.emptyState,
-				children: "Nessuna annotazione rilevata."
+			!y && v.length === 0 && /* @__PURE__ */ c("div", {
+				className: i.emptyState,
+				children: _.annotationsEmpty
 			}),
-			!g && Object.entries(v).map(([e, t]) => /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
-				className: r.pageHeader,
-				children: ["Pagina ", e]
-			}), t.map((e) => /* @__PURE__ */ s(u, {
+			!y && Object.entries(x).map(([e, t]) => /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
+				className: i.pageHeader,
+				children: [
+					_.annotationsPageHeader,
+					" ",
+					e
+				]
+			}), t.map((e) => /* @__PURE__ */ c(d, {
 				ann: e,
-				onNavigate: _
+				annotationTypes: _.annotationTypes,
+				onNavigate: b
 			}, e.id))] }, e))
 		]
 	});
 }
 //#endregion
-export { f as PDFAnnotations, d as PDFAnnotationsIcon };
+export { p as PDFAnnotations, f as PDFAnnotationsIcon };

package/dist/es/components/features/PDFAnnotations.module.js

@@ -1,16 +1,16 @@
 var e = {
-	list: "_list_113xr_1",
-	emptyState: "_emptyState_113xr_6",
-	pageHeader: "_pageHeader_113xr_12",
-	card: "_card_113xr_23",
-	cardClickable: "_cardClickable_113xr_33",
-	cardHeader: "_cardHeader_113xr_41",
-	cardLabel: "_cardLabel_113xr_48",
-	cardPage: "_cardPage_113xr_54",
-	cardAuthor: "_cardAuthor_113xr_59",
-	cardContent: "_cardContent_113xr_65",
-	iconWrapper: "_iconWrapper_113xr_71",
-	badge: "_badge_113xr_78"
+	list: "_list_gygvf_1",
+	emptyState: "_emptyState_gygvf_6",
+	pageHeader: "_pageHeader_gygvf_12",
+	card: "_card_gygvf_23",
+	cardClickable: "_cardClickable_gygvf_33",
+	cardHeader: "_cardHeader_gygvf_41",
+	cardLabel: "_cardLabel_gygvf_48",
+	cardPage: "_cardPage_gygvf_57",
+	cardAuthor: "_cardAuthor_gygvf_62",
+	cardContent: "_cardContent_gygvf_68",
+	iconWrapper: "_iconWrapper_gygvf_74",
+	badge: "_badge_gygvf_81"
 };
 //#endregion
 export { e as default };

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

@@ -1,22 +1,23 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { useAttachments as t } from "../../hooks/useAttachments.js";
-import n from "./PDFAttachments.module.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useLabels as t } from "../../hooks/useLabels.js";
+import { useAttachments as n } from "../../hooks/useAttachments.js";
+import r from "./PDFAttachments.module.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/features/PDFAttachments.tsx
-function a() {
-	return /* @__PURE__ */ i("svg", {
+function o() {
+	return /* @__PURE__ */ a("svg", {
 		width: "13",
 		height: "13",
 		viewBox: "0 0 13 13",
 		fill: "none",
 		"aria-hidden": !0,
-		children: [/* @__PURE__ */ r("path", {
+		children: [/* @__PURE__ */ i("path", {
 			d: "M6.5 1.5v7M3.5 6l3 3 3-3",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
 			strokeLinecap: "round",
 			strokeLinejoin: "round"
-		}), /* @__PURE__ */ r("path", {
+		}), /* @__PURE__ */ i("path", {
 			d: "M1.5 10.5h10",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
@@ -24,19 +25,19 @@ function a() {
 		})]
 	});
 }
-function o() {
-	return /* @__PURE__ */ i("svg", {
+function s() {
+	return /* @__PURE__ */ a("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 14 14",
 		fill: "none",
 		"aria-hidden": !0,
-		children: [/* @__PURE__ */ r("path", {
+		children: [/* @__PURE__ */ i("path", {
 			d: "M3 1.5h5.5L11 4v8.5H3V1.5z",
 			stroke: "currentColor",
 			strokeWidth: "1.2",
 			strokeLinejoin: "round"
-		}), /* @__PURE__ */ r("path", {
+		}), /* @__PURE__ */ i("path", {
 			d: "M8.5 1.5V4H11",
 			stroke: "currentColor",
 			strokeWidth: "1.2",
@@ -44,51 +45,51 @@ function o() {
 		})]
 	});
 }
-function s(e) {
+function c(e) {
 	let t = new Blob([new Uint8Array(e.content)]), n = URL.createObjectURL(t), r = document.createElement("a");
 	r.href = n, r.download = e.filename, r.click(), URL.revokeObjectURL(n);
 }
-function c({ icon: a }) {
-	let { pdf: o } = e(), { attachments: s, loading: c } = t({ pdf: o }), l = s.length;
-	return /* @__PURE__ */ i("span", {
-		className: n.iconWrapper,
-		children: [a, !c && l > 0 && /* @__PURE__ */ r("span", {
-			className: n.badge,
+function l({ icon: t }) {
+	let { pdf: o } = e(), { attachments: s, loading: c } = n({ pdf: o }), l = s.length;
+	return /* @__PURE__ */ a("span", {
+		className: r.iconWrapper,
+		children: [t, !c && l > 0 && /* @__PURE__ */ i("span", {
+			className: r.badge,
 			children: l > 99 ? "99+" : l
 		})]
 	});
 }
-function l() {
-	let { pdf: c } = e(), { attachments: l, loading: u } = t({ pdf: c });
-	return /* @__PURE__ */ i("div", {
-		className: n.list,
+function u() {
+	let { pdf: l } = e(), u = t(), { attachments: d, loading: f } = n({ pdf: l });
+	return /* @__PURE__ */ a("div", {
+		className: r.list,
 		children: [
-			u && /* @__PURE__ */ r("div", {
-				className: n.emptyState,
-				children: "Caricamento..."
+			f && /* @__PURE__ */ i("div", {
+				className: r.emptyState,
+				children: u.attachmentsLoading
 			}),
-			!u && l.length === 0 && /* @__PURE__ */ r("div", {
-				className: n.emptyState,
-				children: "Nessun allegato rilevato."
+			!f && d.length === 0 && /* @__PURE__ */ i("div", {
+				className: r.emptyState,
+				children: u.attachmentsEmpty
 			}),
-			!u && l.map((e, t) => /* @__PURE__ */ i("div", {
-				className: n.card,
+			!f && d.map((e, t) => /* @__PURE__ */ a("div", {
+				className: r.card,
 				children: [
-					/* @__PURE__ */ r("span", {
-						className: n.fileIcon,
-						children: /* @__PURE__ */ r(o, {})
+					/* @__PURE__ */ i("span", {
+						className: r.fileIcon,
+						children: /* @__PURE__ */ i(s, {})
 					}),
-					/* @__PURE__ */ r("span", {
-						className: n.filename,
+					/* @__PURE__ */ i("span", {
+						className: r.filename,
 						title: e.filename,
 						children: e.filename
 					}),
-					/* @__PURE__ */ r("button", {
+					/* @__PURE__ */ i("button", {
 						type: "button",
-						className: n.downloadBtn,
-						title: `Scarica ${e.filename}`,
-						onClick: () => s(e),
-						children: /* @__PURE__ */ r(a, {})
+						className: r.downloadBtn,
+						title: `${u.downloadAttachmentTitle} ${e.filename}`,
+						onClick: () => c(e),
+						children: /* @__PURE__ */ i(o, {})
 					})
 				]
 			}, t))
@@ -96,4 +97,4 @@ function l() {
 	});
 }
 //#endregion
-export { l as PDFAttachments, c as PDFAttachmentsIcon };
+export { u as PDFAttachments, l as PDFAttachmentsIcon };

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

@@ -1,25 +1,26 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { ToolbarButton as t } from "../ui/ToolbarButton.js";
-import { useCallback as n, useRef as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useLabels as t } from "../../hooks/useLabels.js";
+import { ToolbarButton as n } from "../ui/ToolbarButton.js";
+import { useCallback as r, useRef as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/features/PDFChangeFile.tsx
-function s({ icon: s }) {
-	let { onChangeFile: c } = e(), l = r(null), u = n((e) => {
+function c({ icon: c }) {
+	let { onChangeFile: l } = e(), u = t(), d = i(null), f = r((e) => {
 		let t = e.target.files?.[0];
-		t && c?.(t), e.target.value = "";
-	}, [c]), d = n(() => l.current?.click(), []);
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("input", {
-		ref: l,
+		t && l?.(t), e.target.value = "";
+	}, [l]), p = r(() => d.current?.click(), []);
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("input", {
+		ref: d,
 		type: "file",
 		accept: ".pdf",
 		style: { display: "none" },
-		onChange: u
-	}), /* @__PURE__ */ a(t, {
-		onClick: d,
-		title: "Apri altro file",
-		children: s
+		onChange: f
+	}), /* @__PURE__ */ o(n, {
+		onClick: p,
+		title: u.changeFileTitle,
+		children: c
 	})] });
 }
-s.toolbarLabel = "Apri file";
+c.toolbarLabelKey = "changeFileToolbarLabel";
 //#endregion
-export { s as PDFChangeFile };
+export { c as PDFChangeFile };

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

@@ -1,20 +1,21 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { ToolbarButton as t } from "../ui/ToolbarButton.js";
-import { useCallback as n } from "react";
-import { jsxs 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 { jsxs as i } from "react/jsx-runtime";
 //#region src/components/features/PDFDownloadButton.tsx
-function i({ icon: i }) {
-	let { file: a } = e();
-	return /* @__PURE__ */ r(t, {
+function a({ icon: a }) {
+	let { file: o } = e(), s = t();
+	return /* @__PURE__ */ i(n, {
 		$primary: !0,
-		onClick: n(() => {
-			let e = URL.createObjectURL(a), t = document.createElement("a");
-			t.href = e, t.download = a.name || "documento.pdf", t.click(), setTimeout(() => URL.revokeObjectURL(e), 0);
-		}, [a]),
-		title: "Scarica PDF",
-		children: [i, "Scarica"]
+		onClick: r(() => {
+			let e = URL.createObjectURL(o), t = document.createElement("a");
+			t.href = e, t.download = o.name || s.downloadFallbackFilename, t.click(), setTimeout(() => URL.revokeObjectURL(e), 0);
+		}, [o, s.downloadFallbackFilename]),
+		title: s.downloadTitle,
+		children: [a, s.downloadText]
 	});
 }
-i.toolbarLabel = "Scarica";
+a.toolbarLabelKey = "downloadToolbarLabel";
 //#endregion
-export { i as PDFDownloadButton };
+export { a as PDFDownloadButton };

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

@@ -1,50 +1,52 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { ToolbarButton as t } from "../ui/ToolbarButton.js";
-import n from "./PDFNavigation.module.js";
-import { useCallback as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useLabels as t } from "../../hooks/useLabels.js";
+import { ToolbarButton as n } from "../ui/ToolbarButton.js";
+import r from "./PDFNavigation.module.js";
+import { useCallback as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/features/PDFNavigation.tsx
-function s({ prevIcon: s, nextIcon: c }) {
-	let { currentPage: l, numPages: u, goToPage: d } = e(), [f, p] = i(!1), [m, h] = i(""), g = r(() => {
-		let e = parseInt(m, 10);
-		isNaN(e) || d(e), p(!1);
-	}, [m, d]), _ = r(() => {
-		p(!0), h(String(l));
-	}, [l]), v = r((e) => h(e.target.value), []), y = r((e) => {
-		e.key === "Enter" && g(), e.key === "Escape" && p(!1);
-	}, [g]), b = r(() => d(l - 1), [d, l]), x = r(() => d(l + 1), [d, l]);
-	return /* @__PURE__ */ o("div", {
-		className: n.navWrapper,
+function c({ prevIcon: c, nextIcon: l }) {
+	let { currentPage: u, numPages: d, goToPage: f, navigationLocked: p } = e(), m = t(), [h, g] = a(!1), [_, v] = a(""), y = i(() => {
+		let e = parseInt(_, 10);
+		isNaN(e) || f(e), g(!1);
+	}, [_, f]), b = i(() => {
+		g(!0), v(String(u));
+	}, [u]), x = i((e) => v(e.target.value), []), S = i((e) => {
+		e.key === "Enter" && y(), e.key === "Escape" && g(!1);
+	}, [y]), C = i(() => f(u - 1), [f, u]), w = i(() => f(u + 1), [f, u]);
+	return /* @__PURE__ */ s("div", {
+		className: r.navWrapper,
 		children: [
-			/* @__PURE__ */ a(t, {
-				onClick: b,
-				disabled: l === 1,
-				title: "Pagina precedente (←)",
-				children: s
+			/* @__PURE__ */ o(n, {
+				onClick: C,
+				disabled: u === 1,
+				title: m.prevPageTitle,
+				children: c
 			}),
-			/* @__PURE__ */ a("input", {
-				className: n.pageInput,
+			/* @__PURE__ */ o("input", {
+				className: r.pageInput,
 				type: "number",
-				value: f ? m : l,
-				onFocus: _,
-				onBlur: g,
-				onChange: v,
-				onKeyDown: y,
-				title: "Vai alla pagina"
+				value: h ? _ : u,
+				onFocus: b,
+				onBlur: y,
+				onChange: x,
+				onKeyDown: S,
+				title: m.pageInputTitle,
+				readOnly: p
 			}),
-			/* @__PURE__ */ o("span", {
-				className: n.pageTotal,
-				children: ["/ ", u]
+			/* @__PURE__ */ s("span", {
+				className: r.pageTotal,
+				children: ["/ ", d]
 			}),
-			/* @__PURE__ */ a(t, {
-				onClick: x,
-				disabled: l === u,
-				title: "Pagina successiva (→)",
-				children: c
+			/* @__PURE__ */ o(n, {
+				onClick: w,
+				disabled: u === d,
+				title: m.nextPageTitle,
+				children: l
 			})
 		]
 	});
 }
-s.toolbarLabel = "Pagina";
+c.toolbarLabelKey = "navigationToolbarLabel";
 //#endregion
-export { s as PDFNavigation };
+export { c as PDFNavigation };