@react-pdf-kit/viewer 2.0.0-beta.0

package/dist/contexts/ThumbnailsContext.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import { y as m, T as r, h as e } from "../ToolbarLayout.module-c588d36b.js";
+export {
+  m as ThumbnailContext,
+  r as ThumbnailProvider,
+  e as useThumbnailContext
+};

package/dist/contexts/ToolComponentContext.js

@@ -0,0 +1,52 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as u, useContext as n, useState as s } from "react";
+const i = () => {
+  throw new Error("setSlots is not initialized yet");
+}, o = u({
+  themeSwitcher: !0,
+  documentProperties: !0,
+  rotateTool: !0,
+  fullscreenTool: !0,
+  openFileTool: !0,
+  dropFileZone: !0,
+  downloadTool: !0,
+  viewModeTool: !0,
+  scrollModeTool: !0,
+  printTool: !0,
+  thumbnailTool: !0,
+  showPrintProgress: !0,
+  selectionModeTool: !0,
+  jumpNavigationTool: !0,
+  sidebarEnable: !0,
+  pageNavigationTool: !0,
+  searchTool: !0,
+  zoomTool: !0,
+  setSlots: i
+}), c = () => n(o), T = {
+  themeSwitcher: !0,
+  documentProperties: !0,
+  rotateTool: !0,
+  fullscreenTool: !0,
+  openFileTool: !0,
+  dropFileZone: !0,
+  downloadTool: !0,
+  viewModeTool: !0,
+  scrollModeTool: !0,
+  printTool: !0,
+  thumbnailTool: !0,
+  showPrintProgress: !0,
+  selectionModeTool: !0,
+  jumpNavigationTool: !0,
+  sidebarEnable: !0,
+  pageNavigationTool: !0,
+  searchTool: !0,
+  zoomTool: !0
+}, p = ({ children: e }) => {
+  const [t, r] = s(T);
+  return /* @__PURE__ */ l(o.Provider, { value: { ...t, setSlots: r }, children: e });
+};
+export {
+  o as ToolComponentContext,
+  p as ToolComponentProvider,
+  c as useToolComponentContext
+};

package/dist/contexts/ToolbarComponentContext.js

@@ -0,0 +1,48 @@
+import { jsx as u } from "react/jsx-runtime";
+import { createContext as l, useContext as n, useMemo as i } from "react";
+const e = l({
+  themeSwitcher: !0,
+  documentProperties: !0,
+  rotateTool: !0,
+  fullscreenTool: !0,
+  openFileTool: !0,
+  dropFileZone: !0,
+  downloadTool: !0,
+  viewModeTool: !0,
+  scrollModeTool: !0,
+  printTool: !0,
+  showPrintProgress: !0,
+  selectionModeTool: !0,
+  jumpNavigationTool: !0,
+  sidebarEnable: !0
+}), d = () => n(e), T = {
+  themeSwitcher: !0,
+  documentProperties: !0,
+  rotateTool: !0,
+  fullscreenTool: !0,
+  openFileTool: !0,
+  dropFileZone: !0,
+  downloadTool: !0,
+  viewModeTool: !0,
+  scrollModeTool: !0,
+  printTool: !0,
+  thumbnailTool: !0,
+  showPrintProgress: !0,
+  selectionModeTool: !0,
+  jumpNavigationTool: !0,
+  sidebarEnable: !0,
+  pageNavigationTool: !0,
+  searchTool: !0,
+  zoomTool: !0
+}, c = ({ children: r, slots: o }) => {
+  const t = i(() => ({
+    ...T,
+    ...o
+  }), [o]);
+  return /* @__PURE__ */ u(e.Provider, { value: t, children: r });
+};
+export {
+  e as ToolbarComponentContext,
+  c as ToolbarComponentProvider,
+  d as useToolbarComponentContext
+};

package/dist/contexts/ViewModeContext.js

@@ -0,0 +1,28 @@
+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 r = m({
+  columnCount: 1,
+  setSinglePage: () => {
+  },
+  setDualPage: () => {
+  },
+  viewMode: e.SINGLE_PAGE
+}), w = () => {
+  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] = P(s === e.SINGLE_PAGE ? 1 : 2), u = i(() => {
+    n(1);
+  }, []), c = i(() => {
+    n(2);
+  }, []), a = C(() => t === 1 ? e.SINGLE_PAGE : e.DUAL_PAGE, [t]);
+  return /* @__PURE__ */ l(r.Provider, { value: { columnCount: t, setSinglePage: u, setDualPage: c, viewMode: a }, children: o });
+};
+export {
+  r as ViewModeContext,
+  g as ViewModeProvider,
+  w as useViewModeContext
+};

package/dist/contexts/ViewportContext.js

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

package/dist/contexts/VirtualGridContext.js

@@ -0,0 +1,15 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as u, useContext as i, useState as s } from "react";
+const t = u({
+  columnCount: 1,
+  setColumnCount: () => {
+  }
+}), m = () => i(t), c = ({ children: o }) => {
+  const [r, e] = s(1);
+  return /* @__PURE__ */ n(t.Provider, { value: { columnCount: r, setColumnCount: e }, children: o });
+};
+export {
+  t as VirtualGridContext,
+  c as VirtualGridProvider,
+  m as useVirtualGridContext
+};

package/dist/contexts/VirtualScrollContext.js

@@ -0,0 +1,53 @@
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as g, useContext as R, useState as e } from "react";
+const l = g({
+  getVirtualScrollRef: () => {
+  },
+  getPageScrollElementRef: () => {
+  },
+  getVirtualScrollableElementRef: () => {
+  },
+  scrollPosition: {
+    scrollTop: 0,
+    scrollLeft: 0
+  },
+  setScrollPosition: () => {
+  },
+  totalInnerDimensions: {
+    height: 0,
+    width: 0
+  },
+  setTotalInnerDimensions: () => {
+  }
+}), E = () => R(l), h = ({ children: t }) => {
+  const [o, r] = e(), [n, s] = e(), [i, c] = e(), [a, S] = e({
+    scrollTop: 0,
+    scrollLeft: 0
+  }), [u, f] = e({
+    height: 0,
+    width: 0
+  });
+  return /* @__PURE__ */ m(
+    l.Provider,
+    {
+      value: {
+        virtualScrollRef: o,
+        getVirtualScrollRef: r,
+        pageScrollElementRef: i,
+        getPageScrollElementRef: c,
+        virtualScrollableElementRef: n,
+        getVirtualScrollableElementRef: s,
+        scrollPosition: a,
+        setScrollPosition: S,
+        totalInnerDimensions: u,
+        setTotalInnerDimensions: f
+      },
+      children: t
+    }
+  );
+};
+export {
+  l as VirtualScrollContext,
+  h as VirtualScrollProvider,
+  E as useVirtualScrollContext
+};

package/dist/contexts/ZoomContext.js

@@ -0,0 +1,97 @@
+import { jsx as I } from "react/jsx-runtime";
+import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as p, useCallback as Z, useMemo as x } 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 C } 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";
+const D = M({
+  zoomLevel: 100,
+  currentZoom: 1,
+  setZoomLevel: () => {
+  }
+}), ue = () => {
+  const c = O(D);
+  return typeof c.currentZoom != "number" && _.warn("Please use this hooks inside children component of RPProvider"), c;
+}, le = ({ children: c }) => {
+  const { initialScale: W = J.PAGE_FIT } = j(), [s, b] = u(W), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: h } = q(), [H, V] = u({
+    width: (t == null ? void 0 : t.clientWidth) || 0,
+    height: (t == null ? void 0 : t.clientHeight) || 0
+  }), a = Q(H, 100), { rotate: g } = B(), [n, z] = u(null), d = R(null), { currentPage: v } = K(), [w, y] = u(v);
+  p(() => {
+    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, z(o));
+  }, [l, g, w]);
+  const m = Z(() => {
+    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 = x(() => {
+    const e = m();
+    if (!a.width || !a.height || !e)
+      return 0;
+    if (typeof s == "number")
+      return s / 100;
+    const { clientWidth: o, clientHeight: i, pageWidth: r, pageHeight: f } = e;
+    return C(s, o, i, r, f, h) / 100;
+  }, [s, a, m, h]);
+  p(() => {
+    y(v);
+  }, [s]), p(() => {
+    const e = (i) => {
+      i.forEach((r) => {
+        V({ width: r.contentRect.width, height: r.contentRect.height });
+      });
+    }, o = new ResizeObserver(e);
+    return t && o.observe(t), () => {
+      o.disconnect();
+    };
+  }, [t]);
+  const N = Z(
+    (e) => {
+      let o = 0;
+      if (typeof e == "function") {
+        const i = m();
+        if (!i)
+          return;
+        const { clientWidth: r, clientHeight: f, pageWidth: P, pageHeight: E } = i;
+        o = (G) => {
+          const A = C(
+            G,
+            r,
+            f,
+            P,
+            E,
+            h
+          );
+          return e(A);
+        };
+      } else
+        o = e;
+      o && b(o);
+    },
+    [m]
+  ), S = x(() => ({
+    zoomLevel: s,
+    currentZoom: L,
+    setZoomLevel: N
+  }), [L, s]);
+  return /* @__PURE__ */ I(D.Provider, { value: S, children: c });
+};
+export {
+  D as ZoomContext,
+  le as ZoomProvider,
+  ue as useZoomContext
+};