@pdf-viewer/react 1.3.0-beta.2 → 1.3.0-beta.4

package/dist/contexts/ZoomContext.js

@@ -13,31 +13,31 @@ const g = v({
   setZoomLevel: () => {
   }
 }), M = () => {
-  const e = C(g);
-  return typeof e.currentZoom != "number" && b.warn("Please use this hooks inside children component of RPProvider"), e;
-}, N = ({ children: e }) => {
+  const n = C(g);
+  return typeof n.currentZoom != "number" && b.warn("Please use this hooks inside children component of RPProvider"), n;
+}, N = ({ children: n }) => {
   const {
-    initialScale: n = S.PAGE_FIT,
-    initialPage: c = 1,
-    initialRotation: u = 0
-  } = A(), [r, a] = L(typeof n == "number" ? n : 100), { pages: l } = D(), { contentRef: o } = G(), p = s(() => r / 100, [r]), t = s(() => {
-    var m;
-    return (m = l.get(c)) == null ? void 0 : m.page.getViewport({ scale: 1, rotation: u });
-  }, [l, c, u]), i = s(() => {
+    initialScale: r = S.PAGE_FIT,
+    initialPage: u = 1,
+    initialRotation: l = 0
+  } = A(), [i, a] = L(typeof r == "number" ? r : 100), { pages: c } = D(), { contentRef: o } = G(), p = s(() => i / 100, [i]), t = s(() => {
+    let e = c.get(u);
+    return e || (e = c.get(1)), e == null ? void 0 : e.page.getViewport({ scale: 1, rotation: l });
+  }, [c, u, l]), m = s(() => {
     if (!t)
       return 0;
-    const m = ((t == null ? void 0 : t.width) || 0) + 2 * f, x = ((t == null ? void 0 : t.height) || 0) + 2 * f, Z = (o == null ? void 0 : o.clientWidth) || 0, d = (o == null ? void 0 : o.clientHeight) || 0;
-    return E(n, Z, d, m, x);
-  }, [t, n, o]);
+    const e = ((t == null ? void 0 : t.width) || 0) + 2 * f, x = ((t == null ? void 0 : t.height) || 0) + 2 * f, Z = (o == null ? void 0 : o.clientWidth) || 0, d = (o == null ? void 0 : o.clientHeight) || 0;
+    return E(r, Z, d, e, x);
+  }, [t, r, o]);
   y(() => {
-    typeof i == "number" && i && a(i);
-  }, [i]);
+    typeof m == "number" && m && a(m);
+  }, [m]);
   const h = s(() => ({
-    zoomLevel: r,
+    zoomLevel: i,
     currentZoom: p,
     setZoomLevel: a
-  }), [p, r]);
-  return /* @__PURE__ */ P(g.Provider, { value: h, children: e });
+  }), [p, i]);
+  return /* @__PURE__ */ P(g.Provider, { value: h, children: n });
 };
 export {
   g as ZoomContext,

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as t } from "./components/RPProvider.js";
-import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-57b373e2.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-6fe6be3d.js";
 import { RPConfig as a } from "./components/RPConfig.js";
 import { RPController as i } from "./components/RPController.js";
 import { RPTheme as P } from "./components/RPTheme.js";

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

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+import { LoaderContextType } from '../utils/types';
+export declare const LoaderContext: import('react').Context<LoaderContextType>;
+interface Props extends PropsWithChildren {
+    loaderImage?: string;
+}
+export declare const useLoaderContext: () => LoaderContextType;
+export declare const LoaderProvider: FC<PropsWithChildren<Props>>;
+export {};

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

@@ -585,6 +585,7 @@ export interface SelectionModeProps {
 export interface LoadPDFOptions {
     onLoadError?: (error: any) => void;
     onLoaded?: (pdfDocument: PDFDocumentProxy) => void;
+    loaderImage?: string;
 }
 export interface ScrollPosition {
     left: number;
@@ -598,4 +599,7 @@ export interface LocalizationProps {
     locale?: string;
     localization?: LocalizationMap;
 }
+export interface LoaderContextType {
+    LoaderImageComponent?: React.FC;
+}
 export {};

package/dist/utils/hooks/useFileDownload.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "react";
-import { c as y } from "../../RPDefaultLayout-57b373e2.js";
+import { c as z } from "../../RPDefaultLayout-6fe6be3d.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -19,10 +19,11 @@ import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
+import "../../contexts/LoaderContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 export {
-  y as useFileDownload
+  z as useFileDownload
 };

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as E, useCallback as g, useEffect as v } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-04-02T03:20:15.405Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
+const b = /* @__PURE__ */ new Date("2025-04-03T03:54:29.886Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
   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,5 +1,5 @@
 import "react";
-import { g as A } from "../../RPDefaultLayout-57b373e2.js";
+import { g as B } from "../../RPDefaultLayout-6fe6be3d.js";
 import "../../contexts/ScrollStateContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
@@ -19,11 +19,12 @@ import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
+import "../../contexts/LoaderContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "./useDebounce.js";
 export {
-  A as usePaginate
+  B as usePaginate
 };

package/dist/utils/hooks/usePrint.js

@@ -1,7 +1,7 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { i as A } from "../../RPDefaultLayout-57b373e2.js";
+import { i as B } from "../../RPDefaultLayout-6fe6be3d.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -19,11 +19,12 @@ import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
+import "../../contexts/LoaderContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "pdfjs-dist";
 export {
-  A as usePrint
+  B as usePrint
 };

package/dist/utils/hooks/useScrollToPage.js

@@ -2,7 +2,7 @@ import "react";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { f as A } from "../../RPDefaultLayout-57b373e2.js";
+import { f as A } from "../../RPDefaultLayout-6fe6be3d.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";
@@ -20,11 +20,11 @@ import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
+import "../../contexts/LoaderContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
-import "./useDimensionPages.js";
 import "../smoothScrollTo.js";
 export {
   A as useScrollToPage

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "pdfjs-dist";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
-import { n as C } from "../../RPDefaultLayout-57b373e2.js";
+import { n as D } from "../../RPDefaultLayout-6fe6be3d.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -22,10 +22,11 @@ import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
+import "../../contexts/LoaderContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 export {
-  C as useSearch
+  D as useSearch
 };

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { k as B } from "../../RPDefaultLayout-57b373e2.js";
+import { k as C } from "../../RPDefaultLayout-6fe6be3d.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -20,11 +20,12 @@ import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
+import "../../contexts/LoaderContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../getThumbnailViewport.js";
 export {
-  B as useThumbnail
+  C as useThumbnail
 };

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -3,7 +3,7 @@ import "../types.js";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { r as y } from "../../RPDefaultLayout-57b373e2.js";
+import { r as z } from "../../RPDefaultLayout-6fe6be3d.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -20,10 +20,11 @@ import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
+import "../../contexts/LoaderContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 export {
-  y as useVirtualReactWindow
+  z as useVirtualReactWindow
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "The PDF Viewer component for React and Next.js",
-  "version": "1.3.0-beta.2",
+  "version": "1.3.0-beta.4",
   "keywords": [
     "component",
     "frontend",