@pdf-viewer/react 0.4.0-beta.2 → 0.5.0-beta.0

package/dist/contexts/PaginateContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { P as p, k as n, u as P } from "../RPLayout-608b83dd.js";
+import { P as p, k as n, u as P } from "../RPLayout-88110444.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 import "./InitialStateContext.js";

package/dist/contexts/PrintContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { p as e, q as n, c as p } from "../RPLayout-608b83dd.js";
+import { p as e, q as n, c as p } from "../RPLayout-88110444.js";
 export {
   e as PrintContext,
   n as PrintProvider,

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { S as a, g as s, d as S } from "../RPLayout-608b83dd.js";
+import { S as a, g as s, d as S } from "../RPLayout-88110444.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/ThumbnailsContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { y as m, B as r, z as e } from "../RPLayout-608b83dd.js";
+import { y as m, B as r, z as e } from "../RPLayout-88110444.js";
 export {
   m as ThumbnailContext,
   r as ThumbnailProvider,

package/dist/index-2b077daa.js

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

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPDocument as t } from "./components/RPDocument.js";
-import { a as x, R as n, b as s, u as m, c as p, d as u } from "./RPLayout-608b83dd.js";
+import { a as x, R as n, b as s, u as m, c as p, d as u } from "./RPLayout-88110444.js";
 import { RPConfig as f } from "./components/RPConfig.js";
 import { RPTheme as i } from "./components/RPTheme.js";
 import { RPDropFileZone as R } from "./components/RPDropFileZone.js";

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface TooltipProps {
+    children: ReactNode;
+    content: string;
+    className?: string;
+}
+declare const RPTooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLDivElement>>;
+export default RPTooltip;

package/dist/utils/hooks/useFileDownload.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { b as w } from "../../RPLayout-608b83dd.js";
+import { b as w } from "../../RPLayout-88110444.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "react";

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as g, useCallback as h, useEffect as v } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-02-07T03:34:41.769Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
+const b = /* @__PURE__ */ new Date("2025-02-10T03:43:33.324Z"), 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}`,

package/dist/utils/hooks/usePaginate.js

@@ -1,5 +1,5 @@
 import "react";
-import { j as d } from "../../RPLayout-608b83dd.js";
+import { j as d } from "../../RPLayout-88110444.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 { o as d } from "../../RPLayout-608b83dd.js";
+import { o as d } from "../../RPLayout-88110444.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.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 { e as h } from "../../RPLayout-608b83dd.js";
+import { e as h } from "../../RPLayout-88110444.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";

package/dist/utils/hooks/useSearch.js

@@ -1,7 +1,7 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { f as j } from "../../RPLayout-608b83dd.js";
+import { f as j } from "../../RPLayout-88110444.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 { x as c } from "../../RPLayout-608b83dd.js";
+import { x as c } from "../../RPLayout-88110444.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.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 { i as b } from "../../RPLayout-608b83dd.js";
+import { i as b } from "../../RPLayout-88110444.js";
 import "../../components/RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdf-viewer/react",
   "private": false,
-  "version": "0.4.0-beta.2",
+  "version": "0.5.0-beta.0",
   "keywords": [
     "component",
     "frontend",
@@ -48,6 +48,7 @@
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.1.8",
     "@tanstack/react-query": "^5.60.6",
     "pdfjs-dist": "4.7.76",
     "react": "^18.2.0",

package/dist/Container-cea98fc1.js

@@ -1,37 +0,0 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { useDarkModeContext as i } from "./contexts/DarkModeContext.js";
-import { c as m } from "./clsx-0c6e471a.js";
-import { useThemeContext as d } from "./contexts/ThemeContext.js";
-import './assets/Container.css';const l = {
-  "rp-layout": "_rp-layout_10dus_1",
-  "rp-content": "_rp-content_10dus_5",
-  "rp-pages": "_rp-pages_10dus_11",
-  "rp-container": "_rp-container_10dus_16",
-  "rp-theme-variables": "_rp-theme-variables_10dus_51",
-  "rp-dark-mode": "_rp-dark-mode_10dus_125"
-}, u = {
-  "rp-container": "_rp-container_1fbrq_1"
-}, b = (s) => {
-  const { children: t, getContainerRef: o, toolbarRef: r, style: a, className: n } = s, { darkMode: e } = i(), { customVariables: p, customDarkVariables: c } = d();
-  return /* @__PURE__ */ _(
-    "div",
-    {
-      ref: o,
-      className: m(
-        u["rp-container"],
-        e ? l["rp-dark-mode"] : "",
-        n
-      ),
-      style: {
-        "--rp-toolbar-height": `${(r == null ? void 0 : r.clientHeight) || 48}px`,
-        ...e ? c : p,
-        ...a
-      },
-      children: t
-    }
-  );
-};
-export {
-  b as C,
-  l as c
-};