@pdf-viewer/react 1.5.0-beta.0 → 1.5.0-beta.2

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-77418ce2.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-ffbfe65f.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/Container.d.ts

@@ -1,7 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 interface Props extends PropsWithChildren {
     getContainerRef?: (element: HTMLDivElement) => void;
-    toolbarRef: HTMLDivElement | null;
     style?: React.CSSProperties;
     className?: string;
 }

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

@@ -0,0 +1,9 @@
+interface Props {
+    toolbarRef: HTMLDivElement | null;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const LayoutContainer: import('react').ForwardRefExoticComponent<Props & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -1,6 +1,5 @@
 interface Props extends React.HTMLAttributes<HTMLDivElement> {
     pageNumber: number;
-    onIntersectRatioChange: (page: number, ratio: number) => void;
 }
 export declare const RPPage: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -0,0 +1,10 @@
+import { ScrollPosition } from '../utils/types';
+interface SmoothScrollContextType {
+    smoothScrolling: React.MutableRefObject<boolean>;
+    targetScrollPosition: React.MutableRefObject<ScrollPosition>;
+}
+export declare const SmoothScrollProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useSmoothScrollContext: () => SmoothScrollContextType;
+export {};

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

@@ -0,0 +1,5 @@
+export declare const getPageFromPosition: (rowIndex: number, columnIndex: number, totalColumns: number) => number;
+export declare const getPositionFromPage: (page: number, totalColumns: number) => {
+    rowIndex: number;
+    columnIndex: number;
+};

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

@@ -1 +1 @@
-export declare function useDebounce<T = string>(value: T, delay: number): T;
+export declare function useDebounce<T = string>(value: T, delay: number, maxWait?: number): T;

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

@@ -0,0 +1 @@
+export declare const usePresentPage: (totalColumns: number, totalRows: number, element?: HTMLElement) => void;

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

@@ -1,3 +1,3 @@
 export declare const useScrollToPage: () => {
-    scrollToPage: (page: number) => Promise<void>;
+    scrollToPage: (page: number, behavior?: "smooth" | "auto") => void;
 };

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

@@ -244,7 +244,7 @@ export interface SetPageResult {
 export interface PageControl {
     focusedPage: number;
     setFocusedPage: (page: number | string) => void;
-    goToPage: (page: number | string) => Promise<SetPageResult>;
+    goToPage: (page: number | string) => SetPageResult;
     totalPages: number;
     setTotalPages: (page: number) => void;
     nextPage: () => void;
@@ -296,7 +296,7 @@ export interface PageNavigationToolProps {
     nextPage: () => void;
     prevPage: () => void;
     changePage: (page: number) => void;
-    goToPage: (page: number) => Promise<SetPageResult>;
+    goToPage: (page: number) => SetPageResult;
 }
 export interface PreparePrintProgress {
     loadedPages: number;
@@ -441,6 +441,7 @@ export declare enum ThemeVariables {
     DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color",
     CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius",
     CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color",
+    CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color",
     HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color",
     TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius",
     CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color",

package/dist/utils/calculatePage.js

@@ -0,0 +1,8 @@
+const s = (t, o, e) => t * e + o + 1, c = (t, o) => {
+  const e = t - 1, n = Math.floor(e / o), r = (e - n * o) % o;
+  return { rowIndex: n, columnIndex: r };
+};
+export {
+  s as getPageFromPosition,
+  c as getPositionFromPage
+};

package/dist/utils/hooks/useDebounce.js

@@ -1,15 +1,19 @@
-import { useState as r, useEffect as c } from "react";
-function f(e, t) {
-  const [o, u] = r(e);
-  return c(() => {
-    const n = setTimeout(() => {
-      u(e);
-    }, t);
+import { useState as i, useRef as l, useEffect as f } from "react";
+function T(t, u, r) {
+  const [c, n] = i(t), e = l(null);
+  return f(() => {
+    const o = t;
+    r && !e.current && (e.current = setTimeout(() => {
+      n(o), e.current = null;
+    }, r));
+    const s = setTimeout(() => {
+      e.current && (clearTimeout(e.current), e.current = null), n(t);
+    }, u);
     return () => {
-      clearTimeout(n);
+      clearTimeout(s);
     };
-  }, [e, t]), o;
+  }, [t, u, r]), c;
 }
 export {
-  f as useDebounce
+  T as useDebounce
 };

package/dist/utils/hooks/useFileDownload.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "react";
-import { c as C } from "../../RPDefaultLayout-77418ce2.js";
+import { c as E } from "../../RPDefaultLayout-ffbfe65f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -21,6 +21,7 @@ import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
 import "../../contexts/HighlightContext.js";
 import "../../contexts/DownloadContext.js";
+import "../../contexts/SmoothScrollContext.js";
 import "../../contexts/LoaderContext.js";
 import "../../contexts/LicenseContext.js";
 import "../../components/RPConfig.js";
@@ -28,5 +29,5 @@ import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 export {
-  C as useFileDownload
+  E as useFileDownload
 };

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 c } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-04-28T01:50:09.804Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
+const b = /* @__PURE__ */ new Date("2025-04-30T02:45:44.208Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
   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}`,