@pdf-viewer/react 0.0.0-experimental.0 → 0.0.0-experimental.2

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/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-89451ab3.js";
+import { b as Hr } from "../../ToolbarLayout.module-185b677e.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -30,6 +30,7 @@ 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";
@@ -82,13 +83,14 @@ 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 "../getScrollDistance.js";
 import "../getWordPositionInPage.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
@@ -136,5 +138,5 @@ import "./useLoadWorker.js";
 import "../../components/icons/LightPdfIcon.js";
 import "../../components/icons/DarkPdfIcon.js";
 export {
-  Er as useFileDownload
+  Hr as useFileDownload
 };

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-11-03T08:03:37.519Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-11-26T01:53:04.326Z"), 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/useLoadPdf.js

@@ -1,80 +1,82 @@
-import { useState as a, useRef as N, useEffect as k } from "react";
-import * as x from "pdfjs-dist";
-import { ErrorType as O } from "../types.js";
-import { getThumbnailViewport as U } from "../getThumbnailViewport.js";
-import { useConfigContext as h } from "../../contexts/ConfigContext.js";
-import { useDocumentPasswordContext as j } from "../../contexts/DocumentPasswordContext.js";
+import { useState as a, useRef as O, useEffect as T } from "react";
+import * as C from "pdfjs-dist";
+import { ErrorType as U } from "../types.js";
+import { getThumbnailViewport as h } from "../getThumbnailViewport.js";
+import { useConfigContext as j } from "../../contexts/ConfigContext.js";
+import { useDocumentPasswordContext as A } from "../../contexts/DocumentPasswordContext.js";
 import "../../th_TH-d627cd51.js";
 import "react/jsx-runtime";
 import "../appConsole.js";
-const K = (m, t, V = {}) => {
-  const [n, C] = a(), { workerUrlAdded: y } = h(), [I, L] = a(/* @__PURE__ */ new Map()), d = N(), [S, f] = a(0), [P, T] = a(!1), [q, v] = a(), { password: u, passwordError: D, setPasswordError: c, passwordRequired: g, setPasswordRequired: p } = j(), { onLoadError: i, onLoaded: w } = V;
-  return k(() => {
-    if (!y || !m)
+const Q = (l, s, I = {}) => {
+  const [n, S] = a(), { workerUrlAdded: k } = j(), [q, x] = a(/* @__PURE__ */ new Map()), d = O(), [m, P] = a(0), [g, V] = a(!1), [v, D] = a(), { password: u, passwordError: N, setPasswordError: c, passwordRequired: p, setPasswordRequired: w } = A(), { onLoadError: i, onLoaded: E, onLoadProgress: R } = I;
+  return T(() => {
+    R && R(m);
+  }, [m, R]), T(() => {
+    if (!k || !l)
       return;
-    f(0), d.current = Date.now();
-    const r = d.current, E = {
-      url: m,
-      cMapPacked: (t == null ? void 0 : t.isCompressed) ?? !0,
-      ...(t == null ? void 0 : t.url) && { cMapUrl: t.url },
+    P(0), d.current = Date.now();
+    const r = d.current, b = {
+      url: l,
+      cMapPacked: (s == null ? void 0 : s.isCompressed) ?? !0,
+      ...(s == null ? void 0 : s.url) && { cMapUrl: s.url },
       ...u && { password: u },
-      verbosity: x.VerbosityLevel.ERRORS
+      verbosity: C.VerbosityLevel.ERRORS
     };
     try {
-      const e = x.getDocument(E);
+      const e = C.getDocument(b);
       e.onProgress = (o) => {
         if (r === d.current) {
-          const { loaded: R, total: l } = o, b = l ? Math.min(100, Math.round(R / l * 100)) : 0;
-          f(b);
+          const { loaded: y, total: f } = o, L = f ? Math.min(100, Math.round(y / f * 100)) : 0;
+          P(L);
         }
-      }, T(!0);
-      const s = e.promise.then((o) => (r === d.current && (C(o), f(100)), w && w(o), p(!1), c(""), o)).catch((o) => {
-        o instanceof Error && o.name === "PasswordException" ? (p(!0), c(o.message || "Password required")) : o instanceof Error && o.name === "InvalidPDFException" && u ? (p(!0), c("Incorrect password")) : i && i(o);
+      }, V(!0);
+      const t = e.promise.then((o) => (r === d.current && (S(o), P(100)), E && E(o), w(!1), c(""), o)).catch((o) => {
+        o instanceof Error && o.name === "PasswordException" ? (w(!0), c(o.message || "Password required")) : o instanceof Error && o.name === "InvalidPDFException" && u ? (w(!0), c("Incorrect password")) : i && i(o);
       }).finally(() => {
-        T(!1);
+        V(!1);
       });
       return () => {
-        s.finally(() => {
+        t.finally(() => {
           e.destroy();
         });
       };
     } catch (e) {
-      v(O.NOT_SUPPORTED), i && i(e);
+      D(U.NOT_SUPPORTED), i && i(e);
     }
-  }, [m, y, u, i, w]), k(() => {
-    if (g)
+  }, [l, k, u, i, E]), T(() => {
+    if (p)
       return;
     const r = /* @__PURE__ */ new Map();
-    if (!n || P) {
-      L(r);
+    if (!n || g) {
+      x(r);
       return;
     }
-    const E = n.numPages, e = [];
-    for (let s = 1; s <= E; s++) {
-      const o = n.getPage(s);
+    const b = n.numPages, e = [];
+    for (let t = 1; t <= b; t++) {
+      const o = n.getPage(t);
       e.push(o);
     }
-    Promise.all(e).then((s) => {
-      s.map((o) => {
-        const { thumbnailViewport: R, scale: l } = U(o), b = o.getViewport();
+    Promise.all(e).then((t) => {
+      t.map((o) => {
+        const { thumbnailViewport: y, scale: f } = h(o), L = o.getViewport();
         r.set(o.pageNumber, {
           page: o,
-          thumbnailViewport: R,
-          thumbnailScale: l,
-          defaultRotation: b.rotation
+          thumbnailViewport: y,
+          thumbnailScale: f,
+          defaultRotation: L.rotation
         });
-      }), L(r);
+      }), x(r);
     });
-  }, [n, P, g]), {
+  }, [n, g, p]), {
     pdf: n,
-    pages: I,
-    loading: P,
-    error: q,
-    loadingProgress: S,
-    passwordRequired: g,
-    passwordError: D
+    pages: q,
+    loading: g,
+    error: v,
+    loadingProgress: m,
+    passwordRequired: p,
+    passwordError: N
   };
 };
 export {
-  K as useLoadPdf
+  Q as useLoadPdf
 };