@react-pdf-kit/viewer 2.3.0-beta.2 → 2.3.0-beta.4

package/dist/PaginationContext-15f88187.js

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

package/dist/RPSplitter-b62772f9.js

@@ -0,0 +1,122 @@
+import { jsx as j } from "react/jsx-runtime";
+import { useRef as p, useState as k, useLayoutEffect as q, useCallback as x, useEffect as P } from "react";
+import { THUMBNAIL_MIN_WIDTH as c } from "./utils/constants.js";
+import { useLayoutContainer as z } from "./contexts/LayoutContainerContext.js";
+import { useViewportContext as Y } from "./contexts/ViewportContext.js";
+const V = {
+  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_ppg43_1",
+  "rp-sidebar-content": "_rp-sidebar-content_ppg43_1",
+  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_ppg43_17",
+  "rp-thumbnails-wrapper-dragging": "_rp-thumbnails-wrapper-dragging_ppg43_24",
+  "rp-thumbnails-wrapper-hidden": "_rp-thumbnails-wrapper-hidden_ppg43_28"
+}, T = {
+  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_1faw8_2",
+  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_1faw8_13"
+}, N = {
+  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_174bn_1",
+  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_174bn_15"
+}, $ = 20, G = 640, J = 112, H = (I) => {
+  I.preventDefault(), I.stopPropagation();
+}, er = (I) => {
+  const { onWidthChange: e, thumbnailRef: h, leftSidebarRef: S, isRPLayout: X } = I, n = p(null), F = p(0), b = p(null), f = p(!1), B = p(c), R = p(c), W = p(c), [g, C] = k(c), { container: u, pagesRef: l } = z(), { width: O } = Y(), i = O > 0 && O < G;
+  q(() => {
+    B.current = g;
+  }, [g]);
+  const m = x(() => {
+    var L, M, v;
+    if (!u)
+      return null;
+    const r = (L = n.current) == null ? void 0 : L.closest(".rp-content"), t = (r == null ? void 0 : r.clientWidth) ?? u.clientWidth, a = ((M = S.current) == null ? void 0 : M.getBoundingClientRect().width) ?? 0, s = ((v = n.current) == null ? void 0 : v.offsetWidth) ?? 0, E = (l == null ? void 0 : l.clientWidth) ?? Number.POSITIVE_INFINITY, A = Math.floor(t * 0.5 - a), D = Math.floor(t * $ / 100 - a - s);
+    let o = Math.min(A, E);
+    Number.isFinite(o) || (o = 0), o = Math.max(0, Math.floor(o));
+    let d = Math.max(c, D);
+    return d = Math.min(d, o), W.current = d, { maxAllowed: o, minAllowed: d };
+  }, [u, l, S]), w = x(() => {
+    if (!u || f.current || i)
+      return;
+    const r = m();
+    r && C(r.maxAllowed);
+  }, [u, i, m]), U = x(
+    (r) => {
+      var E, A, D, o, d, L, M, v;
+      if (i)
+        return;
+      H(r);
+      const t = m();
+      t ? (W.current = t.minAllowed, R.current = t.maxAllowed) : R.current = B.current, f.current = !0;
+      try {
+        r.currentTarget.setPointerCapture(r.pointerId);
+      } catch {
+      }
+      const a = ((A = (E = n.current) == null ? void 0 : E.getBoundingClientRect()) == null ? void 0 : A.left) ?? 0, s = ((o = (D = h.current) == null ? void 0 : D.getBoundingClientRect()) == null ? void 0 : o.width) ?? 0;
+      b.current = { x: a, y: 0 }, F.current = s, (d = n.current) == null || d.classList.add(T["rp-thumbnail-dragger-dragging"]), (L = n.current) == null || L.classList.add(N["rp-thumbnail-dragger-dragging"]), (v = (M = n.current) == null ? void 0 : M.closest('[data-rp="thumbnailSidebar"]')) == null || v.classList.add(
+        V["rp-thumbnails-wrapper"],
+        V["rp-thumbnails-wrapper-dragging"]
+      );
+    },
+    [h, m, i]
+  ), _ = x(
+    (r) => {
+      var t, a;
+      H(r);
+      try {
+        n.current && r.pointerId != null && n.current.releasePointerCapture(r.pointerId);
+      } catch {
+      }
+      b.current = null, f.current = !1, requestAnimationFrame(() => {
+        w();
+      }), (t = n.current) == null || t.classList.remove(T["rp-thumbnail-dragger-dragging"]), (a = n.current) == null || a.classList.remove(N["rp-thumbnail-dragger-dragging"]);
+    },
+    [w]
+  ), y = x(
+    (r) => {
+      if (i || !b.current)
+        return;
+      const t = r.clientX - b.current.x, a = Math.max(
+        W.current,
+        Math.min(F.current + t, R.current)
+      );
+      e == null || e(a), H(r);
+    },
+    [e, i]
+  );
+  return P(() => {
+    if (!u || i)
+      return;
+    const r = new ResizeObserver(() => {
+      w();
+    });
+    return r.observe(u), l && r.observe(l), w(), () => {
+      r.disconnect();
+    };
+  }, [u, l, w, i]), P(() => {
+    var t;
+    if (f.current || i)
+      return;
+    const r = ((t = h.current) == null ? void 0 : t.clientWidth) ?? c;
+    r > g ? e == null || e(g) : g >= c && r < c && (e == null || e(c));
+  }, [g, e, h, i]), P(() => {
+    var t, a;
+    if (!i)
+      return;
+    const r = m();
+    if (r) {
+      const s = Math.min(J, r.maxAllowed);
+      B.current = s, R.current = s, W.current = s, C(s), e == null || e(s);
+    }
+    b.current = null, f.current = !1, (t = n.current) == null || t.classList.remove(T["rp-thumbnail-dragger-dragging"]), (a = n.current) == null || a.classList.remove(N["rp-thumbnail-dragger-dragging"]);
+  }, [i, m, e, h]), P(() => (window.addEventListener("pointermove", y), window.addEventListener("pointerup", _), window.addEventListener("pointercancel", _), () => {
+    window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", _), window.removeEventListener("pointercancel", _);
+  }), [y, _]), /* @__PURE__ */ j(
+    "div",
+    {
+      ref: n,
+      className: X ? N["rp-thumbnail-dragger"] : T["rp-thumbnail-dragger"],
+      onPointerDown: i ? void 0 : U
+    }
+  );
+};
+export {
+  er as R,
+  V as c
+};

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as o } from "react";
-import { P as w } from "../PaginationContext-9217cab4.js";
+import { P as w } from "../PaginationContext-15f88187.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";