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

package/dist/contexts/DarkModeContext.js

@@ -1,15 +1,15 @@
-import { jsx as d } from "react/jsx-runtime";
-import { createContext as f, useContext as i, useEffect as n } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as f, useContext as a, useEffect as n } from "react";
 import { useDarkMode as u } from "../utils/hooks/useDarkMode.js";
 import { appConsole as p } from "../utils/appConsole.js";
-const a = f({
+const d = f({
   darkMode: !1,
   setDarkMode: (e) => {
   }
 }), M = () => {
-  const e = i(a);
-  return typeof (e == null ? void 0 : e.darkMode) > "u" && p.warn("Please use this hooks inside children component of RPController or RPLayout"), e;
-}, x = ({
+  const e = a(d);
+  return typeof (e == null ? void 0 : e.darkMode) > "u" && p.warn("Please use this hooks inside children component of RPProvider"), e;
+}, v = ({
   children: e,
   darkMode: o,
   onDarkModeChange: r
@@ -19,10 +19,10 @@ const a = f({
     typeof o == "boolean" && s(o);
   }, [o, s]), n(() => {
     r && r(t);
-  }, [r, t]), /* @__PURE__ */ d(a.Provider, { value: { darkMode: t, setDarkMode: s }, children: e });
+  }, [r, t]), /* @__PURE__ */ i(d.Provider, { value: { darkMode: t, setDarkMode: s }, children: e });
 };
 export {
-  a as DarkModeContext,
-  x as DarkModeProvider,
+  d as DarkModeContext,
+  v as DarkModeProvider,
   M as useDarkModeContext
 };

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-adbb0836.js";
+import { h as n, P as p, u as P } from "../RPDefaultLayout-62e0f668.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-adbb0836.js";
+import { j as e, a as n, d as a } from "../RPDefaultLayout-62e0f668.js";
 export {
   e as PrintContext,
   n as PrintProvider,

package/dist/contexts/RPDocumentContext.js

@@ -1,10 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import { createContext as x, useState as a, useEffect as C, useMemo as g, useContext as v } from "react";
-import { useLoadPdf as D } from "../utils/hooks/useLoadPdf.js";
-import { usePdfProperties as S } from "../utils/hooks/usePdfProperties.js";
-import { LoaderIcon as y } from "../components/icons/LoaderIcon.js";
-import { appConsole as j } from "../utils/appConsole.js";
-const c = x({
+import { jsx as x } from "react/jsx-runtime";
+import { createContext as C, useState as m, useEffect as h, useMemo as S, useContext as g } from "react";
+import { useLoadPdf as v } from "../utils/hooks/useLoadPdf.js";
+import { usePdfProperties as D } from "../utils/hooks/usePdfProperties.js";
+import { appConsole as F } from "../utils/appConsole.js";
+const u = C({
   pdf: void 0,
   pages: /* @__PURE__ */ new Map(),
   setPdfSrc: () => {
@@ -12,46 +11,34 @@ const c = x({
   setFilename: () => {
   },
   loading: !1
-}), E = ({
+}), L = ({
   children: t,
   src: e,
-  characterMap: l,
-  onLoadError: u,
-  onLoaded: P
+  characterMap: a,
+  onLoadError: c,
+  onLoaded: l
 }) => {
-  const [o, i] = a(e), { pdf: n, pages: s, loading: p } = D(o, l, { onLoadError: u, onLoaded: P }), [d, f] = a(), m = S(o, n, d);
-  C(() => {
-    f(e == null ? void 0 : e.split("/").pop()), i(e);
+  const [o, r] = m(e), { pdf: n, pages: s, loading: i } = v(o, a, { onLoadError: c, onLoaded: l }), [p, f] = m(), d = D(o, n, p);
+  h(() => {
+    f(e == null ? void 0 : e.split("/").pop()), r(e);
   }, [e]);
-  const h = g(() => ({
+  const P = S(() => ({
     pdf: n,
     pages: s,
     pdfSrc: o,
-    setPdfSrc: i,
-    pdfProperties: m,
+    setPdfSrc: r,
+    pdfProperties: d,
     setFilename: f,
-    filename: d,
-    loading: p
-  }), [n, s, o, m, p]);
-  return /* @__PURE__ */ r(c.Provider, { value: h, children: n ? t : /* @__PURE__ */ r(
-    "div",
-    {
-      style: {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        height: "100%",
-        width: "100%"
-      },
-      children: /* @__PURE__ */ r(y, {})
-    }
-  ) });
+    filename: p,
+    loading: i
+  }), [n, s, o, d, i]);
+  return /* @__PURE__ */ x(u.Provider, { value: P, children: o ? t : null });
 }, R = () => {
-  const t = v(c);
-  return t.pdf || j.error("Please use this hooks inside children component of RPDocument"), t;
+  const t = g(u);
+  return t.pdfSrc || F.error("Please use this hooks inside children component of RPDocument"), t;
 };
 export {
-  E as DocumentProvider,
-  c as default,
+  L as DocumentProvider,
+  u as default,
   R as useDocumentContext
 };

package/dist/contexts/RotationContext.js

@@ -1,23 +1,23 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { createContext as a, useContext as u, useState as c, useMemo as m } from "react";
-import { appConsole as l } from "../utils/appConsole.js";
-import { useInitialStateContext as p } from "./InitialStateContext.js";
+import { appConsole as p } from "../utils/appConsole.js";
+import { useInitialStateContext as d } from "./InitialStateContext.js";
 const r = a({
   rotate: 0,
   setRotate: () => {
   }
-}), x = () => {
+}), R = () => {
   const t = u(r);
-  return typeof (t == null ? void 0 : t.rotate) > "u" && l.error("Please use this hooks inside children component of RPController or RPLayout"), t;
+  return typeof (t == null ? void 0 : t.rotate) > "u" && p.error("Please use this hooks inside children component of RPProvider"), t;
 }, P = ({ children: t }) => {
-  const { initialRotation: n = 0 } = p(), [o, e] = c(n), s = m(() => ({
+  const { initialRotation: n = 0 } = d(), [o, e] = c(n), i = m(() => ({
     rotate: o,
     setRotate: e
   }), [o, e]);
-  return /* @__PURE__ */ i(r.Provider, { value: s, children: t });
+  return /* @__PURE__ */ s(r.Provider, { value: i, children: t });
 };
 export {
   r as RotateContext,
   P as RotateProvider,
-  x as useRotationContext
+  R as useRotationContext
 };

package/dist/contexts/ScrollModeContext.js

@@ -2,20 +2,20 @@ import { jsx as s } from "react/jsx-runtime";
 import { createContext as c, useContext as i, useState as d } from "react";
 import { appConsole as m } from "../utils/appConsole.js";
 import { ScrollMode as e } from "../utils/types.js";
-import { useInitialStateContext as C } from "./InitialStateContext.js";
+import { useInitialStateContext as S } from "./InitialStateContext.js";
 const t = c({
   scrollMode: e.VERTICAL_SCROLLING,
   setScrollMode: () => {
   }
-}), f = () => {
+}), a = () => {
   const o = i(t);
-  return typeof o.scrollMode > "u" && m.error("Please use this hooks inside children component of RPController or RPLayout"), o;
+  return typeof o.scrollMode > "u" && m.error("Please use this hooks inside children component of RPProvider"), o;
 }, x = ({ children: o }) => {
-  const { initialScrollMode: r = e.VERTICAL_SCROLLING } = C(), [l, n] = d(r);
+  const { initialScrollMode: r = e.VERTICAL_SCROLLING } = S(), [l, n] = d(r);
   return /* @__PURE__ */ s(t.Provider, { value: { scrollMode: l, setScrollMode: n }, children: o });
 };
 export {
   t as ScrollModeContext,
   x as ScrollModeProvider,
-  f as useScrollModeContext
+  a as useScrollModeContext
 };

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-adbb0836.js";
+import { o as a, S as s, e as S } from "../RPDefaultLayout-62e0f668.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/SelectionModeContext.js

@@ -8,7 +8,7 @@ const t = c({
   }
 }), x = () => {
   const e = d(t);
-  return typeof e.selectionMode > "u" && m.error("Please use this hooks inside children component of RPController or RPLayout"), e;
+  return typeof e.selectionMode > "u" && m.error("Please use this hooks inside children component of RPProvider"), e;
 }, S = ({
   children: e,
   initialSelectionMode: n = o.TEXT

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-adbb0836.js";
+import { l as i, T as r, m as e } from "../RPDefaultLayout-62e0f668.js";
 export {
   i as ThumbnailContext,
   r as ThumbnailProvider,

package/dist/contexts/ViewModeContext.js

@@ -1,9 +1,9 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createContext as m, useContext as P, useState as d, useCallback as r, useMemo as C } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as m, useContext as d, useState as P, useCallback as i, useMemo as C } from "react";
 import { appConsole as p } from "../utils/appConsole.js";
 import { ViewMode as e } from "../utils/types.js";
 import { useInitialStateContext as f } from "./InitialStateContext.js";
-const i = m({
+const r = m({
   columnCount: 1,
   setSinglePage: () => {
   },
@@ -11,18 +11,18 @@ const i = m({
   },
   viewMode: e.SINGLE_PAGE
 }), w = () => {
-  const o = P(i);
-  return typeof o.columnCount > "u" && p.error("Please use this hooks inside children component of RPController or RPLayout"), o;
+  const o = d(r);
+  return typeof o.columnCount > "u" && p.error("Please use this hooks inside children component of RPProvider"), o;
 }, g = ({ children: o }) => {
-  const { initialViewMode: s = e.SINGLE_PAGE } = f(), [t, n] = d(s === e.SINGLE_PAGE ? 1 : 2), u = r(() => {
+  const { initialViewMode: s = e.SINGLE_PAGE } = f(), [t, n] = P(s === e.SINGLE_PAGE ? 1 : 2), u = i(() => {
     n(1);
-  }, []), l = r(() => {
+  }, []), c = i(() => {
     n(2);
   }, []), a = C(() => t === 1 ? e.SINGLE_PAGE : e.DUAL_PAGE, [t]);
-  return /* @__PURE__ */ c(i.Provider, { value: { columnCount: t, setSinglePage: u, setDualPage: l, viewMode: a }, children: o });
+  return /* @__PURE__ */ l(r.Provider, { value: { columnCount: t, setSinglePage: u, setDualPage: c, viewMode: a }, children: o });
 };
 export {
-  i as ViewModeContext,
+  r as ViewModeContext,
   g as ViewModeProvider,
   w as useViewModeContext
 };

package/dist/contexts/ZoomContext.js

@@ -1,5 +1,5 @@
-import { jsx as L } from "react/jsx-runtime";
-import { createContext as P, useContext as d, useState as v, useMemo as s, useEffect as y } from "react";
+import { jsx as P } from "react/jsx-runtime";
+import { createContext as v, useContext as C, useState as L, useMemo as s, useEffect as y } from "react";
 import { ZoomLevel as S } from "../utils/types.js";
 import { appConsole as b } from "../utils/appConsole.js";
 import { useInitialStateContext as A } from "./InitialStateContext.js";
@@ -7,28 +7,28 @@ import { useDocumentContext as D } from "./RPDocumentContext.js";
 import { PAGE_PADDING as f } from "../utils/constants.js";
 import { getZoomLevel as E } from "../utils/getZoomLevel.js";
 import { useLayoutContainer as G } from "./LayoutContainerContext.js";
-const g = P({
+const g = v({
   zoomLevel: 100,
   currentZoom: 1,
   setZoomLevel: () => {
   }
 }), M = () => {
-  const e = d(g);
-  return typeof e.currentZoom != "number" && b.warn("Please use this hooks inside children component of RPController or RPLayout"), e;
+  const e = C(g);
+  return typeof e.currentZoom != "number" && b.warn("Please use this hooks inside children component of RPProvider"), e;
 }, N = ({ children: e }) => {
   const {
     initialScale: n = S.PAGE_FIT,
     initialPage: c = 1,
     initialRotation: u = 0
-  } = A(), [r, a] = v(typeof n == "number" ? n : 100), { pages: l } = D(), { contentRef: t } = G(), p = s(() => r / 100, [r]), o = s(() => {
+  } = A(), [r, a] = L(typeof n == "number" ? n : 100), { pages: l } = D(), { contentRef: o } = G(), p = s(() => r / 100, [r]), t = s(() => {
     var m;
     return (m = l.get(c)) == null ? void 0 : m.page.getViewport({ scale: 1, rotation: u });
   }, [l, c, u]), i = s(() => {
-    if (!o)
+    if (!t)
       return 0;
-    const m = ((o == null ? void 0 : o.width) || 0) + 2 * f, x = ((o == null ? void 0 : o.height) || 0) + 2 * f, Z = (t == null ? void 0 : t.clientWidth) || 0, C = (t == null ? void 0 : t.clientHeight) || 0;
-    return E(n, Z, C, m, x);
-  }, [o, n, t]);
+    const m = ((t == null ? void 0 : t.width) || 0) + 2 * f, x = ((t == null ? void 0 : t.height) || 0) + 2 * f, Z = (o == null ? void 0 : o.clientWidth) || 0, d = (o == null ? void 0 : o.clientHeight) || 0;
+    return E(n, Z, d, m, x);
+  }, [t, n, o]);
   y(() => {
     typeof i == "number" && i && a(i);
   }, [i]);
@@ -37,7 +37,7 @@ const g = P({
     currentZoom: p,
     setZoomLevel: a
   }), [p, r]);
-  return /* @__PURE__ */ L(g.Provider, { value: h, children: e });
+  return /* @__PURE__ */ P(g.Provider, { value: h, children: e });
 };
 export {
   g as ZoomContext,