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

package/dist/index-71898eb9.js

@@ -0,0 +1,139 @@
+import * as i from "react";
+import { jsx as C } from "react/jsx-runtime";
+function m(e, n) {
+  const t = i.createContext(n), r = (s) => {
+    const { children: o, ...c } = s, a = i.useMemo(() => c, Object.values(c));
+    return /* @__PURE__ */ C(t.Provider, { value: a, children: o });
+  };
+  r.displayName = e + "Provider";
+  function u(s) {
+    const o = i.useContext(t);
+    if (o)
+      return o;
+    if (n !== void 0)
+      return n;
+    throw new Error(`\`${s}\` must be used within \`${e}\``);
+  }
+  return [r, u];
+}
+function E(e, n = []) {
+  let t = [];
+  function r(s, o) {
+    const c = i.createContext(o), a = t.length;
+    t = [...t, o];
+    const f = (d) => {
+      var b;
+      const { scope: l, children: S, ...v } = d, h = ((b = l == null ? void 0 : l[e]) == null ? void 0 : b[a]) || c, z = i.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ C(h.Provider, { value: z, children: S });
+    };
+    f.displayName = s + "Provider";
+    function x(d, l) {
+      var h;
+      const S = ((h = l == null ? void 0 : l[e]) == null ? void 0 : h[a]) || c, v = i.useContext(S);
+      if (v)
+        return v;
+      if (o !== void 0)
+        return o;
+      throw new Error(`\`${d}\` must be used within \`${s}\``);
+    }
+    return [f, x];
+  }
+  const u = () => {
+    const s = t.map((o) => i.createContext(o));
+    return function(c) {
+      const a = (c == null ? void 0 : c[e]) || s;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: a } }),
+        [c, a]
+      );
+    };
+  };
+  return u.scopeName = e, [r, P(u, ...n)];
+}
+function P(...e) {
+  const n = e[0];
+  if (e.length === 1)
+    return n;
+  const t = () => {
+    const r = e.map((u) => ({
+      useScope: u(),
+      scopeName: u.scopeName
+    }));
+    return function(s) {
+      const o = r.reduce((c, { useScope: a, scopeName: f }) => {
+        const d = a(s)[`__scope${f}`];
+        return { ...c, ...d };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${n.scopeName}`]: o }), [o]);
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+function y(e) {
+  const n = i.useRef(e);
+  return i.useEffect(() => {
+    n.current = e;
+  }), i.useMemo(() => (...t) => {
+    var r;
+    return (r = n.current) == null ? void 0 : r.call(n, ...t);
+  }, []);
+}
+var g = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
+};
+function $(e) {
+  const [n, t] = i.useState(void 0);
+  return g(() => {
+    if (e) {
+      t({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((u) => {
+        if (!Array.isArray(u) || !u.length)
+          return;
+        const s = u[0];
+        let o, c;
+        if ("borderBoxSize" in s) {
+          const a = s.borderBoxSize, f = Array.isArray(a) ? a[0] : a;
+          o = f.inlineSize, c = f.blockSize;
+        } else
+          o = e.offsetWidth, c = e.offsetHeight;
+        t({ width: o, height: c });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      t(void 0);
+  }, [e]), n;
+}
+function _({
+  prop: e,
+  defaultProp: n,
+  onChange: t = () => {
+  }
+}) {
+  const [r, u] = p({ defaultProp: n, onChange: t }), s = e !== void 0, o = s ? e : r, c = y(t), a = i.useCallback(
+    (f) => {
+      if (s) {
+        const d = typeof f == "function" ? f(e) : f;
+        d !== e && c(d);
+      } else
+        u(f);
+    },
+    [s, e, u, c]
+  );
+  return [o, a];
+}
+function p({
+  defaultProp: e,
+  onChange: n
+}) {
+  const t = i.useState(e), [r] = t, u = i.useRef(r), s = y(n);
+  return i.useEffect(() => {
+    u.current !== r && (s(r), u.current = r);
+  }, [r, u, s]), t;
+}
+export {
+  g as a,
+  _ as b,
+  E as c,
+  $ as d,
+  m as e,
+  y as u
+};

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-62e0f668.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-27b16db0.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/contexts/DimensionPagesContext.d.ts

@@ -0,0 +1,4 @@
+import { FC, PropsWithChildren } from 'react';
+import { DimensionPagesContextType } from '../utils/types';
+export declare const useDimensionPagesContext: () => DimensionPagesContextType;
+export declare const DimensionPagesProvider: FC<PropsWithChildren>;

package/dist/types/utils/hooks/{usePageDimension.d.ts → useDimensionPages.d.ts}

@@ -1,4 +1,4 @@
-export declare const usePageDimension: () => {
+export declare const useDimensionPages: () => {
     widths: number[];
     heights: number[];
 };

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

@@ -1,4 +1,3 @@
-import { Align } from 'react-window';
 export declare const useScrollToPage: () => {
-    scrollToPage: (page: number, align?: Align) => void;
+    scrollToPage: (page: number) => void;
 };

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

@@ -3,10 +3,7 @@ export declare const useVirtualReactWindow: () => {
     rowHeight: (idx: number) => number;
     columnCount: number;
     columnWidth: (idx: number) => number;
-    pageDimension: {
-        widths: number[];
-        heights: number[];
-    };
+    pageDimension: import('../types').DimensionPagesContextType;
     estimatedRowHeight: number;
     estimatedColumnWidth: number;
 };

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

@@ -443,6 +443,12 @@ export interface RPLayoutProps extends PropsWithChildren, ViewportProps {
     onLoaded?: () => void;
     cleanupOnLoaded?: () => void;
 }
+export interface DimensionPagesContextType {
+    widths: number[];
+    heights: number[];
+    setWidths: React.Dispatch<React.SetStateAction<number[]>>;
+    setHeights: React.Dispatch<React.SetStateAction<number[]>>;
+}
 export interface ZoomContextType {
     zoomLevel: number;
     currentZoom: number;

package/dist/utils/hooks/useDimensionPages.js

@@ -0,0 +1,26 @@
+import { useEffect as f } from "react";
+import { useRotationContext as a } from "../../contexts/RotationContext.js";
+import { useZoomContext as g } from "../../contexts/ZoomContext.js";
+import { useDocumentContext as d } from "../../contexts/RPDocumentContext.js";
+import { PAGE_PADDING as m } from "../constants.js";
+import { useDimensionPagesContext as w } from "../../contexts/DimensionPagesContext.js";
+const _ = () => {
+  const { widths: p, heights: u, setWidths: c, setHeights: h } = w(), { pages: t } = d(), { currentZoom: e } = g(), { rotate: s } = a();
+  return f(() => {
+    if (!t)
+      return;
+    const r = [], i = [];
+    for (const o of Array.from(t.values())) {
+      const n = o.page.getViewport({
+        scale: e,
+        rotation: s,
+        dontFlip: !0
+      });
+      r.push(n.width + m), i.push(n.height + m);
+    }
+    c((o) => [...r]), h((o) => [...i]);
+  }, [e, s, t]), { widths: p, heights: u };
+};
+export {
+  _ as useDimensionPages
+};

package/dist/utils/hooks/useFileDownload.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "react";
-import { c as q } from "../../RPDefaultLayout-62e0f668.js";
+import { c as v } from "../../RPDefaultLayout-27b16db0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -17,10 +17,11 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/DimensionPagesContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 export {
-  q as useFileDownload
+  v as useFileDownload
 };

package/dist/utils/hooks/useLicense.js

@@ -1,74 +1,82 @@
-import { useState as E, useCallback as g, useEffect as v } from "react";
+import { useState as g, useCallback as h, useEffect as E } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-03-06T11:07:39.164Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
+const A = /* @__PURE__ */ new Date("2025-03-10T09:53:30.688Z"), 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}`,
   exceededVersion: "Your license does not support the current version of React PDF. The library version you are using exceeds the supported range of your license.",
   invalidSignature: "Invalid license key: Signature mismatch"
 };
-function y(r) {
-  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++)
-    n[e] = t.charCodeAt(e);
+function b(r) {
+  const t = r.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s+/g, ""), i = atob(t), n = new Uint8Array(i.length);
+  for (let e = 0; e < i.length; e++)
+    n[e] = i.charCodeAt(e);
   return n.buffer;
 }
-function A(r) {
-  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;
+function L(r) {
+  const t = atob(r), i = new Uint8Array(t.length);
+  for (let n = 0; n < t.length; n++)
+    i[n] = t.charCodeAt(n);
+  return i.buffer;
 }
-async function I(r, i = "SHA-256") {
+async function S(r, t = "SHA-256") {
   try {
-    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(
+    const { data: i, signature: n } = JSON.parse(atob(r)), e = b(`-----BEGIN PUBLIC KEY-----
+MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx
+gr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b
+HLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y
+Bm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W
+vXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD
+vzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR
+kwIDAQAB
+-----END PUBLIC KEY-----`), a = await window.crypto.subtle.importKey(
       "spki",
       // str2ab(publicKeyContent), // Convert PEM string to ArrayBuffer
       e,
-      { name: "RSA-PSS", hash: i },
+      { name: "RSA-PSS", hash: t },
       !0,
       ["verify"]
     );
     if (!await window.crypto.subtle.verify(
       { name: "RSA-PSS", saltLength: 32 },
       a,
-      A(n),
+      L(n),
       // Convert signature to ArrayBuffer
-      new TextEncoder().encode(atob(t))
+      new TextEncoder().encode(atob(i))
     ))
       throw new Error(o.invalidSignature);
-    return JSON.parse(atob(t));
+    return JSON.parse(atob(i));
   } catch {
     throw new Error(o.invalidLicense);
   }
 }
-const L = (r, i) => r === "specific" ? i === window.location.host : window.location.host.includes(i), c = {
+const I = (r, t) => r === "specific" ? t === window.location.host : window.location.host.includes(t), c = {
   isValid: !0,
   invalidatedMessage: o.invalidLicense,
   type: void 0
-}, T = (r) => {
-  const [i, t] = E(c), n = g(async () => {
+}, N = (r) => {
+  const [t, i] = g(c), n = h(async () => {
     if (!r)
-      throw t(c), new Error("License is missing");
+      throw i(c), new Error("License is missing");
     try {
-      const e = await I(r);
+      const e = await S(r);
       l.debug(">>> validatedLicense", e);
-      const { avu: a, exp: s, dmt: m, dm: f, t: w } = e;
+      const { avu: a, exp: s, dmt: m, dm: p, t: w } = e;
       if (!s)
         throw new Error("License is missing expiration timestamp");
       if (s > Number.MAX_SAFE_INTEGER / 1e3)
         throw new Error("Invalid expiration timestamp: value too large");
-      const h = new Date(s * 1e3), p = (/* @__PURE__ */ new Date()).getTime();
-      if (h.getTime() < p)
+      const v = new Date(s * 1e3), f = (/* @__PURE__ */ new Date()).getTime();
+      if (v.getTime() < f)
         throw new Error(o.expired);
       if (!a)
         throw new Error("License is missing available until version timestamp");
       if (a > Number.MAX_SAFE_INTEGER / 1e3)
         throw new Error("Invalid available until version timestamp: value too large");
       const u = new Date(a * 1e3);
-      if (l.debug("availableUntilTimestamp", u), u.getTime() < b.getTime())
+      if (l.debug("availableUntilTimestamp", u), u.getTime() < A.getTime())
         throw new Error(o.exceededVersion);
-      if (!L(m, f))
+      if (!I(m, p))
         throw new Error(o.mismatchedDomain);
       return {
         isValid: !0,
@@ -79,21 +87,21 @@ const L = (r, i) => r === "specific" ? i === window.location.host : window.locat
       return l.warn(e.message), { ...c, invalidatedMessage: e.message };
     }
   }, [r]);
-  return v(() => {
+  return E(() => {
     n().then(({ isValid: e, type: a, invalidatedMessage: s }) => {
-      t({
+      i({
         isValid: e,
         type: a,
         invalidatedMessage: s
       });
     }).catch((e) => {
-      throw t({
+      throw i({
         ...c,
         isValid: !1
       }), e;
     });
-  }, [n]), i;
+  }, [n]), t;
 };
 export {
-  T as useLicense
+  N as useLicense
 };

package/dist/utils/hooks/usePaginate.js

@@ -1,5 +1,5 @@
 import "react";
-import { g as y } from "../../RPDefaultLayout-62e0f668.js";
+import { g as z } from "../../RPDefaultLayout-27b16db0.js";
 import "../../contexts/ScrollStateContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
@@ -17,11 +17,12 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/DimensionPagesContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "./useDebounce.js";
 export {
-  y as usePaginate
+  z as usePaginate
 };

package/dist/utils/hooks/usePrint.js

@@ -1,7 +1,7 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { i as y } from "../../RPDefaultLayout-62e0f668.js";
+import { i as z } from "../../RPDefaultLayout-27b16db0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -17,11 +17,12 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/DimensionPagesContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "pdfjs-dist";
 export {
-  y as usePrint
+  z as usePrint
 };

package/dist/utils/hooks/useScrollToPage.js

@@ -2,7 +2,7 @@ import "react";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { f as w } from "../../RPDefaultLayout-62e0f668.js";
+import { f as y } from "../../RPDefaultLayout-27b16db0.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";
@@ -18,11 +18,12 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/DimensionPagesContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
-import "./usePageDimension.js";
+import "./useDimensionPages.js";
 export {
-  w as useScrollToPage
+  y as useScrollToPage
 };

package/dist/utils/hooks/useSearch.js

@@ -4,11 +4,10 @@ import "../highlight.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/ScrollModeContext.js";
 import "pdfjs-dist";
-import "./usePageDimension.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
-import { n as B } from "../../RPDefaultLayout-62e0f668.js";
+import { n as B } from "../../RPDefaultLayout-27b16db0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -21,6 +20,7 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/DimensionPagesContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { k as z } from "../../RPDefaultLayout-62e0f668.js";
+import { k as A } from "../../RPDefaultLayout-27b16db0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -18,11 +18,12 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/DimensionPagesContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../getThumbnailViewport.js";
 export {
-  z as useThumbnail
+  A as useThumbnail
 };

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -3,7 +3,7 @@ import "../types.js";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { r as v } from "../../RPDefaultLayout-62e0f668.js";
+import { r as v } from "../../RPDefaultLayout-27b16db0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -18,11 +18,11 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/DimensionPagesContext.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
-import "./usePageDimension.js";
 export {
   v as useVirtualReactWindow
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "The PDF Viewer component for React and Next.js",
-  "version": "1.1.0-beta.1",
+  "version": "1.1.0-beta.2",
   "keywords": [
     "component",
     "frontend",