@pdf-viewer/react 1.11.0 → 1.12.0-beta.1

package/dist/contexts/ElementPageContext.js

@@ -1,76 +1,120 @@
-import { jsx as w } from "react/jsx-runtime";
-import { createContext as L, useState as P, useCallback as u, useContext as h, useRef as g, useMemo as A } from "react";
-import { LicenseType as R } from "../utils/types.js";
-import { useDimensionPagesContext as y } from "./DimensionPagesContext.js";
-import { usePagesRotateContext as S } from "./PagesRotateContext.js";
-import { useLicenseContext as T } from "./LicenseContext.js";
-import { useZoomContext as _ } from "./ZoomContext.js";
-import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as E } from "../utils/const.js";
-const d = L(void 0), U = ({ children: c }) => {
-  const [i, o] = P({}), { widths: t, heights: l } = y(), { pageRotate: m } = S(), { currentZoom: f } = _(), x = u(
-    (e, r) => {
-      o((n) => {
-        const s = { width: t[e], height: l[e] };
+import { jsx as k } from "react/jsx-runtime";
+import { createContext as z, useState as H, useCallback as p, useContext as N, useRef as U, useMemo as q } from "react";
+import { ScrollMode as g, LicenseType as B } from "../utils/types.js";
+import { useDimensionPagesContext as J } from "./DimensionPagesContext.js";
+import { usePagesRotateContext as K } from "./PagesRotateContext.js";
+import { useLicenseContext as Q } from "./LicenseContext.js";
+import { useZoomContext as X } from "./ZoomContext.js";
+import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as x } from "../utils/const.js";
+import { getScrollDistance as w } from "../utils/getScrollDistance.js";
+import { useLayoutContainer as Y } from "./LayoutContainerContext.js";
+import { useScrollModeContext as $ } from "./ScrollModeContext.js";
+import { getElementPagePosition as ee } from "../utils/getElementPositionInPage.js";
+import { useViewModeContext as te } from "./ViewModeContext.js";
+import { useVirtualScrollContext as oe } from "./VirtualScrollContext.js";
+const S = z(void 0), he = ({ children: i }) => {
+  const [l, c] = H({}), { widths: t, heights: r } = J(), { pagesRef: m } = Y(), { scrollMode: C } = $(), { pageRotate: u } = K(), { currentZoom: a } = X(), { columnCount: R } = te(), { pageScrollElementRef: I, virtualScrollableElementRef: T } = oe(), M = p(
+    (e, s, o = { behavior: "smooth" }) => {
+      var v;
+      const n = T || I;
+      if (!m || !n)
+        return;
+      const L = (v = l[e]) == null ? void 0 : v[s];
+      if (!L)
+        return;
+      let f = 0, P = 0;
+      if (C === g.VERTICAL_SCROLLING) {
+        const E = e - 1, d = R, W = E % d, j = Math.floor(E / d);
+        f = w(r, j), P = w(t, W);
+      }
+      C === g.HORIZONTAL_SCROLLING && (P = t.slice(0, e - 1).reduce((E, d) => E + d, 0));
+      const _ = {
+        height: r[e - 1],
+        width: t[e - 1]
+      }, D = u[e], { left: G, top: Z } = ee(
+        _,
+        m,
+        L,
+        D,
+        a
+      ), V = P + G, b = f + Z, F = {
+        left: Math.max(V, 0),
+        top: Math.max(b, 0)
+      };
+      n.scrollTo({
+        ...F,
+        behavior: o.behavior
+      });
+    },
+    [l, r, t, m, u, a, C]
+  ), A = p(
+    (e, s) => {
+      c((o) => {
+        const n = { width: t[e], height: r[e] };
         return {
-          ...n,
-          [e]: r(
-            n[e],
-            s,
-            m[e],
-            f * 100
+          ...o,
+          [e]: s(
+            o[e],
+            n,
+            u[e],
+            a * 100
           )
         };
       });
     },
-    [t, l, f, m]
-  ), p = u((e) => {
-    o((r) => {
-      const n = { ...r };
-      return delete n[e], n;
+    [t, r, a, u]
+  ), O = p((e) => {
+    c((s) => {
+      const o = { ...s };
+      return delete o[e], o;
     });
-  }, []), C = u((e, r) => {
-    o((n) => {
-      const s = { ...n };
-      return s[e] = s[e].filter((D, v) => v !== r), s;
+  }, []), y = p((e, s) => {
+    c((o) => {
+      const n = { ...o };
+      return n[e] = n[e].filter((L, f) => f !== s), n;
     });
   }, []);
-  return /* @__PURE__ */ w(
-    d.Provider,
+  return /* @__PURE__ */ k(
+    S.Provider,
     {
-      value: { updateElement: x, clearElements: p, removeElement: C, elementList: i },
-      children: c
+      value: { updateElement: A, clearElements: O, removeElement: y, elementList: l, scrollToElement: M },
+      children: i
     }
   );
-}, a = () => {
-}, W = () => {
-  const c = h(d), { type: i, validating: o } = T(), t = g(0), l = A(() => {
-    if (o !== !1)
+}, h = () => {
+}, Ce = () => {
+  const i = N(S), { type: l, validating: c } = Q(), t = U(0), r = q(() => {
+    if (c !== !1)
       return {
-        updateElement: a,
-        clearElements: a,
-        removeElement: a,
-        elementList: {}
+        updateElement: h,
+        clearElements: h,
+        removeElement: h,
+        elementList: {},
+        scrollToElement: h
       };
-    if (!(i !== R.Developer))
+    if (!(l !== B.Developer))
       return {
         updateElement: () => {
-          t.current === 0 && (console.error(E), t.current++);
+          t.current === 0 && (console.error(x), t.current++);
         },
         clearElements: () => {
-          t.current === 0 && (console.error(E), t.current++);
+          t.current === 0 && (console.error(x), t.current++);
         },
         removeElement: () => {
-          t.current === 0 && (console.error(E), t.current++);
+          t.current === 0 && (console.error(x), t.current++);
         },
-        elementList: {}
+        elementList: {},
+        scrollToElement: () => {
+          t.current === 0 && (console.error(x), t.current++);
+        }
       };
-  }, [i, o]);
-  if (!c)
+  }, [l, c]);
+  if (!i)
     throw new Error("useElementPageContext must be used within a ElementPageProvider");
-  return l || c;
+  return r || i;
 };
 export {
-  d as ElementPageContext,
-  U as ElementPageProvider,
-  W as useElementPageContext
+  S as ElementPageContext,
+  he as ElementPageProvider,
+  Ce as useElementPageContext
 };

package/dist/contexts/EventCallbackContext.js

@@ -0,0 +1,30 @@
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as l, useContext as c } from "react";
+const t = l({
+  onPageChange: () => {
+  },
+  onRotate: () => {
+  },
+  onScroll: () => {
+  }
+}), v = () => c(t), x = ({
+  children: e,
+  onPageChange: o,
+  onRotate: n,
+  onScroll: r
+}) => /* @__PURE__ */ a(
+  t.Provider,
+  {
+    value: {
+      onPageChange: o,
+      onRotate: n,
+      onScroll: r
+    },
+    children: e
+  }
+);
+export {
+  t as EventCallbackContext,
+  x as EventCallbackProvider,
+  v as useEventCallbackContext
+};

package/dist/contexts/GlobalCurrentPage.js

@@ -1,16 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
-import { createContext as u, useContext as s, useState as c } from "react";
-import { useInitialStateContext as i } from "./InitialStateContext.js";
-const e = u({
+import { jsx as u } from "react/jsx-runtime";
+import { createContext as s, useContext as c, useState as i, useEffect as l } from "react";
+import { useInitialStateContext as C } from "./InitialStateContext.js";
+import { useEventCallbackContext as P } from "./EventCallbackContext.js";
+const n = s({
   currentPage: 1,
   setCurrentPage: () => {
   }
-}), C = () => s(e), x = ({ children: t }) => {
-  const { initialPage: r = 1 } = i(), [o, n] = c(r);
-  return /* @__PURE__ */ a(e.Provider, { value: { currentPage: o, setCurrentPage: n }, children: t });
+}), p = () => c(n), b = ({ children: r }) => {
+  const { initialPage: o = 1 } = C(), [t, a] = i(o), { onPageChange: e } = P();
+  return l(() => {
+    e && e(t);
+  }, [t, e]), /* @__PURE__ */ u(n.Provider, { value: { currentPage: t, setCurrentPage: a }, children: r });
 };
 export {
-  e as GlobalCurrentPage,
-  x as GlobalCurrentPageProvider,
-  C as useGlobalCurrentPage
+  n as GlobalCurrentPage,
+  b as GlobalCurrentPageProvider,
+  p as useGlobalCurrentPage
 };

package/dist/contexts/PagesRotateContext.js

@@ -1,25 +1,31 @@
-import { jsx as i } from "react/jsx-runtime";
-import { createContext as R, useContext as m, useState as f, useEffect as p, useMemo as P } from "react";
-import { useDocumentContext as c } from "./RPDocumentContext.js";
-import { useRotationContext as l } from "./RotationContext.js";
-const g = R({
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as c, useContext as f, useState as l, useEffect as p, useMemo as P } from "react";
+import { useDocumentContext as x } from "./RPDocumentContext.js";
+import { useRotationContext as C } from "./RotationContext.js";
+import { useEventCallbackContext as d } from "./EventCallbackContext.js";
+const i = c({
   singlePageRotate: {},
   setSinglePageRotate: () => {
   },
   pageRotate: {}
-}), S = () => {
-  const { singlePageRotate: r, setSinglePageRotate: e, pageRotate: a } = m(g);
-  return { singlePageRotate: r, setSinglePageRotate: e, pageRotate: a };
-}, b = ({ children: r }) => {
-  const [e, a] = f({}), { rotate: n } = l(), { pages: t } = c();
+}), j = () => {
+  const { singlePageRotate: n, setSinglePageRotate: t, pageRotate: a } = f(i);
+  return { singlePageRotate: n, setSinglePageRotate: t, pageRotate: a };
+}, k = ({ children: n }) => {
+  const [t, a] = l({}), { rotate: r } = C(), { pages: e } = x(), { onRotate: s } = d();
   p(() => {
-    t && a({});
-  }, [t]);
-  const u = P(() => t ? Array.from(t.values()).reduce((s, o) => (s[o.page.pageNumber] = e[o.page.pageNumber] ? (n + e[o.page.pageNumber] + o.defaultRotation) % 360 : (n + o.defaultRotation) % 360, s), {}) : {}, [n, t, e]);
-  return /* @__PURE__ */ i(g.Provider, { value: { singlePageRotate: e, setSinglePageRotate: a, pageRotate: u }, children: r });
+    e && a({});
+  }, [e]);
+  const R = P(() => {
+    if (!e)
+      return {};
+    const g = Array.from(e.values()).reduce((u, o) => (u[o.page.pageNumber] = t[o.page.pageNumber] ? (r + t[o.page.pageNumber] + o.defaultRotation) % 360 : (r + o.defaultRotation) % 360, u), {});
+    return s && s(g), g;
+  }, [r, e, t, s]);
+  return /* @__PURE__ */ m(i.Provider, { value: { singlePageRotate: t, setSinglePageRotate: a, pageRotate: R }, children: n });
 };
 export {
-  g as PagesRotateContext,
-  b as PagesRotateProvider,
-  S as usePagesRotateContext
+  i as PagesRotateContext,
+  k as PagesRotateProvider,
+  j as usePagesRotateContext
 };

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { t as p, P as e, u as P } from "../ToolbarLayout.module-e774f3e1.js";
+import { t as p, P as e, u as P } from "../ToolbarLayout.module-e03c451b.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 import "./GlobalCurrentPage.js";

package/dist/contexts/PrintContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { w as e, g as n, c as s } from "../ToolbarLayout.module-e774f3e1.js";
+import { w as e, g as n, c as s } from "../ToolbarLayout.module-e03c451b.js";
 export {
   e as PrintContext,
   n as PrintProvider,

package/dist/contexts/RPDocumentContext.js

@@ -1,9 +1,9 @@
-import { jsx as C } from "react/jsx-runtime";
-import { createContext as h, useState as m, useEffect as v, useMemo as S, useContext as D } from "react";
-import { useLoadPdf as F } from "../utils/hooks/useLoadPdf.js";
-import { usePdfProperties as M } from "../utils/hooks/usePdfProperties.js";
-import { appConsole as j } from "../utils/appConsole.js";
-const u = h({
+import { jsx as h } from "react/jsx-runtime";
+import { createContext as v, useState as m, useEffect as S, useMemo as D, useContext as F } from "react";
+import { useLoadPdf as M } from "../utils/hooks/useLoadPdf.js";
+import { usePdfProperties as j } from "../utils/hooks/usePdfProperties.js";
+import { appConsole as k } from "../utils/appConsole.js";
+const u = v({
   pdf: void 0,
   pages: /* @__PURE__ */ new Map(),
   setPdfSrc: () => {
@@ -13,21 +13,23 @@ const u = h({
   loading: !1,
   loaderProgress: 0,
   error: void 0
-}), b = ({
+}), q = ({
   children: t,
   src: e,
   characterMap: c,
   onLoadError: P,
-  onLoaded: g
+  onLoaded: g,
+  onLoadProgress: x
 }) => {
-  const [o, n] = m(e), [s, i] = m(), { pdf: r, pages: d, loading: p, loadingProgress: f, error: a } = F(o, c, {
+  const [o, n] = m(e), [s, i] = m(), { pdf: r, pages: d, loading: p, loadingProgress: f, error: a } = M(o, c, {
     onLoadError: P,
-    onLoaded: g
-  }), l = M(o, r, s);
-  v(() => {
+    onLoaded: g,
+    onLoadProgress: x
+  }), l = j(o, r, s);
+  S(() => {
     i(e == null ? void 0 : e.split("/").pop()), n(e);
   }, [e]);
-  const x = S(() => ({
+  const C = D(() => ({
     pdf: r,
     pages: d,
     pdfSrc: o,
@@ -39,13 +41,13 @@ const u = h({
     loaderProgress: f,
     error: a
   }), [r, d, o, l, p, f, a]);
-  return /* @__PURE__ */ C(u.Provider, { value: x, children: o ? t : null });
-}, q = () => {
-  const t = D(u);
-  return t.pdfSrc || j.error("Please use this hooks inside children component of RPDocument"), t;
+  return /* @__PURE__ */ h(u.Provider, { value: C, children: o ? t : null });
+}, y = () => {
+  const t = F(u);
+  return t.pdfSrc || k.error("Please use this hooks inside children component of RPDocument"), t;
 };
 export {
-  b as DocumentProvider,
+  q as DocumentProvider,
   u as default,
-  q as useDocumentContext
+  y as useDocumentContext
 };

package/dist/contexts/RenderQueueProvider.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../utils/Queue.js";
 import "../utils/renderPage.js";
-import { B as m, f as p, C as d } from "../ToolbarLayout.module-e774f3e1.js";
+import { B as m, f as p, C as d } from "../ToolbarLayout.module-e03c451b.js";
 export {
   m as RenderQueueContext,
   p as RenderQueueProvider,

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { A as a, e as s, d as c } from "../ToolbarLayout.module-e774f3e1.js";
+import { A as a, e as s, d as c } from "../ToolbarLayout.module-e03c451b.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/ThumbnailsContext.js

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