@pdf-viewer/react 1.15.0-beta.3 → 1.15.0-beta.4

package/dist/utils/annotations.js

@@ -1,20 +1,20 @@
-import { sanitizeExternalUrl as L } from "./sanitizeExternalUrl.js";
-import { AnnotationSubType as _, AnnotationType as l } from "./types.js";
+import { sanitizeExternalUrl as _ } from "./sanitizeExternalUrl.js";
+import { AnnotationSubType as E, AnnotationType as u } from "./types.js";
 import { dateFormatter as I } from "./dateFormatter.js";
 import "../th_TH-d627cd51.js";
-const v = ["click", "dblclick", "input", "change"], g = /* @__PURE__ */ new Map(), E = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
+const v = ["click", "dblclick", "input", "change"], b = /* @__PURE__ */ new Map(), L = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
 function x(e, t) {
-  const n = E(e, t);
-  return g.has(n) ? g.get(n) ?? null : null;
+  const n = L(e, t);
+  return b.has(n) ? b.get(n) ?? null : null;
 }
 const B = (e, t, n) => {
-  g.set(E(e, t), n);
+  b.set(L(e, t), n);
 }, O = (e, t) => {
   switch (t[1].name) {
     case "XYZ":
       return {
-        bottomOffset: (n, a) => t[3] === null ? a : t[3],
-        leftOffset: (n, a) => t[2] === null ? 0 : t[2],
+        bottomOffset: (n, s) => t[3] === null ? s : t[3],
+        leftOffset: (n, s) => t[2] === null ? 0 : t[2],
         pageIndex: e,
         scaleTo: t[4]
       };
@@ -43,15 +43,15 @@ const B = (e, t, n) => {
       };
   }
 };
-async function b(e, t) {
+async function h(e, t) {
   let n;
   if (typeof t == "string" ? n = await e.getDestination(t) : n = t, n && typeof n[0] == "object" && n[0] !== null) {
-    const a = n[0], s = x(e, a);
-    if (s === null) {
-      const r = await e.getPageIndex(a);
-      return B(e, a, r), await b(e, n);
+    const s = n[0], a = x(e, s);
+    if (a === null) {
+      const r = await e.getPageIndex(s);
+      return B(e, s, r), await h(e, n);
     } else
-      return O(s, n);
+      return O(a, n);
   } else
     return O(n[0], n);
 }
@@ -59,40 +59,40 @@ const M = (e) => {
   const n = e.target.parentNode;
   if (!n)
     return;
-  const a = new MutationObserver((s) => {
-    s.forEach(() => {
+  const s = new MutationObserver((a) => {
+    a.forEach(() => {
       n.querySelectorAll(
         '[data-l10n-id="pdfjs-annotation-date-time-string"]'
       ).forEach((o) => {
-        const c = o.getAttribute("data-l10n-args");
-        if (c) {
+        const i = o.getAttribute("data-l10n-args");
+        if (i) {
           try {
-            const { dateObj: i } = JSON.parse(c);
-            i && (o.textContent = I(i));
+            const { dateObj: c } = JSON.parse(i);
+            c && (o.textContent = I(c));
           } catch {
           }
-          a.disconnect();
+          s.disconnect();
         }
       });
     });
   });
-  return a.observe(n, {
+  return s.observe(n, {
     childList: !0,
     // Watch for changes to child elements
     subtree: !0,
     // Watch all descendants, not just direct children
     attributes: !0
     // Watch for changes to attributes
-  }), () => a.disconnect();
-}, P = (e, t, n, a) => {
+  }), () => s.disconnect();
+}, P = (e, t, n, s) => {
   if (e.type !== "click")
     return;
-  const s = e.target, r = s.getAttribute("data-element-id"), o = s.getAttribute("href");
+  const a = e.target, r = a.getAttribute("data-element-id"), o = a.getAttribute("href");
   if (o && o !== "#")
     return;
-  const c = t.find((i) => i.id === r);
-  !c || c.annotationType !== _.Link || c.dest && b(n, c.dest).then((i) => {
-    a(i);
+  const i = t.find((c) => c.id === r);
+  !i || i.annotationType !== E.Link || i.dest && h(n, i.dest).then((c) => {
+    s(c);
   });
 };
 function U(e, t) {
@@ -104,36 +104,44 @@ function V(e, t) {
     e.removeEventListener(n, t);
 }
 function $(e) {
-  const { id: t, url: n, unsafeUrl: a } = e;
-  new MutationObserver((r, o) => {
+  const { id: t, url: n, unsafeUrl: s, dest: a } = e;
+  new MutationObserver((o, i) => {
     const c = document.querySelector(`[data-annotation-id="${t}"]`);
     if (c) {
-      const i = c.querySelector("a"), p = L((n || a) ?? "", "");
-      i && (i == null || i.setAttribute("target", "_blank"), i == null || i.setAttribute("href", p), i == null || i.setAttribute("rel", "noopener noreferrer")), o.disconnect();
+      const l = c.querySelector("a");
+      if (l)
+        if (a && !n && !s)
+          l == null || l.setAttribute("href", "#");
+        else if (n || s) {
+          const g = _((n || s) ?? "", "");
+          l == null || l.setAttribute("target", "_blank"), l == null || l.setAttribute("href", g), l == null || l.setAttribute("rel", "noopener noreferrer");
+        } else
+          l == null || l.setAttribute("href", "");
+      i.disconnect();
     }
   }).observe(document.body, { childList: !0, subtree: !0 });
 }
 function D(e, t, n) {
-  const { rotation: a, scale: s } = t, r = a % 180 === 0;
+  const { rotation: s, scale: a } = t, r = s % 180 === 0;
   if (e.fieldType === "Btn" && e.pushButton) {
-    const o = e.rect[2] - e.rect[0], c = e.rect[3] - e.rect[1], i = document.createElement("canvas");
-    i.setAttribute("width", ((r ? o : c) * s).toString()), i.setAttribute("height", ((r ? c : o) * s).toString()), n.set(e.id, i);
+    const o = e.rect[2] - e.rect[0], i = e.rect[3] - e.rect[1], c = document.createElement("canvas");
+    c.setAttribute("width", ((r ? o : i) * a).toString()), c.setAttribute("height", ((r ? i : o) * a).toString()), n.set(e.id, c);
   }
 }
-function k(e) {
+function S(e) {
   var r;
   let t = e;
   for (; t.tagName !== "SECTION"; )
     t = t.parentElement;
-  const n = t.getAttribute("aria-haspopup") === "dialog", a = t.classList.contains("popupAnnotation");
-  if (!n && !a)
+  const n = t.getAttribute("aria-haspopup") === "dialog", s = t.classList.contains("popupAnnotation");
+  if (!n && !s)
     return;
-  let s = t.id || t.getAttribute("aria-controls");
-  if (s || (s = (r = t.firstChild) == null ? void 0 : r.id), s && t.parentElement) {
-    const o = t.parentElement.querySelector(`[aria-controls="${s}"]`);
-    o && new MutationObserver((i, p) => {
-      const h = document.querySelectorAll(".popupDate");
-      h.length > 0 && (h.forEach((m) => {
+  let a = t.id || t.getAttribute("aria-controls");
+  if (a || (a = (r = t.firstChild) == null ? void 0 : r.id), a && t.parentElement) {
+    const o = t.parentElement.querySelector(`[aria-controls="${a}"]`);
+    o && new MutationObserver((c, l) => {
+      const g = document.querySelectorAll(".popupDate");
+      g.length > 0 && (g.forEach((m) => {
         if (m.innerHTML)
           return !1;
         const N = m.getAttribute("data-l10n-args");
@@ -141,31 +149,31 @@ function k(e) {
           const { date: y, time: A } = JSON.parse(N);
           y && A && (m.textContent = `${y}, ${A}`);
         }
-      }), p.disconnect());
+      }), l.disconnect());
     }).observe(o, { childList: !0, subtree: !0 });
   }
 }
-function d(e, t, n) {
-  const a = [];
+function p(e, t, n) {
+  const s = [];
   if (n)
-    for (const s of n)
-      s[e] === t && a.push(s);
-  return a;
+    for (const a of n)
+      a[e] === t && s.push(a);
+  return s;
 }
-function u(e, t) {
+function f(e, t) {
   return { type: e, data: t };
 }
-async function S(e, t) {
+async function w(e, t) {
   if (e.dest)
     if (typeof e.dest == "string") {
-      const n = await b(t, e.dest);
-      return u(l.INTERNAL_LINK, {
+      const n = await h(t, e.dest);
+      return f(u.INTERNAL_LINK, {
         referencedPage: n.pageIndex,
         offset: null
       });
     } else {
       const n = await t.getPageIndex(e.dest[0]);
-      return u(l.INTERNAL_LINK, {
+      return f(u.INTERNAL_LINK, {
         referencedPage: n,
         offset: {
           left: e.dest[2],
@@ -174,7 +182,7 @@ async function S(e, t) {
       });
     }
   else if (e.url)
-    return u(l.LINK, {
+    return f(u.LINK, {
       url: e.url,
       unsafeUrl: e.unsafeUrl
     });
@@ -182,113 +190,113 @@ async function S(e, t) {
 function T(e) {
   for (const t of e.getElementsByTagName("span")) {
     let n = t.textContent;
-    const a = JSON.parse(t.dataset.l10nArgs ?? "{}");
+    const s = JSON.parse(t.dataset.l10nArgs ?? "{}");
     if (n)
-      for (const s in a)
-        n = n.replace(`{{${s}}}`, a[s]);
+      for (const a in s)
+        n = n.replace(`{{${a}}}`, s[a]);
     t.textContent = n;
   }
 }
-function w(e) {
-  return u(l.FILE_ATTACHMENT, e.file);
+function C(e) {
+  return f(u.FILE_ATTACHMENT, e.file);
 }
-function f(e, t) {
+function d(e, t) {
   switch (e.type) {
     case "textarea":
     case "text":
-      return u(l.FORM_TEXT, {
+      return f(u.FORM_TEXT, {
         fieldName: e.name,
         value: e.value
       });
     case "select-one":
     case "select-multiple":
       const n = [];
-      for (const s of e.options)
+      for (const a of e.options)
         n.push({
-          value: s.value,
-          label: s.label
+          value: a.value,
+          label: a.label
         });
-      const a = [];
-      for (const s of e.selectedOptions)
-        a.push({
-          value: s.value,
-          label: s.label
+      const s = [];
+      for (const a of e.selectedOptions)
+        s.push({
+          value: a.value,
+          label: a.label
         });
-      return u(l.FORM_SELECT, {
+      return f(u.FORM_SELECT, {
         fieldName: e.name,
-        value: a,
+        value: s,
         options: n
       });
     case "checkbox":
-      return u(l.FORM_CHECKBOX, {
+      return f(u.FORM_CHECKBOX, {
         fieldName: e.name,
         checked: e.checked
       });
     case "radio":
-      return u(l.FORM_RADIO, {
+      return f(u.FORM_RADIO, {
         fieldName: e.name,
         ...t
       });
     case "button":
-      return u(l.FORM_BUTTON, {
+      return f(u.FORM_BUTTON, {
         fieldName: e.name,
         ...t
       });
   }
 }
 async function W(e, t, n) {
-  var s;
-  let a = e.target.parentNode;
-  if (a.tagName === "DIV" && (a = a.firstChild), k(a), typeof a.className != "object")
-    if (a.className === "linkAnnotation" && e.type === "click") {
-      const r = (s = a.dataset) == null ? void 0 : s.annotationId;
+  var a;
+  let s = e.target.parentNode;
+  if (s.tagName === "DIV" && (s = s.firstChild), S(s), typeof s.className != "object")
+    if (s.className === "linkAnnotation" && e.type === "click") {
+      const r = (a = s.dataset) == null ? void 0 : a.annotationId;
       if (r) {
-        const o = d("id", r, n);
+        const o = p("id", r, n);
         if (o.length)
-          return await S(o[0], t);
+          return await w(o[0], t);
       }
     } else if (
       /* annotation.className.includes('popupAnnotation') || */
-      a.className.includes("textAnnotation")
+      s.className.includes("textAnnotation")
     )
-      T(a);
-    else if (a.className.includes("fileAttachmentAnnotation")) {
-      T(a);
-      const r = a.dataset.annotationId;
+      T(s);
+    else if (s.className.includes("fileAttachmentAnnotation")) {
+      T(s);
+      const r = s.dataset.annotationId;
       if (r && e.type === "dblclick")
-        return w(d("id", r, n)[0]);
-    } else if (a.className.includes("textWidgetAnnotation") && e.type === "input") {
-      let r = a.getElementsByTagName("input")[0];
-      return r || (r = a.getElementsByTagName("textarea")[0]), f(r);
+        return C(p("id", r, n)[0]);
+    } else if (s.className.includes("textWidgetAnnotation") && e.type === "input") {
+      let r = s.getElementsByTagName("input")[0];
+      return r || (r = s.getElementsByTagName("textarea")[0]), d(r);
     } else {
-      if (a.className.includes("choiceWidgetAnnotation") && e.type === "input")
-        return f(a.getElementsByTagName("select")[0]);
-      if (a.className.includes("buttonWidgetAnnotation checkBox") && e.type === "change")
-        return f(a.getElementsByTagName("input")[0]);
-      if (a.className.includes("buttonWidgetAnnotation radioButton") && e.type === "change") {
-        const r = a.dataset.annotationId;
+      if (s.className.includes("choiceWidgetAnnotation") && e.type === "input")
+        return d(s.getElementsByTagName("select")[0]);
+      if (s.className.includes("buttonWidgetAnnotation checkBox") && e.type === "change")
+        return d(s.getElementsByTagName("input")[0]);
+      if (s.className.includes("buttonWidgetAnnotation radioButton") && e.type === "change") {
+        const r = s.dataset.annotationId;
         if (r) {
-          const o = d("id", r, n)[0], c = [];
-          for (const i of d(
+          const o = p("id", r, n)[0], i = [];
+          for (const c of p(
             "fieldName",
             o.fieldName,
             n
           ))
-            i.buttonValue && c.push(i.buttonValue);
-          return f(a.getElementsByTagName("input")[0], {
+            c.buttonValue && i.push(c.buttonValue);
+          return d(s.getElementsByTagName("input")[0], {
             value: o.buttonValue,
             defaultValue: o.fieldValue,
-            options: c
+            options: i
           });
         }
-      } else if (a.className.includes("buttonWidgetAnnotation pushButton") && e.type === "click") {
-        const r = a.dataset.annotationId;
+      } else if (s.className.includes("buttonWidgetAnnotation pushButton") && e.type === "click") {
+        const r = s.dataset.annotationId;
         if (r) {
-          const o = d("id", r, n)[0], { action: c } = o;
-          return c && ["Print", "SaveAs"].includes(c) ? { type: l.BUTTON, data: o } : o.resetForm ? f(
+          const o = p("id", r, n)[0], { action: i } = o;
+          return i && ["Print", "SaveAs"].includes(i) ? { type: u.BUTTON, data: o } : o.resetForm ? d(
             { name: o.fieldName, type: "button" },
             { actions: o.actions, reset: !0 }
-          ) : f(
+          ) : d(
             { name: o.fieldName, type: "button" },
             { actions: o.actions, reset: !1 }
           );

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as E, useCallback as h, useEffect as A } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-12-15T18:53:04.244Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-12-16T03:06:14.614Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   invalidLicense: `You are currently using without a valid license. ${d}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
   expired: `Your license key has expired. ${d}`,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
-  "version": "1.15.0-beta.3",
+  "version": "1.15.0-beta.4",
   "keywords": [
     "react-pdf",
     "react-pdf-viewer",