@react-pdf-kit/viewer 2.6.0-beta.2 → 2.6.0

package/dist/contexts/ZoomContext.js

@@ -1,108 +1,96 @@
-import { jsx as I } from "react/jsx-runtime";
-import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as f, useCallback as x, useMemo as C } from "react";
-import { ZoomLevel as J } from "../utils/types.js";
-import { appConsole as _ } from "../utils/appConsole.js";
-import { useInitialStateContext as j } from "./InitialStateContext.js";
-import { useDocumentContext as F } from "./RPDocumentContext.js";
-import { PAGE_PADDING as T } from "../utils/constants.js";
-import { getZoomLevel as D } from "../utils/getZoomLevel.js";
-import { useLayoutContainer as k } from "./LayoutContainerContext.js";
-import { useViewModeContext as q } from "./ViewModeContext.js";
-import { useRotationContext as B } from "./RotationContext.js";
-import { useGlobalCurrentPage as K } from "./GlobalCurrentPage.js";
-import { useDebounce as Q } from "../utils/hooks/useDebounce.js";
-import "../de_DE-8145915f.js";
-import "../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../utils/getThumbnailViewport.js";
-import "./ConfigContext.js";
-import "./DocumentPasswordContext.js";
-import "../utils/const.js";
-import "../utils/hooks/usePdfProperties.js";
-import "../utils/convertPdfDate.js";
-import "../utils/formatFileSize.js";
-import "./EventCallbackContext.js";
-const W = M({
-  zoomLevel: 100,
-  currentZoom: 1,
-  setZoomLevel: () => {
-  }
-}), Pe = () => {
-  const m = O(W);
-  return typeof m.currentZoom != "number" && _.warn("Please use this hooks inside children component of RPProvider"), m;
-}, Ze = ({ children: m }) => {
-  const { initialScale: b = J.PAGE_FIT } = j(), [s, H] = u(b), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: p } = q(), [V, z] = u({
-    width: (t == null ? void 0 : t.clientWidth) || 0,
-    height: (t == null ? void 0 : t.clientHeight) || 0
-  }), h = Q(V, 100), { rotate: g } = B(), [n, y] = u(null), d = R(null), { currentPage: v } = K(), [w, N] = u(v);
-  f(() => {
-    let e = l.get(w);
-    e || (e = l.get(1));
-    const o = e == null ? void 0 : e.page.getViewport({
-      scale: 1,
-      rotation: e.defaultRotation + g
-    });
-    o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, y(o));
-  }, [l, g, w]);
-  const c = x(() => {
-    if (!n)
-      return null;
-    const e = ((n == null ? void 0 : n.width) || 0) + 2 * T, o = (n == null ? void 0 : n.height) || 0, i = (t == null ? void 0 : t.clientWidth) || 0, r = (t == null ? void 0 : t.clientHeight) || 0;
-    return { pageWidth: e, pageHeight: o, clientWidth: i, clientHeight: r };
-  }, [n, t]), L = C(() => {
-    const e = c();
-    if (!h.width || !h.height || !e)
-      return 0;
-    if (typeof s == "number")
-      return s / 100;
-    const { clientWidth: o, clientHeight: i, pageWidth: r, pageHeight: a } = e;
-    return D(s, o, i, r, a, p) / 100;
-  }, [s, h, c, p]);
-  f(() => {
-    N(v);
-  }, [s]), f(() => {
-    const e = (i) => {
-      i.forEach((r) => {
-        z({ width: r.contentRect.width, height: r.contentRect.height });
-      });
-    }, o = new ResizeObserver(e);
-    return t && o.observe(t), () => {
-      o.disconnect();
-    };
-  }, [t]);
-  const P = x(
-    (e) => {
-      let o = 0;
-      if (typeof e == "function") {
-        const i = c();
-        if (!i)
-          return;
-        const { clientWidth: r, clientHeight: a, pageWidth: Z, pageHeight: E } = i;
-        o = (G) => {
-          const A = D(
-            G,
-            r,
-            a,
-            Z,
-            E,
-            p
-          );
-          return e(A);
-        };
-      } else
-        o = e;
-      o && H(o);
-    },
-    [c]
-  ), S = C(() => ({
-    zoomLevel: s,
-    currentZoom: L,
-    setZoomLevel: P
-  }), [L, s, P]);
-  return /* @__PURE__ */ I(W.Provider, { value: S, children: m });
-};
-export {
-  W as ZoomContext,
-  Ze as ZoomProvider,
-  Pe as useZoomContext
+import { ZoomLevel as e } from "../utils/types.js";
+import { appConsole as t } from "../utils/appConsole.js";
+import { useDocumentContext as n } from "./RPDocumentContext.js";
+import { useInitialStateContext as r } from "./InitialStateContext.js";
+import { useViewModeContext as i } from "./ViewModeContext.js";
+import "../utils/constants.js";
+import { getZoomLevel as a } from "../utils/getZoomLevel.js";
+import { useLayoutContainer as o } from "./LayoutContainerContext.js";
+import { useRotationContext as s } from "./RotationContext.js";
+import { useGlobalCurrentPage as c } from "./GlobalCurrentPage.js";
+import { useDebounce as l } from "../utils/hooks/useDebounce.js";
+import { createContext as u, useCallback as d, useContext as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _ } from "react/jsx-runtime";
+//#region lib/contexts/ZoomContext.tsx
+var v = u({
+	zoomLevel: 100,
+	currentZoom: 1,
+	setZoomLevel: () => {}
+}), y = () => {
+	let e = f(v);
+	return typeof e.currentZoom != "number" && t.warn("Please use this hooks inside children component of RPProvider"), e;
+}, b = ({ children: t }) => {
+	let { initialScale: u = e.PAGE_FIT } = r(), [f, y] = g(u), { pages: b } = n(), { pagesRef: x } = o(), { viewMode: S } = i(), [C, w] = g({
+		width: x?.clientWidth || 0,
+		height: x?.clientHeight || 0
+	}), T = l(C, 100), { rotate: E } = s(), [D, O] = g(null), k = h(null), { currentPage: A } = c(), [j, M] = g(A);
+	p(() => {
+		let e = b.get(j);
+		e ||= b.get(1);
+		let t = e?.page.getViewport({
+			scale: 1,
+			rotation: e.defaultRotation + E
+		});
+		t && JSON.stringify(t) !== JSON.stringify(k.current) && (k.current = t, O(t));
+	}, [
+		b,
+		E,
+		j
+	]);
+	let N = d(() => D ? {
+		pageWidth: (D?.width || 0) + 8,
+		pageHeight: D?.height || 0,
+		clientWidth: x?.clientWidth || 0,
+		clientHeight: x?.clientHeight || 0
+	} : null, [D, x]), P = m(() => {
+		let e = N();
+		if (!T.width || !T.height || !e) return 0;
+		if (typeof f == "number") return f / 100;
+		let { clientWidth: t, clientHeight: n, pageWidth: r, pageHeight: i } = e;
+		return a(f, t, n, r, i, S) / 100;
+	}, [
+		f,
+		T,
+		N,
+		S
+	]);
+	p(() => {
+		M(A);
+	}, [f]), p(() => {
+		let e = new ResizeObserver((e) => {
+			e.forEach((e) => {
+				w({
+					width: e.contentRect.width,
+					height: e.contentRect.height
+				});
+			});
+		});
+		return x && e.observe(x), () => {
+			e.disconnect();
+		};
+	}, [x]);
+	let F = d((e) => {
+		let t = 0;
+		if (typeof e == "function") {
+			let n = N();
+			if (!n) return;
+			let { clientWidth: r, clientHeight: i, pageWidth: o, pageHeight: s } = n;
+			t = (t) => e(a(t, r, i, o, s, S));
+		} else t = e;
+		t && y(t);
+	}, [N]), I = m(() => ({
+		zoomLevel: f,
+		currentZoom: P,
+		setZoomLevel: F
+	}), [
+		P,
+		f,
+		F
+	]);
+	return /* @__PURE__ */ _(v.Provider, {
+		value: I,
+		children: t
+	});
 };
+//#endregion
+export { v as ZoomContext, b as ZoomProvider, y as useZoomContext };