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

package/dist/contexts/PaginateContext.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import { p as m, h as n, u as s } from "../Thumbnails-06fa1aa5.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";
 export {
-  m as PaginateContext,
+  p as PaginateContext,
   n as PaginateProvider,
-  s as usePaginateContext
+  P as usePaginateContext
 };

package/dist/contexts/PrintContext.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { v as e, P as n, b as P } from "../Thumbnails-06fa1aa5.js";
+import { p as e, q as n, c as p } from "../RPLayout-88110444.js";
 export {
   e as PrintContext,
   n as PrintProvider,
-  P as usePrintContext
+  p as usePrintContext
 };

package/dist/contexts/RPDocumentContext.js

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

package/dist/contexts/SearchContext.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { k as a, S as c, c as s } from "../Thumbnails-06fa1aa5.js";
+import { S as a, g as s, d as S } from "../RPLayout-88110444.js";
 export {
   a as SearchContext,
-  c as SearchProvider,
-  s as useSearchContext
+  s as SearchProvider,
+  S as useSearchContext
 };

package/dist/contexts/ThumbnailsContext.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { E as i, T as m, e as r } from "../Thumbnails-06fa1aa5.js";
+import { y as m, B as r, z as e } from "../RPLayout-88110444.js";
 export {
-  i as ThumbnailContext,
-  m as ThumbnailProvider,
-  r as useThumbnailContext
+  m as ThumbnailContext,
+  r as ThumbnailProvider,
+  e as useThumbnailContext
 };

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
+};