@pdf-viewer/react 1.5.0-beta.1 → 1.5.0-beta.10

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

@@ -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 E } from "../../RPDefaultLayout-13f82fd9.js";
+import "../../contexts/RPDocumentContext.js";
+import { c as C } from "../../RPDefaultLayout-e1e07d65.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -10,7 +10,6 @@ import "../../contexts/ViewModeContext.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
-import "../../contexts/ScrollStateContext.js";
 import "../../contexts/SelectionModeContext.js";
 import "../../contexts/InitialStateContext.js";
 import "../../contexts/FullScreenContext.js";
@@ -29,5 +28,5 @@ import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 export {
-  E as useFileDownload
+  C 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-28T03:03:47.184Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
+const b = /* @__PURE__ */ new Date("2025-05-06T03:04:53.423Z"), 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}`,

package/dist/utils/hooks/useLoadPdf.js

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