@react-pdf-kit/viewer 2.5.0-beta.1 → 2.5.0-beta.3

package/dist/main.js

@@ -1,56 +1,57 @@
-import { RPProvider as dt } from "./components/RPProvider.js";
-import { RPPages as Dt } from "./components/RPPages.js";
-import { RPConfig as Ft } from "./components/RPConfig.js";
-import { RPDefaultLayout as Lt } from "./components/layout/RPDefaultLayout.js";
-import { RPLayout as vt } from "./components/layout/RPLayout.js";
-import { RPTheme as Bt } from "./components/RPTheme.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 Zt } from "./components/layout/RPDefaultLayout.js";
+import { RPLayout as Vt } from "./components/layout/RPLayout.js";
+import { RPTheme as bt } from "./components/RPTheme.js";
 import { default as Ht } from "./components/ui/RPTooltip.js";
-import { UIButton as bt } from "./components/ui/Button.js";
-import { useDarkModeContext as zt } from "./contexts/DarkModeContext.js";
+import { UIButton as yt } from "./components/ui/Button.js";
+import { useDarkModeContext as Et } from "./contexts/DarkModeContext.js";
 import { u as Ut } from "./PaginationContext-87f832f2.js";
-import { useDocumentContext as Nt } from "./contexts/RPDocumentContext.js";
-import { useRotationContext as jt } from "./contexts/RotationContext.js";
-import { useViewModeContext as At } from "./contexts/ViewModeContext.js";
-import { useDropFileZoneContext as Jt } from "./contexts/DropFileZoneContext.js";
-import { useFileDownload as Qt } from "./utils/hooks/useFileDownload.js";
-import { useOpenFileContext as Yt } from "./contexts/FileInputContext.js";
-import { usePrintContext as $t } from "./contexts/PrintContext.js";
-import { useZoomContext as rm } from "./contexts/ZoomContext.js";
-import { useSearchContext as mm } from "./contexts/SearchContext.js";
-import { useHighlightContext as im } from "./contexts/HighlightContext.js";
-import { useFullScreenContext as xm } from "./contexts/FullScreenContext.js";
-import { usePageRotateContext as fm } from "./utils/hooks/usePageRotateContext.js";
-import { useElementPageContext as am } from "./contexts/ElementPageContext.js";
-import { useSelectionModeContext as Tm } from "./contexts/SelectionModeContext.js";
-import { useScrollModeContext as Pm } from "./contexts/ScrollModeContext.js";
-import { SearchTool as gm } from "./components/layout/toolbar/SearchTool.js";
-import { ThemeSwitcherTool as Sm } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
-import { ThumbnailTool as dm } from "./components/layout/toolbar/tools/ThumbnailTool.js";
-import { FileUploadTool as Dm } from "./components/layout/toolbar/tools/FileUploadTool.js";
-import { FileDownloadTool as Fm } from "./components/layout/toolbar/tools/FileDownloadTool.js";
-import { PrintTool as Lm } from "./components/layout/toolbar/tools/PrintTool.js";
-import { FullScreenTool as vm } from "./components/layout/toolbar/tools/FullScreenTool.js";
-import { PreviousPageTool as Bm } from "./components/layout/toolbar/tools/PreviousPageTool.js";
-import { NextPageTool as Hm } from "./components/layout/toolbar/tools/NextPageTool.js";
-import { InputPageTool as bm } from "./components/layout/toolbar/tools/InputPageTool.js";
-import { ZoomInTool as zm } from "./components/layout/toolbar/tools/ZoomInTool.js";
-import { ZoomOutTool as Um } from "./components/layout/toolbar/tools/ZoomOutTool.js";
-import { ZoomLevelTool as Nm } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
-import { DocumentPropertiesTool as jm } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
-import { RotateClockwiseTool as Am } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
-import { RotateCounterclockwiseTool as Jm } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
-import { RPHorizontalBar as Qm } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
-import { RPVerticalBar as Ym } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
-import { SelectionModeSwitcherTool as $m } from "./components/layout/toolbar/tools/SelectionModeSwitcherTool.js";
-import { SinglePageTool as rp } from "./components/layout/toolbar/tools/SinglePageTool.js";
-import { DualPageTool as mp } from "./components/layout/toolbar/tools/DualPageTool.js";
-import { DualPageWithCoverTool as ip } from "./components/layout/toolbar/tools/DualPageWithCoverTool.js";
-import { PageScrollingTool as xp } from "./components/layout/toolbar/tools/PageScrollingTool.js";
-import { VerticalScrollingTool as fp } from "./components/layout/toolbar/tools/VerticalScrollingTool.js";
-import { HorizontalScrollingTool as ap } from "./components/layout/toolbar/tools/HorizontalScrollingTool.js";
-import { FirstPageTool as Tp } from "./components/layout/toolbar/tools/FirstPageTool.js";
-import { LastPageTool as Pp } from "./components/layout/toolbar/tools/LastPageTool.js";
-import { Locales as gp, ScrollMode as Cp, SelectionMode as Sp, ThemeVariables as Rp, ViewMode as dp, ZoomLevel as hp } from "./utils/types.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 um } from "./contexts/ElementPageContext.js";
+import { useElementThumbnailContext as sm } from "./contexts/ElementThumbnailContext.js";
+import { useSelectionModeContext as cm } from "./contexts/SelectionModeContext.js";
+import { useScrollModeContext as gm } from "./contexts/ScrollModeContext.js";
+import { SearchTool as Rm } from "./components/layout/toolbar/SearchTool.js";
+import { ThemeSwitcherTool as hm } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
+import { ThumbnailTool as wm } from "./components/layout/toolbar/tools/ThumbnailTool.js";
+import { FileUploadTool as Mm } from "./components/layout/toolbar/tools/FileUploadTool.js";
+import { FileDownloadTool as Zm } from "./components/layout/toolbar/tools/FileDownloadTool.js";
+import { PrintTool as Vm } from "./components/layout/toolbar/tools/PrintTool.js";
+import { FullScreenTool as bm } from "./components/layout/toolbar/tools/FullScreenTool.js";
+import { PreviousPageTool as Hm } from "./components/layout/toolbar/tools/PreviousPageTool.js";
+import { NextPageTool as ym } from "./components/layout/toolbar/tools/NextPageTool.js";
+import { InputPageTool as Em } from "./components/layout/toolbar/tools/InputPageTool.js";
+import { ZoomInTool as Um } from "./components/layout/toolbar/tools/ZoomInTool.js";
+import { ZoomOutTool as Wm } from "./components/layout/toolbar/tools/ZoomOutTool.js";
+import { ZoomLevelTool as qm } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
+import { DocumentPropertiesTool as Gm } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
+import { RotateClockwiseTool as Km } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
+import { RotateCounterclockwiseTool as Xm } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
+import { RPHorizontalBar as _m } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
+import { RPVerticalBar as op } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
+import { SelectionModeSwitcherTool as tp } from "./components/layout/toolbar/tools/SelectionModeSwitcherTool.js";
+import { SinglePageTool as pp } from "./components/layout/toolbar/tools/SinglePageTool.js";
+import { DualPageTool as ep } from "./components/layout/toolbar/tools/DualPageTool.js";
+import { DualPageWithCoverTool as lp } from "./components/layout/toolbar/tools/DualPageWithCoverTool.js";
+import { PageScrollingTool as np } from "./components/layout/toolbar/tools/PageScrollingTool.js";
+import { VerticalScrollingTool as up } from "./components/layout/toolbar/tools/VerticalScrollingTool.js";
+import { HorizontalScrollingTool as sp } from "./components/layout/toolbar/tools/HorizontalScrollingTool.js";
+import { FirstPageTool as cp } from "./components/layout/toolbar/tools/FirstPageTool.js";
+import { LastPageTool as gp } from "./components/layout/toolbar/tools/LastPageTool.js";
+import { Locales as Rp, ScrollMode as dp, SelectionMode as hp, ThemeVariables as Dp, ViewMode as wp, ZoomLevel as Fp } from "./utils/types.js";
 import "react/jsx-runtime";
 import "react";
 import "./contexts/DocumentPasswordContext.js";
@@ -196,6 +197,7 @@ import "./components/icons/Thumbnail.js";
 import "./RPSplitter-b62772f9.js";
 import "./components/layout/sidebar/Thumbnails.js";
 import "./components/layout/sidebar/Thumbnail.js";
+import "./components/layout/sidebar/CustomThumbnailElement.js";
 import "./utils/hooks/useInfiniteScroll.js";
 import "./components/layout/Container.js";
 import "./components/layout/WrapperLayout.js";
@@ -232,62 +234,63 @@ import "./components/layout/toolbar/SearchCloseButton.js";
 import "./components/icons/ChevronDownIcon.js";
 import "./components/layout/toolbar/ThumbnailTool.js";
 export {
-  jm as DocumentPropertiesTool,
-  mp as DualPageTool,
-  ip as DualPageWithCoverTool,
-  Fm as FileDownloadTool,
-  Dm as FileUploadTool,
-  Tp as FirstPageTool,
-  vm as FullScreenTool,
-  ap as HorizontalScrollingTool,
-  bm as InputPageTool,
-  Pp as LastPageTool,
-  gp as Locales,
-  Hm as NextPageTool,
-  xp as PageScrollingTool,
-  Bm as PreviousPageTool,
-  Lm as PrintTool,
-  bt as RPButton,
-  Ft as RPConfig,
-  Lt as RPDefaultLayout,
-  Qm as RPHorizontalBar,
-  vt as RPLayout,
-  Dt as RPPages,
-  dt as RPProvider,
-  Bt as RPTheme,
+  Gm as DocumentPropertiesTool,
+  ep as DualPageTool,
+  lp as DualPageWithCoverTool,
+  Zm as FileDownloadTool,
+  Mm as FileUploadTool,
+  cp as FirstPageTool,
+  bm as FullScreenTool,
+  sp as HorizontalScrollingTool,
+  Em as InputPageTool,
+  gp as LastPageTool,
+  Rp as Locales,
+  ym as NextPageTool,
+  np as PageScrollingTool,
+  Hm as PreviousPageTool,
+  Vm as PrintTool,
+  yt as RPButton,
+  Mt as RPConfig,
+  Zt as RPDefaultLayout,
+  _m as RPHorizontalBar,
+  Vt as RPLayout,
+  wt as RPPages,
+  ht as RPProvider,
+  bt as RPTheme,
   Ht as RPTooltip,
-  Ym as RPVerticalBar,
-  Am as RotateClockwiseTool,
-  Jm as RotateCounterclockwiseTool,
-  Cp as ScrollMode,
-  gm as SearchTool,
-  Sp as SelectionMode,
-  $m as SelectionModeSwitcherTool,
-  rp as SinglePageTool,
-  Sm as ThemeSwitcherTool,
-  Rp as ThemeVariables,
-  dm as ThumbnailTool,
-  fp as VerticalScrollingTool,
-  dp as ViewMode,
-  zm as ZoomInTool,
-  hp as ZoomLevel,
-  Nm as ZoomLevelTool,
-  Um as ZoomOutTool,
-  zt as useDarkModeContext,
-  Nt as useDocumentContext,
-  Jt as useDropFileZoneContext,
-  am as useElementPageContext,
-  Qt as useFileDownload,
-  xm as useFullScreenContext,
-  im as useHighlightContext,
-  Yt as useOpenFileContext,
-  fm as usePageRotateContext,
+  op as RPVerticalBar,
+  Km as RotateClockwiseTool,
+  Xm as RotateCounterclockwiseTool,
+  dp as ScrollMode,
+  Rm as SearchTool,
+  hp as SelectionMode,
+  tp as SelectionModeSwitcherTool,
+  pp as SinglePageTool,
+  hm as ThemeSwitcherTool,
+  Dp as ThemeVariables,
+  wm as ThumbnailTool,
+  up as VerticalScrollingTool,
+  wp as ViewMode,
+  Um as ZoomInTool,
+  Fp as ZoomLevel,
+  qm as ZoomLevelTool,
+  Wm as ZoomOutTool,
+  Et as useDarkModeContext,
+  Wt as useDocumentContext,
+  Kt as useDropFileZoneContext,
+  um as useElementPageContext,
+  sm as useElementThumbnailContext,
+  Xt as useFileDownload,
+  lm as useFullScreenContext,
+  em as useHighlightContext,
+  _t as useOpenFileContext,
+  nm as usePageRotateContext,
   Ut as usePaginationContext,
-  $t as usePrintContext,
-  jt as useRotationContext,
-  Pm as useScrollModeContext,
-  mm as useSearchContext,
-  Tm as useSelectionModeContext,
-  At as useViewModeContext,
-  rm as useZoomContext
+  om as usePrintContext,
+  qt as useRotationContext,
+  gm as useScrollModeContext,
+  pm as useSearchContext,
+  cm as useSelectionModeContext,
+  Gt as useViewModeContext,
+  tm as useZoomContext
 };

package/dist/types/components/layout/sidebar/CustomThumbnailElement.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface Props {
+    pageNumber: number;
+}
+export declare const CustomThumbnailElement: FC<Props>;
+export {};

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

@@ -0,0 +1,11 @@
+import { useElementThumbnail } from '../utils/types';
+interface ElementThumbnailContextValue extends useElementThumbnail {
+    setThumbnailContainer: (el: HTMLDivElement | null) => void;
+}
+export declare const ElementThumbnailContext: import('react').Context<ElementThumbnailContextValue | undefined>;
+export declare const ElementThumbnailProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useThumbnailContainerRegister: () => (el: HTMLDivElement | null) => void;
+export declare const useElementThumbnailContext: () => useElementThumbnail;
+export {};

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 { useElementThumbnailContext } from './contexts/ElementThumbnailContext';
 export { useSelectionModeContext } from './contexts/SelectionModeContext';
 export { useScrollModeContext } from './contexts/ScrollModeContext';
 export { type PDFDocumentProxy } from 'pdfjs-dist';

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

@@ -721,6 +721,18 @@ export interface useElementPage {
         behavior: 'smooth' | 'auto' | 'instant';
     }) => void;
 }
+export interface useElementThumbnail {
+    updateElement: (pageNumber: number, element: (prevElements: Array<HTMLElement | JSX.Element>, dimension: {
+        width: number;
+        height: number;
+    }, rotate: number) => Array<HTMLElement | JSX.Element>) => void;
+    removeElement: (pageNumber: number, index: number) => void;
+    clearElements: (pageNumber: number) => void;
+    elementList: Record<number, Array<HTMLElement | JSX.Element>>;
+    scrollToElement: (page: number, index: number, config?: {
+        behavior: 'smooth' | 'auto' | 'instant';
+    }) => void;
+}
 export interface MatchHighlight extends MatchValue {
     keyword: string | RegExp;
     color: string;

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-8145915f.js";
-const A = /* @__PURE__ */ new Date("2026-04-28T03:16:05.104Z"), w = `-----BEGIN PUBLIC KEY-----
+const A = /* @__PURE__ */ new Date("2026-05-06T03:41:32.991Z"), w = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx
 gr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b
 HLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y
@@ -31,7 +31,7 @@ function I(a) {
 }
 async function T(a) {
   try {
-    const i = await import("../../index-0b2a9a20.js").then((u) => u.i), e = (i == null ? void 0 : i.default) ?? i, t = e.pki.publicKeyFromPem(w), r = atob(a.data), n = e.util.decode64(a.signature), s = e.md.sha256.create();
+    const i = await import("../../index-e04c91b1.js").then((u) => u.i), e = (i == null ? void 0 : i.default) ?? i, t = e.pki.publicKeyFromPem(w), r = atob(a.data), n = e.util.decode64(a.signature), s = e.md.sha256.create();
     s.update(r, "utf8");
     const d = e.pss.create({
       md: e.md.sha256.create(),

package/package.json

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