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

package/dist/{index-71898eb9.js → index-743c36f0.js}

@@ -78,37 +78,13 @@ function y(e) {
     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 _({
+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(
+  const [r, u] = g({ 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;
@@ -120,7 +96,7 @@ function _({
   );
   return [o, a];
 }
-function p({
+function g({
   defaultProp: e,
   onChange: n
 }) {
@@ -129,11 +105,35 @@ function p({
     u.current !== r && (s(r), u.current = r);
   }, [r, u, s]), t;
 }
+var p = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
+};
+function _(e) {
+  const [n, t] = i.useState(void 0);
+  return p(() => {
+    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;
+}
 export {
-  g as a,
+  $ as a,
   _ as b,
   E as c,
-  $ as d,
+  y as d,
   m as e,
-  y as u
+  p 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 p, d as f, e as m } from "./RPDefaultLayout-6a828c29.js";
+import { b as x, R as n, c as s, u as p, d as f, e as m } from "./RPDefaultLayout-3d9595ed.js";
 import { RPConfig as a } from "./components/RPConfig.js";
 import { RPController as C } from "./components/RPController.js";
 import { RPTheme as l } from "./components/RPTheme.js";

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DarkMode, DarkModeProviderProps } from '../utils/types';
-export declare const DarkModeContext: React.Context<DarkMode>;
-export declare const useDarkModeContext: () => DarkMode;
+import { DarkModeProps, DarkModeProviderProps } from '../utils/types';
+export declare const DarkModeContext: React.Context<DarkModeProps>;
+export declare const useDarkModeContext: () => DarkModeProps;
 export declare const DarkModeProvider: FC<DarkModeProviderProps>;

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

@@ -1,2 +1,2 @@
-import { DarkMode } from '../types';
-export declare const useDarkMode: (initialDarkMode?: boolean) => DarkMode;
+import { DarkModeProps } from '../types';
+export declare const useDarkMode: (initialDarkMode?: boolean) => DarkModeProps;

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

@@ -197,14 +197,12 @@ export interface RPThemeContextType extends PropsWithChildren {
     customVariables?: Partial<Record<ThemeVariables, string>>;
     customDarkVariables?: Partial<Record<ThemeVariables, string>>;
 }
-export interface DarkMode {
+export interface DarkModeProps {
     darkMode: boolean;
     setDarkMode: Dispatch<React.SetStateAction<boolean>>;
 }
-export interface DarkModeProps {
+export interface DarkMode extends DarkModeProps {
     onDarkModeChange: (value: boolean) => void;
-    setDarkMode: React.Dispatch<React.SetStateAction<boolean>>;
-    darkMode: boolean;
 }
 export interface License {
     isValid: boolean;
@@ -411,7 +409,7 @@ export declare enum ThemeVariables {
     DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight",
     MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size"
 }
-export interface DarkModeProviderProps extends PropsWithChildren, Partial<Omit<DarkModeProps, 'setDarkMode'>> {
+export interface DarkModeProviderProps extends PropsWithChildren, Partial<Omit<DarkMode, 'setDarkMode'>> {
 }
 export interface RotateProviderProps extends PropsWithChildren {
     initialRotate?: number;

package/dist/utils/hooks/useDarkModeProps.js

@@ -1,12 +1,11 @@
-import { useDarkMode as r } from "./useDarkMode.js";
-const d = () => {
-  const { darkMode: e, setDarkMode: o } = r();
+import { useDarkMode as e } from "./useDarkMode.js";
+const t = () => {
+  const { darkMode: o, setDarkMode: r } = e();
   return {
-    darkMode: e,
-    onDarkModeChange: o,
-    setDarkMode: o
+    darkMode: o,
+    setDarkMode: r
   };
 };
 export {
-  d as useDarkModeProps
+  t as useDarkModeProps
 };

package/dist/utils/hooks/useFileDownload.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "react";
-import { c as v } from "../../RPDefaultLayout-6a828c29.js";
+import { c as v } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useLicense.js

@@ -1,102 +1,94 @@
-import { useState as g, useCallback as E, useEffect as h } from "react";
+import { useState as g, useCallback as h, useEffect as v } from "react";
 import { appConsole as l } from "../appConsole.js";
-const A = /* @__PURE__ */ new Date("2025-02-26T03:27:47.494Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
+const b = /* @__PURE__ */ new Date("2025-02-26T09:00:59.002Z"), 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 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);
+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);
   return n.buffer;
 }
-function S(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;
+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;
 }
-async function I(r, t = "SHA-256") {
+async function I(r, i = "SHA-256") {
   try {
-    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(
+    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: t },
+      { name: "RSA-PSS", hash: i },
       !0,
       ["verify"]
     );
     if (!await window.crypto.subtle.verify(
       { name: "RSA-PSS", saltLength: 32 },
       a,
-      S(n),
+      A(n),
       // Convert signature to ArrayBuffer
-      new TextEncoder().encode(atob(i))
+      new TextEncoder().encode(atob(t))
     ))
       throw new Error(o.invalidSignature);
-    return JSON.parse(atob(i));
+    return JSON.parse(atob(t));
   } catch {
     throw new Error(o.invalidLicense);
   }
 }
-const L = (r, t) => r === "specific" ? t === window.location.host : window.location.host.includes(t), 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
-}, N = (r) => {
-  const [t, i] = g(c), n = E(async () => {
+}, T = (r) => {
+  const [i, t] = g(c), n = h(async () => {
     if (!r)
-      return i(c), c;
+      return t(c), c;
     try {
       const e = await I(r);
       l.debug(">>> validatedLicense", e);
-      const { avu: a, exp: s, dmt: m, dm: p, t: v } = e;
+      const { avu: a, exp: s, dmt: m, dm: f, 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 f = new Date(s * 1e3), w = (/* @__PURE__ */ new Date()).getTime();
-      if (f.getTime() < w)
+      const p = new Date(s * 1e3), E = (/* @__PURE__ */ new Date()).getTime();
+      if (p.getTime() < E)
         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() < A.getTime())
+      if (l.debug("availableUntilTimestamp", u), u.getTime() < b.getTime())
         throw new Error(o.exceededVersion);
-      if (!L(m, p))
+      if (!L(m, f))
         throw new Error(o.mismatchedDomain);
       return {
         isValid: !0,
-        type: v,
+        type: w,
         invalidatedMessage: void 0
       };
     } catch (e) {
       return l.warn(e.message), { ...c, invalidatedMessage: e.message };
     }
   }, [r]);
-  return h(() => {
+  return v(() => {
     n().then(({ isValid: e, type: a, invalidatedMessage: s }) => {
-      i({
+      t({
         isValid: e,
         type: a,
         invalidatedMessage: s
       });
     });
-  }, [n]), t;
+  }, [n]), i;
 };
 export {
-  N as useLicense
+  T as useLicense
 };

package/dist/utils/hooks/usePaginate.js

@@ -1,5 +1,5 @@
 import "react";
-import { g as z } from "../../RPDefaultLayout-6a828c29.js";
+import { g as z } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/ScrollStateContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";

package/dist/utils/hooks/usePrint.js

@@ -1,7 +1,7 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { i as z } from "../../RPDefaultLayout-6a828c29.js";
+import { i as z } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

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 y } from "../../RPDefaultLayout-6a828c29.js";
+import { f as y } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";

package/dist/utils/hooks/useSearch.js

@@ -8,7 +8,7 @@ import "./usePageDimension.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
-import { n as C } from "../../RPDefaultLayout-6a828c29.js";
+import { n as C } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.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 A } from "../../RPDefaultLayout-6a828c29.js";
+import { k as A } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

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 y } from "../../RPDefaultLayout-6a828c29.js";
+import { r as y } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdf-viewer/react",
   "private": false,
-  "version": "0.9.0-beta.0",
+  "version": "0.9.0-beta.2",
   "keywords": [
     "component",
     "frontend",
@@ -42,9 +42,7 @@
     "prepare": "husky"
   },
   "peerDependencies": {
-    "pdfjs-dist": "4.7.76",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "pdfjs-dist": "4.7.76"
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.1.3",