@pdf-viewer/react 1.11.0 → 1.12.0-beta.1

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as r } from "./components/RPProvider.js";
-import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-e774f3e1.js";
+import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-e03c451b.js";
 import { RPConfig as u } from "./components/RPConfig.js";
 import { RPLayout as P } from "./components/layout/RPLayout.js";
 import { RPController as C } from "./components/RPController.js";

package/dist/types/contexts/EventCallbackContext.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+import { EventCallbackContextType } from '../utils/types';
+export declare const EventCallbackContext: import('react').Context<EventCallbackContextType>;
+export declare const useEventCallbackContext: () => EventCallbackContextType;
+export declare const EventCallbackProvider: FC<PropsWithChildren<EventCallbackContextType>>;

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

@@ -0,0 +1,5 @@
+import { RectPosition } from './types';
+export declare const getElementPagePosition: (pageDimension: {
+    width: number;
+    height: number;
+}, pagesRef: HTMLDivElement, element: HTMLElement | JSX.Element, rotation: number, scale: number) => RectPosition;

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

@@ -456,7 +456,12 @@ export interface CharacterMap {
     url: string;
     isCompressed: boolean;
 }
-export interface RPProviderProps extends PropsWithChildren, LoadPDFOptions, RPControllerProps {
+export interface EventCallbackContextType {
+    onPageChange?: (page: number) => void;
+    onRotate?: (rotation: Record<number, number>) => void;
+    onScroll?: (scroll: Event) => void;
+}
+export interface RPProviderProps extends PropsWithChildren, LoadPDFOptions, RPControllerProps, EventCallbackContextType {
     src: RPSrc;
     workerUrl?: string;
     characterMap?: CharacterMap;
@@ -623,6 +628,7 @@ export type LoaderImage = JSX.Element | string;
 export interface LoadPDFOptions {
     onLoadError?: (error: any) => void;
     onLoaded?: (pdfDocument: PDFDocumentProxy) => void;
+    onLoadProgress?: (progress: number) => void;
     loaderImage?: LoaderImage;
 }
 export interface ScrollPosition {
@@ -659,6 +665,7 @@ export interface useElementPage {
     removeElement: (pageNumber: number, index: number) => void;
     clearElements: (pageNumber: number) => void;
     elementList: Record<number, Array<HTMLElement | JSX.Element>>;
+    scrollToElement: (page: number, index: number) => void;
 }
 export interface MatchHighlight extends MatchValue {
     keyword: string | RegExp;

package/dist/utils/getElementPositionInPage.js

@@ -0,0 +1,41 @@
+const g = (l, s, c, h, a) => {
+  let r = "center";
+  switch (h) {
+    case 90:
+      r = `${l.width / 2}px ${l.width / 2}px`;
+      break;
+    case -90:
+    case 270:
+      r = `${l.height / 2}px ${l.height / 2}px`;
+      break;
+    default:
+      r = "center";
+  }
+  const t = document.createElement("div");
+  t.id = "parent-element", t.style.width = `${l.width}px`, t.style.height = `${l.height}px`, t.style.setProperty("--scale-factor", a.toString()), t.style.setProperty("--rotation", h.toString()), t.style.setProperty("--transform-origin", r), t.style.left = "-99999px", t.style.visibility = "hidden", t.style.position = "absolute";
+  const i = document.createElement("div");
+  i.style.position = "relative", i.style.width = "100%", i.style.height = "100%", t.appendChild(i);
+  let e;
+  if (c instanceof HTMLElement)
+    e = c.cloneNode(!0), i.appendChild(e);
+  else {
+    const o = c.props;
+    e = document.createElement("div"), o.style && Object.assign(e.style, o.style), o.className && (e.className = o.className), i.appendChild(e);
+  }
+  s.appendChild(t);
+  const d = t.getBoundingClientRect(), n = e.getBoundingClientRect();
+  s.removeChild(t);
+  const p = {
+    top: s.clientHeight / 2,
+    left: s.clientWidth / 2
+  };
+  return {
+    left: n.left - d.left - p.left + n.width / 2,
+    top: n.top - d.top - p.top + n.height / 2,
+    width: n.width,
+    height: n.height
+  };
+};
+export {
+  g 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 io } from "../../ToolbarLayout.module-e774f3e1.js";
+import { b as mo } from "../../ToolbarLayout.module-e03c451b.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";
@@ -54,5 +55,5 @@ import "../dateFormatter.js";
 import "../../components/layout/toolbar/PropertyItem.js";
 import "../../RotateTool.module-03987eba.js";
 export {
-  io as useFileDownload
+  mo 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-10-30T09:34:15.873Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-11-07T03:48:56.419Z"), 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,34 +1,36 @@
-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";
-const G = (f, s, V = {}) => {
-  const [n, C] = a(), { workerUrlAdded: y } = h(), [I, L] = a(/* @__PURE__ */ new Map()), d = N(), [S, m] = 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 || !f)
+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";
+const H = (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;
-    m(0), d.current = Date.now();
-    const r = d.current, E = {
-      url: f,
+    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;
-          m(b);
+          const { loaded: y, total: f } = o, L = f ? Math.min(100, Math.round(y / f * 100)) : 0;
+          P(L);
         }
-      }, T(!0);
-      const t = e.promise.then((o) => (r === d.current && (C(o), m(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 () => {
         t.finally(() => {
@@ -36,42 +38,42 @@ const G = (f, s, V = {}) => {
         });
       };
     } catch (e) {
-      v(O.NOT_SUPPORTED), i && i(e);
+      D(U.NOT_SUPPORTED), i && i(e);
     }
-  }, [f, 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 t = 1; t <= E; t++) {
+    const b = n.numPages, e = [];
+    for (let t = 1; t <= b; t++) {
       const o = n.getPage(t);
       e.push(o);
     }
     Promise.all(e).then((t) => {
       t.map((o) => {
-        const { thumbnailViewport: R, scale: l } = U(o), b = o.getViewport();
+        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 {
-  G as useLoadPdf
+  H as useLoadPdf
 };

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { s as mo } from "../../ToolbarLayout.module-e774f3e1.js";
+import { s as po } from "../../ToolbarLayout.module-e03c451b.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -31,6 +31,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";
@@ -56,5 +57,5 @@ import "../../components/layout/toolbar/PropertyItem.js";
 import "../../RotateTool.module-03987eba.js";
 import "./useDebounce.js";
 export {
-  mo as usePaginate
+  po as usePaginate
 };

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 { N as pr } from "../../ToolbarLayout.module-e774f3e1.js";
+import { N as ir } from "../../ToolbarLayout.module-e03c451b.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -31,6 +31,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";
@@ -56,5 +57,5 @@ import "../../components/layout/toolbar/PropertyItem.js";
 import "../../RotateTool.module-03987eba.js";
 import "./useDebounce.js";
 export {
-  pr as usePresentPage
+  ir as usePresentPage
 };

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 { v as ir } from "../../ToolbarLayout.module-e774f3e1.js";
+import { v as mr } from "../../ToolbarLayout.module-e03c451b.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";
@@ -55,5 +56,5 @@ import "../../components/layout/toolbar/PropertyItem.js";
 import "../../RotateTool.module-03987eba.js";
 import "pdfjs-dist";
 export {
-  ir as usePrint
+  mr as usePrint
 };

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 { r as eo } from "../../ToolbarLayout.module-e774f3e1.js";
+import { r as ao } from "../../ToolbarLayout.module-e03c451b.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";
@@ -31,6 +31,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";
@@ -58,5 +59,5 @@ import "../smoothScrollTo.js";
 import "../getScrollDistance.js";
 import "../calculatePage.js";
 export {
-  eo as useScrollToPage
+  ao as useScrollToPage
 };

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 { z as er } from "../../ToolbarLayout.module-e774f3e1.js";
+import { z as ar } from "../../ToolbarLayout.module-e03c451b.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -32,6 +32,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";
@@ -58,5 +59,5 @@ import "../../RotateTool.module-03987eba.js";
 import "../getScrollDistance.js";
 import "../getWordPositionInPage.js";
 export {
-  er as useSearch
+  ar as useSearch
 };

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 { x as im } from "../../ToolbarLayout.module-e774f3e1.js";
+import { x as pm } from "../../ToolbarLayout.module-e03c451b.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";
@@ -55,5 +56,5 @@ import "../../components/layout/toolbar/PropertyItem.js";
 import "../../RotateTool.module-03987eba.js";
 import "../getThumbnailViewport.js";
 export {
-  im as useThumbnail
+  pm as useThumbnail
 };

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 { J as mo } from "../../ToolbarLayout.module-e774f3e1.js";
+import { J as po } from "../../ToolbarLayout.module-e03c451b.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -31,6 +31,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";
@@ -56,5 +57,5 @@ import "../../components/layout/toolbar/PropertyItem.js";
 import "../../RotateTool.module-03987eba.js";
 import "../calculatePage.js";
 export {
-  mo as useVirtualReactWindow
+  po as useVirtualReactWindow
 };

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.11.0",
+  "version": "1.12.0-beta.1",
   "keywords": [
     "react-pdf",
     "react-pdf-viewer",