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

package/dist/utils/hooks/useLocalization.js

@@ -1,25 +1,25 @@
-import { useState as a, useMemo as m } from "react";
-import { e as s, t as p, z as u, i as _, p as L } from "../../th_TH-d627cd51.js";
-const f = (e) => {
+import { useState as a, useCallback as z, useMemo as m } from "react";
+import { e as s, t as p, z as _, i as L, p as T } from "../../th_TH-d627cd51.js";
+const h = (e) => {
   const [o, c] = a(e), [t, i] = a({
     en_US: s,
     th_TH: p,
-    zh_CN: u,
-    it_IT: _,
-    pt_PT: L
-  }), n = (r) => {
-    i((z) => ({
-      ...z,
+    zh_CN: _,
+    it_IT: L,
+    pt_PT: T
+  }), l = z((r) => {
+    i((u) => ({
+      ...u,
       ...r
     }));
-  }, l = m(() => t[o] || s, [o, t]);
+  }, []), n = m(() => t[o] || s, [o, t]);
   return {
     locale: o,
     setLocale: c,
-    localeMessages: l,
-    addLocalization: n
+    localeMessages: n,
+    addLocalization: l
   };
 };
 export {
-  f as useLocalization
+  h as useLocalization
 };

package/dist/utils/hooks/usePageRotateContext.js

@@ -1,26 +1,42 @@
-import { useMemo as c, useCallback as u } from "react";
-import { usePagesRotateContext as f } from "../../contexts/PagesRotateContext.js";
-import { useLicenseContext as m } from "../../contexts/LicenseContext.js";
-import { LicenseType as p } from "../types.js";
+import { useMemo as a, useCallback as l } from "react";
+import { usePagesRotateContext as c } from "../../contexts/PagesRotateContext.js";
+import { useLicenseContext as u } from "../../contexts/LicenseContext.js";
+import { LicenseType as f } from "../types.js";
 import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as R } from "../const.js";
-const y = () => {
-  const { setSinglePageRotate: n } = f(), { type: r, validating: s } = m(), a = c(() => r !== p.Developer, [r]), i = u(
-    (l, e) => {
-      n((t) => {
-        const o = typeof e == "function" ? e(t[l] || 0) : e;
-        return o % 90 !== 0 ? (console.warn("rotationDegree must be a multiple of 90 got", o), t) : {
-          ...t,
-          [l]: o
+import "react/jsx-runtime";
+import "../../contexts/RPDocumentContext.js";
+import "./useLoadPdf.js";
+import "pdfjs-dist";
+import "../getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import "../appConsole.js";
+import "./usePdfProperties.js";
+import "../convertPdfDate.js";
+import "../formatFileSize.js";
+import "../../th_TH-d627cd51.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/EventCallbackContext.js";
+import "./useLicense.js";
+const U = () => {
+  const { setSinglePageRotate: r } = c(), { type: i, validating: n } = u(), m = a(() => i !== f.Developer, [i]), p = l(
+    (s, t) => {
+      r((o) => {
+        const e = typeof t == "function" ? t(o[s] || 0) : t;
+        return e % 90 !== 0 ? (console.warn("rotationDegree must be a multiple of 90 got", e), o) : {
+          ...o,
+          [s]: e
         };
       });
     },
-    [n]
+    [r]
   );
-  return { rotate: c(() => s !== !1 ? () => {
-  } : a ? i : () => {
+  return { rotate: a(() => n !== !1 ? () => {
+  } : m ? p : () => {
     console.error(R);
-  }, [s, a, i]) };
+  }, [n, m, p]) };
 };
 export {
-  y as usePageRotateContext
+  U as usePageRotateContext
 };

package/dist/utils/hooks/usePaginate.js

@@ -1,60 +1,37 @@
 import "react";
 import "../types.js";
-import { s as mo } from "../../ToolbarLayout.module-c588d36b.js";
+import { b as I } from "../../PaginationContext-9217cab4.js";
+import "../../contexts/ViewModeContext.js";
+import "../../contexts/ScrollModeContext.js";
+import "./useDebounce.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../th_TH-d627cd51.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
+import "./useLoadPdf.js";
+import "pdfjs-dist";
+import "../getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
+import "../appConsole.js";
+import "./usePdfProperties.js";
+import "../convertPdfDate.js";
+import "../formatFileSize.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/EventCallbackContext.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/LocalizationContext.js";
-import "../../contexts/HighlightContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../contexts/DownloadContext.js";
+import "../smoothScrollTo.js";
 import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/ElementPageContext.js";
+import "../getScrollDistance.js";
+import "../calculatePage.js";
+import "../../contexts/ZoomContext.js";
+import "../constants.js";
+import "../getZoomLevel.js";
+import "../../contexts/RotationContext.js";
 import "../../contexts/PagesRotateContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/LoaderContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../../components/RPConfig.js";
-import "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../LayoutWrapper-a871c161.js";
-import "../../contexts/ThemeContext.js";
-import "../../components/RPDropFileZone.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-cbf182aa.js";
-import "../../components/ui/Input.js";
-import "../../components/ui/Checkbox.js";
-import "../../components/icons/LoaderIcon.js";
-import "../../contexts/IconContext.js";
-import "../../components/ui/RPTooltip.js";
-import "../../components/ui/DropDown.js";
-import "../../ZoomTool.module-6c5eabbb.js";
-import "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-03987eba.js";
-import "./useDebounce.js";
 export {
-  mo as usePaginate
+  I as usePaginate
 };

package/dist/utils/hooks/usePinch.js

@@ -1,79 +1,100 @@
-import { useState as L, useRef as T, useCallback as r, useEffect as u } from "react";
+import { useState as E, useRef as T, useCallback as c, useEffect as i } from "react";
 import { useDebounce as g } from "./useDebounce.js";
 import { useZoomContext as A } from "../../contexts/ZoomContext.js";
-const I = (n) => {
-  const { currentZoom: p, setZoomLevel: w } = A(), [D, d] = L(0), a = g(D, 100), [o, b] = L(!1), c = T(null), i = r((e) => {
-    d(e ? (t) => t + 3 : (t) => t - 3);
-  }, []), f = r(
+import "react/jsx-runtime";
+import "../types.js";
+import "../../th_TH-d627cd51.js";
+import "../appConsole.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/RPDocumentContext.js";
+import "./useLoadPdf.js";
+import "pdfjs-dist";
+import "../getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import "./usePdfProperties.js";
+import "../convertPdfDate.js";
+import "../formatFileSize.js";
+import "../constants.js";
+import "../getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ViewModeContext.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+const V = (o) => {
+  const { currentZoom: L, setZoomLevel: w } = A(), [D, m] = E(0), d = g(D, 100), [s, b] = E(!1), r = T(null), u = c((e) => {
+    m(e ? (t) => t + 3 : (t) => t - 3);
+  }, []), a = c(
     (e) => {
       if (!e.ctrlKey)
         return;
       e.preventDefault();
       const t = e.deltaY < 0;
-      i(t);
+      u(t);
     },
-    [i]
+    [u]
   );
-  u(() => {
-    if (a) {
-      const e = Math.round(p * 100 + a);
-      d(0), w(e > 25 ? e : 25);
+  i(() => {
+    if (d) {
+      const e = Math.round(L * 100 + d);
+      m(0), w(e > 25 ? e : 25);
     }
-  }, [a]);
-  const E = (e, t) => {
-    const s = e.clientX - t.clientX, l = e.clientY - t.clientY;
-    return Math.sqrt(s * s + l * l);
-  }, h = r(
+  }, [d]);
+  const p = (e, t) => {
+    const n = e.clientX - t.clientX, l = e.clientY - t.clientY;
+    return Math.sqrt(n * n + l * l);
+  }, f = c(
     (e) => {
-      if (!o || e.touches.length !== 2)
+      if (!s || e.touches.length !== 2)
         return;
-      const t = E(e.touches[0], e.touches[1]);
-      c.current = t, e.preventDefault();
+      const t = p(e.touches[0], e.touches[1]);
+      r.current = t, e.preventDefault();
     },
-    [o]
-  ), v = r(() => {
-    c.current = null;
-  }, []), m = r(
+    [s]
+  ), h = c(() => {
+    r.current = null;
+  }, []), v = c(
     (e) => {
-      if (!o || e.touches.length !== 2 || c.current === null)
+      if (!s || e.touches.length !== 2 || r.current === null)
         return;
-      const t = E(e.touches[0], e.touches[1]), s = t - c.current, l = Math.abs(s) > 5, S = s > 0;
-      l && (i(S), c.current = t, e.preventDefault());
+      const t = p(e.touches[0], e.touches[1]), n = t - r.current, l = Math.abs(n) > 5, S = n > 0;
+      l && (u(S), r.current = t, e.preventDefault());
     },
-    [i, o]
+    [u, s]
   ), y = () => {
     document.activeElement instanceof HTMLElement && document.activeElement.blur();
   };
-  u(() => {
-    if (o) {
+  i(() => {
+    if (s) {
       document.body.style.touchAction = "pan-x pan-y";
       return;
     }
     document.body.style.touchAction = "";
-  }, [o]), u(() => {
+  }, [s]), i(() => {
     const e = () => {
-      const t = document.activeElement, s = !!(t != null && t.closest('[data-rp="container"]'));
-      b(s);
+      const t = document.activeElement, n = !!(t != null && t.closest('[data-rp="container"]'));
+      b(n);
     };
     return window.addEventListener("focusin", e), window.addEventListener("focusout", e), e(), () => {
       window.removeEventListener("focusin", e), window.removeEventListener("focusout", e);
     };
-  }, []), u(() => {
-    if (!n)
+  }, []), i(() => {
+    if (!o)
       return;
     const e = (t) => {
-      n.contains(t.target) || y();
+      o.contains(t.target) || y();
     };
     return document.addEventListener("scroll", e), () => {
       document.removeEventListener("scroll", e);
     };
-  }, [n]), u(() => {
-    if (n)
-      return n.addEventListener("wheel", f, { passive: !1 }), n.addEventListener("touchstart", h, { passive: !1 }), n.addEventListener("touchmove", m, { passive: !1 }), n.addEventListener("touchend", v, { passive: !1 }), () => {
-        n.removeEventListener("wheel", f), n.removeEventListener("touchstart", h), n.removeEventListener("touchmove", m), n.removeEventListener("touchend", v);
+  }, [o]), i(() => {
+    if (o)
+      return o.addEventListener("wheel", a, { passive: !1 }), o.addEventListener("touchstart", f, { passive: !1 }), o.addEventListener("touchmove", v, { passive: !1 }), o.addEventListener("touchend", h, { passive: !1 }), () => {
+        o.removeEventListener("wheel", a), o.removeEventListener("touchstart", f), o.removeEventListener("touchmove", v), o.removeEventListener("touchend", h);
       };
-  }, [n, f, h, m, v]);
+  }, [o, a, f, v, h]);
 };
 export {
-  I as usePinch
+  V as usePinch
 };

package/dist/utils/hooks/usePresentPage.js

@@ -1,60 +1,90 @@
-import "react";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../calculatePage.js";
+import { useRef as E, useState as F, useMemo as N, useEffect as b, useCallback as R } from "react";
+import { useLayoutContainer as v } from "../../contexts/LayoutContainerContext.js";
+import { useDimensionPagesContext as C } from "../../contexts/DimensionPagesContext.js";
+import { getGridDimension as D, getPositionFromPage as q } from "../calculatePage.js";
+import { u as A } from "../../PaginationContext-9217cab4.js";
+import { useDebounce as H } from "./useDebounce.js";
+import { useSmoothScrollContext as M } from "../../contexts/SmoothScrollContext.js";
 import "react/jsx-runtime";
+import "../appConsole.js";
 import "../../contexts/RPDocumentContext.js";
+import "./useLoadPdf.js";
+import "pdfjs-dist";
+import "../types.js";
+import "../../th_TH-d627cd51.js";
+import "../getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { N as pr } from "../../ToolbarLayout.module-c588d36b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
+import "./usePdfProperties.js";
+import "../convertPdfDate.js";
+import "../formatFileSize.js";
 import "../../contexts/ZoomContext.js";
+import "../../contexts/InitialStateContext.js";
+import "../constants.js";
+import "../getZoomLevel.js";
 import "../../contexts/ViewModeContext.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../contexts/PagesRotateContext.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/LocalizationContext.js";
-import "../../contexts/HighlightContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../contexts/DownloadContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/ElementPageContext.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/LoaderContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../../components/RPConfig.js";
-import "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../LayoutWrapper-a871c161.js";
-import "../../contexts/ThemeContext.js";
-import "../../components/RPDropFileZone.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-cbf182aa.js";
-import "../../components/ui/Input.js";
-import "../../components/ui/Checkbox.js";
-import "../../components/icons/LoaderIcon.js";
-import "../../contexts/IconContext.js";
-import "../../components/ui/RPTooltip.js";
-import "../../components/ui/DropDown.js";
-import "../../ZoomTool.module-6c5eabbb.js";
-import "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-03987eba.js";
-import "./useDebounce.js";
+import "../smoothScrollTo.js";
+import "../getScrollDistance.js";
+const Tt = (u, X, e) => {
+  const f = E(), { contentRef: Y } = v(), { heights: P, widths: h } = C(), { setFocusedPage: w } = A(), [I, S] = F([]), { targetScrollPage: l } = M(), i = H(I, 0, 500), W = N(() => {
+    const { rowsHeight: p, columnsWidth: r } = D({ heights: P, widths: h }, u);
+    return P.map((o, c) => {
+      const t = h[c], n = q(c + 1, u), s = r.slice(0, n.columnIndex).reduce((a, d) => a + d, 0), m = p.slice(0, n.rowIndex).reduce((a, d) => a + d, 0), g = s + t, T = m + o;
+      return {
+        pageNumber: c + 1,
+        ...n,
+        width: t,
+        height: o,
+        startX: s,
+        startY: m,
+        endX: g,
+        endY: T
+      };
+    });
+  }, [P, h, u, X]);
+  b(() => {
+    var r;
+    i.length > 0 && !l.current && w(i[0].pageNumber), ((r = i[0]) == null ? void 0 : r.ratio) && i.some((o) => o.pageNumber === l.current) && setTimeout(() => {
+      l.current = void 0;
+    }, 500);
+  }, [i, w]);
+  const L = R(
+    (p) => {
+      f.current && cancelAnimationFrame(f.current), f.current = requestAnimationFrame(() => {
+        const r = p.target, o = {
+          startTop: r.scrollTop,
+          startLeft: r.scrollLeft,
+          endTop: r.scrollTop + r.clientHeight,
+          endLeft: r.scrollLeft + r.clientWidth
+        }, c = W.filter((t) => {
+          const n = t.endX >= o.startLeft && t.endY >= o.startTop, s = t.startX <= o.endLeft && t.startY <= o.endTop;
+          return n && s;
+        }).map((t) => {
+          const n = o.startLeft > t.startX ? o.startLeft : t.startX, s = o.startTop > t.startY ? o.startTop : t.startY, m = o.endLeft < t.endX ? o.endLeft : t.endX, g = o.endTop < t.endY ? o.endTop : t.endY, T = m - n, a = g - s, x = +(T * a / (t.width * t.height) * 100).toFixed(2);
+          return {
+            pageNumber: t.pageNumber,
+            ratio: x
+          };
+        }).sort((t, n) => n.ratio - t.ratio);
+        S(c);
+      });
+    },
+    [Y, W]
+  );
+  b(() => {
+    if (e)
+      return e == null || e.addEventListener("scroll", L), () => {
+        e == null || e.removeEventListener("scroll", L);
+      };
+  }, [e, L]);
+};
 export {
-  pr as usePresentPage
+  Tt as usePresentPage
 };