@pdf-viewer/react 1.16.0-rc.0 → 1.16.0-rc.2

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as br } from "./components/RPProvider.js";
-import { a as yr, R as Br, S as Hr, b as Ir, u as Or, c as zr, d as Er } from "./ToolbarLayout.module-d91e2284.js";
+import { a as yr, R as Br, S as Hr, b as Ir, u as Or, c as zr, d as Er } from "./ToolbarLayout.module-e18aece5.js";
 import { RPConfig as Ur } from "./components/RPConfig.js";
 import { RPLayout as qr } from "./components/layout/RPLayout.js";
 import { RPTheme as Gr } from "./components/RPTheme.js";
@@ -95,13 +95,13 @@ import "./SearchCloseButton-08d57275.js";
 import "./components/ui/RPTooltip.js";
 import "./index-c9a2990a.js";
 import "react-dom";
-import "./index-808ea7bf.js";
+import "./floating-ui.react-dom-d22a10b4.js";
 import "./components/icons/CloseIcon.js";
 import "./components/ui/Checkbox.js";
 import "./components/icons/CheckIcon.js";
 import "./contexts/IconContext.js";
 import "./components/ui/DropDown.js";
-import "./index-a48ec088.js";
+import "./index-3bf64864.js";
 import "./components/layout/toolbar/MenuItem.js";
 import "./components/layout/toolbar/MenuSeparator.js";
 import "./utils/dateFormatter.js";

package/dist/types/utils/annotations.d.ts

@@ -1,7 +1,6 @@
 import { PageViewport, PDFDocumentProxy } from 'pdfjs-dist';
-import { Annotation, AnnotationEventPayload, Destination } from './types';
+import { Annotation, AnnotationEventPayload } from './types';
 export declare const annotationsEvents: (event: Event) => (() => void) | undefined;
-export declare const handleClick: (event: Event, annotation: Annotation[], pdf: PDFDocumentProxy, callback: (res: Destination) => void) => void;
 export declare function bindLayerEvents(annotatedLayer: HTMLDivElement, handler: (event: Event) => void): void;
 export declare function unbindLayerEvents(annotatedLayer: HTMLDivElement, handler: (event: Event) => void): void;
 export declare function handleAnnotationLink(annotation: Annotation): void;

package/dist/types/utils/link_service.d.ts

@@ -1,7 +1,9 @@
+import { PDFDocumentProxy } from 'pdfjs-dist';
 import { IPDFLinkService } from 'pdfjs-dist/types/web/interfaces';
 declare class SimpleLinkService implements IPDFLinkService {
     externalLinkEnabled: boolean;
-    constructor();
+    pdfDocument: PDFDocumentProxy | undefined;
+    constructor(pdfDocument: PDFDocumentProxy, goToPage: (page: number) => void);
     /**
      * @type {number}
      */

package/dist/utils/annotations.js

@@ -1,15 +1,15 @@
-import { sanitizeExternalUrl as L } from "./sanitizeExternalUrl.js";
-import { AnnotationSubType as _, AnnotationType as l } from "./types.js";
-import { dateFormatter as I } from "./dateFormatter.js";
+import { sanitizeExternalUrl as _ } from "./sanitizeExternalUrl.js";
+import { AnnotationType as l } from "./types.js";
+import { dateFormatter as L } 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}`;
-function x(e, t) {
-  const n = E(e, t);
-  return g.has(n) ? g.get(n) ?? null : null;
+const T = ["click", "dblclick", "input", "change"], m = /* @__PURE__ */ new Map(), v = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
+function I(e, t) {
+  const n = v(e, t);
+  return m.has(n) ? m.get(n) ?? null : null;
 }
-const B = (e, t, n) => {
-  g.set(E(e, t), n);
-}, O = (e, t) => {
+const x = (e, t, n) => {
+  m.set(v(e, t), n);
+}, A = (e, t) => {
   switch (t[1].name) {
     case "XYZ":
       return {
@@ -43,17 +43,17 @@ const B = (e, t, n) => {
       };
   }
 };
-async function b(e, t) {
+async function E(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);
+    const a = n[0], s = I(e, a);
     if (s === null) {
       const r = await e.getPageIndex(a);
-      return B(e, a, r), await b(e, n);
+      return x(e, a, r), await E(e, n);
     } else
-      return O(s, n);
+      return A(s, n);
   } else
-    return O(n[0], n);
+    return A(n[0], n);
 }
 const M = (e) => {
   const n = e.target.parentNode;
@@ -68,7 +68,7 @@ const M = (e) => {
         if (c) {
           try {
             const { dateObj: i } = JSON.parse(c);
-            i && (o.textContent = I(i));
+            i && (o.textContent = L(i));
           } catch {
           }
           a.disconnect();
@@ -84,43 +84,33 @@ const M = (e) => {
     attributes: !0
     // Watch for changes to attributes
   }), () => a.disconnect();
-}, P = (e, t, n, a) => {
-  if (e.type !== "click")
-    return;
-  const s = e.target, r = s.getAttribute("data-element-id"), o = s.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);
-  });
 };
-function U(e, t) {
-  for (const n of v)
+function H(e, t) {
+  for (const n of T)
     e.addEventListener(n, t);
 }
-function V(e, t) {
-  for (const n of v)
+function P(e, t) {
+  for (const n of T)
     e.removeEventListener(n, t);
 }
-function $(e) {
+function U(e) {
   const { id: t, url: n, unsafeUrl: a } = e;
   new MutationObserver((r, o) => {
     const c = document.querySelector(`[data-annotation-id="${t}"]`);
     if (c) {
-      const i = c.querySelector("a"), p = L((n || a) ?? "", "");
+      const i = c.querySelector("a"), p = _((n || a) ?? "", "");
       i && (i == null || i.setAttribute("target", "_blank"), i == null || i.setAttribute("href", p), i == null || i.setAttribute("rel", "noopener noreferrer")), o.disconnect();
     }
   }).observe(document.body, { childList: !0, subtree: !0 });
 }
-function D(e, t, n) {
+function V(e, t, n) {
   const { rotation: a, scale: s } = t, r = a % 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);
   }
 }
-function k(e) {
+function B(e) {
   var r;
   let t = e;
   for (; t.tagName !== "SECTION"; )
@@ -132,14 +122,14 @@ function k(e) {
   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) => {
-        if (m.innerHTML)
+      const b = document.querySelectorAll(".popupDate");
+      b.length > 0 && (b.forEach((g) => {
+        if (g.innerHTML)
           return !1;
-        const N = m.getAttribute("data-l10n-args");
+        const N = g.getAttribute("data-l10n-args");
         if (N) {
-          const { date: y, time: A } = JSON.parse(N);
-          y && A && (m.textContent = `${y}, ${A}`);
+          const { date: h, time: y } = JSON.parse(N);
+          h && y && (g.textContent = `${h}, ${y}`);
         }
       }), p.disconnect());
     }).observe(o, { childList: !0, subtree: !0 });
@@ -155,10 +145,10 @@ function d(e, t, n) {
 function u(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);
+      const n = await E(t, e.dest);
       return u(l.INTERNAL_LINK, {
         referencedPage: n.pageIndex,
         offset: null
@@ -179,7 +169,7 @@ async function S(e, t) {
       unsafeUrl: e.unsafeUrl
     });
 }
-function T(e) {
+function O(e) {
   for (const t of e.getElementsByTagName("span")) {
     let n = t.textContent;
     const a = JSON.parse(t.dataset.l10nArgs ?? "{}");
@@ -189,7 +179,7 @@ function T(e) {
     t.textContent = n;
   }
 }
-function w(e) {
+function S(e) {
   return u(l.FILE_ATTACHMENT, e.file);
 }
 function f(e, t) {
@@ -236,27 +226,27 @@ function f(e, t) {
       });
   }
 }
-async function W(e, t, n) {
+async function $(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.tagName === "DIV" && (a = a.firstChild), B(a), typeof a.className != "object")
     if (a.className === "linkAnnotation" && e.type === "click") {
       const r = (s = a.dataset) == null ? void 0 : s.annotationId;
       if (r) {
         const o = d("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")
     )
-      T(a);
+      O(a);
     else if (a.className.includes("fileAttachmentAnnotation")) {
-      T(a);
+      O(a);
       const r = a.dataset.annotationId;
       if (r && e.type === "dblclick")
-        return w(d("id", r, n)[0]);
+        return S(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);
@@ -297,11 +287,10 @@ async function W(e, t, n) {
     }
 }
 export {
-  W as annotationEventsHandler,
+  $ as annotationEventsHandler,
   M as annotationsEvents,
-  U as bindLayerEvents,
-  $ as handleAnnotationLink,
-  D as handleAnnotationWidget,
-  P as handleClick,
-  V as unbindLayerEvents
+  H as bindLayerEvents,
+  U as handleAnnotationLink,
+  V as handleAnnotationWidget,
+  P as unbindLayerEvents
 };

package/dist/utils/hooks/useFileDownload.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { b as Cr } from "../../ToolbarLayout.module-d91e2284.js";
+import { b as Cr } from "../../ToolbarLayout.module-e18aece5.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -94,10 +94,10 @@ import "../getWordPositionInPage.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
 import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
+import "../../index-3bf64864.js";
 import "../../index-c9a2990a.js";
 import "react-dom";
-import "../../index-808ea7bf.js";
+import "../../floating-ui.react-dom-d22a10b4.js";
 import "../../components/layout/toolbar/DarkModeTool.js";
 import "../../components/icons/MoonIcon.js";
 import "../../components/icons/SunIcon.js";

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-30T03:48:13.986Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2026-01-07T03:04:37.364Z"), 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/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { v as Dr } from "../../ToolbarLayout.module-d91e2284.js";
+import { v as Dr } from "../../ToolbarLayout.module-e18aece5.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -94,10 +94,10 @@ import "../getWordPositionInPage.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
 import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
+import "../../index-3bf64864.js";
 import "../../index-c9a2990a.js";
 import "react-dom";
-import "../../index-808ea7bf.js";
+import "../../floating-ui.react-dom-d22a10b4.js";
 import "../../components/layout/toolbar/DarkModeTool.js";
 import "../../components/icons/MoonIcon.js";
 import "../../components/icons/SunIcon.js";

package/dist/utils/hooks/usePresentPage.js

@@ -5,7 +5,7 @@ import "../calculatePage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { Q as Co } from "../../ToolbarLayout.module-d91e2284.js";
+import { Q as Co } from "../../ToolbarLayout.module-e18aece5.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -94,10 +94,10 @@ import "../getWordPositionInPage.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
 import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
+import "../../index-3bf64864.js";
 import "../../index-c9a2990a.js";
 import "react-dom";
-import "../../index-808ea7bf.js";
+import "../../floating-ui.react-dom-d22a10b4.js";
 import "../../components/layout/toolbar/DarkModeTool.js";
 import "../../components/icons/MoonIcon.js";
 import "../../components/icons/SunIcon.js";

package/dist/utils/hooks/usePrint.js

@@ -2,7 +2,7 @@ import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { x as Do } from "../../ToolbarLayout.module-d91e2284.js";
+import { x as Do } from "../../ToolbarLayout.module-e18aece5.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -94,10 +94,10 @@ import "../getWordPositionInPage.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
 import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
+import "../../index-3bf64864.js";
 import "../../index-c9a2990a.js";
 import "react-dom";
-import "../../index-808ea7bf.js";
+import "../../floating-ui.react-dom-d22a10b4.js";
 import "../../components/layout/toolbar/DarkModeTool.js";
 import "../../components/icons/MoonIcon.js";
 import "../../components/icons/SunIcon.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -3,7 +3,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { t as Br } from "../../ToolbarLayout.module-d91e2284.js";
+import { t as Br } from "../../ToolbarLayout.module-e18aece5.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";
@@ -94,10 +94,10 @@ import "./useCopyText.js";
 import "../getWordPositionInPage.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
 import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
+import "../../index-3bf64864.js";
 import "../../index-c9a2990a.js";
 import "react-dom";
-import "../../index-808ea7bf.js";
+import "../../floating-ui.react-dom-d22a10b4.js";
 import "../../components/layout/toolbar/DarkModeTool.js";
 import "../../components/icons/MoonIcon.js";
 import "../../components/icons/SunIcon.js";

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
 import "../../contexts/DocumentPasswordContext.js";
-import { B as Do } from "../../ToolbarLayout.module-d91e2284.js";
+import { B as Do } from "../../ToolbarLayout.module-e18aece5.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -94,10 +94,10 @@ import "./useCopyText.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
 import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
+import "../../index-3bf64864.js";
 import "../../index-c9a2990a.js";
 import "react-dom";
-import "../../index-808ea7bf.js";
+import "../../floating-ui.react-dom-d22a10b4.js";
 import "../../components/layout/toolbar/DarkModeTool.js";
 import "../../components/icons/MoonIcon.js";
 import "../../components/icons/SunIcon.js";

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { z as Do } from "../../ToolbarLayout.module-d91e2284.js";
+import { z as Do } from "../../ToolbarLayout.module-e18aece5.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -94,10 +94,10 @@ import "../getWordPositionInPage.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
 import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
+import "../../index-3bf64864.js";
 import "../../index-c9a2990a.js";
 import "react-dom";
-import "../../index-808ea7bf.js";
+import "../../floating-ui.react-dom-d22a10b4.js";
 import "../../components/layout/toolbar/DarkModeTool.js";
 import "../../components/icons/MoonIcon.js";
 import "../../components/icons/SunIcon.js";

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -4,7 +4,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { M as Ar } from "../../ToolbarLayout.module-d91e2284.js";
+import { M as Ar } from "../../ToolbarLayout.module-e18aece5.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -94,10 +94,10 @@ import "../getWordPositionInPage.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
 import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
+import "../../index-3bf64864.js";
 import "../../index-c9a2990a.js";
 import "react-dom";
-import "../../index-808ea7bf.js";
+import "../../floating-ui.react-dom-d22a10b4.js";
 import "../../components/layout/toolbar/DarkModeTool.js";
 import "../../components/icons/MoonIcon.js";
 import "../../components/icons/SunIcon.js";

package/dist/utils/link_service.js

@@ -1,16 +1,18 @@
-var r = Object.defineProperty;
-var s = (a, e, t) => e in a ? r(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var n = (a, e, t) => (s(a, typeof e != "symbol" ? e + "" : e, t), t);
-class u {
-  constructor() {
-    n(this, "externalLinkEnabled");
-    this.externalLinkEnabled = !0;
+var u = Object.defineProperty;
+var c = (o, e, t) => e in o ? u(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var i = (o, e, t) => (c(o, typeof e != "symbol" ? e + "" : e, t), t);
+class f {
+  constructor(e, t) {
+    i(this, "externalLinkEnabled");
+    i(this, "pdfDocument");
+    this.externalLinkEnabled = !0, this.pdfDocument = e, this.goToPage = t;
   }
   /**
    * @type {number}
    */
   get pagesCount() {
-    return 0;
+    var e;
+    return ((e = this.pdfDocument) == null ? void 0 : e.numPages) ?? 0;
   }
   /**
    * @type {number}
@@ -44,6 +46,34 @@ class u {
    * @param {string|Array} _dest - The named, or explicit, PDF destination.
    */
   async goToDestination(e) {
+    var r, s, g;
+    let t, n;
+    if (typeof e == "string" ? t = await ((r = this.pdfDocument) == null ? void 0 : r.getDestination(e)) : t = await e, !Array.isArray(t)) {
+      console.error(
+        `goToDestination: "${t}" is not a valid destination array, for dest="${e}".`
+      );
+      return;
+    }
+    const [a] = t;
+    if (a && typeof a == "object") {
+      if (n = (s = this.pdfDocument) == null ? void 0 : s.cachedPageNumber(a), !n)
+        try {
+          n = (await ((g = this.pdfDocument) == null ? void 0 : g.getPageIndex(a)) || 0) + 1;
+        } catch {
+          console.error(
+            `goToDestination: "${a}" is not a valid page reference, for dest="${e}".`
+          );
+          return;
+        }
+    } else
+      Number.isInteger(a) && (n = a + 1);
+    if (!n || n < 1 || n > this.pagesCount) {
+      console.error(
+        `goToDestination: "${n}" is not a valid page number, for dest="${e}".`
+      );
+      return;
+    }
+    this.goToPage(n);
   }
   /**
    * @param {number|string} _val - The page number, or page label.
@@ -55,7 +85,7 @@ class u {
    * @param {string} url
    * @param {boolean} [_newWindow]
    */
-  addLinkAttributes(e, t, i = !1) {
+  addLinkAttributes(e, t, n = !1) {
   }
   /**
    * @param _dest - The PDF destination object.
@@ -94,5 +124,5 @@ class u {
   }
 }
 export {
-  u as SimpleLinkService
+  f as SimpleLinkService
 };

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.16.0-rc.0",
+  "version": "1.16.0-rc.2",
   "keywords": [
     "react-pdf",
     "react-pdf-viewer",