@react-pdf-kit/viewer 2.4.0 → 2.5.0-beta.1

package/dist/PaginationContext-87f832f2.js

@@ -0,0 +1,233 @@
+import { jsx as j } from "react/jsx-runtime";
+import { useRef as M, useEffect as L, useCallback as h, useState as b, useMemo as B, createContext as Z, useContext as $ } from "react";
+import { ViewMode as _, ScrollMode as E } from "./utils/types.js";
+import { useScrollModeContext as O } from "./contexts/ScrollModeContext.js";
+import { useDocumentContext as q } from "./contexts/RPDocumentContext.js";
+import { appConsole as J } from "./utils/appConsole.js";
+import { useGlobalCurrentPage as K } from "./contexts/GlobalCurrentPage.js";
+import { useInitialStateContext as Q } from "./contexts/InitialStateContext.js";
+import { useViewModeContext as W } from "./contexts/ViewModeContext.js";
+import { useVirtualScrollContext as X } from "./contexts/VirtualScrollContext.js";
+import { useVirtualGridContext as Y } from "./contexts/VirtualGridContext.js";
+import { smoothScrollTo as F } from "./utils/smoothScrollTo.js";
+import { useDimensionPagesContext as U } from "./contexts/DimensionPagesContext.js";
+import { useSmoothScrollContext as tt } from "./contexts/SmoothScrollContext.js";
+import { getScrollDistance as D } from "./utils/getScrollDistance.js";
+import { getGridDimension as et } from "./utils/calculatePage.js";
+import { useDebounce as ot } from "./utils/hooks/useDebounce.js";
+import { useLayoutContainer as rt } from "./contexts/LayoutContainerContext.js";
+const st = () => {
+  const { viewMode: o } = W(), { scrollMode: e } = O(), { virtualScrollRef: f, virtualScrollableElementRef: s, pageScrollElementRef: a } = X(), { setFocusedPage: x } = ct(), p = M(), { columnCount: n } = Y(), { widths: c, heights: m } = U(), g = M(e), C = M(o), d = M(n), { targetScrollPage: R, scrollBehavior: G } = tt(), P = M(null);
+  L(() => {
+    f != null && f.scrollToItem && (p.current = f);
+  }, [f]), L(() => {
+    g.current = e, C.current = o;
+  }, [e, o]);
+  const T = h(
+    (u, i) => {
+      if (!a)
+        return;
+      const t = Math.ceil(u / 2) * 2 - 1;
+      if (u === t + 1) {
+        const r = {
+          left: c[t],
+          top: 0
+        };
+        return new Promise(
+          (S) => F(a, r, S)
+        );
+      }
+      const l = {
+        left: 0,
+        top: 0
+      };
+      return a == null ? void 0 : a.scrollTo({
+        ...l,
+        behavior: i
+      });
+    },
+    [a, c, F]
+  );
+  L(() => {
+    g.current = e, C.current = o;
+  }, [e, o]), L(() => {
+    d.current = n;
+  }, [n]);
+  const A = h(
+    (u, i = G) => {
+      x(u);
+      const t = u - 1;
+      let l = t, r = 0;
+      if (C.current === _.DUAL_PAGE && g.current === E.PAGE_SCROLLING) {
+        T(u, i);
+        return;
+      }
+      if (g.current === E.PAGE_SCROLLING) {
+        x(u);
+        return;
+      }
+      if (!p.current || !s) {
+        P.current = { page: u, behavior: i };
+        return;
+      }
+      P.current = null;
+      const S = s;
+      i === "smooth" && (R.current = u);
+      const { columnsWidth: N, rowsHeight: v } = et(
+        { widths: c, heights: m },
+        n
+      );
+      if (g.current === E.HORIZONTAL_SCROLLING) {
+        r = t;
+        const w = D(N, r), I = {
+          left: Math.floor(w),
+          top: 0
+        };
+        return S.scrollTo({
+          ...I,
+          behavior: i
+        });
+      }
+      if (C.current === _.DUAL_PAGE) {
+        r = t % 2, l = Math.floor(t / 2);
+        const I = D(N, r), H = D(v, l), y = {
+          left: Math.floor(I),
+          top: Math.floor(H)
+        };
+        return S.scrollTo({
+          ...y,
+          behavior: i
+        });
+      }
+      const k = D(v, l), z = {
+        left: 0,
+        top: Math.floor(k)
+      };
+      return S.scrollTo({
+        ...z,
+        behavior: i
+      });
+    },
+    [
+      s,
+      n,
+      T,
+      x,
+      F,
+      m,
+      c,
+      G
+    ]
+  );
+  return L(() => {
+    if (!s || !P.current)
+      return;
+    const { page: u, behavior: i } = P.current;
+    P.current = null, A(u, i);
+  }, [s, A]), { scrollToPage: A };
+}, nt = (o = 1) => {
+  const [e, f] = b(o), [s, a] = b(0), { scrollToPage: x } = st(), p = M(o), { viewMode: n } = W(), { scrollMode: c } = O(), { widths: m } = U(), { pagesRef: g } = rt(), C = ot(e, 100), d = h(
+    (t) => {
+      if (!/^[0-9]*$/g.test(t.toString()) || !t)
+        return { success: !1, currentPage: p.current };
+      const r = +t;
+      return r < 0 || r > s ? { success: !1, currentPage: p.current } : (f(r), p.current = r, { success: !0, currentPage: +t });
+    },
+    [s]
+  ), R = h(d, [d]), G = h((t) => {
+    f(t), p.current = t;
+  }, []), P = h(
+    (t, l) => {
+      const r = d(t);
+      return r.success && x(r.currentPage, l), r;
+    },
+    [d, x]
+  ), T = h(
+    (t) => {
+      const l = t % 2 === 1;
+      if (!g || l)
+        return !1;
+      const r = l ? m[t] : m[t - 1], S = l ? m[t + 1] : m[t];
+      return n === _.DUAL_PAGE && r + S < g.clientWidth;
+    },
+    [n, m, g, s]
+  ), A = h(() => {
+    let t = e - 1;
+    T(t) && (t = e - 2), P(t);
+  }, [P, e, n, c, T]), u = B(() => n === _.DUAL_PAGE && c === E.PAGE_SCROLLING ? e === s - 1 : e === s, [e, s, n, c]), i = h(() => {
+    if (u)
+      return;
+    let t = e + 1;
+    T(t) && (t = e + 2), P(t);
+  }, [P, e, T, n, c, u]);
+  return {
+    focusedPage: C,
+    totalPages: s,
+    setFocusedPage: R,
+    resetPage: G,
+    setTotalPages: a,
+    nextPage: i,
+    prevPage: A,
+    goToPage: P
+  };
+}, V = Z({
+  focusedPage: 0,
+  setFocusedPage: (o) => {
+  },
+  goToPage: (o, e) => ({ success: !!o, currentPage: +o }),
+  totalPages: 0,
+  setTotalPages: (o) => {
+  },
+  prevPage: () => {
+  },
+  nextPage: () => {
+  }
+}), ct = () => {
+  const o = $(V);
+  return typeof (o == null ? void 0 : o.focusedPage) > "u" && J.error("Please use this hooks inside children component of RPProvider"), o;
+}, Rt = ({ children: o }) => {
+  const { pdf: e } = q(), { setCurrentPage: f } = K(), { initialPage: s = 1 } = Q(), {
+    focusedPage: a,
+    totalPages: x,
+    setFocusedPage: p,
+    resetPage: n,
+    setTotalPages: c,
+    goToPage: m,
+    nextPage: g,
+    prevPage: C
+  } = nt(s), d = M(!0);
+  return L(() => {
+    if (!e) {
+      d.current || (c(0), n(1));
+      return;
+    }
+    if (!e.numPages)
+      return;
+    c(e.numPages);
+    const R = d.current ? s : 1, G = Math.min(Math.max(R, 1), e.numPages);
+    n(G), d.current = !1;
+  }, [e, c, n]), L(() => {
+    f(a);
+  }, [a, f]), /* @__PURE__ */ j(
+    V.Provider,
+    {
+      value: {
+        focusedPage: a,
+        totalPages: x,
+        setFocusedPage: p,
+        setTotalPages: c,
+        nextPage: g,
+        prevPage: C,
+        goToPage: m
+      },
+      children: o
+    }
+  );
+};
+export {
+  Rt as P,
+  st as a,
+  nt as b,
+  V as c,
+  ct as u
+};

package/dist/components/RPController.js

@@ -1,20 +1,20 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as o } from "react";
-import { P as w } from "../PaginationContext-443adec1.js";
-import { DarkModeProvider as D } from "../contexts/DarkModeContext.js";
-import { ViewMode as E, ScrollMode as F, SelectionMode as G } from "../utils/types.js";
-import { RotateProvider as I } from "../contexts/RotationContext.js";
-import { LayerProvider as T } from "../contexts/LayerContext.js";
-import { ZoomProvider as b } from "../contexts/ZoomContext.js";
-import { ViewModeProvider as k } from "../contexts/ViewModeContext.js";
-import { ScrollModeProvider as x } from "../contexts/ScrollModeContext.js";
-import { VirtualScrollProvider as y } from "../contexts/VirtualScrollContext.js";
-import { VirtualGridProvider as _ } from "../contexts/VirtualGridContext.js";
-import { SelectionModeProvider as z } from "../contexts/SelectionModeContext.js";
-import { InitialStateProvider as A } from "../contexts/InitialStateContext.js";
-import { FullScreenProvider as N } from "../contexts/FullScreenContext.js";
-import { FileInputProvider as Z } from "../contexts/FileInputContext.js";
-import { PrintProvider as j } from "../contexts/PrintContext.js";
+import { P as D } from "../PaginationContext-87f832f2.js";
+import { DarkModeProvider as E } from "../contexts/DarkModeContext.js";
+import { ViewMode as F, ScrollMode as G, SelectionMode as I } from "../utils/types.js";
+import { RotateProvider as T } from "../contexts/RotationContext.js";
+import { LayerProvider as b } from "../contexts/LayerContext.js";
+import { ZoomProvider as k } from "../contexts/ZoomContext.js";
+import { ViewModeProvider as x } from "../contexts/ViewModeContext.js";
+import { ScrollModeProvider as y } from "../contexts/ScrollModeContext.js";
+import { VirtualScrollProvider as _ } from "../contexts/VirtualScrollContext.js";
+import { VirtualGridProvider as z } from "../contexts/VirtualGridContext.js";
+import { SelectionModeProvider as A } from "../contexts/SelectionModeContext.js";
+import { InitialStateProvider as N } from "../contexts/InitialStateContext.js";
+import { FullScreenProvider as Z } from "../contexts/FullScreenContext.js";
+import { FileInputProvider as j } from "../contexts/FileInputContext.js";
+import { PrintProvider as B } from "../contexts/PrintContext.js";
 import { DropFileZoneProvider as H } from "../contexts/DropFileZoneContext.js";
 import { ThumbnailProvider as O } from "../contexts/ThumbnailsContext.js";
 import { SearchProvider as Q } from "../contexts/SearchContext.js";
@@ -22,13 +22,13 @@ import { LayoutContainerContext as U } from "../contexts/LayoutContainerContext.
 import { DimensionPagesProvider as W } from "../contexts/DimensionPagesContext.js";
 import { LocalizationProvider as X } from "../contexts/LocalizationContext.js";
 import { HighlightProvider as q } from "../contexts/HighlightContext.js";
-import { useWatermark as B } from "../utils/hooks/useWatermark.js";
-import { DownloadProvider as J } from "../contexts/DownloadContext.js";
-import { SmoothScrollProvider as K } from "../contexts/SmoothScrollContext.js";
-import { ElementPageProvider as Y } from "../contexts/ElementPageContext.js";
-import { PagesRotateProvider as $ } from "../contexts/PagesRotateContext.js";
-import { RenderQueueProvider as rr } from "../contexts/RenderQueueProvider.js";
-import { GlobalCurrentPageProvider as or } from "../contexts/GlobalCurrentPage.js";
+import { useWatermark as J } from "../utils/hooks/useWatermark.js";
+import { DownloadProvider as K } from "../contexts/DownloadContext.js";
+import { SmoothScrollProvider as Y } from "../contexts/SmoothScrollContext.js";
+import { ElementPageProvider as $ } from "../contexts/ElementPageContext.js";
+import { PagesRotateProvider as rr } from "../contexts/PagesRotateContext.js";
+import { RenderQueueProvider as or } from "../contexts/RenderQueueProvider.js";
+import { GlobalCurrentPageProvider as ir } from "../contexts/GlobalCurrentPage.js";
 import "../contexts/RPDocumentContext.js";
 import "../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
@@ -65,27 +65,28 @@ import "../utils/hooks/useLicense.js";
 import "../utils/getElementPositionInPage.js";
 import "../utils/Queue.js";
 import "../utils/renderPage.js";
-const so = (t) => {
+const uo = (t) => {
   const {
     children: m,
-    darkMode: n = !1,
-    onDarkModeChange: l,
+    darkMode: l = !1,
+    onDarkModeChange: n,
     initialRotation: d = 0,
     textLayer: p = !0,
     initialPage: a = 1,
-    initialViewMode: c = E.SINGLE_PAGE,
+    initialViewMode: c = F.SINGLE_PAGE,
     initialThumbnailsVisible: f = !1,
     initialSearch: P,
     initialScale: h,
-    initialScrollMode: v = F.VERTICAL_SCROLLING,
+    initialScrollMode: v = G.VERTICAL_SCROLLING,
     locale: s = "en_US",
     localization: u,
     downloadFilename: S,
-    initialSelectionMode: M = G.TEXT,
-    interactiveForm: R = !0
-  } = t, [g, C] = o(null), [i, L] = o(null), [e, V] = o(null);
-  return B(e), /* @__PURE__ */ r(
-    A,
+    initialSelectionMode: M = I.TEXT,
+    interactiveForm: R = !0,
+    scrollBehavior: g = "smooth"
+  } = t, [C, L] = o(null), [i, V] = o(null), [e, w] = o(null);
+  return J(e), /* @__PURE__ */ r(
+    N,
     {
       initialScale: h,
       initialPage: a,
@@ -93,31 +94,31 @@ const so = (t) => {
       initialRotation: d,
       initialViewMode: c,
       interactiveForm: R,
-      children: /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(X, { locale: s, localization: u, children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(z, { initialSelectionMode: M, children: /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(T, { textLayer: p, children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ r(Y, { scrollBehavior: g, children: /* @__PURE__ */ r(X, { locale: s, localization: u, children: /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(A, { initialSelectionMode: M, children: /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(rr, { children: /* @__PURE__ */ r(b, { textLayer: p, children: /* @__PURE__ */ r(
         U.Provider,
         {
           value: {
-            container: g,
+            container: C,
             contentRef: i,
             pagesRef: e,
-            setContainer: C,
-            setContentRef: L,
-            setPagesRef: V
+            setContainer: L,
+            setContentRef: V,
+            setPagesRef: w
           },
-          children: /* @__PURE__ */ r(or, { children: /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(
-            D,
+          children: /* @__PURE__ */ r(ir, { children: /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(
+            E,
             {
-              darkMode: n,
-              onDarkModeChange: l,
-              children: /* @__PURE__ */ r(Q, { initialSearch: P, children: /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(rr, { children: /* @__PURE__ */ r(
+              darkMode: l,
+              onDarkModeChange: n,
+              children: /* @__PURE__ */ r(Q, { initialSearch: P, children: /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(or, { children: /* @__PURE__ */ r(
                 O,
                 {
                   initialThumbnailsVisible: f,
-                  children: /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(N, { elementRef: i, children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(
-                    J,
+                  children: /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(Z, { elementRef: i, children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(
+                    K,
                     {
                       downloadFilename: S,
-                      children: /* @__PURE__ */ r(Z, { children: m })
+                      children: /* @__PURE__ */ r(j, { children: m })
                     }
                   ) }) }) })
                 }
@@ -130,5 +131,5 @@ const so = (t) => {
   );
 };
 export {
-  so as RPController
+  uo as RPController
 };