@pdf-viewer/react 1.6.1 → 1.7.0-beta.1

package/dist/contexts/ZoomContext.js

@@ -1,47 +1,47 @@
 import { jsx as C } from "react/jsx-runtime";
-import { createContext as P, useContext as L, useState as y, useMemo as c, useEffect as S } from "react";
+import { createContext as P, useContext as L, useState as y, useMemo as s, useEffect as S } from "react";
 import { ZoomLevel as V } from "../utils/types.js";
 import { appConsole as b } from "../utils/appConsole.js";
 import { useInitialStateContext as A } from "./InitialStateContext.js";
 import { useDocumentContext as D } from "./RPDocumentContext.js";
-import { PAGE_PADDING as p } from "../utils/constants.js";
+import { PAGE_PADDING as f } from "../utils/constants.js";
 import { getZoomLevel as E } from "../utils/getZoomLevel.js";
 import { useLayoutContainer as G } from "./LayoutContainerContext.js";
 import { useViewModeContext as H } from "./ViewModeContext.js";
-const h = P({
+const g = P({
   zoomLevel: 100,
   currentZoom: 1,
   setZoomLevel: () => {
   }
 }), T = () => {
-  const n = L(h);
+  const n = L(g);
   return typeof n.currentZoom != "number" && b.warn("Please use this hooks inside children component of RPProvider"), n;
 }, q = ({ children: n }) => {
   const {
     initialScale: r = V.PAGE_FIT,
     initialPage: u = 1,
     initialRotation: l = 0
-  } = A(), [i, a] = y(typeof r == "number" ? r : 100), { pages: s } = D(), { pagesRef: o } = G(), { viewMode: d } = H(), f = c(() => i / 100, [i]), t = c(() => {
-    let e = s.get(u);
-    return e || (e = s.get(1)), e == null ? void 0 : e.page.getViewport({ scale: 1, rotation: l });
-  }, [s, u, l]), m = c(() => {
+  } = A(), [i, a] = y(typeof r == "number" ? r : 100), { pages: c } = D(), { contentRef: o } = G(), { viewMode: h } = H(), 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 e = ((t == null ? void 0 : t.width) || 0) + 2 * p, Z = ((t == null ? void 0 : t.height) || 0) + 2 * p, g = (o == null ? void 0 : o.clientWidth) || 0, v = (o == null ? void 0 : o.clientHeight) || 0;
-    return E(r, g, v, e, Z, d);
+    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, v = (o == null ? void 0 : o.clientHeight) || 0;
+    return E(r, Z, v, e, x, h);
   }, [t, r, o]);
   S(() => {
     typeof m == "number" && m && a(m);
   }, [m]);
-  const x = c(() => ({
+  const d = s(() => ({
     zoomLevel: i,
-    currentZoom: f,
+    currentZoom: p,
     setZoomLevel: a
-  }), [f, i]);
-  return /* @__PURE__ */ C(h.Provider, { value: x, children: n });
+  }), [p, i]);
+  return /* @__PURE__ */ C(g.Provider, { value: d, children: n });
 };
 export {
-  h as ZoomContext,
+  g as ZoomContext,
   q as ZoomProvider,
   T as useZoomContext
 };

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-8ce0fad7.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-aa575bb0.js";
 import { RPConfig as a } from "./components/RPConfig.js";
 import { RPController as l } from "./components/RPController.js";
 import { RPTheme as P } from "./components/RPTheme.js";

package/dist/types/components/layout/toolbar/ViewModeTool.d.ts

@@ -1 +1 @@
-export declare const ViewModeTool: () => import("react/jsx-runtime").JSX.Element;
+export declare const ViewModeTool: () => import("react/jsx-runtime").JSX.Element | null;

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

@@ -329,6 +329,7 @@ export interface RPSlots {
     dropFileZone?: boolean | React.ReactNode | React.ComponentType;
     downloadTool?: boolean | FC<DownloadToolProps>;
     zoomTool?: boolean | FC<ZoomProps>;
+    viewModeTool?: boolean;
     scrollModeTool?: boolean;
     thumbnailTool?: boolean | FC<ThumbnailToolProps>;
     pageNavigationTool?: boolean | FC<PageNavigationToolProps>;
@@ -483,7 +484,7 @@ export interface RPProviderProps extends PropsWithChildren, LoadPDFOptions, RPCo
     characterMap?: CharacterMap;
 }
 export type LocalizationMap = Record<string, Localization>;
-export interface RPControllerProps extends PropsWithChildren, DarkModeProviderProps, RotateProviderProps, LayerProviderProps, ZoomProviderProps, PageProviderProps, ScrollModeProps {
+export interface RPControllerProps extends PropsWithChildren, DarkModeProviderProps, RotateProviderProps, LayerProviderProps, ZoomProviderProps, PageProviderProps, ViewModeProps, ScrollModeProps {
     initialSearch?: string;
     initialThumbnailsVisible?: boolean;
     locale?: string;
@@ -516,7 +517,7 @@ export interface ZoomContextType {
 export type ZoomProps = Omit<ZoomContextType, 'currentZoom'>;
 export type InitialStateContextType = {
     instanceId: string;
-} & ZoomProviderProps & PageProviderProps & ScrollModeProps & RotateProviderProps;
+} & ZoomProviderProps & PageProviderProps & ViewModeProps & ScrollModeProps & RotateProviderProps;
 export interface ZoomProviderProps {
     initialScale?: number | ZoomLevel;
 }

package/dist/utils/getZoomLevel.js

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

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 { c as E } from "../../RPDefaultLayout-8ce0fad7.js";
+import { c as E } from "../../RPDefaultLayout-aa575bb0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as g, useCallback as h, useEffect as A } from "react";
 import { appConsole as c } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-05-30T06:18:05.659Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-05-30T04:08:41.806Z"), l = "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. ${l}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${l}`,
   expired: `Your license key has expired. ${l}`,

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { g as G } from "../../RPDefaultLayout-8ce0fad7.js";
+import { g as G } from "../../RPDefaultLayout-aa575bb0.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";

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 { v as G } from "../../RPDefaultLayout-8ce0fad7.js";
+import { v as G } from "../../RPDefaultLayout-aa575bb0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

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 { i as F } from "../../RPDefaultLayout-8ce0fad7.js";
+import { i as F } from "../../RPDefaultLayout-aa575bb0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

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 { f as F } from "../../RPDefaultLayout-8ce0fad7.js";
+import { f as F } from "../../RPDefaultLayout-aa575bb0.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";

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 { n as I } from "../../RPDefaultLayout-8ce0fad7.js";
+import { n as I } from "../../RPDefaultLayout-aa575bb0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useThumbnail.js

@@ -3,7 +3,7 @@ import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { k as G } from "../../RPDefaultLayout-8ce0fad7.js";
+import { k as G } from "../../RPDefaultLayout-aa575bb0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

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 { s as D } from "../../RPDefaultLayout-8ce0fad7.js";
+import { s as D } from "../../RPDefaultLayout-aa575bb0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

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.6.1",
+  "version": "1.7.0-beta.1",
   "keywords": [
     "component",
     "frontend",