@react-pdf-kit/viewer 2.3.0-beta.2 → 2.3.0-beta.4

package/dist/main.js

@@ -1,54 +1,55 @@
-import { RPProvider as Dt } from "./components/RPProvider.js";
-import { RPPages as Ft } from "./components/RPPages.js";
+import { RPProvider as ht } from "./components/RPProvider.js";
+import { RPPages as wt } from "./components/RPPages.js";
 import { RPConfig as Mt } from "./components/RPConfig.js";
-import { RPDefaultLayout as vt } from "./components/layout/RPDefaultLayout.js";
-import { RPLayout as Bt } from "./components/layout/RPLayout.js";
-import { RPTheme as Ht } from "./components/RPTheme.js";
-import { default as bt } from "./components/ui/RPTooltip.js";
-import { UIButton as zt } from "./components/ui/Button.js";
-import { useDarkModeContext as Ut } from "./contexts/DarkModeContext.js";
-import { u as Nt } from "./PaginationContext-9217cab4.js";
-import { useDocumentContext as jt } from "./contexts/RPDocumentContext.js";
-import { useRotationContext as At } from "./contexts/RotationContext.js";
-import { useViewModeContext as Jt } from "./contexts/ViewModeContext.js";
-import { useDropFileZoneContext as Qt } from "./contexts/DropFileZoneContext.js";
-import { useFileDownload as Yt } from "./utils/hooks/useFileDownload.js";
-import { useOpenFileContext as $t } from "./contexts/FileInputContext.js";
-import { usePrintContext as rm } from "./contexts/PrintContext.js";
-import { useZoomContext as mm } from "./contexts/ZoomContext.js";
-import { useSearchContext as im } from "./contexts/SearchContext.js";
-import { useHighlightContext as lm } from "./contexts/HighlightContext.js";
-import { useFullScreenContext as fm } from "./contexts/FullScreenContext.js";
+import { RPDefaultLayout as Zt } from "./components/layout/RPDefaultLayout.js";
+import { RPLayout as Vt } from "./components/layout/RPLayout.js";
+import { RPTheme as kt } from "./components/RPTheme.js";
+import { default as It } from "./components/ui/RPTooltip.js";
+import { UIButton as yt } from "./components/ui/Button.js";
+import { useDarkModeContext as Ot } from "./contexts/DarkModeContext.js";
+import { u as Et } from "./PaginationContext-15f88187.js";
+import { useDocumentContext as Wt } from "./contexts/RPDocumentContext.js";
+import { useRotationContext as qt } from "./contexts/RotationContext.js";
+import { useViewModeContext as Gt } from "./contexts/ViewModeContext.js";
+import { useDropFileZoneContext as Kt } from "./contexts/DropFileZoneContext.js";
+import { useFileDownload as Xt } from "./utils/hooks/useFileDownload.js";
+import { useOpenFileContext as _t } from "./contexts/FileInputContext.js";
+import { usePrintContext as om } from "./contexts/PrintContext.js";
+import { useZoomContext as tm } from "./contexts/ZoomContext.js";
+import { useSearchContext as pm } from "./contexts/SearchContext.js";
+import { useHighlightContext as em } from "./contexts/HighlightContext.js";
+import { useFullScreenContext as lm } from "./contexts/FullScreenContext.js";
 import { usePageRotateContext as nm } from "./utils/hooks/usePageRotateContext.js";
-import { useElementPageContext as Tm } from "./contexts/ElementPageContext.js";
-import { SearchTool as sm } from "./components/layout/toolbar/SearchTool.js";
-import { ThemeSwitcherTool as gm } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
-import { ThumbnailTool as Rm } from "./components/layout/toolbar/tools/ThumbnailTool.js";
-import { FileUploadTool as dm } from "./components/layout/toolbar/tools/FileUploadTool.js";
-import { FileDownloadTool as Dm } from "./components/layout/toolbar/tools/FileDownloadTool.js";
-import { PrintTool as Fm } from "./components/layout/toolbar/tools/PrintTool.js";
-import { FullScreenTool as Mm } from "./components/layout/toolbar/tools/FullScreenTool.js";
-import { PreviousPageTool as vm } from "./components/layout/toolbar/tools/PreviousPageTool.js";
-import { NextPageTool as Bm } from "./components/layout/toolbar/tools/NextPageTool.js";
-import { InputPageTool as Hm } from "./components/layout/toolbar/tools/InputPageTool.js";
-import { ZoomInTool as bm } from "./components/layout/toolbar/tools/ZoomInTool.js";
-import { ZoomOutTool as zm } from "./components/layout/toolbar/tools/ZoomOutTool.js";
-import { ZoomLevelTool as Um } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
-import { DocumentPropertiesTool as Nm } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
-import { RotateClockwiseTool as jm } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
-import { RotateCounterclockwiseTool as Am } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
-import { RPHorizontalBar as Jm } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
-import { RPVerticalBar as Qm } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
-import { SelectionModeSwitcherTool as Ym } from "./components/layout/toolbar/tools/SelectionModeSwitcherTool.js";
-import { SinglePageTool as $m } from "./components/layout/toolbar/tools/SinglePageTool.js";
-import { DualPageTool as rp } from "./components/layout/toolbar/tools/DualPageTool.js";
-import { DualPageWithCoverTool as mp } from "./components/layout/toolbar/tools/DualPageWithCoverTool.js";
-import { PageScrollingTool as ip } from "./components/layout/toolbar/tools/PageScrollingTool.js";
+import { useElementPageContext as um } from "./contexts/ElementPageContext.js";
+import { useSelectionModeContext as sm } from "./contexts/SelectionModeContext.js";
+import { SearchTool as cm } from "./components/layout/toolbar/SearchTool.js";
+import { ThemeSwitcherTool as Cm } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
+import { ThumbnailTool as Sm } from "./components/layout/toolbar/tools/ThumbnailTool.js";
+import { FileUploadTool as hm } from "./components/layout/toolbar/tools/FileUploadTool.js";
+import { FileDownloadTool as wm } from "./components/layout/toolbar/tools/FileDownloadTool.js";
+import { PrintTool as Mm } from "./components/layout/toolbar/tools/PrintTool.js";
+import { FullScreenTool as Zm } from "./components/layout/toolbar/tools/FullScreenTool.js";
+import { PreviousPageTool as Vm } from "./components/layout/toolbar/tools/PreviousPageTool.js";
+import { NextPageTool as km } from "./components/layout/toolbar/tools/NextPageTool.js";
+import { InputPageTool as Im } from "./components/layout/toolbar/tools/InputPageTool.js";
+import { ZoomInTool as ym } from "./components/layout/toolbar/tools/ZoomInTool.js";
+import { ZoomOutTool as Om } from "./components/layout/toolbar/tools/ZoomOutTool.js";
+import { ZoomLevelTool as Em } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
+import { DocumentPropertiesTool as Wm } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
+import { RotateClockwiseTool as qm } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
+import { RotateCounterclockwiseTool as Gm } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
+import { RPHorizontalBar as Km } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
+import { RPVerticalBar as Xm } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
+import { SelectionModeSwitcherTool as _m } from "./components/layout/toolbar/tools/SelectionModeSwitcherTool.js";
+import { SinglePageTool as op } from "./components/layout/toolbar/tools/SinglePageTool.js";
+import { DualPageTool as tp } from "./components/layout/toolbar/tools/DualPageTool.js";
+import { DualPageWithCoverTool as pp } from "./components/layout/toolbar/tools/DualPageWithCoverTool.js";
+import { PageScrollingTool as ep } from "./components/layout/toolbar/tools/PageScrollingTool.js";
 import { VerticalScrollingTool as lp } from "./components/layout/toolbar/tools/VerticalScrollingTool.js";
-import { HorizontalScrollingTool as fp } from "./components/layout/toolbar/tools/HorizontalScrollingTool.js";
-import { FirstPageTool as np } from "./components/layout/toolbar/tools/FirstPageTool.js";
-import { LastPageTool as Tp } from "./components/layout/toolbar/tools/LastPageTool.js";
-import { Locales as sp, ScrollMode as cp, SelectionMode as gp, ThemeVariables as Cp, ViewMode as Rp, ZoomLevel as Sp } from "./utils/types.js";
+import { HorizontalScrollingTool as np } from "./components/layout/toolbar/tools/HorizontalScrollingTool.js";
+import { FirstPageTool as up } from "./components/layout/toolbar/tools/FirstPageTool.js";
+import { LastPageTool as sp } from "./components/layout/toolbar/tools/LastPageTool.js";
+import { Locales as cp, ScrollMode as gp, SelectionMode as Cp, ThemeVariables as Rp, ViewMode as Sp, ZoomLevel as dp } from "./utils/types.js";
 import "react/jsx-runtime";
 import "react";
 import "./contexts/DocumentPasswordContext.js";
@@ -59,7 +60,6 @@ import "./contexts/ScrollModeContext.js";
 import "./contexts/InitialStateContext.js";
 import "./contexts/VirtualScrollContext.js";
 import "./contexts/VirtualGridContext.js";
-import "./contexts/SelectionModeContext.js";
 import "./contexts/ThumbnailsContext.js";
 import "./utils/hooks/useThumbnail.js";
 import "./utils/getThumbnailViewport.js";
@@ -193,7 +193,7 @@ import "./utils/zoom.js";
 import "./components/ui/LoadingIndicator.js";
 import "./components/layout/sidebar/RPSidebar.js";
 import "./components/icons/Thumbnail.js";
-import "./RPSplitter-3438b930.js";
+import "./RPSplitter-b62772f9.js";
 import "./components/layout/sidebar/Thumbnails.js";
 import "./components/layout/sidebar/Thumbnail.js";
 import "./utils/hooks/useInfiniteScroll.js";
@@ -232,60 +232,61 @@ import "./components/layout/toolbar/SearchCloseButton.js";
 import "./components/icons/ChevronDownIcon.js";
 import "./components/layout/toolbar/ThumbnailTool.js";
 export {
-  Nm as DocumentPropertiesTool,
-  rp as DualPageTool,
-  mp as DualPageWithCoverTool,
-  Dm as FileDownloadTool,
-  dm as FileUploadTool,
-  np as FirstPageTool,
-  Mm as FullScreenTool,
-  fp as HorizontalScrollingTool,
-  Hm as InputPageTool,
-  Tp as LastPageTool,
-  sp as Locales,
-  Bm as NextPageTool,
-  ip as PageScrollingTool,
-  vm as PreviousPageTool,
-  Fm as PrintTool,
-  zt as RPButton,
+  Wm as DocumentPropertiesTool,
+  tp as DualPageTool,
+  pp as DualPageWithCoverTool,
+  wm as FileDownloadTool,
+  hm as FileUploadTool,
+  up as FirstPageTool,
+  Zm as FullScreenTool,
+  np as HorizontalScrollingTool,
+  Im as InputPageTool,
+  sp as LastPageTool,
+  cp as Locales,
+  km as NextPageTool,
+  ep as PageScrollingTool,
+  Vm as PreviousPageTool,
+  Mm as PrintTool,
+  yt as RPButton,
   Mt as RPConfig,
-  vt as RPDefaultLayout,
-  Jm as RPHorizontalBar,
-  Bt as RPLayout,
-  Ft as RPPages,
-  Dt as RPProvider,
-  Ht as RPTheme,
-  bt as RPTooltip,
-  Qm as RPVerticalBar,
-  jm as RotateClockwiseTool,
-  Am as RotateCounterclockwiseTool,
-  cp as ScrollMode,
-  sm as SearchTool,
-  gp as SelectionMode,
-  Ym as SelectionModeSwitcherTool,
-  $m as SinglePageTool,
-  gm as ThemeSwitcherTool,
-  Cp as ThemeVariables,
-  Rm as ThumbnailTool,
+  Zt as RPDefaultLayout,
+  Km as RPHorizontalBar,
+  Vt as RPLayout,
+  wt as RPPages,
+  ht as RPProvider,
+  kt as RPTheme,
+  It as RPTooltip,
+  Xm as RPVerticalBar,
+  qm as RotateClockwiseTool,
+  Gm as RotateCounterclockwiseTool,
+  gp as ScrollMode,
+  cm as SearchTool,
+  Cp as SelectionMode,
+  _m as SelectionModeSwitcherTool,
+  op as SinglePageTool,
+  Cm as ThemeSwitcherTool,
+  Rp as ThemeVariables,
+  Sm as ThumbnailTool,
   lp as VerticalScrollingTool,
-  Rp as ViewMode,
-  bm as ZoomInTool,
-  Sp as ZoomLevel,
-  Um as ZoomLevelTool,
-  zm as ZoomOutTool,
-  Ut as useDarkModeContext,
-  jt as useDocumentContext,
-  Qt as useDropFileZoneContext,
-  Tm as useElementPageContext,
-  Yt as useFileDownload,
-  fm as useFullScreenContext,
-  lm as useHighlightContext,
-  $t as useOpenFileContext,
+  Sp as ViewMode,
+  ym as ZoomInTool,
+  dp as ZoomLevel,
+  Em as ZoomLevelTool,
+  Om as ZoomOutTool,
+  Ot as useDarkModeContext,
+  Wt as useDocumentContext,
+  Kt as useDropFileZoneContext,
+  um as useElementPageContext,
+  Xt as useFileDownload,
+  lm as useFullScreenContext,
+  em as useHighlightContext,
+  _t as useOpenFileContext,
   nm as usePageRotateContext,
-  Nt as usePaginationContext,
-  rm as usePrintContext,
-  At as useRotationContext,
-  im as useSearchContext,
-  Jt as useViewModeContext,
-  mm as useZoomContext
+  Et as usePaginationContext,
+  om as usePrintContext,
+  qt as useRotationContext,
+  pm as useSearchContext,
+  sm as useSelectionModeContext,
+  Gt as useViewModeContext,
+  tm as useZoomContext
 };

package/dist/types/main.d.ts

@@ -21,6 +21,7 @@ export { useHighlightContext } from './contexts/HighlightContext';
 export { useFullScreenContext } from './contexts/FullScreenContext';
 export { usePageRotateContext } from './utils/hooks/usePageRotateContext';
 export { useElementPageContext } from './contexts/ElementPageContext';
+export { useSelectionModeContext } from './contexts/SelectionModeContext';
 export { type PDFDocumentProxy } from 'pdfjs-dist';
 export { SearchTool } from './components/layout/toolbar/SearchTool';
 export { ThemeSwitcherTool } from './components/layout/toolbar/tools/ThemeSwitcherTool';

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

@@ -1,2 +1,2 @@
-import { PageControl } from '../types';
-export declare const usePaginate: (initialPage?: number) => PageControl;
+import { PageControlInternal } from '../types';
+export declare const usePaginate: (initialPage?: number) => PageControlInternal;

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

@@ -271,6 +271,9 @@ export interface PageControl {
     nextPage: () => void;
     prevPage: () => void;
 }
+export interface PageControlInternal extends PageControl {
+    resetPage: (page: number) => void;
+}
 export interface PageControlContextType extends PageControl {
 }
 export interface ThumbnailContextType {

package/dist/utils/hooks/useLicense.js

@@ -2,7 +2,7 @@ import { useState as E, useCallback as y, useEffect as b } from "react";
 import { LicenseType as L } from "../types.js";
 import { appConsole as c } from "../appConsole.js";
 import "../../de_DE-a553b162.js";
-const A = /* @__PURE__ */ new Date("2026-03-31T09:28:25.744Z"), w = `-----BEGIN PUBLIC KEY-----
+const A = /* @__PURE__ */ new Date("2026-04-02T17:46:20.744Z"), w = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx
 gr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b
 HLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y

package/dist/utils/hooks/useLoadPdf.js

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

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { b as I } from "../../PaginationContext-9217cab4.js";
+import { b as I } from "../../PaginationContext-15f88187.js";
 import "../../contexts/ViewModeContext.js";
 import "../../contexts/ScrollModeContext.js";
 import "./useDebounce.js";

package/dist/utils/hooks/usePresentPage.js

@@ -1,11 +1,11 @@
-import { useRef as x, useState as C, useMemo as D, useEffect as X, useCallback as F } from "react";
-import { useLayoutContainer as N } from "../../contexts/LayoutContainerContext.js";
-import { useDimensionPagesContext as v } from "../../contexts/DimensionPagesContext.js";
-import { getGridDimension as A, getPositionFromPage as H } from "../calculatePage.js";
-import { u as _ } from "../../PaginationContext-9217cab4.js";
-import { useDebounce as q } from "./useDebounce.js";
-import { useSmoothScrollContext as G } from "../../contexts/SmoothScrollContext.js";
-import { ViewMode as M } from "../types.js";
+import { useRef as Y, useState as C, useMemo as D, useEffect as E, useCallback as N } from "react";
+import { useLayoutContainer as v } from "../../contexts/LayoutContainerContext.js";
+import { useDimensionPagesContext as A } from "../../contexts/DimensionPagesContext.js";
+import { getGridDimension as H, getPositionFromPage as _ } from "../calculatePage.js";
+import { u as q } from "../../PaginationContext-15f88187.js";
+import { useDebounce as G } from "./useDebounce.js";
+import { useSmoothScrollContext as M } from "../../contexts/SmoothScrollContext.js";
+import { ViewMode as V } from "../types.js";
 import "react/jsx-runtime";
 import "../appConsole.js";
 import "../../contexts/RPDocumentContext.js";
@@ -32,15 +32,17 @@ import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
 import "../smoothScrollTo.js";
 import "../getScrollDistance.js";
-const Wt = (f, Y, n, W) => {
-  const P = x(), { contentRef: E } = N(), { heights: h, widths: l } = v(), { setFocusedPage: b } = _(), [S, R] = C([]), { targetScrollPage: L } = G(), i = q(S, 0, 500), I = D(() => {
-    const c = W === M.DUAL_PAGE_WITH_COVER, { rowsHeight: r, columnsWidth: o } = A({ heights: h, widths: l }, f, c);
+const bt = (f, R, e, W) => {
+  const P = Y(), { contentRef: S } = v(), { heights: h, widths: g } = A(), { setFocusedPage: b } = q(), I = Y(b);
+  I.current = b;
+  const [F, x] = C([]), { targetScrollPage: l } = M(), i = G(F, 0, 500), X = D(() => {
+    const c = W === V.DUAL_PAGE_WITH_COVER, { rowsHeight: r, columnsWidth: o } = H({ heights: h, widths: g }, f, c);
     return h.map((m, t) => {
-      const e = l[t], s = H(t + 1, f, c), p = o.slice(0, s.columnIndex).reduce((u, a) => u + a, 0), d = r.slice(0, s.rowIndex).reduce((u, a) => u + a, 0), T = p + e, w = d + m;
+      const n = g[t], s = _(t + 1, f, c), p = o.slice(0, s.columnIndex).reduce((u, a) => u + a, 0), d = r.slice(0, s.rowIndex).reduce((u, a) => u + a, 0), T = p + n, w = d + m;
       return {
         pageNumber: t + 1,
         ...s,
-        width: e,
+        width: n,
         height: m,
         startX: p,
         startY: d,
@@ -48,14 +50,14 @@ const Wt = (f, Y, n, W) => {
         endY: w
       };
     });
-  }, [h, l, f, Y, W]);
-  X(() => {
+  }, [h, g, f, R, W]);
+  E(() => {
     var r;
-    i.length > 0 && !L.current && b(i[0].pageNumber), ((r = i[0]) == null ? void 0 : r.ratio) && i.some((o) => o.pageNumber === L.current) && setTimeout(() => {
-      L.current = void 0;
+    i.length > 0 && !l.current && I.current(i[0].pageNumber), ((r = i[0]) == null ? void 0 : r.ratio) && i.some((o) => o.pageNumber === l.current) && setTimeout(() => {
+      l.current = void 0;
     }, 500);
-  }, [i, b]);
-  const g = F(
+  }, [i]);
+  const L = N(
     (c) => {
       P.current && cancelAnimationFrame(P.current), P.current = requestAnimationFrame(() => {
         const r = c.target, o = {
@@ -63,28 +65,28 @@ const Wt = (f, Y, n, W) => {
           startLeft: r.scrollLeft,
           endTop: r.scrollTop + r.clientHeight,
           endLeft: r.scrollLeft + r.clientWidth
-        }, m = I.filter((t) => {
-          const e = t.endX >= o.startLeft && t.endY >= o.startTop, s = t.startX <= o.endLeft && t.startY <= o.endTop;
-          return e && s;
+        }, m = X.filter((t) => {
+          const n = t.endX >= o.startLeft && t.endY >= o.startTop, s = t.startX <= o.endLeft && t.startY <= o.endTop;
+          return n && s;
         }).map((t) => {
-          const e = o.startLeft > t.startX ? o.startLeft : t.startX, s = o.startTop > t.startY ? o.startTop : t.startY, p = o.endLeft < t.endX ? o.endLeft : t.endX, d = o.endTop < t.endY ? o.endTop : t.endY, T = p - e, w = d - s, a = +(T * w / (t.width * t.height) * 100).toFixed(2);
+          const n = o.startLeft > t.startX ? o.startLeft : t.startX, s = o.startTop > t.startY ? o.startTop : t.startY, p = o.endLeft < t.endX ? o.endLeft : t.endX, d = o.endTop < t.endY ? o.endTop : t.endY, T = p - n, w = d - s, a = +(T * w / (t.width * t.height) * 100).toFixed(2);
           return {
             pageNumber: t.pageNumber,
             ratio: a
           };
-        }).sort((t, e) => e.ratio - t.ratio);
-        R(m);
+        }).sort((t, n) => n.ratio - t.ratio);
+        x(m);
       });
     },
-    [E, I]
+    [S, X]
   );
-  X(() => {
-    if (n)
-      return n == null || n.addEventListener("scroll", g), () => {
-        n == null || n.removeEventListener("scroll", g);
+  E(() => {
+    if (e)
+      return e == null || e.addEventListener("scroll", L), () => {
+        e == null || e.removeEventListener("scroll", L);
       };
-  }, [n, g]);
+  }, [e, L]);
 };
 export {
-  Wt as usePresentPage
+  bt as usePresentPage
 };

package/dist/utils/hooks/useScrollToPage.js

@@ -1,6 +1,6 @@
 import "react";
 import "../../contexts/ScrollModeContext.js";
-import { a as G } from "../../PaginationContext-9217cab4.js";
+import { a as G } from "../../PaginationContext-15f88187.js";
 import "../../contexts/ViewModeContext.js";
 import "../types.js";
 import "../../contexts/VirtualScrollContext.js";

package/dist/utils/hooks/useSearch.js

@@ -5,7 +5,7 @@ import { useVirtualScrollContext as st } from "../../contexts/VirtualScrollConte
 import { useScrollModeContext as ct } from "../../contexts/ScrollModeContext.js";
 import { useDocumentContext as it } from "../../contexts/RPDocumentContext.js";
 import { useZoomContext as at } from "../../contexts/ZoomContext.js";
-import { u as mt } from "../../PaginationContext-9217cab4.js";
+import { u as mt } from "../../PaginationContext-15f88187.js";
 import { useViewModeContext as ut } from "../../contexts/ViewModeContext.js";
 import { useDimensionPagesContext as pt } from "../../contexts/DimensionPagesContext.js";
 import { useLayoutContainer as lt } from "../../contexts/LayoutContainerContext.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.3.0-beta.2",
+  "version": "2.3.0-beta.4",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [