@react-pdf-kit/viewer 2.0.0-beta.1 → 2.0.0-beta.11

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

@@ -1,142 +1,37 @@
 import "react";
 import "../types.js";
-import { v as Gr } from "../../ToolbarLayout.module-37619c4b.js";
-import "react/jsx-runtime";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
+import { b as I } from "../../PaginationContext-9217cab4.js";
 import "../../contexts/ViewModeContext.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/LayoutContainerContext.js";
-import "../../contexts/DimensionPagesContext.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 "../../contexts/EventCallbackContext.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-6224491f.js";
-import "../../contexts/ThemeContext.js";
-import "../../components/RPDropFileZone.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-08d57275.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 "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.js";
 import "./useDebounce.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LayoutContainerContext.js";
 import "../../th_TH-d627cd51.js";
-import "../../components/icons/ChevronUpIcon.js";
-import "../highlight.js";
-import "../charators.js";
-import "../Queue.js";
-import "../renderPage.js";
-import "pdfjs-dist";
-import "../../components/icons/Thumbnail.js";
-import "../../clsx-0c6e471a.js";
-import "../withRef.js";
-import "./useInfiniteScroll.js";
-import "../constants.js";
-import "../link_service.js";
-import "../annotations.js";
-import "../sanitizeExternalUrl.js";
-import "../../components/page/searchHighlight.js";
-import "../const.js";
-import "../../components/page/CustomElement.js";
-import "../appConsole.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 "../appConsole.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
-import "../getZoomLevel.js";
-import "./useLicense.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../contexts/VirtualScrollContext.js";
+import "../../contexts/VirtualGridContext.js";
+import "../smoothScrollTo.js";
+import "../../contexts/SmoothScrollContext.js";
 import "../getScrollDistance.js";
-import "../getElementPositionInPage.js";
 import "../calculatePage.js";
-import "./useMousePressed.js";
-import "./useGrabScroll.js";
-import "./usePinch.js";
-import "../../components/ui/PasswordModal.js";
-import "./useLocalization.js";
-import "../approximateFragtion.js";
-import "../getWordPositionInPage.js";
-import "../smoothScrollTo.js";
-import "../../components/layout/toolbar/FileUploadTool.js";
-import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../index-808ea7bf.js";
-import "../../components/layout/toolbar/DarkModeTool.js";
-import "../../components/icons/MoonIcon.js";
-import "../../components/icons/SunIcon.js";
-import "./useDarkMode.js";
-import "../../components/icons/ThreeDotIcon.js";
-import "../../components/icons/CloseIcon.js";
-import "../../components/layout/toolbar/DocumentProperties.js";
-import "../../components/icons/InfoIcon.js";
-import "../../components/layout/toolbar/RotateTool.js";
-import "../../components/icons/ClockwiseIcon.js";
-import "./useRotate.js";
-import "../../components/layout/toolbar/ViewModeTool.js";
-import "../../components/icons/SinglePageIcon.js";
-import "../../components/icons/DualPageIcon.js";
-import "../../components/icons/CheckIcon.js";
-import "../../components/layout/toolbar/ScrollModeTool.js";
-import "../../components/icons/PageScrollingIcon.js";
-import "../../components/icons/VerticalScrollingIcon.js";
-import "../../components/icons/HorizontalScrollingIcon.js";
-import "../../components/icons/FileDownloadDefaultIcon.js";
-import "../../components/icons/PrintDefaultIcon.js";
-import "../../components/layout/toolbar/FullScreenTool.js";
-import "../../components/icons/FullScreenIcon.js";
-import "./useFullScreen.js";
-import "../../components/icons/GoToDownIcon.js";
-import "../../components/layout/toolbar/SelectionModeTool.js";
-import "../../components/icons/TextSelectionDefaultIcon.js";
-import "../../components/icons/HandModeDefaultIcon.js";
-import "../../components/icons/ZoomInIcon.js";
-import "../../components/icons/ZoomOutIcon.js";
-import "../zoom.js";
-import "../../components/icons/SearchIcon.js";
-import "../../components/icons/ClearIcon.js";
-import "./useHighlight.js";
-import "../../components/RPTheme.js";
-import "./useLoadWorker.js";
-import "../../components/icons/LightPdfIcon.js";
-import "../../components/icons/DarkPdfIcon.js";
+import "../../contexts/ZoomContext.js";
+import "../constants.js";
+import "../getZoomLevel.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/PagesRotateContext.js";
 export {
-  Gr as usePaginate
+  I as usePaginate
 };

package/dist/utils/hooks/usePresentPage.js

@@ -1,142 +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 "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { Q as Fo } from "../../ToolbarLayout.module-37619c4b.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 "../../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 "../../contexts/EventCallbackContext.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-6224491f.js";
-import "../../contexts/ThemeContext.js";
-import "../../components/RPDropFileZone.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-08d57275.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 "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.js";
-import "./useDebounce.js";
 import "../appConsole.js";
-import "../constants.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 "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
+import "../../contexts/ZoomContext.js";
+import "../../contexts/InitialStateContext.js";
+import "../constants.js";
 import "../getZoomLevel.js";
-import "../../components/icons/ChevronUpIcon.js";
-import "../highlight.js";
-import "../charators.js";
-import "../Queue.js";
-import "../renderPage.js";
-import "../../components/icons/Thumbnail.js";
-import "../../clsx-0c6e471a.js";
-import "../withRef.js";
-import "./useInfiniteScroll.js";
-import "../link_service.js";
-import "../annotations.js";
-import "../sanitizeExternalUrl.js";
-import "../../components/page/searchHighlight.js";
-import "../const.js";
-import "../../components/page/CustomElement.js";
-import "./useLicense.js";
-import "../getScrollDistance.js";
-import "../getElementPositionInPage.js";
-import "./useMousePressed.js";
-import "./useGrabScroll.js";
-import "./usePinch.js";
-import "../../components/ui/PasswordModal.js";
-import "./useLocalization.js";
-import "../approximateFragtion.js";
-import "../getWordPositionInPage.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 "../smoothScrollTo.js";
-import "../../components/layout/toolbar/FileUploadTool.js";
-import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../index-808ea7bf.js";
-import "../../components/layout/toolbar/DarkModeTool.js";
-import "../../components/icons/MoonIcon.js";
-import "../../components/icons/SunIcon.js";
-import "./useDarkMode.js";
-import "../../components/icons/ThreeDotIcon.js";
-import "../../components/icons/CloseIcon.js";
-import "../../components/layout/toolbar/DocumentProperties.js";
-import "../../components/icons/InfoIcon.js";
-import "../../components/layout/toolbar/RotateTool.js";
-import "../../components/icons/ClockwiseIcon.js";
-import "./useRotate.js";
-import "../../components/layout/toolbar/ViewModeTool.js";
-import "../../components/icons/SinglePageIcon.js";
-import "../../components/icons/DualPageIcon.js";
-import "../../components/icons/CheckIcon.js";
-import "../../components/layout/toolbar/ScrollModeTool.js";
-import "../../components/icons/PageScrollingIcon.js";
-import "../../components/icons/VerticalScrollingIcon.js";
-import "../../components/icons/HorizontalScrollingIcon.js";
-import "../../components/icons/FileDownloadDefaultIcon.js";
-import "../../components/icons/PrintDefaultIcon.js";
-import "../../components/layout/toolbar/FullScreenTool.js";
-import "../../components/icons/FullScreenIcon.js";
-import "./useFullScreen.js";
-import "../../components/icons/GoToDownIcon.js";
-import "../../components/layout/toolbar/SelectionModeTool.js";
-import "../../components/icons/TextSelectionDefaultIcon.js";
-import "../../components/icons/HandModeDefaultIcon.js";
-import "../../components/icons/ZoomInIcon.js";
-import "../../components/icons/ZoomOutIcon.js";
-import "../zoom.js";
-import "../../components/icons/SearchIcon.js";
-import "../../components/icons/ClearIcon.js";
-import "./useHighlight.js";
-import "../../components/RPTheme.js";
-import "./useLoadWorker.js";
-import "../../components/icons/LightPdfIcon.js";
-import "../../components/icons/DarkPdfIcon.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 {
-  Fo as usePresentPage
+  Tt as usePresentPage
 };