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

package/dist/contexts/DimensionPagesContext.js

@@ -5,6 +5,24 @@ import { useDocumentContext as l } from "./RPDocumentContext.js";
 import { useZoomContext as y } from "./ZoomContext.js";
 import { PAGE_PADDING as f } from "../utils/constants.js";
 import { usePagesRotateContext as D } from "./PagesRotateContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "./InitialStateContext.js";
+import "../utils/getZoomLevel.js";
+import "./LayoutContainerContext.js";
+import "./ViewModeContext.js";
+import "./RotationContext.js";
+import "./GlobalCurrentPage.js";
+import "./EventCallbackContext.js";
+import "../utils/hooks/useDebounce.js";
 const g = x({
   widths: [],
   heights: [],
@@ -12,31 +30,31 @@ const g = x({
   },
   setHeights: () => {
   }
-}), E = () => {
-  const o = v(g), { widths: s, heights: e } = o;
-  if (s && e) {
-    const n = s.every((t) => typeof t == "number"), r = e.every((t) => typeof t == "number");
-    (!n || !r) && C.warn("Please use this hooks inside children component of RPProvider");
+}), T = () => {
+  const e = v(g), { widths: r, heights: o } = e;
+  if (r && o) {
+    const m = r.every((t) => typeof t == "number"), i = o.every((t) => typeof t == "number");
+    (!m || !i) && C.warn("Please use this hooks inside children component of RPProvider");
   }
-  return o;
-}, G = ({ children: o }) => {
-  const [s, e] = u([]), [n, r] = u([]), { pages: t } = l(), { currentZoom: m } = y(), { pageRotate: h } = D();
+  return e;
+}, U = ({ children: e }) => {
+  const [r, o] = u([]), [m, i] = u([]), { pages: t } = l(), { currentZoom: n } = y(), { pageRotate: p } = D();
   return w(() => {
     if (!t)
       return;
-    const c = [], a = [];
-    for (const i of Array.from(t.values())) {
-      const d = h[i.page.pageNumber], p = i.page.getViewport({
-        scale: m,
+    const h = [], c = [];
+    for (const s of Array.from(t.values())) {
+      const d = p[s.page.pageNumber], a = s.page.getViewport({
+        scale: n,
         rotation: d,
         dontFlip: !0
       });
-      c.push(p.width + f), a.push(p.height + f);
+      h.push(a.width + f), c.push(a.height + f);
     }
-    e((i) => [...c]), r((i) => [...a]);
-  }, [m, h, t]), /* @__PURE__ */ P(g.Provider, { value: { widths: s, heights: n, setWidths: e, setHeights: r }, children: o });
+    o((s) => [...h]), i((s) => [...c]);
+  }, [n, p, t]), /* @__PURE__ */ P(g.Provider, { value: { widths: r, heights: m, setWidths: o, setHeights: i }, children: e });
 };
 export {
-  G as DimensionPagesProvider,
-  E as useDimensionPagesContext
+  U as DimensionPagesProvider,
+  T as useDimensionPagesContext
 };

package/dist/contexts/DropFileZoneContext.js

@@ -4,7 +4,17 @@ import { useDocumentContext as h } from "./RPDocumentContext.js";
 import { useToolbarComponentContext as T } from "./ToolbarComponentContext.js";
 import { useDocumentPasswordContext as v } from "./DocumentPasswordContext.js";
 import { useToolComponentContext as L } from "./ToolComponentContext.js";
-const i = x({
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/appConsole.js";
+const l = x({
   dragging: !1,
   handleDragLeave: () => {
   },
@@ -12,41 +22,41 @@ const i = x({
   },
   handleDrop: () => {
   }
-}), R = () => P(i), S = ({ children: c }) => {
-  const [f, t] = F(!1), { setFilename: n, setPdfSrc: a } = h(), { openFileTool: s } = T(), { openFileTool: l } = L(), { setPassword: u } = v(), m = r(
-    (e) => {
-      var p;
-      e.preventDefault(), e.stopPropagation(), t(!1);
-      const o = (p = e.dataTransfer) == null ? void 0 : p.files[0];
-      if (!o || o.type !== "application/pdf")
+}), H = () => P(l), I = ({ children: m }) => {
+  const [c, e] = F(!1), { setFilename: n, setPdfSrc: a } = h(), { openFileTool: p } = T(), { openFileTool: s } = L(), { setPassword: f } = v(), u = r(
+    (o) => {
+      var i;
+      o.preventDefault(), o.stopPropagation(), e(!1);
+      const t = (i = o.dataTransfer) == null ? void 0 : i.files[0];
+      if (!t || t.type !== "application/pdf")
         return;
-      const D = URL.createObjectURL(o);
-      n(o.name), a(D), u("");
+      const D = URL.createObjectURL(t);
+      n(t.name), a(D), f("");
     },
     [n, a]
   ), d = r(
-    (e) => {
-      e.preventDefault(), e.stopPropagation(), !(!s || !l) && t(!0);
+    (o) => {
+      o.preventDefault(), o.stopPropagation(), !(!p || !s) && e(!0);
     },
-    [s, l]
-  ), g = r((e) => {
-    e.preventDefault(), e.stopPropagation(), t(!1);
+    [p, s]
+  ), g = r((o) => {
+    o.preventDefault(), o.stopPropagation(), e(!1);
   }, []);
   return /* @__PURE__ */ C(
-    i.Provider,
+    l.Provider,
     {
       value: {
-        dragging: f,
+        dragging: c,
         handleDragLeave: g,
         handleDragEnter: d,
-        handleDrop: m
+        handleDrop: u
       },
-      children: c
+      children: m
     }
   );
 };
 export {
-  i as DropFileZoneContext,
-  S as DropFileZoneProvider,
-  R as useDropFileZoneContext
+  l as DropFileZoneContext,
+  I as DropFileZoneProvider,
+  H as useDropFileZoneContext
 };

package/dist/contexts/ElementPageContext.js

@@ -1,76 +1,139 @@
-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 z } from "react/jsx-runtime";
+import { createContext as H, useState as N, useCallback as d, useContext as U, useRef as W, 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";
+import "../th_TH-d627cd51.js";
+import "../utils/appConsole.js";
+import "./RPDocumentContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/constants.js";
+import "./RotationContext.js";
+import "./InitialStateContext.js";
+import "./EventCallbackContext.js";
+import "../utils/hooks/useLicense.js";
+import "../utils/getZoomLevel.js";
+import "./GlobalCurrentPage.js";
+import "../utils/hooks/useDebounce.js";
+const S = H(void 0), Ve = ({ children: l }) => {
+  const [s, m] = N({}), { widths: t, heights: r } = J(), { pagesRef: c } = Y(), { scrollMode: C } = $(), { pageRotate: u } = K(), { currentZoom: a } = X(), { columnCount: R } = te(), { pageScrollElementRef: I, virtualScrollableElementRef: T } = oe(), M = d(
+    (e, i, o = { behavior: "smooth" }) => {
+      var v;
+      const n = T || I;
+      if (!c || !n)
+        return;
+      const L = (v = s[e]) == null ? void 0 : v[i];
+      if (!L)
+        return;
+      let p = 0, P = 0;
+      if (C === g.VERTICAL_SCROLLING) {
+        const f = e - 1, E = R, j = f % E, k = Math.floor(f / E);
+        p = w(r, k), P = w(t, j);
+      }
+      C === g.HORIZONTAL_SCROLLING && (P = t.slice(0, e - 1).reduce((f, E) => f + E, 0));
+      const _ = {
+        height: r[e - 1],
+        width: t[e - 1]
+      }, D = u[e], { left: G, top: Z } = ee(
+        _,
+        c,
+        L,
+        D,
+        a
+      ), V = P + G, b = p + Z, F = {
+        left: Math.max(V, 0),
+        top: Math.max(b, 0)
+      };
+      n.scrollTo({
+        ...F,
+        behavior: o.behavior
+      });
+    },
+    [s, r, t, c, u, a, C]
+  ), A = d(
+    (e, i) => {
+      m((o) => {
+        const n = { width: t[e - 1], height: r[e - 1] };
         return {
-          ...n,
-          [e]: r(
-            n[e],
-            s,
-            m[e],
-            f * 100
+          ...o,
+          [e]: i(
+            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 = d((e) => {
+    m((i) => {
+      const o = { ...i };
+      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 = d((e, i) => {
+    m((o) => {
+      const n = { ...o };
+      return n[e] = n[e].filter((L, p) => p !== i), n;
     });
   }, []);
-  return /* @__PURE__ */ w(
-    d.Provider,
+  return /* @__PURE__ */ z(
+    S.Provider,
     {
-      value: { updateElement: x, clearElements: p, removeElement: C, elementList: i },
-      children: c
+      value: { updateElement: A, clearElements: O, removeElement: y, elementList: s, scrollToElement: M },
+      children: l
     }
   );
-}, a = () => {
-}, W = () => {
-  const c = h(d), { type: i, validating: o } = T(), t = g(0), l = A(() => {
-    if (o !== !1)
+}, h = () => {
+}, be = () => {
+  const l = U(S), { type: s, validating: m } = Q(), t = W(0), r = q(() => {
+    if (m !== !1)
       return {
-        updateElement: a,
-        clearElements: a,
-        removeElement: a,
-        elementList: {}
+        updateElement: h,
+        clearElements: h,
+        removeElement: h,
+        elementList: {},
+        scrollToElement: h
       };
-    if (!(i !== R.Developer))
+    if (!(s !== 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)
+  }, [s, m]);
+  if (!l)
     throw new Error("useElementPageContext must be used within a ElementPageProvider");
-  return l || c;
+  return r || l;
 };
 export {
-  d as ElementPageContext,
-  U as ElementPageProvider,
-  W as useElementPageContext
+  S as ElementPageContext,
+  Ve as ElementPageProvider,
+  be 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/FileInputContext.js

@@ -1,39 +1,49 @@
-import { jsxs as m, jsx as x } from "react/jsx-runtime";
-import { createContext as C, useRef as c, useContext as F } from "react";
+import { jsxs as d, jsx as x } from "react/jsx-runtime";
+import { createContext as C, useRef as s, useContext as F } from "react";
 import { useDocumentContext as h } from "./RPDocumentContext.js";
 import { useDocumentPasswordContext as P } from "./DocumentPasswordContext.js";
-const l = C(null), g = ({ children: t }) => {
-  const { setFilename: u, setPdfSrc: p } = h(), r = c(), o = c(null), { setPassword: a } = P(), f = () => {
-    var e;
-    (e = o.current) == null || e.click();
-  }, d = (e) => {
-    var i;
-    const n = (i = e.target.files) == null ? void 0 : i[0];
-    if (!n || n.type !== "application/pdf")
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/appConsole.js";
+const c = C(null), S = ({ children: e }) => {
+  const { setFilename: l, setPdfSrc: u } = h(), o = s(), n = s(null), { setPassword: m } = P(), a = () => {
+    var t;
+    (t = n.current) == null || t.click();
+  }, f = (t) => {
+    var p;
+    const r = (p = t.target.files) == null ? void 0 : p[0];
+    if (!r || r.type !== "application/pdf")
       return;
-    const s = URL.createObjectURL(n);
-    r.current && URL.revokeObjectURL(r.current), r.current = s, u(n.name), p(s), e.target.value = "", a("");
+    const i = URL.createObjectURL(r);
+    o.current && URL.revokeObjectURL(o.current), o.current = i, l(r.name), u(i), t.target.value = "", m("");
   };
-  return /* @__PURE__ */ m(l.Provider, { value: { openFile: f }, children: [
-    t,
+  return /* @__PURE__ */ d(c.Provider, { value: { openFile: a }, children: [
+    e,
     /* @__PURE__ */ x(
       "input",
       {
         accept: "application/pdf",
         type: "file",
-        ref: o,
+        ref: n,
         style: { display: "none" },
-        onChange: d
+        onChange: f
       }
     )
   ] });
-}, j = () => {
-  const t = F(l);
-  if (!t)
+}, q = () => {
+  const e = F(c);
+  if (!e)
     throw new Error("useOpenFileContext must be used within FileInputProvider");
-  return t;
+  return e;
 };
 export {
-  g as FileInputProvider,
-  j as useOpenFileContext
+  S as FileInputProvider,
+  q as useOpenFileContext
 };

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/HighlightContext.js

@@ -1,18 +1,31 @@
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as s, useContext as c } from "react";
-import { useDocumentContext as l } from "./RPDocumentContext.js";
-import { useHighlight as u } from "../utils/hooks/useHighlight.js";
-const o = s(void 0), p = ({ children: t }) => {
-  const { pdf: i } = l(), { highlight: e, highlightMatches: r, highlightKeywords: h, clear: g } = u(i);
-  return /* @__PURE__ */ n(o.Provider, { value: { highlight: e, highlightMatches: r, highlightKeywords: h, clear: g }, children: t });
-}, C = () => {
-  const t = c(o);
+import { jsx as p } from "react/jsx-runtime";
+import { createContext as g, useContext as n } from "react";
+import { useDocumentContext as s } from "./RPDocumentContext.js";
+import { useHighlight as c } from "../utils/hooks/useHighlight.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/appConsole.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/highlight.js";
+import "../utils/charators.js";
+const o = g(void 0), M = ({ children: t }) => {
+  const { pdf: i } = s(), { highlight: r, highlightMatches: e, highlightKeywords: h, clear: m } = c(i);
+  return /* @__PURE__ */ p(o.Provider, { value: { highlight: r, highlightMatches: e, highlightKeywords: h, clear: m }, children: t });
+}, k = () => {
+  const t = n(o);
   if (!t)
     throw new Error("useHighlightContext must be used within a HighlightProvider");
   return t;
 };
 export {
   o as HighlightContext,
-  p as HighlightProvider,
-  C as useHighlightContext
+  M as HighlightProvider,
+  k as useHighlightContext
 };

package/dist/contexts/LicenseContext.js

@@ -1,6 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { createContext as s, useContext as i } from "react";
 import { useLicense as c } from "../utils/hooks/useLicense.js";
+import "../utils/appConsole.js";
 const e = s({ isValid: !1 }), a = () => i(e), f = ({
   children: t,
   licenseKey: o

package/dist/contexts/LoaderContext.js

@@ -1,13 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
-import { createContext as d, useContext as i } from "react";
-import { appConsole as m } from "../utils/appConsole.js";
+import { createContext as i, useContext as m } from "react";
+import { appConsole as d } from "../utils/appConsole.js";
 import { LoaderIcon as s } from "../components/icons/LoaderIcon.js";
-const t = d({
+import "../clsx-0c6e471a.js";
+const t = i({
   LoaderImageComponent: void 0
-}), u = () => {
-  const o = i(t);
-  return typeof o.LoaderImageComponent > "u" && m.error("Please use this hooks inside children component of RPProvider"), o;
-}, C = ({ children: o, loaderImage: e }) => {
+}), C = () => {
+  const o = m(t);
+  return typeof o.LoaderImageComponent > "u" && d.error("Please use this hooks inside children component of RPProvider"), o;
+}, x = ({ children: o, loaderImage: e }) => {
   const n = () => e || /* @__PURE__ */ r(s, {});
   return /* @__PURE__ */ r(
     t.Provider,
@@ -21,6 +22,6 @@ const t = d({
 };
 export {
   t as LoaderContext,
-  C as LoaderProvider,
-  u as useLoaderContext
+  x as LoaderProvider,
+  C as useLoaderContext
 };

package/dist/contexts/LocalizationContext.js

@@ -1,13 +1,14 @@
 import { jsx as c } from "react/jsx-runtime";
-import { createContext as f, useContext as d, useEffect as s } from "react";
-import { appConsole as m } from "../utils/appConsole.js";
-import { useLocalization as p } from "../utils/hooks/useLocalization.js";
+import { createContext as f, useContext as m, useEffect as s } from "react";
+import { appConsole as p } from "../utils/appConsole.js";
+import { useLocalization as d } from "../utils/hooks/useLocalization.js";
+import "../th_TH-d627cd51.js";
 const r = f({
   localeMessages: {}
-}), C = () => {
-  const e = d(r);
-  return typeof e.localeMessages > "u" && m.error("Please use this hooks inside children component of RPProvider"), e;
-}, P = ({
+}), P = () => {
+  const e = m(r);
+  return typeof e.localeMessages > "u" && p.error("Please use this hooks inside children component of RPProvider"), e;
+}, v = ({
   children: e,
   locale: o = "en_US",
   localization: t
@@ -16,7 +17,7 @@ const r = f({
     setLocale: n,
     localeMessages: i,
     addLocalization: a
-  } = p(o);
+  } = d(o);
   return s(() => {
     o && n(o);
   }, [o]), s(() => {
@@ -33,6 +34,6 @@ const r = f({
 };
 export {
   r as LocalizationContext,
-  P as LocalizationProvider,
-  C as useLocalizationContext
+  v as LocalizationProvider,
+  P as useLocalizationContext
 };