@react-pdf-kit/viewer 2.0.0-beta.0 → 2.0.0-beta.1

package/dist/utils/annotations.js

@@ -1,14 +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";
-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;
+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 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 {
@@ -42,19 +43,19 @@ 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 H = (e) => {
+const M = (e) => {
   const n = e.target.parentNode;
   if (!n)
     return;
@@ -67,7 +68,7 @@ const H = (e) => {
         if (c) {
           try {
             const { dateObj: i } = JSON.parse(c);
-            i && (o.textContent = I(i));
+            i && (o.textContent = L(i));
           } catch {
           }
           a.disconnect();
@@ -83,43 +84,33 @@ const H = (e) => {
     attributes: !0
     // Watch for changes to attributes
   }), () => a.disconnect();
-}, M = (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 P(e, t) {
-  for (const n of v)
+function H(e, t) {
+  for (const n of T)
     e.addEventListener(n, t);
 }
-function U(e, t) {
-  for (const n of v)
+function P(e, t) {
+  for (const n of T)
     e.removeEventListener(n, t);
 }
-function V(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 $(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"; )
@@ -131,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 });
@@ -154,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
@@ -178,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 ?? "{}");
@@ -188,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) {
@@ -235,27 +226,27 @@ function f(e, t) {
       });
   }
 }
-async function D(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);
@@ -296,11 +287,10 @@ async function D(e, t, n) {
     }
 }
 export {
-  D as annotationEventsHandler,
-  H as annotationsEvents,
-  P as bindLayerEvents,
-  V as handleAnnotationLink,
-  $ as handleAnnotationWidget,
-  M as handleClick,
-  U as unbindLayerEvents
+  $ as annotationEventsHandler,
+  M as annotationsEvents,
+  H as bindLayerEvents,
+  U as handleAnnotationLink,
+  V as handleAnnotationWidget,
+  P as unbindLayerEvents
 };

package/dist/utils/approximateFragtion.js

@@ -0,0 +1,22 @@
+function u(t) {
+  if (Math.floor(t) === t)
+    return [t, 1];
+  const e = 1 / t, s = 8;
+  if (e > s)
+    return [1, s];
+  if (Math.floor(e) === e)
+    return [1, e];
+  const r = t > 1 ? e : t;
+  let i = 0, n = 1, o = 1, l = 1;
+  for (; ; ) {
+    const c = i + o, f = n + l;
+    if (f > s)
+      break;
+    r <= c / f ? (o = c, l = f) : (i = c, n = f);
+  }
+  let a;
+  return r - i / n < o / l - r ? a = r === t ? [i, n] : [n, i] : a = r === t ? [o, l] : [l, o], a;
+}
+export {
+  u as approximateFraction
+};

package/dist/utils/getElementPositionInPage.js

@@ -0,0 +1,84 @@
+function g(e, o) {
+  !e || typeof e != "object" || Object.entries(e).forEach(([d, i]) => {
+    if (i == null)
+      return;
+    const s = d.replace(/([A-Z])/g, "-$1").toLowerCase(), n = [
+      "width",
+      "height",
+      "top",
+      "right",
+      "bottom",
+      "left",
+      "margin",
+      "margin-top",
+      "margin-right",
+      "margin-bottom",
+      "margin-left",
+      "padding",
+      "padding-top",
+      "padding-right",
+      "padding-bottom",
+      "padding-left",
+      "border-width",
+      "border-top-width",
+      "border-right-width",
+      "border-bottom-width",
+      "border-left-width",
+      "font-size",
+      "line-height",
+      "letter-spacing",
+      "word-spacing",
+      "min-width",
+      "min-height",
+      "max-width",
+      "max-height",
+      "flex-basis",
+      "grid-gap",
+      "grid-row-gap",
+      "grid-column-gap"
+    ];
+    let t;
+    typeof i == "number" && i !== 0 ? t = n.includes(s) ? `${i}px` : String(i) : t = String(i), o.style.setProperty(s, t);
+  });
+}
+const f = (e, o, d, i, s) => {
+  let n = "center";
+  switch (i) {
+    case 90:
+      n = `${e.width / 2}px ${e.width / 2}px`;
+      break;
+    case -90:
+    case 270:
+      n = `${e.height / 2}px ${e.height / 2}px`;
+      break;
+    default:
+      n = "center";
+  }
+  const t = document.createElement("div");
+  t.id = "parent-element", t.style.width = `${e.width}px`, t.style.height = `${e.height}px`, t.style.setProperty("--scale-factor", s.toString()), t.style.setProperty("--rotation", i.toString()), t.style.setProperty("--transform-origin", n), t.style.left = "-99999px", t.style.visibility = "hidden", t.style.position = "absolute";
+  const l = document.createElement("div");
+  l.style.position = "relative", l.style.width = "100%", l.style.height = "100%", t.appendChild(l);
+  let r;
+  if (d instanceof HTMLElement)
+    r = d.cloneNode(!0), l.appendChild(r);
+  else {
+    const p = d.props;
+    r = document.createElement("div"), p.style && g(p.style, r), p.className && (r.className = p.className), l.appendChild(r);
+  }
+  o.appendChild(t);
+  const c = t.getBoundingClientRect(), h = r.getBoundingClientRect();
+  o.removeChild(t);
+  const a = {
+    top: o.clientHeight / 2,
+    left: o.clientWidth / 2
+  };
+  return {
+    left: h.left - c.left - a.left,
+    top: h.top - c.top - a.top,
+    width: h.width,
+    height: h.height
+  };
+};
+export {
+  f as getElementPagePosition
+};

package/dist/utils/getZoomLevel.js

@@ -1,23 +1,24 @@
-import { SCROLL_BAR_WIDTH as a, PAGE_PADDING as f } from "./constants.js";
-import { ViewMode as u, ZoomLevel as r } from "./types.js";
-const l = (o, t, m, e, A, c) => {
+import { SCROLL_BAR_WIDTH as n, PAGE_PADDING as f } from "./constants.js";
+import { ViewMode as i, ZoomLevel as r } from "./types.js";
+import "../th_TH-d627cd51.js";
+const D = (o, t, a, e, A, c) => {
   if (typeof o == "number")
     return o;
-  const n = c === u.DUAL_PAGE ? 2 * e : e;
+  const m = c === i.DUAL_PAGE ? 2 * e : e;
   switch (o) {
     case r.PAGE_FIT:
       const s = Math.min(
-        (t - a) / n,
-        (m - f) / A
+        (t - n) / m,
+        (a - f) / A
       );
       return Math.floor(s * 100);
     case r.PAGE_WIDTH:
-      return Math.floor((t - a) / n * 100);
+      return Math.floor((t - n) / m * 100);
     case r.ACTUAL:
     default:
       return 100;
   }
 };
 export {
-  l as getZoomLevel
+  D as getZoomLevel
 };

package/dist/utils/hooks/useDarkModeProps.js

@@ -1,5 +1,6 @@
 import { useDarkMode as e } from "./useDarkMode.js";
-const t = () => {
+import "react";
+const d = () => {
   const { darkMode: o, setDarkMode: r } = e();
   return {
     darkMode: o,
@@ -7,5 +8,5 @@ const t = () => {
   };
 };
 export {
-  t as useDarkModeProps
+  d as useDarkModeProps
 };

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 io } from "../../ToolbarLayout.module-c588d36b.js";
+import { b as Hr } from "../../ToolbarLayout.module-37619c4b.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -30,29 +30,113 @@ import "../../contexts/LoaderContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../../contexts/IconToolContext.js";
 import "../../contexts/OtherToolContext.js";
+import "../../contexts/EventCallbackContext.js";
 import "../../components/RPConfig.js";
 import "../../components/layout/Container.js";
 import "../../contexts/ViewportContext.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../components/layout/sidebar/RPSplitter.js";
 import "../../components/layout/WrapperLayout.js";
-import "../../LayoutWrapper-a871c161.js";
+import "../../LayoutWrapper-6224491f.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../components/ui/Button.js";
-import "../../SearchCloseButton-cbf182aa.js";
+import "../../SearchCloseButton-08d57275.js";
 import "../../components/ui/Input.js";
 import "../../components/ui/Checkbox.js";
 import "../../components/icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../../components/ui/RPTooltip.js";
 import "../../components/ui/DropDown.js";
-import "../../ZoomTool.module-6c5eabbb.js";
 import "../../components/layout/toolbar/MenuItem.js";
 import "../../components/layout/toolbar/MenuSeparator.js";
 import "../dateFormatter.js";
 import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-03987eba.js";
+import "../../RotateTool.module-67946714.js";
+import "./useLoadPdf.js";
+import "pdfjs-dist";
+import "../types.js";
+import "../../th_TH-d627cd51.js";
+import "../getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../appConsole.js";
+import "./usePdfProperties.js";
+import "../convertPdfDate.js";
+import "../formatFileSize.js";
+import "../../components/icons/ChevronUpIcon.js";
+import "../highlight.js";
+import "../charators.js";
+import "../Queue.js";
+import "../renderPage.js";
+import "../../components/icons/Thumbnail.js";
+import "../../clsx-0c6e471a.js";
+import "../withRef.js";
+import "./useInfiniteScroll.js";
+import "../constants.js";
+import "../link_service.js";
+import "../annotations.js";
+import "../sanitizeExternalUrl.js";
+import "../../components/page/searchHighlight.js";
+import "../const.js";
+import "../../components/page/CustomElement.js";
+import "../getZoomLevel.js";
+import "./useDebounce.js";
+import "./useLicense.js";
+import "../getScrollDistance.js";
+import "../getElementPositionInPage.js";
+import "../calculatePage.js";
+import "./useMousePressed.js";
+import "./useGrabScroll.js";
+import "./usePinch.js";
+import "../../components/ui/PasswordModal.js";
+import "./useLocalization.js";
+import "../approximateFragtion.js";
+import "../getWordPositionInPage.js";
+import "../smoothScrollTo.js";
+import "../../components/layout/toolbar/FileUploadTool.js";
+import "../../components/icons/FileUploadDefaultIcon.js";
+import "../../index-a48ec088.js";
+import "../../index-c9a2990a.js";
+import "react-dom";
+import "../../index-808ea7bf.js";
+import "../../components/layout/toolbar/DarkModeTool.js";
+import "../../components/icons/MoonIcon.js";
+import "../../components/icons/SunIcon.js";
+import "./useDarkMode.js";
+import "../../components/icons/ThreeDotIcon.js";
+import "../../components/icons/CloseIcon.js";
+import "../../components/layout/toolbar/DocumentProperties.js";
+import "../../components/icons/InfoIcon.js";
+import "../../components/layout/toolbar/RotateTool.js";
+import "../../components/icons/ClockwiseIcon.js";
+import "./useRotate.js";
+import "../../components/layout/toolbar/ViewModeTool.js";
+import "../../components/icons/SinglePageIcon.js";
+import "../../components/icons/DualPageIcon.js";
+import "../../components/icons/CheckIcon.js";
+import "../../components/layout/toolbar/ScrollModeTool.js";
+import "../../components/icons/PageScrollingIcon.js";
+import "../../components/icons/VerticalScrollingIcon.js";
+import "../../components/icons/HorizontalScrollingIcon.js";
+import "../../components/icons/FileDownloadDefaultIcon.js";
+import "../../components/icons/PrintDefaultIcon.js";
+import "../../components/layout/toolbar/FullScreenTool.js";
+import "../../components/icons/FullScreenIcon.js";
+import "./useFullScreen.js";
+import "../../components/icons/GoToDownIcon.js";
+import "../../components/layout/toolbar/SelectionModeTool.js";
+import "../../components/icons/TextSelectionDefaultIcon.js";
+import "../../components/icons/HandModeDefaultIcon.js";
+import "../../components/icons/ZoomInIcon.js";
+import "../../components/icons/ZoomOutIcon.js";
+import "../zoom.js";
+import "../../components/icons/SearchIcon.js";
+import "../../components/icons/ClearIcon.js";
+import "./useHighlight.js";
+import "../../components/RPTheme.js";
+import "./useLoadWorker.js";
+import "../../components/icons/LightPdfIcon.js";
+import "../../components/icons/DarkPdfIcon.js";
 export {
-  io as useFileDownload
+  Hr as useFileDownload
 };

package/dist/utils/hooks/useHighlight.js

@@ -1,23 +1,24 @@
 import { useState as l, useCallback as x, useEffect as C } from "react";
 import { getHighlightOptionsWithDefaults as H, findMatches as M } from "../highlight.js";
-const d = (i) => {
-  const [n, a] = l(void 0), [u, r] = l([]), f = x(async (t) => {
+import "../charators.js";
+const k = (s) => {
+  const [n, a] = l(void 0), [u, r] = l([]), m = x(async (t) => {
     if (!t)
       return {};
-    const s = t.numPages, e = {};
-    for (let o = 1; o <= s; o++) {
+    const i = t.numPages, e = {};
+    for (let o = 1; o <= i; o++) {
       const g = await t.getPage(o);
       e[o.toString()] = await g.getTextContent();
     }
     return e;
-  }, []), m = async (t) => {
+  }, []), f = async (t) => {
     a(t);
   }, c = () => {
     r([]), a(void 0);
   };
   return C(() => {
-    i && f(i).then((t) => {
-      let s = [];
+    s && m(s).then((t) => {
+      let i = [];
       for (const { keyword: e, highlightColor: o, options: g } of n) {
         if (!e)
           continue;
@@ -35,20 +36,20 @@ const d = (i) => {
             color: o,
             keyword: e
           }));
-          s = [...s, ...y];
+          i = [...i, ...y];
         }
       }
-      r(s);
+      r(i);
     }).catch(() => {
       c();
     });
-  }, [n, i]), {
-    highlight: m,
+  }, [n, s]), {
+    highlight: f,
     clear: c,
     highlightMatches: u,
     highlightKeywords: n
   };
 };
 export {
-  d as useHighlight
+  k as useHighlight
 };

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-05T03:59:23.044Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2026-01-06T03:19:25.099Z"), 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}`,