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

package/dist/components/layout/sidebar/CustomThumbnailElement.js

@@ -1,5 +1,5 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useMemo as p, useRef as u, useEffect as s } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as n, useRef as u, useEffect as s } from "react";
 import { useElementThumbnailContext as l } from "../../../contexts/ElementThumbnailContext.js";
 import "../../../utils/types.js";
 import "../../../de_DE-8145915f.js";
@@ -23,6 +23,21 @@ import "../../../utils/hooks/useLicense.js";
 import "../../../contexts/ThumbnailsContext.js";
 import "../../../utils/hooks/useThumbnail.js";
 import "../../../contexts/SmoothScrollContext.js";
+import "../../../PaginationContext-87f832f2.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
 const c = {
   "rp-custom-thumbnail-element": "_rp-custom-thumbnail-element_h5ef7_1"
 }, a = ({ child: t }) => {
@@ -33,13 +48,13 @@ const c = {
       var o;
       (o = r.current) == null || o.removeChild(t);
     };
-  }, [t]), /* @__PURE__ */ e("div", { ref: r });
-}, G = ({ pageNumber: t }) => {
-  const { elementList: r } = l(), m = p(() => {
+  }, [t]), /* @__PURE__ */ i("div", { ref: r });
+}, g = ({ pageNumber: t }) => {
+  const { elementList: r } = l(), m = n(() => {
     var o;
-    return (o = r[t]) == null ? void 0 : o.map((i, n) => i instanceof HTMLElement ? /* @__PURE__ */ e(a, { child: i }, n) : /* @__PURE__ */ e("div", { children: i }, n));
+    return (o = r[t]) == null ? void 0 : o.map((p, e) => p instanceof HTMLElement ? /* @__PURE__ */ i(a, { child: p }, e) : /* @__PURE__ */ i("div", { children: p }, e));
   }, [r, t]);
-  return m ? /* @__PURE__ */ e(
+  return m ? /* @__PURE__ */ i(
     "div",
     {
       className: c["rp-custom-thumbnail-element"],
@@ -49,5 +64,5 @@ const c = {
   ) : null;
 };
 export {
-  G as CustomThumbnailElement
+  g as CustomThumbnailElement
 };

package/dist/contexts/ElementThumbnailContext.js

@@ -1,11 +1,12 @@
-import { jsx as y } from "react/jsx-runtime";
-import { createContext as M, useState as O, useRef as x, useCallback as m, useContext as L, useMemo as B } from "react";
-import { LicenseType as D } from "../utils/types.js";
-import { usePagesRotateContext as I } from "./PagesRotateContext.js";
-import { useLicenseContext as G } from "./LicenseContext.js";
-import { useThumbnailContext as g } from "./ThumbnailsContext.js";
-import { useSmoothScrollContext as F } from "./SmoothScrollContext.js";
-import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as h } from "../utils/const.js";
+import { jsx as $ } from "react/jsx-runtime";
+import { createContext as j, useState as B, useRef as P, useEffect as L, useCallback as s, useContext as y, useMemo as k } from "react";
+import { LicenseType as V } from "../utils/types.js";
+import { usePagesRotateContext as Z } from "./PagesRotateContext.js";
+import { useLicenseContext as z } from "./LicenseContext.js";
+import { useThumbnailContext as J } from "./ThumbnailsContext.js";
+import { useSmoothScrollContext as K } from "./SmoothScrollContext.js";
+import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as b } from "../utils/const.js";
+import { u as Q } from "../PaginationContext-87f832f2.js";
 import "../de_DE-8145915f.js";
 import "./RPDocumentContext.js";
 import "../utils/hooks/useLoadPdf.js";
@@ -22,108 +23,174 @@ import "./InitialStateContext.js";
 import "./EventCallbackContext.js";
 import "../utils/hooks/useLicense.js";
 import "../utils/hooks/useThumbnail.js";
-const U = 16, f = M(
+import "./ScrollModeContext.js";
+import "./GlobalCurrentPage.js";
+import "./ViewModeContext.js";
+import "./VirtualScrollContext.js";
+import "./VirtualGridContext.js";
+import "../utils/smoothScrollTo.js";
+import "./DimensionPagesContext.js";
+import "./ZoomContext.js";
+import "../utils/constants.js";
+import "../utils/getZoomLevel.js";
+import "./LayoutContainerContext.js";
+import "../utils/hooks/useDebounce.js";
+import "../utils/getScrollDistance.js";
+import "../utils/calculatePage.js";
+const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), R = j(
   void 0
-), mt = ({ children: r }) => {
-  const [a, s] = O({}), { pageRotate: n } = I(), { thumbnailPages: p } = g(), { scrollBehavior: E } = F(), d = x(null), w = m((e) => {
-    d.current = e;
-  }, []), R = m(
-    (e, i) => {
-      s((o) => {
-        var l;
-        const t = (l = p[e]) == null ? void 0 : l.viewport, c = {
+), Dt = ({ children: i }) => {
+  const [a, u] = B({}), { pageRotate: r } = Z(), { thumbnailPages: c, addToPage: h, thumbnailLength: f } = J(), { scrollBehavior: v } = K(), { totalPages: w } = Q(), S = P(null), C = P(c), A = P(f), [l, x] = B(null);
+  L(() => {
+    C.current = c;
+  }, [c]), L(() => {
+    A.current = f;
+  }, [f]);
+  const H = s((e) => {
+    S.current = e;
+  }, []), d = s(
+    (e) => {
+      const n = e + Y;
+      return w ? Math.min(n, w) : e;
+    },
+    [w]
+  ), _ = s(
+    (e) => {
+      const n = d(e);
+      return !C.current[e] || A.current < n ? (h(n), !1) : !0;
+    },
+    [h, d]
+  ), G = s(
+    (e, n) => {
+      u((o) => {
+        var m;
+        const t = (m = C.current[e]) == null ? void 0 : m.viewport, p = {
           width: t ? t.width : 0,
           height: t ? t.height : 0
         };
         return {
           ...o,
-          [e]: i(o[e] ?? [], c, n[e] ?? 0)
+          [e]: n(o[e] ?? [], p, r[e] ?? 0)
         };
       });
     },
-    [p, n]
-  ), b = m((e) => {
-    s((i) => {
-      const o = { ...i };
+    [r]
+  ), O = s((e) => {
+    u((n) => {
+      const o = { ...n };
       return delete o[e], o;
     });
-  }, []), A = m((e, i) => {
-    s((o) => {
+  }, []), U = s((e, n) => {
+    u((o) => {
       const t = { ...o };
-      return t[e] ? (t[e] = t[e].filter((c, l) => l !== i), t) : o;
+      return t[e] ? (t[e] = t[e].filter((p, m) => m !== n), t) : o;
     });
-  }, []), S = m(
-    (e, i, o) => {
-      var v;
-      const t = d.current;
+  }, []), T = s(
+    (e, n, o) => {
+      var F;
+      const t = S.current;
       if (!t)
-        return;
-      const c = t.querySelector(
+        return !1;
+      const p = t.querySelector(
         `[data-rp="thumbnail-${e}-customElement"]`
-      ), l = (v = c == null ? void 0 : c.children) == null ? void 0 : v[i];
-      if (!l)
-        return;
-      const T = t.getBoundingClientRect(), C = l.getBoundingClientRect(), P = t.scrollTop + (C.top - T.top) - U, _ = t.scrollLeft + (C.left - T.left);
-      t.scrollTo({
-        top: Math.max(P, 0),
-        left: Math.max(_, 0),
-        behavior: (o == null ? void 0 : o.behavior) ?? E
-      });
+      ), m = (F = p == null ? void 0 : p.children) == null ? void 0 : F[n];
+      if (!m)
+        return !1;
+      const D = m.closest(`[id="page-${e}"]`) ?? m, M = t.getBoundingClientRect(), g = D.getBoundingClientRect(), N = t.scrollTop + (g.top - M.top) - (t.clientHeight - g.height) / 2, q = t.scrollLeft + (g.left - M.left) - (t.clientWidth - g.width) / 2;
+      return t.scrollTo({
+        top: I(N, t.scrollHeight - t.clientHeight),
+        left: I(q, t.scrollWidth - t.clientWidth),
+        behavior: (o == null ? void 0 : o.behavior) ?? v
+      }), !0;
     },
-    [E]
+    [v]
+  ), W = s(
+    (e, n, o) => {
+      T(e, n, o) || (_(e), x({ page: e, index: n, config: o, attempt: 0 }));
+    },
+    [_, T]
   );
-  return /* @__PURE__ */ y(
-    f.Provider,
+  return L(() => {
+    if (!l)
+      return;
+    const e = d(l.page);
+    if (!c[l.page] || f < e) {
+      h(e);
+      return;
+    }
+    const n = window.requestAnimationFrame(() => {
+      if (T(
+        l.page,
+        l.index,
+        l.config
+      )) {
+        x(null);
+        return;
+      }
+      l.attempt < X && x((t) => !t || t.page !== l.page || t.index !== l.index ? t : { ...t, attempt: t.attempt + 1 });
+    });
+    return () => {
+      window.cancelAnimationFrame(n);
+    };
+  }, [
+    h,
+    d,
+    l,
+    T,
+    f,
+    c
+  ]), /* @__PURE__ */ $(
+    R.Provider,
     {
       value: {
-        updateElement: R,
-        clearElements: b,
-        removeElement: A,
+        updateElement: G,
+        clearElements: O,
+        removeElement: U,
         elementList: a,
-        scrollToElement: S,
-        setThumbnailContainer: w
+        scrollToElement: W,
+        setThumbnailContainer: H
       },
-      children: r
+      children: i
     }
   );
-}, u = () => {
-}, ut = () => {
-  const r = L(f);
-  return (r == null ? void 0 : r.setThumbnailContainer) ?? u;
-}, at = () => {
-  const r = L(f), { type: a, validating: s } = G(), n = x(0), p = B(() => {
-    if (s !== !1)
+}, E = () => {
+}, Nt = () => {
+  const i = y(R);
+  return (i == null ? void 0 : i.setThumbnailContainer) ?? E;
+}, qt = () => {
+  const i = y(R), { type: a, validating: u } = z(), r = P(0), c = k(() => {
+    if (u !== !1)
       return {
-        updateElement: u,
-        clearElements: u,
-        removeElement: u,
+        updateElement: E,
+        clearElements: E,
+        removeElement: E,
         elementList: {},
-        scrollToElement: u
+        scrollToElement: E
       };
-    if (!(a !== D.Developer))
+    if (!(a !== V.Developer))
       return {
         updateElement: () => {
-          n.current === 0 && (console.error(h), n.current++);
+          r.current === 0 && (console.error(b), r.current++);
         },
         clearElements: () => {
-          n.current === 0 && (console.error(h), n.current++);
+          r.current === 0 && (console.error(b), r.current++);
         },
         removeElement: () => {
-          n.current === 0 && (console.error(h), n.current++);
+          r.current === 0 && (console.error(b), r.current++);
         },
         elementList: {},
         scrollToElement: () => {
-          n.current === 0 && (console.error(h), n.current++);
+          r.current === 0 && (console.error(b), r.current++);
         }
       };
-  }, [a, s]);
-  if (!r)
+  }, [a, u]);
+  if (!i)
     throw new Error("useElementThumbnailContext must be used within a ElementThumbnailProvider");
-  return p || r;
+  return c || i;
 };
 export {
-  f as ElementThumbnailContext,
-  mt as ElementThumbnailProvider,
-  at as useElementThumbnailContext,
-  ut as useThumbnailContainerRegister
+  R as ElementThumbnailContext,
+  Dt as ElementThumbnailProvider,
+  qt as useElementThumbnailContext,
+  Nt as useThumbnailContainerRegister
 };