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

package/dist/contexts/ScrollModeContext.js

@@ -2,20 +2,21 @@ import { jsx as s } from "react/jsx-runtime";
 import { createContext as c, useContext as i, useState as d } from "react";
 import { appConsole as m } from "../utils/appConsole.js";
 import { ScrollMode as e } from "../utils/types.js";
-import { useInitialStateContext as S } from "./InitialStateContext.js";
+import { useInitialStateContext as p } from "./InitialStateContext.js";
+import "../th_TH-d627cd51.js";
 const t = c({
   scrollMode: e.VERTICAL_SCROLLING,
   setScrollMode: () => {
   }
-}), a = () => {
+}), x = () => {
   const o = i(t);
   return typeof o.scrollMode > "u" && m.error("Please use this hooks inside children component of RPProvider"), o;
-}, x = ({ children: o }) => {
-  const { initialScrollMode: r = e.VERTICAL_SCROLLING } = S(), [l, n] = d(r);
+}, L = ({ children: o }) => {
+  const { initialScrollMode: r = e.VERTICAL_SCROLLING } = p(), [l, n] = d(r);
   return /* @__PURE__ */ s(t.Provider, { value: { scrollMode: l, setScrollMode: n }, children: o });
 };
 export {
   t as ScrollModeContext,
-  x as ScrollModeProvider,
-  a as useScrollModeContext
+  L as ScrollModeProvider,
+  x as useScrollModeContext
 };

package/dist/contexts/SearchContext.js

@@ -1,8 +1,142 @@
 import "react/jsx-runtime";
 import "react";
-import { A as a, e as s, d as c } from "../ToolbarLayout.module-c588d36b.js";
+import { C as Do, l as Eo, d as Fo } from "../ToolbarLayout.module-3a77cc37.js";
+import "../components/icons/ChevronUpIcon.js";
+import "../components/ui/Button.js";
+import "../clsx-0c6e471a.js";
+import "../utils/withRef.js";
+import "../components/ui/Input.js";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
+import "./ScrollModeContext.js";
+import "../utils/appConsole.js";
+import "./InitialStateContext.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 "./DarkModeContext.js";
+import "../utils/hooks/useDarkMode.js";
+import "./RotationContext.js";
+import "./LayerContext.js";
+import "./ZoomContext.js";
+import "../utils/constants.js";
+import "../utils/getZoomLevel.js";
+import "./LayoutContainerContext.js";
+import "./ViewModeContext.js";
+import "./GlobalCurrentPage.js";
+import "./EventCallbackContext.js";
+import "../utils/hooks/useDebounce.js";
+import "./VirtualScrollContext.js";
+import "./VirtualGridContext.js";
+import "./SelectionModeContext.js";
+import "./FullScreenContext.js";
+import "../utils/hooks/useFullScreen.js";
+import "./FileInputContext.js";
+import "./DropFileZoneContext.js";
+import "./ToolbarComponentContext.js";
+import "./ToolComponentContext.js";
+import "../utils/highlight.js";
+import "../utils/charators.js";
+import "./DimensionPagesContext.js";
+import "./PagesRotateContext.js";
+import "./LocalizationContext.js";
+import "../utils/hooks/useLocalization.js";
+import "./HighlightContext.js";
+import "../utils/hooks/useHighlight.js";
+import "./LicenseContext.js";
+import "../utils/hooks/useLicense.js";
+import "./DownloadContext.js";
+import "./SmoothScrollContext.js";
+import "./ElementPageContext.js";
+import "../utils/const.js";
+import "../utils/getScrollDistance.js";
+import "../utils/getElementPositionInPage.js";
+import "../utils/Queue.js";
+import "../utils/renderPage.js";
+import "./LoaderContext.js";
+import "../components/icons/LoaderIcon.js";
+import "./IconToolContext.js";
+import "./OtherToolContext.js";
+import "./ThemeContext.js";
+import "../components/icons/Thumbnail.js";
+import "../components/layout/Container.js";
+import "./ViewportContext.js";
+import "../components/layout/sidebar/RPSplitter.js";
+import "../components/layout/WrapperLayout.js";
+import "../components/RPDropFileZone.js";
+import "../components/icons/LightPdfIcon.js";
+import "../components/icons/DarkPdfIcon.js";
+import "../LayoutWrapper-6224491f.js";
+import "../SearchCloseButton-08d57275.js";
+import "../components/ui/RPTooltip.js";
+import "../index-c9a2990a.js";
+import "react-dom";
+import "../index-808ea7bf.js";
+import "../components/icons/CloseIcon.js";
+import "../components/ui/Checkbox.js";
+import "../components/icons/CheckIcon.js";
+import "./IconContext.js";
+import "../components/ui/DropDown.js";
+import "../index-a48ec088.js";
+import "../components/layout/toolbar/MenuItem.js";
+import "../components/layout/toolbar/MenuSeparator.js";
+import "../utils/dateFormatter.js";
+import "../components/layout/toolbar/PropertyItem.js";
+import "../RotateTool.module-67946714.js";
+import "../utils/hooks/useInfiniteScroll.js";
+import "../utils/link_service.js";
+import "../utils/annotations.js";
+import "../utils/sanitizeExternalUrl.js";
+import "../components/page/searchHighlight.js";
+import "../components/page/CustomElement.js";
+import "../utils/calculatePage.js";
+import "../utils/hooks/useMousePressed.js";
+import "../utils/hooks/useGrabScroll.js";
+import "../utils/hooks/usePinch.js";
+import "../components/ui/PasswordModal.js";
+import "../utils/approximateFragtion.js";
+import "../utils/hooks/useCopyText.js";
+import "../utils/getWordPositionInPage.js";
+import "../utils/smoothScrollTo.js";
+import "../components/layout/toolbar/FileUploadTool.js";
+import "../components/icons/FileUploadDefaultIcon.js";
+import "../components/layout/toolbar/DarkModeTool.js";
+import "../components/icons/MoonIcon.js";
+import "../components/icons/SunIcon.js";
+import "../components/icons/ThreeDotIcon.js";
+import "../components/layout/toolbar/DocumentProperties.js";
+import "../components/icons/InfoIcon.js";
+import "../components/layout/toolbar/RotateTool.js";
+import "../components/icons/ClockwiseIcon.js";
+import "../utils/hooks/useRotate.js";
+import "../components/layout/toolbar/ViewModeTool.js";
+import "../components/icons/DualPageIcon.js";
+import "../components/icons/SinglePageIcon.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 "../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 "../utils/zoom.js";
+import "../components/icons/SearchIcon.js";
+import "../components/icons/ClearIcon.js";
 export {
-  a as SearchContext,
-  s as SearchProvider,
-  c as useSearchContext
+  Do as SearchContext,
+  Eo as SearchProvider,
+  Fo as useSearchContext
 };

package/dist/contexts/SelectionModeContext.js

@@ -2,14 +2,15 @@ import { jsx as s } from "react/jsx-runtime";
 import { createContext as c, useContext as d, useState as l } from "react";
 import { appConsole as m } from "../utils/appConsole.js";
 import { SelectionMode as o } from "../utils/types.js";
+import "../th_TH-d627cd51.js";
 const t = c({
   selectionMode: o.TEXT,
   setSelectionMode: () => {
   }
-}), x = () => {
+}), S = () => {
   const e = d(t);
   return typeof e.selectionMode > "u" && m.error("Please use this hooks inside children component of RPProvider"), e;
-}, S = ({
+}, a = ({
   children: e,
   initialSelectionMode: n = o.TEXT
 }) => {
@@ -18,6 +19,6 @@ const t = c({
 };
 export {
   t as SelectionModeContext,
-  S as SelectionModeProvider,
-  x as useSelectionModeContext
+  a as SelectionModeProvider,
+  S as useSelectionModeContext
 };

package/dist/contexts/ThumbnailsContext.js

@@ -1,8 +1,142 @@
 import "react/jsx-runtime";
 import "react";
-import { y as m, T as r, h as e } from "../ToolbarLayout.module-c588d36b.js";
+import { A as Dt, T as Et, e as Ft } from "../ToolbarLayout.module-3a77cc37.js";
+import "../components/icons/ChevronUpIcon.js";
+import "../components/ui/Button.js";
+import "../clsx-0c6e471a.js";
+import "../utils/withRef.js";
+import "../components/ui/Input.js";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
+import "./ScrollModeContext.js";
+import "../utils/appConsole.js";
+import "./InitialStateContext.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 "./DarkModeContext.js";
+import "../utils/hooks/useDarkMode.js";
+import "./RotationContext.js";
+import "./LayerContext.js";
+import "./ZoomContext.js";
+import "../utils/constants.js";
+import "../utils/getZoomLevel.js";
+import "./LayoutContainerContext.js";
+import "./ViewModeContext.js";
+import "./GlobalCurrentPage.js";
+import "./EventCallbackContext.js";
+import "../utils/hooks/useDebounce.js";
+import "./VirtualScrollContext.js";
+import "./VirtualGridContext.js";
+import "./SelectionModeContext.js";
+import "./FullScreenContext.js";
+import "../utils/hooks/useFullScreen.js";
+import "./FileInputContext.js";
+import "./DropFileZoneContext.js";
+import "./ToolbarComponentContext.js";
+import "./ToolComponentContext.js";
+import "../utils/highlight.js";
+import "../utils/charators.js";
+import "./DimensionPagesContext.js";
+import "./PagesRotateContext.js";
+import "./LocalizationContext.js";
+import "../utils/hooks/useLocalization.js";
+import "./HighlightContext.js";
+import "../utils/hooks/useHighlight.js";
+import "./LicenseContext.js";
+import "../utils/hooks/useLicense.js";
+import "./DownloadContext.js";
+import "./SmoothScrollContext.js";
+import "./ElementPageContext.js";
+import "../utils/const.js";
+import "../utils/getScrollDistance.js";
+import "../utils/getElementPositionInPage.js";
+import "../utils/Queue.js";
+import "../utils/renderPage.js";
+import "./LoaderContext.js";
+import "../components/icons/LoaderIcon.js";
+import "./IconToolContext.js";
+import "./OtherToolContext.js";
+import "./ThemeContext.js";
+import "../components/icons/Thumbnail.js";
+import "../components/layout/Container.js";
+import "./ViewportContext.js";
+import "../components/layout/sidebar/RPSplitter.js";
+import "../components/layout/WrapperLayout.js";
+import "../components/RPDropFileZone.js";
+import "../components/icons/LightPdfIcon.js";
+import "../components/icons/DarkPdfIcon.js";
+import "../LayoutWrapper-6224491f.js";
+import "../SearchCloseButton-08d57275.js";
+import "../components/ui/RPTooltip.js";
+import "../index-c9a2990a.js";
+import "react-dom";
+import "../index-808ea7bf.js";
+import "../components/icons/CloseIcon.js";
+import "../components/ui/Checkbox.js";
+import "../components/icons/CheckIcon.js";
+import "./IconContext.js";
+import "../components/ui/DropDown.js";
+import "../index-a48ec088.js";
+import "../components/layout/toolbar/MenuItem.js";
+import "../components/layout/toolbar/MenuSeparator.js";
+import "../utils/dateFormatter.js";
+import "../components/layout/toolbar/PropertyItem.js";
+import "../RotateTool.module-67946714.js";
+import "../utils/hooks/useInfiniteScroll.js";
+import "../utils/link_service.js";
+import "../utils/annotations.js";
+import "../utils/sanitizeExternalUrl.js";
+import "../components/page/searchHighlight.js";
+import "../components/page/CustomElement.js";
+import "../utils/calculatePage.js";
+import "../utils/hooks/useMousePressed.js";
+import "../utils/hooks/useGrabScroll.js";
+import "../utils/hooks/usePinch.js";
+import "../components/ui/PasswordModal.js";
+import "../utils/approximateFragtion.js";
+import "../utils/hooks/useCopyText.js";
+import "../utils/getWordPositionInPage.js";
+import "../utils/smoothScrollTo.js";
+import "../components/layout/toolbar/FileUploadTool.js";
+import "../components/icons/FileUploadDefaultIcon.js";
+import "../components/layout/toolbar/DarkModeTool.js";
+import "../components/icons/MoonIcon.js";
+import "../components/icons/SunIcon.js";
+import "../components/icons/ThreeDotIcon.js";
+import "../components/layout/toolbar/DocumentProperties.js";
+import "../components/icons/InfoIcon.js";
+import "../components/layout/toolbar/RotateTool.js";
+import "../components/icons/ClockwiseIcon.js";
+import "../utils/hooks/useRotate.js";
+import "../components/layout/toolbar/ViewModeTool.js";
+import "../components/icons/DualPageIcon.js";
+import "../components/icons/SinglePageIcon.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 "../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 "../utils/zoom.js";
+import "../components/icons/SearchIcon.js";
+import "../components/icons/ClearIcon.js";
 export {
-  m as ThumbnailContext,
-  r as ThumbnailProvider,
-  e as useThumbnailContext
+  Dt as ThumbnailContext,
+  Et as ThumbnailProvider,
+  Ft as useThumbnailContext
 };

package/dist/contexts/ViewModeContext.js

@@ -1,28 +1,29 @@
-import { jsx as l } from "react/jsx-runtime";
-import { createContext as m, useContext as d, useState as P, useCallback as i, useMemo as C } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as l, useContext as d, useState as P, useCallback as i, useMemo as C } from "react";
 import { appConsole as p } from "../utils/appConsole.js";
 import { ViewMode as e } from "../utils/types.js";
 import { useInitialStateContext as f } from "./InitialStateContext.js";
-const r = m({
+import "../th_TH-d627cd51.js";
+const r = l({
   columnCount: 1,
   setSinglePage: () => {
   },
   setDualPage: () => {
   },
   viewMode: e.SINGLE_PAGE
-}), w = () => {
+}), g = () => {
   const o = d(r);
   return typeof o.columnCount > "u" && p.error("Please use this hooks inside children component of RPProvider"), o;
-}, g = ({ children: o }) => {
+}, v = ({ children: o }) => {
   const { initialViewMode: s = e.SINGLE_PAGE } = f(), [t, n] = P(s === e.SINGLE_PAGE ? 1 : 2), u = i(() => {
     n(1);
   }, []), c = i(() => {
     n(2);
-  }, []), a = C(() => t === 1 ? e.SINGLE_PAGE : e.DUAL_PAGE, [t]);
-  return /* @__PURE__ */ l(r.Provider, { value: { columnCount: t, setSinglePage: u, setDualPage: c, viewMode: a }, children: o });
+  }, []), m = C(() => t === 1 ? e.SINGLE_PAGE : e.DUAL_PAGE, [t]);
+  return /* @__PURE__ */ a(r.Provider, { value: { columnCount: t, setSinglePage: u, setDualPage: c, viewMode: m }, children: o });
 };
 export {
   r as ViewModeContext,
-  g as ViewModeProvider,
-  w as useViewModeContext
+  v as ViewModeProvider,
+  g as useViewModeContext
 };

package/dist/contexts/ZoomContext.js

@@ -1,5 +1,5 @@
 import { jsx as I } from "react/jsx-runtime";
-import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as p, useCallback as Z, useMemo as x } from "react";
+import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as f, useCallback as Z, useMemo as x } from "react";
 import { ZoomLevel as J } from "../utils/types.js";
 import { appConsole as _ } from "../utils/appConsole.js";
 import { useInitialStateContext as j } from "./InitialStateContext.js";
@@ -11,20 +11,30 @@ import { useViewModeContext as q } from "./ViewModeContext.js";
 import { useRotationContext as B } from "./RotationContext.js";
 import { useGlobalCurrentPage as K } from "./GlobalCurrentPage.js";
 import { useDebounce as Q } from "../utils/hooks/useDebounce.js";
+import "../th_TH-d627cd51.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 "./EventCallbackContext.js";
 const D = M({
   zoomLevel: 100,
   currentZoom: 1,
   setZoomLevel: () => {
   }
-}), ue = () => {
-  const c = O(D);
-  return typeof c.currentZoom != "number" && _.warn("Please use this hooks inside children component of RPProvider"), c;
-}, le = ({ children: c }) => {
-  const { initialScale: W = J.PAGE_FIT } = j(), [s, b] = u(W), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: h } = q(), [H, V] = u({
+}), Le = () => {
+  const m = O(D);
+  return typeof m.currentZoom != "number" && _.warn("Please use this hooks inside children component of RPProvider"), m;
+}, Pe = ({ children: m }) => {
+  const { initialScale: W = J.PAGE_FIT } = j(), [s, b] = u(W), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: p } = q(), [H, V] = u({
     width: (t == null ? void 0 : t.clientWidth) || 0,
     height: (t == null ? void 0 : t.clientHeight) || 0
-  }), a = Q(H, 100), { rotate: g } = B(), [n, z] = u(null), d = R(null), { currentPage: v } = K(), [w, y] = u(v);
-  p(() => {
+  }), h = Q(H, 100), { rotate: g } = B(), [n, z] = u(null), d = R(null), { currentPage: v } = K(), [w, y] = u(v);
+  f(() => {
     let e = l.get(w);
     e || (e = l.get(1));
     const o = e == null ? void 0 : e.page.getViewport({
@@ -33,23 +43,23 @@ const D = M({
     });
     o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, z(o));
   }, [l, g, w]);
-  const m = Z(() => {
+  const c = Z(() => {
     if (!n)
       return null;
     const e = ((n == null ? void 0 : n.width) || 0) + 2 * T, o = (n == null ? void 0 : n.height) || 0, i = (t == null ? void 0 : t.clientWidth) || 0, r = (t == null ? void 0 : t.clientHeight) || 0;
     return { pageWidth: e, pageHeight: o, clientWidth: i, clientHeight: r };
   }, [n, t]), L = x(() => {
-    const e = m();
-    if (!a.width || !a.height || !e)
+    const e = c();
+    if (!h.width || !h.height || !e)
       return 0;
     if (typeof s == "number")
       return s / 100;
-    const { clientWidth: o, clientHeight: i, pageWidth: r, pageHeight: f } = e;
-    return C(s, o, i, r, f, h) / 100;
-  }, [s, a, m, h]);
-  p(() => {
+    const { clientWidth: o, clientHeight: i, pageWidth: r, pageHeight: a } = e;
+    return C(s, o, i, r, a, p) / 100;
+  }, [s, h, c, p]);
+  f(() => {
     y(v);
-  }, [s]), p(() => {
+  }, [s]), f(() => {
     const e = (i) => {
       i.forEach((r) => {
         V({ width: r.contentRect.width, height: r.contentRect.height });
@@ -63,18 +73,18 @@ const D = M({
     (e) => {
       let o = 0;
       if (typeof e == "function") {
-        const i = m();
+        const i = c();
         if (!i)
           return;
-        const { clientWidth: r, clientHeight: f, pageWidth: P, pageHeight: E } = i;
+        const { clientWidth: r, clientHeight: a, pageWidth: P, pageHeight: E } = i;
         o = (G) => {
           const A = C(
             G,
             r,
-            f,
+            a,
             P,
             E,
-            h
+            p
           );
           return e(A);
         };
@@ -82,16 +92,16 @@ const D = M({
         o = e;
       o && b(o);
     },
-    [m]
+    [c]
   ), S = x(() => ({
     zoomLevel: s,
     currentZoom: L,
     setZoomLevel: N
   }), [L, s]);
-  return /* @__PURE__ */ I(D.Provider, { value: S, children: c });
+  return /* @__PURE__ */ I(D.Provider, { value: S, children: m });
 };
 export {
   D as ZoomContext,
-  le as ZoomProvider,
-  ue as useZoomContext
+  Pe as ZoomProvider,
+  Le as useZoomContext
 };