@pdf-viewer/react 0.4.0-beta.1 → 0.4.0-beta.2

package/dist/main.js

@@ -1,37 +1,36 @@
 import { RPDocument as t } from "./components/RPDocument.js";
-import { R as x, a as m, u as n, b as p, c as s } from "./Thumbnails-06fa1aa5.js";
-import { RPConfig as u } from "./components/RPConfig.js";
-import { RPLayout as C } from "./components/layout/RPLayout.js";
-import { RPTheme as P } from "./components/RPTheme.js";
-import { RPDropFileZone as l } from "./components/RPDropFileZone.js";
-import { useDarkModeContext as d } from "./contexts/DarkModeContext.js";
-import { useDocumentContext as M } from "./contexts/RPDocumentContext.js";
-import { useRotateContext as F } from "./contexts/RotateContext.js";
-import { useDarkModeProps as Z } from "./utils/hooks/useDarkModeProps.js";
-import { useViewModeContext as h } from "./contexts/ViewModeContext.js";
-import { useDropFileZoneContext as S } from "./contexts/DropFileZoneContext.js";
-import { useOpenFileContext as y } from "./contexts/FileInputContext.js";
-import { useZoomContext as O } from "./contexts/ZoomContext.js";
-import { ScrollMode as j, ViewMode as q } from "./utils/types.js";
+import { a as x, R as n, b as s, u as m, c as p, d as u } from "./RPLayout-608b83dd.js";
+import { RPConfig as f } from "./components/RPConfig.js";
+import { RPTheme as i } from "./components/RPTheme.js";
+import { RPDropFileZone as R } from "./components/RPDropFileZone.js";
+import { useDarkModeContext as l } from "./contexts/DarkModeContext.js";
+import { useDocumentContext as c } from "./contexts/RPDocumentContext.js";
+import { useRotateContext as w } from "./contexts/RotateContext.js";
+import { useDarkModeProps as V } from "./utils/hooks/useDarkModeProps.js";
+import { useViewModeContext as g } from "./contexts/ViewModeContext.js";
+import { useDropFileZoneContext as k } from "./contexts/DropFileZoneContext.js";
+import { useOpenFileContext as b } from "./contexts/FileInputContext.js";
+import { useZoomContext as L } from "./contexts/ZoomContext.js";
+import { ScrollMode as T, ViewMode as j } from "./utils/types.js";
 export {
-  u as RPConfig,
+  f as RPConfig,
   t as RPDocument,
-  l as RPDropFileZone,
-  C as RPLayout,
-  P as RPTheme,
-  x as RPViewer,
-  j as ScrollMode,
-  q as ViewMode,
-  d as useDarkModeContext,
-  Z as useDarkModeProps,
-  M as useDocumentContext,
-  S as useDropFileZoneContext,
-  m as useFileDownload,
-  y as useOpenFileContext,
-  n as usePaginateContext,
+  R as RPDropFileZone,
+  x as RPLayout,
+  i as RPTheme,
+  n as RPViewer,
+  T as ScrollMode,
+  j as ViewMode,
+  l as useDarkModeContext,
+  V as useDarkModeProps,
+  c as useDocumentContext,
+  k as useDropFileZoneContext,
+  s as useFileDownload,
+  b as useOpenFileContext,
+  m as usePaginateContext,
   p as usePrintContext,
-  F as useRotateContext,
-  s as useSearchContext,
-  h as useViewModeContext,
-  O as useZoomContext
+  w as useRotateContext,
+  u as useSearchContext,
+  g as useViewModeContext,
+  L as useZoomContext
 };

package/dist/types/components/layout/RPLayout.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { RPLayoutProps } from '../../utils/types';
-export declare const RPLayout: FC<RPLayoutProps>;
+export declare const RPLayout: import('react').ForwardRefExoticComponent<RPLayoutProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,11 @@
 import { FC, PropsWithChildren } from 'react';
-import { DocumentContextType, RPSrc, CharacterMapConfig } from '../utils/types';
+import { DocumentContextType, RPSrc, CharacterMapConfig, LoadPDFOptions } from '../utils/types';
+import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';
 declare const DocumentContext: React.Context<DocumentContextType>;
-interface Props extends PropsWithChildren {
+interface Props extends PropsWithChildren, LoadPDFOptions {
     src?: RPSrc;
     characterMap?: CharacterMapConfig;
+    onLoaded?: (pdfDocument: PDFDocumentProxy) => void;
 }
 export declare const DocumentProvider: FC<Props>;
 export declare const useDocumentContext: () => DocumentContextType;

package/dist/types/main.d.ts

@@ -16,5 +16,6 @@ export { useOpenFileContext } from './contexts/FileInputContext';
 export { usePrintContext } from './contexts/PrintContext';
 export { useZoomContext } from './contexts/ZoomContext';
 export { useSearchContext } from './contexts/SearchContext';
+export { type PDFDocumentProxy } from 'pdfjs-dist';
 export type { RPConfigProps, RPThemeProps, RPDocumentProps, RPLayoutProps, RPIcons, RPSlots, DarkModeProps, ZoomProps, ViewModeProps, DownloadToolProps, OpenFileToolProps, ScrollModeProps, PageNavigationToolProps, PrintToolProps, Localization, MatchValue } from './utils/types';
 export { ViewMode, ScrollMode } from './utils/types';

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

@@ -1,6 +1,6 @@
 import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api.js';
-import { PdfPage, RPSrc, CharacterMapConfig } from '../types';
-export declare const useLoadPdf: (src?: RPSrc, characterMap?: CharacterMapConfig) => {
+import { PdfPage, RPSrc, CharacterMapConfig, LoadPDFOptions } from '../types';
+export declare const useLoadPdf: (src?: RPSrc, characterMap?: CharacterMapConfig, options?: LoadPDFOptions) => {
     pdf: PDFDocumentProxy | undefined;
     pages: Map<number, PdfPage>;
     loading: boolean;

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

@@ -10,6 +10,7 @@ export interface DocumentContextType {
     pdfProperties?: PdfProperties;
     setFilename: React.Dispatch<React.SetStateAction<string | undefined>>;
     filename?: string | null;
+    loading: boolean;
 }
 export declare enum AnnotationSubType {
     Text = 1,
@@ -47,7 +48,7 @@ export type OutlineDestination = [
     OutlineDestinationName,
     ...any[]
 ];
-type OutlineDestinationType = string | OutlineDestination;
+export type OutlineDestinationType = string | OutlineDestination;
 export declare enum ZoomLevel {
     ACTUAL = "Actual",
     PAGE_FIT = "Fit",
@@ -424,7 +425,7 @@ export interface CharacterMapConfig {
     url: string;
     isCompressed: boolean;
 }
-export interface RPDocumentProps extends PropsWithChildren {
+export interface RPDocumentProps extends PropsWithChildren, LoadPDFOptions {
     src: RPSrc;
     workerUrl?: string;
     characterMap?: CharacterMapConfig;
@@ -443,6 +444,8 @@ export interface RPLayoutProps extends PropsWithChildren, RPControllerProps {
     showToolbar?: boolean;
     style?: React.CSSProperties;
     className?: string;
+    onLoaded?: () => void;
+    cleanupOnLoaded?: () => void;
 }
 export interface ZoomContextType {
     zoomLevel: number;
@@ -559,4 +562,8 @@ export interface SelectionModeContextType {
 export interface SelectionModeProps {
     initialSelectionMode?: SelectionMode;
 }
+export interface LoadPDFOptions {
+    onLoadError?: (error: any) => void;
+    onLoaded?: (pdfDocument: PDFDocumentProxy) => void;
+}
 export {};

package/dist/utils/hooks/useFileDownload.js

@@ -1,32 +1,17 @@
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { a as C } from "../../Thumbnails-06fa1aa5.js";
+import { b as w } from "../../RPLayout-608b83dd.js";
 import "../../components/RPConfig.js";
+import "../../contexts/ThemeContext.js";
 import "react";
-import "../../components/ui/Button.js";
-import "../../RPSplitter.module-13d612c4.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/IconContext.js";
-import "../../Container.module-cb7b45b9.js";
-import "../../contexts/LayoutContainerContext.js";
+import "../../components/RPDropFileZone.js";
+import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/DarkModeContext.js";
+import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/RotateContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
 import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../contexts/ScrollStateContext.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/ThemeContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../WrapperLayout.module-147bc943.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../RPTheme.module-f756e5cd.js";
 import "../../contexts/FileInputContext.js";
+import "../../contexts/ZoomContext.js";
 export {
-  C as useFileDownload
+  w as useFileDownload
 };

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as g, useCallback as h, useEffect as v } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-02-06T05:13:29.146Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
+const b = /* @__PURE__ */ new Date("2025-02-07T03:34:41.769Z"), 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}`,
@@ -8,39 +8,31 @@ const b = /* @__PURE__ */ new Date("2025-02-06T05:13:29.146Z"), d = "Please visi
   invalidSignature: "Invalid license key: Signature mismatch"
 };
 function y(r) {
-  const n = r.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s+/g, ""), t = atob(n), i = new Uint8Array(t.length);
+  const i = r.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s+/g, ""), t = atob(i), n = new Uint8Array(t.length);
   for (let e = 0; e < t.length; e++)
-    i[e] = t.charCodeAt(e);
-  return i.buffer;
+    n[e] = t.charCodeAt(e);
+  return n.buffer;
 }
 function A(r) {
-  const n = atob(r), t = new Uint8Array(n.length);
-  for (let i = 0; i < n.length; i++)
-    t[i] = n.charCodeAt(i);
+  const i = atob(r), t = new Uint8Array(i.length);
+  for (let n = 0; n < i.length; n++)
+    t[n] = i.charCodeAt(n);
   return t.buffer;
 }
-async function I(r, n = "SHA-256") {
+async function I(r, i = "SHA-256") {
   try {
-    const { data: t, signature: i } = JSON.parse(atob(r)), e = y(`-----BEGIN PUBLIC KEY-----
-MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAyrIi83Zr5AKaWO6zbZmX
-qv3McVhtnPOnWCiFgf5xeaglLzEwMiXo3gALaPoBp5Q0WPOSBE9GTqwOyQUgpDNS
-BuQ0cjOzQdFM3GPnKSqQThZJfjUmD9egMZDmfhcpFGPybUoicoIEFQOdX2vMFUfn
-6yjRsyvbK6UPTombYl785V8dXNnnIHa4tQC1JSaSe/bhG3e/6kbQCy9VJ23242q9
-WJpx9c2sZ+bmyI0r9Zx0PfqcDJzDfKn45v96EtxGhV16OZhqkbj4ljiJ/mfqfCkx
-ybkm9nvxz0hAwcEftQaxl/0cZ1RxtsRcL+V3msLsmGcs9nPqAuXecbfg9QVCi/+m
-iwIDAQAB
------END PUBLIC KEY-----`), a = await window.crypto.subtle.importKey(
+    const { data: t, signature: n } = JSON.parse(atob(r)), e = y("-----BEGIN PUBLIC KEY-----MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAyrIi83Zr5AKaWO6zbZmXqv3McVhtnPOnWCiFgf5xeaglLzEwMiXo3gALaPoBp5Q0WPOSBE9GTqwOyQUgpDNSBuQ0cjOzQdFM3GPnKSqQThZJfjUmD9egMZDmfhcpFGPybUoicoIEFQOdX2vMFUfn6yjRsyvbK6UPTombYl785V8dXNnnIHa4tQC1JSaSe/bhG3e/6kbQCy9VJ23242q9WJpx9c2sZ+bmyI0r9Zx0PfqcDJzDfKn45v96EtxGhV16OZhqkbj4ljiJ/mfqfCkxybkm9nvxz0hAwcEftQaxl/0cZ1RxtsRcL+V3msLsmGcs9nPqAuXecbfg9QVCi/+miwIDAQAB-----END PUBLIC KEY-----"), a = await window.crypto.subtle.importKey(
       "spki",
       // str2ab(publicKeyContent), // Convert PEM string to ArrayBuffer
       e,
-      { name: "RSA-PSS", hash: n },
+      { name: "RSA-PSS", hash: i },
       !0,
       ["verify"]
     );
     if (!await window.crypto.subtle.verify(
       { name: "RSA-PSS", saltLength: 32 },
       a,
-      A(i),
+      A(n),
       // Convert signature to ArrayBuffer
       new TextEncoder().encode(atob(t))
     ))
@@ -50,12 +42,12 @@ iwIDAQAB
     throw new Error(o.invalidLicense);
   }
 }
-const L = (r, n) => r === "specific" ? n === window.location.host : window.location.host.includes(n), c = {
+const L = (r, i) => r === "specific" ? i === window.location.host : window.location.host.includes(i), c = {
   isValid: !1,
   invalidatedMessage: o.invalidLicense,
   type: void 0
 }, T = (r) => {
-  const [n, t] = g(c), i = h(async () => {
+  const [i, t] = g(c), n = h(async () => {
     if (!r)
       return t(c), c;
     try {
@@ -88,14 +80,14 @@ const L = (r, n) => r === "specific" ? n === window.location.host : window.locat
     }
   }, [r]);
   return v(() => {
-    i().then(({ isValid: e, type: a, invalidatedMessage: s }) => {
+    n().then(({ isValid: e, type: a, invalidatedMessage: s }) => {
       t({
         isValid: e,
         type: a,
         invalidatedMessage: s
       });
     });
-  }, [i]), n;
+  }, [n]), i;
 };
 export {
   T as useLicense

package/dist/utils/hooks/useLoadPdf.js

@@ -1,50 +1,50 @@
-import { useState as f, useRef as y, useEffect as a } from "react";
-import * as p from "pdfjs-dist";
-import { getThumbnailViewport as C } from "../getThumbnailViewport.js";
-import { useConfigContext as T } from "../../contexts/ConfigContext.js";
-const L = (r, o) => {
-  const [t, c] = f(), { workerUrlAdded: d } = T(), [w, g] = f(/* @__PURE__ */ new Map()), l = y(), [u, P] = f(!1);
-  return a(() => {
-    if (!d || (console.log("pdf version", p.version), !r))
+import { useState as g, useRef as T, useEffect as c } from "react";
+import * as w from "pdfjs-dist";
+import { getThumbnailViewport as v } from "../getThumbnailViewport.js";
+import { useConfigContext as x } from "../../contexts/ConfigContext.js";
+const S = (i, o, b = {}) => {
+  const [t, k] = g(), { workerUrlAdded: a } = x(), [L, P] = g(/* @__PURE__ */ new Map()), l = T(), [u, p] = g(!1), { onLoadError: f, onLoaded: m } = b;
+  return c(() => {
+    if (!a || (console.log("pdf version", w.version), !i))
       return;
     l.current = Date.now();
-    const n = l.current, m = {
-      url: r,
+    const n = l.current, d = {
+      url: i,
       cMapPacked: (o == null ? void 0 : o.isCompressed) ?? !0,
       ...(o == null ? void 0 : o.url) && { cMapUrl: o.url }
-    }, i = p.getDocument(m);
-    P(!0);
-    const s = i.promise.then((e) => (n === l.current && c(e), e)).catch((e) => {
-      console.log(e);
-    }).finally(() => P(!1));
+    }, r = w.getDocument(d);
+    p(!0);
+    const s = r.promise.then((e) => (n === l.current && k(e), m && m(e), e)).catch((e) => {
+      f && f(e);
+    }).finally(() => p(!1));
     return () => {
       s.finally(() => {
-        i.destroy();
+        r.destroy();
       });
     };
-  }, [r, d]), a(() => {
+  }, [i, a, f, m]), c(() => {
     const n = /* @__PURE__ */ new Map();
     if (!t || u) {
-      g(n);
+      P(n);
       return;
     }
-    const m = t.numPages, i = [];
-    for (let s = 1; s <= m; s++) {
+    const d = t.numPages, r = [];
+    for (let s = 1; s <= d; s++) {
       const e = t.getPage(s);
-      i.push(e);
+      r.push(e);
     }
-    Promise.all(i).then((s) => {
+    Promise.all(r).then((s) => {
       s.map((e) => {
-        const { thumbnailViewport: b, scale: k } = C(e);
-        n.set(e.pageNumber, { page: e, thumbnailViewport: b, thumbnailScale: k });
-      }), g(n);
+        const { thumbnailViewport: y, scale: C } = v(e);
+        n.set(e.pageNumber, { page: e, thumbnailViewport: y, thumbnailScale: C });
+      }), P(n);
     });
   }, [t, u]), {
     pdf: t,
-    pages: w,
+    pages: L,
     loading: u
   };
 };
 export {
-  L as useLoadPdf
+  S as useLoadPdf
 };

package/dist/utils/hooks/usePaginate.js

@@ -1,33 +1,20 @@
 import "react";
-import { o as E } from "../../Thumbnails-06fa1aa5.js";
+import { j as d } from "../../RPLayout-608b83dd.js";
 import "../../contexts/ScrollStateContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../components/RPConfig.js";
-import "../../components/ui/Button.js";
-import "../../RPSplitter.module-13d612c4.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/IconContext.js";
-import "../../Container.module-cb7b45b9.js";
-import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ThemeContext.js";
+import "../../components/RPDropFileZone.js";
+import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/DarkModeContext.js";
+import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/RotateContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
 import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/ThemeContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../WrapperLayout.module-147bc943.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../RPTheme.module-f756e5cd.js";
 import "../../contexts/FileInputContext.js";
+import "../../contexts/ZoomContext.js";
+import "../../contexts/ScrollModeContext.js";
 import "./useDebounce.js";
 export {
-  E as usePaginate
+  d as usePaginate
 };

package/dist/utils/hooks/usePrint.js

@@ -1,33 +1,18 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { t as E } from "../../Thumbnails-06fa1aa5.js";
+import { o as d } from "../../RPLayout-608b83dd.js";
 import "../../components/RPConfig.js";
-import "../../components/ui/Button.js";
-import "../../RPSplitter.module-13d612c4.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/IconContext.js";
-import "../../Container.module-cb7b45b9.js";
-import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ThemeContext.js";
+import "../../components/RPDropFileZone.js";
+import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/DarkModeContext.js";
+import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/RotateContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
 import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../contexts/ScrollStateContext.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/ThemeContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../WrapperLayout.module-147bc943.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../RPTheme.module-f756e5cd.js";
 import "../../contexts/FileInputContext.js";
+import "../../contexts/ZoomContext.js";
 import "pdfjs-dist";
 export {
-  E as usePrint
+  d as usePrint
 };

package/dist/utils/hooks/useScrollToPage.js

@@ -2,33 +2,21 @@ import "react";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { i as D } from "../../Thumbnails-06fa1aa5.js";
+import { e as h } from "../../RPLayout-608b83dd.js";
 import "../../components/RPConfig.js";
-import "../../components/ui/Button.js";
-import "../../RPSplitter.module-13d612c4.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/IconContext.js";
-import "../../Container.module-cb7b45b9.js";
-import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ThemeContext.js";
+import "../../components/RPDropFileZone.js";
+import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/DarkModeContext.js";
-import "../types.js";
+import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/RotateContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
 import "../../contexts/ViewModeContext.js";
+import "../../contexts/FileInputContext.js";
+import "../../contexts/ZoomContext.js";
+import "../types.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
-import "../../contexts/ScrollStateContext.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/ThemeContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../WrapperLayout.module-147bc943.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../RPTheme.module-f756e5cd.js";
-import "../../contexts/FileInputContext.js";
 import "./usePageDimension.js";
 export {
-  D as useScrollToPage
+  h as useScrollToPage
 };

package/dist/utils/hooks/useSearch.js

@@ -1,33 +1,20 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { j as E } from "../../Thumbnails-06fa1aa5.js";
+import { f as j } from "../../RPLayout-608b83dd.js";
 import "../../components/RPConfig.js";
-import "../../components/ui/Button.js";
-import "../../RPSplitter.module-13d612c4.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/IconContext.js";
-import "../../Container.module-cb7b45b9.js";
-import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ThemeContext.js";
+import "../../components/RPDropFileZone.js";
+import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/DarkModeContext.js";
+import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/RotateContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
 import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../contexts/ScrollStateContext.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/ThemeContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../WrapperLayout.module-147bc943.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../RPTheme.module-f756e5cd.js";
 import "../../contexts/FileInputContext.js";
+import "../../contexts/ZoomContext.js";
 import "../highlight.js";
+import "../../contexts/VirtualScrollContext.js";
+import "../../contexts/ScrollModeContext.js";
 export {
-  E as useSearch
+  j as useSearch
 };

package/dist/utils/hooks/useThumbnail.js

@@ -2,33 +2,18 @@ import "react";
 import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { B as F } from "../../Thumbnails-06fa1aa5.js";
+import { x as c } from "../../RPLayout-608b83dd.js";
 import "../../components/RPConfig.js";
-import "../../components/ui/Button.js";
-import "../../RPSplitter.module-13d612c4.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/IconContext.js";
-import "../../Container.module-cb7b45b9.js";
-import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ThemeContext.js";
+import "../../components/RPDropFileZone.js";
+import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/DarkModeContext.js";
+import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/RotateContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
 import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../contexts/ScrollStateContext.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/ThemeContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../WrapperLayout.module-147bc943.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../RPTheme.module-f756e5cd.js";
 import "../../contexts/FileInputContext.js";
+import "../../contexts/ZoomContext.js";
 import "../getThumbnailViewport.js";
 export {
-  F as useThumbnail
+  c as useThumbnail
 };

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -3,32 +3,20 @@ import "../types.js";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { n as D } from "../../Thumbnails-06fa1aa5.js";
+import { i as b } from "../../RPLayout-608b83dd.js";
 import "../../components/RPConfig.js";
-import "../../components/ui/Button.js";
-import "../../RPSplitter.module-13d612c4.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/IconContext.js";
-import "../../Container.module-cb7b45b9.js";
-import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ThemeContext.js";
+import "../../components/RPDropFileZone.js";
+import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/DarkModeContext.js";
+import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/RotateContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
 import "../../contexts/ViewModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../contexts/ScrollStateContext.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/ThemeContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../WrapperLayout.module-147bc943.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../RPTheme.module-f756e5cd.js";
 import "../../contexts/FileInputContext.js";
+import "../../contexts/ZoomContext.js";
+import "../../contexts/VirtualGridContext.js";
 import "./usePageDimension.js";
+import "../../contexts/VirtualScrollContext.js";
 export {
-  D as useVirtualReactWindow
+  b as useVirtualReactWindow
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdf-viewer/react",
   "private": false,
-  "version": "0.4.0-beta.1",
+  "version": "0.4.0-beta.2",
   "keywords": [
     "component",
     "frontend",