@react-pdf-kit/viewer 2.0.0-beta.5 → 2.0.0-beta.6

package/dist/main.js

@@ -1,6 +1,6 @@
 import { RPProvider as kr } from "./components/RPProvider.js";
-import { a as Br, R as Hr, S as Ir, b as Or, u as zr, c as Er, d as Nr } from "./ToolbarLayout.module-7a53aa2b.js";
-import { RPConfig as jr } from "./components/RPConfig.js";
+import { a as Br, R as Hr, S as Ir, b as Or, u as jr, c as zr, d as Er } from "./ToolbarLayout.module-b9afb430.js";
+import { RPConfig as Ur } from "./components/RPConfig.js";
 import { RPLayout as Ar } from "./components/layout/RPLayout.js";
 import { RPTheme as Jr } from "./components/RPTheme.js";
 import { useDarkModeContext as Qr } from "./contexts/DarkModeContext.js";
@@ -14,6 +14,7 @@ import { useHighlightContext as lt } from "./contexts/HighlightContext.js";
 import { useFullScreenContext as ft } from "./contexts/FullScreenContext.js";
 import { usePageRotateContext as st } from "./utils/hooks/usePageRotateContext.js";
 import { useElementPageContext as Tt } from "./contexts/ElementPageContext.js";
+import * as o from "pdfjs-dist";
 import { ThemeSwitcherTool as ct } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
 import { ThumbnailTool as gt } from "./components/layout/toolbar/tools/ThumbnailTool.js";
 import { FileUploadTool as dt } from "./components/layout/toolbar/tools/FileUploadTool.js";
@@ -25,9 +26,9 @@ import { NextPageTool as Vt } from "./components/layout/toolbar/tools/NextPageTo
 import { InputPageTool as kt } from "./components/layout/toolbar/tools/InputPageTool.js";
 import { ZoomInTool as Bt } from "./components/layout/toolbar/tools/ZoomInTool.js";
 import { ZoomOutTool as It } from "./components/layout/toolbar/tools/ZoomOutTool.js";
-import { ZoomLevelTool as zt } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
-import { DocumentPropertiesTool as Nt } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
-import { RotateClockwiseTool as jt } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
+import { ZoomLevelTool as jt } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
+import { DocumentPropertiesTool as Et } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
+import { RotateClockwiseTool as Ut } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
 import { RotateCounterclockwiseTool as At } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
 import { RPHorizontalBar as Jt } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
 import { RPVerticalBar as Qt } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
@@ -78,7 +79,6 @@ import "./utils/highlight.js";
 import "./utils/charators.js";
 import "./utils/Queue.js";
 import "./utils/renderPage.js";
-import "pdfjs-dist";
 import "./contexts/ThemeContext.js";
 import "./contexts/ConfigContext.js";
 import "./components/icons/Thumbnail.js";
@@ -93,15 +93,15 @@ import "./components/icons/DarkPdfIcon.js";
 import "./LayoutWrapper-6224491f.js";
 import "./SearchCloseButton-08d57275.js";
 import "./components/ui/RPTooltip.js";
-import "./index-c9a2990a.js";
+import "./index-35c7f4a2.js";
 import "react-dom";
-import "./floating-ui.react-dom-d22a10b4.js";
+import "./floating-ui.react-dom-6b2fe0df.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-3bf64864.js";
+import "./index-f563c6f0.js";
 import "./components/layout/toolbar/MenuItem.js";
 import "./components/layout/toolbar/MenuSeparator.js";
 import "./utils/dateFormatter.js";
@@ -173,7 +173,7 @@ import "./utils/getElementPositionInPage.js";
 import "./components/icons/ChevronDownIcon.js";
 import "./components/layout/toolbar/ThumbnailTool.js";
 export {
-  Nt as DocumentPropertiesTool,
+  Et as DocumentPropertiesTool,
   om as DualPageTool,
   ht as FileDownloadTool,
   dt as FileUploadTool,
@@ -183,7 +183,7 @@ export {
   Vt as NextPageTool,
   Lt as PreviousPageTool,
   Dt as PrintTool,
-  jr as RPConfig,
+  Ur as RPConfig,
   Br as RPDefaultLayout,
   Jt as RPHorizontalBar,
   Ar as RPLayout,
@@ -191,7 +191,7 @@ export {
   kr as RPProvider,
   Jr as RPTheme,
   Qt as RPVerticalBar,
-  jt as RotateClockwiseTool,
+  Ut as RotateClockwiseTool,
   At as RotateCounterclockwiseTool,
   mm as ScrollMode,
   Ir as SearchTool,
@@ -204,8 +204,9 @@ export {
   em as ViewMode,
   Bt as ZoomInTool,
   xm as ZoomLevel,
-  zt as ZoomLevelTool,
+  jt as ZoomLevelTool,
   It as ZoomOutTool,
+  o as pdfjs,
   Qr as useDarkModeContext,
   Xr as useDocumentContext,
   tt as useDropFileZoneContext,
@@ -215,10 +216,10 @@ export {
   lt as useHighlightContext,
   pt as useOpenFileContext,
   st as usePageRotateContext,
-  zr as usePaginationContext,
-  Er as usePrintContext,
+  jr as usePaginationContext,
+  zr as usePrintContext,
   _r as useRotationContext,
-  Nr as useSearchContext,
+  Er as useSearchContext,
   ot as useViewModeContext,
   et as useZoomContext
 };

package/dist/types/main.d.ts

@@ -20,6 +20,7 @@ export { useFullScreenContext } from './contexts/FullScreenContext';
 export { usePageRotateContext } from './utils/hooks/usePageRotateContext';
 export { useElementPageContext } from './contexts/ElementPageContext';
 export { type PDFDocumentProxy } from 'pdfjs-dist';
+export * as pdfjs from 'pdfjs-dist';
 export { SearchTool } from '../lib/components/layout/toolbar/SearchTool';
 export { ThemeSwitcherTool } from './components/layout/toolbar/tools/ThemeSwitcherTool';
 export { ThumbnailTool } from './components/layout/toolbar/tools/ThumbnailTool';

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

@@ -5,4 +5,5 @@ export declare function bindLayerEvents(annotatedLayer: HTMLDivElement, handler:
 export declare function unbindLayerEvents(annotatedLayer: HTMLDivElement, handler: (event: Event) => void): void;
 export declare function handleAnnotationLink(annotation: Annotation): void;
 export declare function handleAnnotationWidget(annotation: Annotation, viewport: PageViewport, canvasMap: Map<string, HTMLCanvasElement>): void;
+export declare function handleAriaHasPopup(targetElement: HTMLElement): void;
 export declare function annotationEventsHandler(evt: Event, PDFDoc: PDFDocumentProxy, Annotations: Object[]): Promise<AnnotationEventPayload | undefined>;

package/dist/types/utils/hooks/useLoadWorker.d.ts

@@ -1,3 +1,18 @@
+/**
+ * Hook to configure the PDF.js worker URL.
+ *
+ * For Next.js 14 compatibility, users should configure the worker in their own code:
+ * ```ts
+ * import { pdfjs } from '@react-pdf-kit/viewer'
+ *
+ * pdfjs.GlobalWorkerOptions.workerSrc = new URL(
+ *   'pdfjs-dist/build/pdf.worker.min.mjs',
+ *   import.meta.url,
+ * ).toString();
+ * ```
+ *
+ * The workerUrl prop can still be used to override the worker URL if needed.
+ */
 export declare const useLoadWorker: (workerUrl?: string) => {
     workerUrlAdded: boolean;
 };

package/dist/utils/annotations.js

@@ -1,22 +1,22 @@
-import { sanitizeExternalUrl as y } from "./sanitizeExternalUrl.js";
+import { sanitizeExternalUrl as I } from "./sanitizeExternalUrl.js";
 import { AnnotationType as l } from "./types.js";
-import { dateFormatter as O } from "./dateFormatter.js";
+import { dateFormatter as B } from "./dateFormatter.js";
 import "../th_TH-d627cd51.js";
-const b = ["click", "dblclick", "input", "change", "mouseover"], m = /* @__PURE__ */ new Map(), N = (e, s) => `${e.loadingTask.docId}___${s.num}R${s.gen === 0 ? "" : s.gen}`;
-function A(e, s) {
-  const t = N(e, s);
-  return m.has(t) ? m.get(t) ?? null : null;
+const v = ["click", "dblclick", "input", "change", "mouseover"], g = /* @__PURE__ */ new Map(), x = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
+function C(e, t) {
+  const n = x(e, t);
+  return g.has(n) ? g.get(n) ?? null : null;
 }
-const v = (e, s, t) => {
-  m.set(N(e, s), t);
-}, g = (e, s) => {
-  switch (s[1].name) {
+const S = (e, t, n) => {
+  g.set(x(e, t), n);
+}, T = (e, t) => {
+  switch (t[1].name) {
     case "XYZ":
       return {
-        bottomOffset: (t, n) => s[3] === null ? n : s[3],
-        leftOffset: (t, n) => s[2] === null ? 0 : s[2],
+        bottomOffset: (n, s) => t[3] === null ? s : t[3],
+        leftOffset: (n, s) => t[2] === null ? 0 : t[2],
         pageIndex: e,
-        scaleTo: s[4]
+        scaleTo: t[4]
       };
     case "Fit":
     case "FitB":
@@ -29,7 +29,7 @@ const v = (e, s, t) => {
     case "FitH":
     case "FitBH":
       return {
-        bottomOffset: s[2],
+        bottomOffset: t[2],
         leftOffset: 0,
         pageIndex: e,
         scaleTo: 1
@@ -42,76 +42,106 @@ const v = (e, s, t) => {
         scaleTo: 1
       };
   }
-}, R = (e) => {
+}, M = (e) => {
   e && (() => {
-    const t = e == null ? void 0 : e.querySelectorAll(
+    const n = e == null ? void 0 : e.querySelectorAll(
       '[data-l10n-id="pdfjs-annotation-date-time-string"]'
     );
-    t == null || t.forEach((n) => {
-      const { date: a, time: o, dateObj: i } = JSON.parse(n.dataset.l10nArgs ?? "{}");
-      a && o ? n.textContent = `${a}, ${o}` : i && (n.textContent = O(i));
+    n == null || n.forEach((s) => {
+      const { date: a, time: o, dateObj: i } = JSON.parse(s.dataset.l10nArgs ?? "{}");
+      a && o ? s.textContent = `${a}, ${o}` : i && (s.textContent = B(i));
     });
   })();
 };
-async function h(e, s) {
-  let t;
-  if (typeof s == "string" ? t = await e.getDestination(s) : t = s, t && typeof t[0] == "object" && t[0] !== null) {
-    const n = t[0], a = A(e, n);
+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 s = n[0], a = C(e, s);
     if (a === null) {
-      const o = await e.getPageIndex(n);
-      return v(e, n, o), await h(e, t);
+      const o = await e.getPageIndex(s);
+      return S(e, s, o), await E(e, n);
     } else
-      return g(a, t);
+      return T(a, n);
   } else
-    return g(t[0], t);
+    return T(n[0], n);
 }
-function C(e, s) {
-  for (const t of b)
-    e.addEventListener(t, s);
+function P(e, t) {
+  for (const n of v)
+    e.addEventListener(n, t);
 }
-function F(e, s) {
-  for (const t of b)
-    e.removeEventListener(t, s);
+function $(e, t) {
+  for (const n of v)
+    e.removeEventListener(n, t);
 }
-function w(e) {
-  const { id: s, url: t, unsafeUrl: n } = e;
+function D(e) {
+  const { id: t, url: n, unsafeUrl: s } = e;
   new MutationObserver((o, i) => {
-    const c = document.querySelector(`[data-annotation-id="${s}"]`);
+    const c = document.querySelector(`[data-annotation-id="${t}"]`);
     if (c) {
-      const r = c.querySelector("a"), T = y((t || n) ?? "", "");
-      r && (r == null || r.setAttribute("target", "_blank"), r == null || r.setAttribute("href", T), r == null || r.setAttribute("rel", "noopener noreferrer")), i.disconnect();
+      const r = c.querySelector("a"), p = I((n || s) ?? "", "");
+      r && (r == null || r.setAttribute("target", "_blank"), r == null || r.setAttribute("href", p), r == null || r.setAttribute("rel", "noopener noreferrer")), i.disconnect();
     }
   }).observe(document.body, { childList: !0, subtree: !0 });
 }
-function L(e, s, t) {
-  const { rotation: n, scale: a } = s, o = n % 180 === 0;
+function U(e, t, n) {
+  const { rotation: s, scale: a } = t, o = s % 180 === 0;
   if (e.fieldType === "Btn" && e.pushButton) {
     const i = e.rect[2] - e.rect[0], c = e.rect[3] - e.rect[1], r = document.createElement("canvas");
-    r.setAttribute("width", ((o ? i : c) * a).toString()), r.setAttribute("height", ((o ? c : i) * a).toString()), t.set(e.id, r);
+    r.setAttribute("width", ((o ? i : c) * a).toString()), r.setAttribute("height", ((o ? c : i) * a).toString()), n.set(e.id, r);
   }
 }
-function d(e, s, t) {
-  const n = [];
-  if (t)
-    for (const a of t)
-      a[e] === s && n.push(a);
-  return n;
+function V(e) {
+  var o;
+  let t = e;
+  for (; t.tagName !== "SECTION"; )
+    t = t.parentElement;
+  const n = t.getAttribute("aria-haspopup") === "dialog", s = t.classList.contains("popupAnnotation");
+  if (!n && !s)
+    return;
+  let a = t.id || t.getAttribute("aria-controls");
+  if (a || (a = (o = t.firstChild) == null ? void 0 : o.id), a && t.parentElement) {
+    const i = t.parentElement.querySelector(`[aria-controls="${a}"]`);
+    i && new MutationObserver((r, p) => {
+      const b = document.querySelectorAll(".popupDate");
+      b.length > 0 && (b.forEach((m) => {
+        if (m.innerHTML)
+          return !1;
+        const N = m.getAttribute("data-l10n-args");
+        if (N) {
+          const { date: h, time: O, dateObj: A } = JSON.parse(N);
+          if (h && O)
+            m.textContent = `${h}, ${O}`;
+          else if (A) {
+            const _ = new Date(A);
+            m.textContent = _.toLocaleString();
+          }
+        }
+      }), p.disconnect());
+    }).observe(i, { childList: !0, subtree: !0 });
+  }
 }
-function u(e, s) {
-  return { type: e, data: s };
+function d(e, t, n) {
+  const s = [];
+  if (n)
+    for (const a of n)
+      a[e] === t && s.push(a);
+  return s;
 }
-async function _(e, s) {
+function u(e, t) {
+  return { type: e, data: t };
+}
+async function k(e, t) {
   if (e.dest)
     if (typeof e.dest == "string") {
-      const t = await h(s, e.dest);
+      const n = await E(t, e.dest);
       return u(l.INTERNAL_LINK, {
-        referencedPage: t.pageIndex,
+        referencedPage: n.pageIndex,
         offset: null
       });
     } else {
-      const t = await s.getPageIndex(e.dest[0]);
+      const n = await t.getPageIndex(e.dest[0]);
       return u(l.INTERNAL_LINK, {
-        referencedPage: t,
+        referencedPage: n,
         offset: {
           left: e.dest[2],
           bottom: e.dest[3]
@@ -124,20 +154,20 @@ async function _(e, s) {
       unsafeUrl: e.unsafeUrl
     });
 }
-function p(e) {
-  for (const s of e.getElementsByTagName("span")) {
-    let t = s.textContent;
-    const n = JSON.parse(s.dataset.l10nArgs ?? "{}");
-    if (t)
-      for (const a in n)
-        t = t.replace(`{{${a}}}`, n[a]);
-    s.textContent = t;
+function y(e) {
+  for (const t of e.getElementsByTagName("span")) {
+    let n = t.textContent;
+    const s = JSON.parse(t.dataset.l10nArgs ?? "{}");
+    if (n)
+      for (const a in s)
+        n = n.replace(`{{${a}}}`, s[a]);
+    t.textContent = n;
   }
 }
-function x(e) {
+function w(e) {
   return u(l.FILE_ATTACHMENT, e.file);
 }
-function f(e, s) {
+function f(e, t) {
   switch (e.type) {
     case "textarea":
     case "text":
@@ -147,22 +177,22 @@ function f(e, s) {
       });
     case "select-one":
     case "select-multiple":
-      const t = [];
+      const n = [];
       for (const a of e.options)
-        t.push({
+        n.push({
           value: a.value,
           label: a.label
         });
-      const n = [];
+      const s = [];
       for (const a of e.selectedOptions)
-        n.push({
+        s.push({
           value: a.value,
           label: a.label
         });
       return u(l.FORM_SELECT, {
         fieldName: e.name,
-        value: n,
-        options: t
+        value: s,
+        options: n
       });
     case "checkbox":
       return u(l.FORM_CHECKBOX, {
@@ -172,64 +202,64 @@ function f(e, s) {
     case "radio":
       return u(l.FORM_RADIO, {
         fieldName: e.name,
-        ...s
+        ...t
       });
     case "button":
       return u(l.FORM_BUTTON, {
         fieldName: e.name,
-        ...s
+        ...t
       });
   }
 }
-async function S(e, s, t) {
+async function j(e, t, n) {
   var a;
-  let n = e.target.parentNode;
-  if (n.tagName === "DIV" && (n = n.firstChild), typeof n.className != "object")
-    if (n.className === "linkAnnotation" && e.type === "click") {
-      const o = (a = n.dataset) == null ? void 0 : a.annotationId;
+  let s = e.target.parentNode;
+  if (s.tagName === "DIV" && (s = s.firstChild), typeof s.className != "object")
+    if (s.className === "linkAnnotation" && e.type === "click") {
+      const o = (a = s.dataset) == null ? void 0 : a.annotationId;
       if (o) {
-        const i = d("id", o, t);
+        const i = d("id", o, n);
         if (i.length)
-          return await _(i[0], s);
+          return await k(i[0], t);
       }
     } else if (
       /* annotation.className.includes('popupAnnotation') || */
-      n.className.includes("textAnnotation")
+      s.className.includes("textAnnotation")
     )
-      p(n);
-    else if (n.className.includes("fileAttachmentAnnotation")) {
-      p(n);
-      const o = n.dataset.annotationId;
+      y(s);
+    else if (s.className.includes("fileAttachmentAnnotation")) {
+      y(s);
+      const o = s.dataset.annotationId;
       if (o && e.type === "dblclick")
-        return x(d("id", o, t)[0]);
-    } else if (n.className.includes("textWidgetAnnotation") && e.type === "input") {
-      let o = n.getElementsByTagName("input")[0];
-      return o || (o = n.getElementsByTagName("textarea")[0]), f(o);
+        return w(d("id", o, n)[0]);
+    } else if (s.className.includes("textWidgetAnnotation") && e.type === "input") {
+      let o = s.getElementsByTagName("input")[0];
+      return o || (o = s.getElementsByTagName("textarea")[0]), f(o);
     } else {
-      if (n.className.includes("choiceWidgetAnnotation") && e.type === "input")
-        return f(n.getElementsByTagName("select")[0]);
-      if (n.className.includes("buttonWidgetAnnotation checkBox") && e.type === "change")
-        return f(n.getElementsByTagName("input")[0]);
-      if (n.className.includes("buttonWidgetAnnotation radioButton") && e.type === "change") {
-        const o = n.dataset.annotationId;
+      if (s.className.includes("choiceWidgetAnnotation") && e.type === "input")
+        return f(s.getElementsByTagName("select")[0]);
+      if (s.className.includes("buttonWidgetAnnotation checkBox") && e.type === "change")
+        return f(s.getElementsByTagName("input")[0]);
+      if (s.className.includes("buttonWidgetAnnotation radioButton") && e.type === "change") {
+        const o = s.dataset.annotationId;
         if (o) {
-          const i = d("id", o, t)[0], c = [];
+          const i = d("id", o, n)[0], c = [];
           for (const r of d(
             "fieldName",
             i.fieldName,
-            t
+            n
           ))
             r.buttonValue && c.push(r.buttonValue);
-          return f(n.getElementsByTagName("input")[0], {
+          return f(s.getElementsByTagName("input")[0], {
             value: i.buttonValue,
             defaultValue: i.fieldValue,
             options: c
           });
         }
-      } else if (n.className.includes("buttonWidgetAnnotation pushButton") && e.type === "click") {
-        const o = n.dataset.annotationId;
+      } else if (s.className.includes("buttonWidgetAnnotation pushButton") && e.type === "click") {
+        const o = s.dataset.annotationId;
         if (o) {
-          const i = d("id", o, t)[0], { action: c } = i;
+          const i = d("id", o, n)[0], { action: c } = i;
           return c && ["Print", "SaveAs"].includes(c) ? { type: l.BUTTON, data: i } : i.resetForm ? f(
             { name: i.fieldName, type: "button" },
             { actions: i.actions, reset: !0 }
@@ -242,10 +272,11 @@ async function S(e, s, t) {
     }
 }
 export {
-  S as annotationEventsHandler,
-  C as bindLayerEvents,
-  w as handleAnnotationLink,
-  L as handleAnnotationWidget,
-  R as insertDateText,
-  F as unbindLayerEvents
+  j as annotationEventsHandler,
+  P as bindLayerEvents,
+  D as handleAnnotationLink,
+  U as handleAnnotationWidget,
+  V as handleAriaHasPopup,
+  M as insertDateText,
+  $ 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 Er } from "../../ToolbarLayout.module-7a53aa2b.js";
+import { b as Er } from "../../ToolbarLayout.module-b9afb430.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -95,10 +95,10 @@ import "../getWordPositionInPage.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
 import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-3bf64864.js";
-import "../../index-c9a2990a.js";
+import "../../index-f563c6f0.js";
+import "../../index-35c7f4a2.js";
 import "react-dom";
-import "../../floating-ui.react-dom-d22a10b4.js";
+import "../../floating-ui.react-dom-6b2fe0df.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("2026-01-27T03:56:03.744Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2026-02-02T14:51:17.318Z"), 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}`,