@pdf-viewer/react 1.8.1-rc.0 → 1.8.1-rc.2

package/dist/main.js

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

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

@@ -6,5 +6,9 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
 }
 export declare const LayoutContainer: import('react').ForwardRefExoticComponent<Props & {
     children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
+} & import('react').RefAttributes<HTMLDivElement>> | ((props: Props & {
+    children?: import('react').ReactNode | undefined;
+} & {
+    ref?: import('react').Ref<HTMLDivElement> | undefined;
+}) => import('react').ReactNode);
 export {};

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

@@ -1,2 +1,4 @@
 import { RPLayoutProps } from '../../utils/types';
-export declare const RPDefaultLayout: import('react').ForwardRefExoticComponent<RPLayoutProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const RPDefaultLayout: import('react').ForwardRefExoticComponent<RPLayoutProps & import('react').RefAttributes<HTMLDivElement>> | ((props: RPLayoutProps & {
+    ref?: import('react').Ref<HTMLDivElement> | undefined;
+}) => import('react').ReactNode);

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

@@ -1,5 +1,7 @@
 interface Props {
     show: boolean;
 }
-export declare const Thumbnails: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Thumbnails: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>> | ((props: Props & {
+    ref?: import('react').Ref<HTMLDivElement> | undefined;
+}) => import('react').ReactNode);
 export {};

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

@@ -1 +1,3 @@
-export declare const RPToolbar: import('react').ForwardRefExoticComponent<import('react').RefAttributes<HTMLDivElement>>;
+export declare const RPToolbar: import('react').ForwardRefExoticComponent<object & import('react').RefAttributes<HTMLDivElement>> | ((props: object & {
+    ref?: import('react').Ref<HTMLDivElement> | undefined;
+}) => import('react').ReactNode);

package/dist/types/components/page/RPPage.d.ts

@@ -1,5 +1,7 @@
 interface Props extends React.HTMLAttributes<HTMLDivElement> {
     pageNumber: number;
 }
-export declare const RPPage: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>>;
+export declare const RPPage: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>> | ((props: Props & {
+    ref?: import('react').Ref<HTMLDivElement> | undefined;
+}) => import('react').ReactNode);
 export {};

package/dist/types/components/ui/Button.d.ts

@@ -2,5 +2,7 @@ import { ButtonHTMLAttributes, PropsWithChildren } from 'react';
 interface Props extends PropsWithChildren, ButtonHTMLAttributes<{}> {
     active?: boolean;
 }
-export declare const UIButton: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const UIButton: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLButtonElement>> | ((props: Props & {
+    ref?: import('react').Ref<HTMLButtonElement> | undefined;
+}) => import('react').ReactNode);
 export {};

package/dist/types/components/ui/Input.d.ts

@@ -2,5 +2,7 @@ import { InputHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 interface Props extends InputHTMLAttributes<HTMLInputElement>, PropsWithChildren {
     icon?: ReactNode;
 }
-export declare const UIInput: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
+export declare const UIInput: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>> | ((props: Props & {
+    ref?: import('react').Ref<HTMLInputElement> | undefined;
+}) => ReactNode);
 export {};

package/dist/types/components/ui/RPTooltip.d.ts

@@ -5,5 +5,7 @@ interface TooltipProps {
     className?: string;
     style?: CSSProperties;
 }
-declare const RPTooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const RPTooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLDivElement>> | ((props: TooltipProps & {
+    ref?: import('react').Ref<HTMLDivElement> | undefined;
+}) => ReactNode);
 export default RPTooltip;

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

@@ -0,0 +1,4 @@
+import { ForwardRefRenderFunction, PropsWithoutRef, Ref } from 'react';
+export declare const withRef: <R extends HTMLElement, P = object>(render: ForwardRefRenderFunction<R, PropsWithoutRef<P>>) => import('react').ForwardRefExoticComponent<PropsWithoutRef<P> & import('react').RefAttributes<R>> | ((props: PropsWithoutRef<P> & {
+    ref?: Ref<R>;
+}) => import('react').ReactNode);

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 { b as H } from "../../RPDefaultLayout-c0c44afa.js";
+import { b as H } from "../../RPDefaultLayout-29ba8270.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 E, useCallback as h, useEffect as A } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-07-31T03:11:50.155Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-08-06T03:19:42.432Z"), d = "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. ${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,6 +1,6 @@
 import "react";
 import "../types.js";
-import { g as I } from "../../RPDefaultLayout-c0c44afa.js";
+import { g as I } from "../../RPDefaultLayout-29ba8270.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 I } from "../../RPDefaultLayout-c0c44afa.js";
+import { v as I } from "../../RPDefaultLayout-29ba8270.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 H } from "../../RPDefaultLayout-c0c44afa.js";
+import { i as H } from "../../RPDefaultLayout-29ba8270.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 H } from "../../RPDefaultLayout-c0c44afa.js";
+import { f as H } from "../../RPDefaultLayout-29ba8270.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 K } from "../../RPDefaultLayout-c0c44afa.js";
+import { n as K } from "../../RPDefaultLayout-29ba8270.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 I } from "../../RPDefaultLayout-c0c44afa.js";
+import { k as I } from "../../RPDefaultLayout-29ba8270.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 F } from "../../RPDefaultLayout-c0c44afa.js";
+import { s as F } from "../../RPDefaultLayout-29ba8270.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/withRef.js

@@ -0,0 +1,8 @@
+import { forwardRef as o } from "react";
+const s = (e) => o ? o((r, t) => e(r, t)) : (r) => {
+  const { ref: t, ...f } = r;
+  return e(f, t);
+};
+export {
+  s as withRef
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
-  "version": "1.8.1-rc.0",
+  "version": "1.8.1-rc.2",
   "keywords": [
     "react-pdf",
     "react-pdf-viewer",
@@ -41,14 +41,12 @@
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
     "@radix-ui/react-checkbox": "^1.1.3 || ^2.0.0",
-    "@radix-ui/react-popover": "^1.0.6 || ^2.0.0",
     "@radix-ui/react-tooltip": "^1.1.8 || ^2.0.0",
     "@radix-ui/react-dialog": "^1.1.2 || ^2.0.0",
     "@radix-ui/react-dropdown-menu": "^2.1.2 || ^2.0.0"
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.1.3",
-    "@radix-ui/react-popover": "1.0.6",
     "@radix-ui/react-tooltip": "^1.1.8",
     "@tanstack/react-query": "^5.60.6",
     "pdfjs-dist": "4.10.38",