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

package/dist/contexts/ElementPageContext.js

@@ -69,7 +69,7 @@ const S = H(void 0), Ve = ({ children: l }) => {
   ), A = d(
     (e, i) => {
       m((o) => {
-        const n = { width: t[e], height: r[e] };
+        const n = { width: t[e - 1], height: r[e - 1] };
         return {
           ...o,
           [e]: i(

package/dist/contexts/FullScreenContext.js

@@ -1,18 +1,25 @@
-import { jsx as s } from "react/jsx-runtime";
-import { createContext as i, useContext as S } from "react";
-import { useFullScreen as F } from "../utils/hooks/useFullScreen.js";
-const t = i(void 0), p = ({ elementRef: e, children: o }) => {
-  const { isFullScreen: r, enterFullScreen: n, exitFullScreen: l, isSupported: u } = F(), c = () => {
-    r ? l() : e && n(e);
-  };
-  return /* @__PURE__ */ s(t.Provider, { value: { isFullScreen: r, toggleFullScreen: c, isSupported: u }, children: o });
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as S, useCallback as x, useMemo as F, useContext as a } from "react";
+import { useFullScreen as d } from "../utils/hooks/useFullScreen.js";
+const u = S(void 0), v = ({ elementRef: e, children: c }) => {
+  const { isFullScreen: r, enterFullScreen: t, exitFullScreen: o, isSupported: n } = d(), l = x(() => {
+    r ? o() : e && t(e);
+  }, [r, o, t, e]), s = F(
+    () => ({
+      isFullScreen: r,
+      toggleFullScreen: l,
+      isSupported: n
+    }),
+    [r, l, n]
+  );
+  return /* @__PURE__ */ i(u.Provider, { value: s, children: c });
 }, f = () => {
-  const e = S(t);
+  const e = a(u);
   if (!e)
     throw new Error("useFullScreenContext must be used within a FullScreenProvider");
   return e;
 };
 export {
-  p as FullScreenProvider,
+  v as FullScreenProvider,
   f as useFullScreenContext
 };

package/dist/contexts/LocalizationContext.js

@@ -1,39 +1,34 @@
-import { jsx as c } from "react/jsx-runtime";
-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 { jsx as f } from "react/jsx-runtime";
+import { createContext as m, useContext as u, useEffect as i, useMemo as p } from "react";
+import { appConsole as d } from "../utils/appConsole.js";
+import { useLocalization as x } from "../utils/hooks/useLocalization.js";
 import "../th_TH-d627cd51.js";
-const r = f({
+const a = m({
   localeMessages: {}
-}), P = () => {
-  const e = m(r);
-  return typeof e.localeMessages > "u" && p.error("Please use this hooks inside children component of RPProvider"), e;
-}, v = ({
+}), M = () => {
+  const e = u(a);
+  return typeof e.localeMessages > "u" && d.error("Please use this hooks inside children component of RPProvider"), e;
+}, g = ({
   children: e,
   locale: o = "en_US",
   localization: t
 }) => {
-  const {
-    setLocale: n,
-    localeMessages: i,
-    addLocalization: a
-  } = d(o);
-  return s(() => {
-    o && n(o);
-  }, [o]), s(() => {
-    t && a(t);
-  }, [t]), /* @__PURE__ */ c(
-    r.Provider,
-    {
-      value: {
-        localeMessages: i
-      },
-      children: e
-    }
+  const { setLocale: s, localeMessages: n, addLocalization: r } = x(o);
+  i(() => {
+    o && s(o);
+  }, [o, s]), i(() => {
+    t && r(t);
+  }, [t, r]);
+  const c = p(
+    () => ({
+      localeMessages: n
+    }),
+    [n]
   );
+  return /* @__PURE__ */ f(a.Provider, { value: c, children: e });
 };
 export {
-  r as LocalizationContext,
-  v as LocalizationProvider,
-  P as useLocalizationContext
+  a as LocalizationContext,
+  g as LocalizationProvider,
+  M as useLocalizationContext
 };

package/dist/contexts/PaginationContext.js

@@ -1,144 +1,39 @@
 import "react/jsx-runtime";
 import "react";
-import { w as Gt, P as Ht, u as It } from "../ToolbarLayout.module-37619c4b.js";
+import { c as I, P as J, u as K } from "../PaginationContext-9217cab4.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 import "./GlobalCurrentPage.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 "./InitialStateContext.js";
-import "./DocumentPasswordContext.js";
-import "./DarkModeContext.js";
-import "../utils/hooks/useDarkMode.js";
+import "./ViewModeContext.js";
+import "./VirtualScrollContext.js";
+import "./VirtualGridContext.js";
+import "../utils/smoothScrollTo.js";
+import "./DimensionPagesContext.js";
+import "./ZoomContext.js";
+import "../utils/constants.js";
+import "../utils/getZoomLevel.js";
+import "./LayoutContainerContext.js";
 import "./RotationContext.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 "./LayerContext.js";
-import "./ZoomContext.js";
-import "../utils/constants.js";
-import "../utils/getZoomLevel.js";
-import "./LayoutContainerContext.js";
-import "./ViewModeContext.js";
 import "../utils/hooks/useDebounce.js";
 import "./EventCallbackContext.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 "../components/RPConfig.js";
-import "../components/RPTheme.js";
-import "./ThemeContext.js";
-import "../utils/hooks/useLoadWorker.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 "../LayoutWrapper-6224491f.js";
-import "../components/RPDropFileZone.js";
-import "../components/icons/LightPdfIcon.js";
-import "../components/icons/DarkPdfIcon.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/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/SinglePageIcon.js";
-import "../components/icons/DualPageIcon.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 {
-  Gt as PaginationContext,
-  Ht as PaginationProvider,
-  It as usePaginationContext
+  I as PaginationContext,
+  J as PaginationProvider,
+  K as usePaginationContext
 };

package/dist/contexts/PrintContext.js

@@ -1,144 +1,78 @@
-import "react/jsx-runtime";
-import "react";
-import { y as Fr, g as Gr, c as Hr } from "../ToolbarLayout.module-37619c4b.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 { jsx as b } from "react/jsx-runtime";
+import { createContext as k, useState as d, useCallback as s, useEffect as l, useMemo as w, useContext as v } from "react";
+import { usePrint as y } from "../utils/hooks/usePrint.js";
 import "./RPDocumentContext.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 "./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 "../components/RPConfig.js";
-import "../components/RPTheme.js";
-import "./ThemeContext.js";
-import "../utils/hooks/useLoadWorker.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 "../LayoutWrapper-6224491f.js";
-import "../components/RPDropFileZone.js";
-import "../components/icons/LightPdfIcon.js";
-import "../components/icons/DarkPdfIcon.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/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/SinglePageIcon.js";
-import "../components/icons/DualPageIcon.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";
+const g = k({
+  print: async () => {
+  },
+  cancel: () => {
+  },
+  setOnProgress: (r) => {
+  },
+  progress: {},
+  setOnComplete: (r) => r(),
+  setOnError: (r) => {
+    try {
+      const e = new Error("Print error occurred");
+      r(e);
+    } catch (e) {
+      console.error("Error in setOnError callback:", e);
+    }
+  }
+}), K = ({ children: r }) => {
+  const [e, O] = d(null), [o, p] = d(null), { print: m, cancel: a, progress: n, isComplete: u, isError: P, error: i, showDefaultProgress: f } = y(), C = s((t) => {
+    t && typeof t == "function" && p(() => t);
+  }, []), c = s(
+    (t) => {
+      i && t(i);
+    },
+    [i]
+  ), x = s((t) => {
+    O(() => t);
+  }, []), E = s(() => {
+    o && (o(), p(null));
+  }, [o]);
+  l(() => {
+    u && o && E();
+  }, [u, o, E]), l(() => {
+    P && c((t) => {
+      console.error(t);
+    });
+  }, [P]), l(() => {
+    n && e && e(n);
+  }, [n, e]);
+  const h = w(
+    () => ({
+      print: m,
+      cancel: a,
+      setOnProgress: x,
+      setOnComplete: C,
+      setOnError: c,
+      progress: n,
+      showDefaultProgress: f
+    }),
+    [m, a, x, C, c, n, f]
+  );
+  return /* @__PURE__ */ b(g.Provider, { value: h, children: r });
+}, L = () => {
+  const r = v(g);
+  if (!r)
+    throw new Error("usePrintContext must be used within a PrintProvider");
+  return r;
+};
 export {
-  Fr as PrintContext,
-  Gr as PrintProvider,
-  Hr as usePrintContext
+  g as PrintContext,
+  K as PrintProvider,
+  L as usePrintContext
 };

package/dist/contexts/RPDocumentContext.js

@@ -1,8 +1,8 @@
-import { jsx as h } from "react/jsx-runtime";
-import { createContext as v, useState as l, 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";
+import { jsx as F } from "react/jsx-runtime";
+import { createContext as M, useState as l, useEffect as j, useMemo as k, useContext as w } from "react";
+import { useLoadPdf as E } from "../utils/hooks/useLoadPdf.js";
+import { usePdfProperties as L } from "../utils/hooks/usePdfProperties.js";
+import { appConsole as R } from "../utils/appConsole.js";
 import "pdfjs-dist";
 import "../utils/types.js";
 import "../th_TH-d627cd51.js";
@@ -11,7 +11,7 @@ import "./ConfigContext.js";
 import "./DocumentPasswordContext.js";
 import "../utils/convertPdfDate.js";
 import "../utils/formatFileSize.js";
-const u = v({
+const u = M({
   pdf: void 0,
   pages: /* @__PURE__ */ new Map(),
   setPdfSrc: () => {
@@ -21,41 +21,49 @@ const u = v({
   loading: !1,
   loaderProgress: 0,
   error: void 0
-}), J = ({
+}), Q = ({
   children: t,
   src: e,
   characterMap: c,
   onLoadError: P,
   onLoaded: g,
-  onLoadProgress: x
+  onLoadProgress: x,
+  disableAutoFetch: C,
+  disableStream: h,
+  rangeChunkSize: v,
+  loaderImage: S
 }) => {
-  const [o, n] = l(e), [i, s] = l(), { pdf: r, pages: p, loading: m, loadingProgress: d, error: f } = M(o, c, {
+  const [o, i] = l(e), [r, s] = l(), { pdf: n, pages: p, loading: m, loadingProgress: d, error: f } = E(o, c, {
     onLoadError: P,
     onLoaded: g,
-    onLoadProgress: x
-  }), a = j(o, r, i);
-  S(() => {
-    s(e == null ? void 0 : e.split("/").pop()), n(e);
+    onLoadProgress: x,
+    disableAutoFetch: C,
+    disableStream: h,
+    rangeChunkSize: v,
+    loaderImage: S
+  }), a = L(o, n, r);
+  j(() => {
+    s(e == null ? void 0 : e.split("/").pop()), i(e);
   }, [e]);
-  const C = D(() => ({
-    pdf: r,
+  const D = k(() => ({
+    pdf: n,
     pages: p,
     pdfSrc: o,
-    setPdfSrc: n,
+    setPdfSrc: i,
     pdfProperties: a,
     setFilename: s,
-    filename: i,
+    filename: r,
     loading: m,
     loaderProgress: d,
     error: f
-  }), [r, p, o, a, m, d, f]);
-  return /* @__PURE__ */ h(u.Provider, { value: C, children: o ? t : null });
-}, K = () => {
-  const t = F(u);
-  return t.pdfSrc || k.error("Please use this hooks inside children component of RPDocument"), t;
+  }), [n, p, o, a, r, m, d, f]);
+  return /* @__PURE__ */ F(u.Provider, { value: D, children: o ? t : null });
+}, T = () => {
+  const t = w(u);
+  return t.pdfSrc || R.error("Please use this hooks inside children component of RPDocument"), t;
 };
 export {
-  J as DocumentProvider,
+  Q as DocumentProvider,
   u as default,
-  K as useDocumentContext
+  T as useDocumentContext
 };