@pdf-viewer/react 1.0.1-rc.0 → 1.0.1

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { h as n, P as p, u as P } from "../RPDefaultLayout-07939e60.js";
+import { h as n, P as p, u as P } from "../RPDefaultLayout-adbb0836.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 { j as e, a as n, d as a } from "../RPDefaultLayout-07939e60.js";
+import { j as e, a as n, d as a } from "../RPDefaultLayout-adbb0836.js";
 export {
   e as PrintContext,
   n as PrintProvider,

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { o as a, S as s, e as S } from "../RPDefaultLayout-07939e60.js";
+import { o as a, S as s, e as S } from "../RPDefaultLayout-adbb0836.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/ThumbnailsContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { l as i, T as r, m as e } from "../RPDefaultLayout-07939e60.js";
+import { l as i, T as r, m as e } from "../RPDefaultLayout-adbb0836.js";
 export {
   i as ThumbnailContext,
   r as ThumbnailProvider,

package/dist/contexts/ViewportContext.js

@@ -1,5 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { createContext as b, useState as v, useEffect as x, useContext as g } from "react";
+import { useLayoutContainer as f } from "./LayoutContainerContext.js";
 const k = {
   xs: 320,
   sm: 640,
@@ -7,66 +8,65 @@ const k = {
   lg: 1024,
   xl: 1280,
   "2xl": 1536
-}, p = b(void 0), S = ({
-  children: s,
-  containerRef: t,
-  mobileWidth: l = 768
+}, a = b(void 0), L = ({
+  children: n,
+  mobileWidth: d = 768
 }) => {
-  const [o, c] = v({
-    width: (t == null ? void 0 : t.clientWidth) || window.innerWidth,
-    height: (t == null ? void 0 : t.clientHeight) || window.innerHeight,
+  const { container: e } = f(), [r, p] = v({
+    width: (e == null ? void 0 : e.clientWidth) || window.innerWidth,
+    height: (e == null ? void 0 : e.clientHeight) || window.innerHeight,
     isMobile: !1,
     currentBreakpoint: "xs",
     orientation: "portrait"
-  }), n = {
+  }), s = {
     ...k,
-    md: l
-  }, w = () => o.width < n.md, u = (e) => {
-    const r = Object.entries(n);
-    for (let i = r.length - 1; i >= 0; i--)
-      if (e >= r[i][1])
-        return r[i][0];
+    md: d
+  }, l = () => r.width < s.md, u = (t) => {
+    const o = Object.entries(s);
+    for (let i = o.length - 1; i >= 0; i--)
+      if (t >= o[i][1])
+        return o[i][0];
     return "xs";
-  }, a = () => {
-    const e = navigator.userAgent.toLowerCase();
-    return ["iphone", "ipod", "ipad", "android", "mobile", "phone", "tablet"].some((i) => e.includes(i));
+  }, w = () => {
+    const t = navigator.userAgent.toLowerCase();
+    return ["iphone", "ipod", "ipad", "android", "mobile", "phone", "tablet"].some((i) => t.includes(i));
   };
   x(() => {
-    if (!t)
+    if (!e)
       return;
-    const e = () => {
-      const i = t.clientWidth, d = t.clientHeight;
-      c({
+    const t = () => {
+      const i = e.clientWidth, c = e.clientHeight;
+      p({
         width: i,
-        height: d,
-        isMobile: a(),
+        height: c,
+        isMobile: w(),
         currentBreakpoint: u(i),
-        orientation: d > i ? "portrait" : "landscape"
+        orientation: c > i ? "portrait" : "landscape"
       });
     };
-    e();
-    const r = new ResizeObserver(e);
-    return r.observe(t), window.addEventListener("resize", e), () => {
-      r.disconnect(), window.removeEventListener("resize", e);
+    t();
+    const o = new ResizeObserver(t);
+    return o.observe(e), window.addEventListener("resize", t), () => {
+      o.disconnect(), window.removeEventListener("resize", t);
     };
-  }, [t]);
+  }, [e]);
   const h = {
-    ...o,
-    breakpoints: n,
-    isBreakpoint: (e) => o.width >= n[e],
-    isMobileDevice: o.isMobile,
-    isPortrait: o.orientation === "portrait",
-    isLandscape: o.orientation === "landscape",
-    isSmallScreen: w()
+    ...r,
+    breakpoints: s,
+    isBreakpoint: (t) => r.width >= s[t],
+    isMobileDevice: r.isMobile,
+    isPortrait: r.orientation === "portrait",
+    isLandscape: r.orientation === "landscape",
+    isSmallScreen: l()
   };
-  return /* @__PURE__ */ m(p.Provider, { value: h, children: s });
+  return /* @__PURE__ */ m(a.Provider, { value: h, children: n });
 }, P = () => {
-  const s = g(p);
-  if (s === void 0)
+  const n = g(a);
+  if (n === void 0)
     throw new Error("useViewportContext must be used within a ViewportProvider");
-  return s;
+  return n;
 };
 export {
-  S as ViewportProvider,
+  L as ViewportProvider,
   P as useViewportContext
 };