@pdf-viewer/react 1.9.1-rc.7 → 1.9.1-rc.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/{ToolbarLayout.module-e532b211.js → ToolbarLayout.module-5809c7ac.js} +68 -68
  2. package/dist/assets/ToolbarLayout.css +1 -1
  3. package/dist/components/RPController.js +1 -1
  4. package/dist/components/RPPages.js +1 -1
  5. package/dist/components/layout/LayoutContainer.js +1 -1
  6. package/dist/components/layout/RPDefaultLayout.js +1 -1
  7. package/dist/components/layout/RPLayout.js +1 -1
  8. package/dist/components/layout/sidebar/RPSidebar.js +1 -1
  9. package/dist/components/layout/sidebar/Thumbnail.js +1 -1
  10. package/dist/components/layout/sidebar/Thumbnails.js +1 -1
  11. package/dist/components/layout/toolbar/DocumentDialog.js +1 -1
  12. package/dist/components/layout/toolbar/FileDownloadTool.js +1 -1
  13. package/dist/components/layout/toolbar/MostPageTool.js +1 -1
  14. package/dist/components/layout/toolbar/OtherTool.js +1 -1
  15. package/dist/components/layout/toolbar/Paginate.js +1 -1
  16. package/dist/components/layout/toolbar/PrintTool.js +1 -1
  17. package/dist/components/layout/toolbar/RPToolbar.js +1 -1
  18. package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
  19. package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
  20. package/dist/components/layout/toolbar/SearchTool.js +1 -1
  21. package/dist/components/layout/toolbar/ThumbnailTool.js +1 -1
  22. package/dist/components/layout/toolbar/ToolbarCustom.js +1 -1
  23. package/dist/components/layout/toolbar/ToolbarDefault.js +1 -1
  24. package/dist/components/layout/toolbar/ZoomTool.js +4 -9
  25. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +1 -1
  26. package/dist/components/layout/toolbar/tools/InputPageTool.js +1 -1
  27. package/dist/components/layout/toolbar/tools/NextPageTool.js +1 -1
  28. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
  29. package/dist/components/layout/toolbar/tools/PrintTool.js +1 -1
  30. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
  31. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +1 -1
  32. package/dist/components/page/AnnotationLayer.js +1 -1
  33. package/dist/components/page/CanvasLayer.js +1 -1
  34. package/dist/components/page/DualPage.js +1 -1
  35. package/dist/components/page/RPPage.js +1 -1
  36. package/dist/components/page/SinglePage.js +1 -1
  37. package/dist/components/page/TextHighlightLayer.js +1 -1
  38. package/dist/components/page/TextLayer.js +1 -1
  39. package/dist/components/ui/LoadingIndicator.js +1 -1
  40. package/dist/contexts/PaginationContext.js +1 -1
  41. package/dist/contexts/PrintContext.js +1 -1
  42. package/dist/contexts/RenderQueueProvider.js +1 -1
  43. package/dist/contexts/SearchContext.js +1 -1
  44. package/dist/contexts/ThumbnailsContext.js +1 -1
  45. package/dist/contexts/ZoomContext.js +75 -60
  46. package/dist/main.js +1 -1
  47. package/dist/utils/hooks/useFileDownload.js +1 -1
  48. package/dist/utils/hooks/useLicense.js +1 -1
  49. package/dist/utils/hooks/usePaginate.js +1 -1
  50. package/dist/utils/hooks/usePresentPage.js +1 -1
  51. package/dist/utils/hooks/usePrint.js +1 -1
  52. package/dist/utils/hooks/useScrollToPage.js +1 -1
  53. package/dist/utils/hooks/useSearch.js +1 -1
  54. package/dist/utils/hooks/useThumbnail.js +1 -1
  55. package/dist/utils/hooks/useVirtualReactWindow.js +1 -1
  56. package/package.json +1 -1
@@ -3,7 +3,7 @@ import "react";
3
3
  import "../../icons/ChevronUpIcon.js";
4
4
  import "../../ui/Button.js";
5
5
  import "../../ui/Input.js";
6
- import { l as d } from "../../../ToolbarLayout.module-e532b211.js";
6
+ import { l as d } from "../../../ToolbarLayout.module-5809c7ac.js";
7
7
  import "../../../contexts/IconContext.js";
8
8
  import "../../../contexts/ToolbarComponentContext.js";
9
9
  import "../../../contexts/ViewportContext.js";
@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
3
3
  import "../../../contexts/ToolbarComponentContext.js";
4
4
  import "../../../contexts/IconContext.js";
5
5
  import "../../ui/Button.js";
6
- import { O } from "../../../ToolbarLayout.module-e532b211.js";
6
+ import { O } from "../../../ToolbarLayout.module-5809c7ac.js";
7
7
  import "../../../contexts/ViewportContext.js";
8
8
  import "../../../contexts/LocalizationContext.js";
9
9
  import "./MenuItem.js";
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { W as e } from "../../../ToolbarLayout.module-e532b211.js";
2
+ import { W as e } from "../../../ToolbarLayout.module-5809c7ac.js";
3
3
  import "./ZoomTool.js";
4
4
  import "../../../contexts/ToolbarComponentContext.js";
5
5
  import "../../../contexts/ViewportContext.js";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "./FileUploadTool.js";
3
3
  import "./DarkModeTool.js";
4
- import { m as b } from "../../../ToolbarLayout.module-e532b211.js";
4
+ import { m as b } from "../../../ToolbarLayout.module-5809c7ac.js";
5
5
  import "./FullScreenTool.js";
6
6
  import "../../../contexts/ViewportContext.js";
7
7
  export {
@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
3
3
  import "../../ui/Button.js";
4
4
  import "../../icons/ChevronUpIcon.js";
5
5
  import "../../../contexts/LocalizationContext.js";
6
- import { V as s } from "../../../ToolbarLayout.module-e532b211.js";
6
+ import { V as s } from "../../../ToolbarLayout.module-5809c7ac.js";
7
7
  import "../../../SearchCloseButton-cbf182aa.js";
8
8
  export {
9
9
  s as SearchResultNavigator
@@ -8,7 +8,7 @@ import "../../ui/Input.js";
8
8
  import "../../ui/Checkbox.js";
9
9
  import "../../icons/ClearIcon.js";
10
10
  import "../../icons/LoaderIcon.js";
11
- import { S as po } from "../../../ToolbarLayout.module-e532b211.js";
11
+ import { S as po } from "../../../ToolbarLayout.module-5809c7ac.js";
12
12
  import "../../../contexts/IconContext.js";
13
13
  import "../../../contexts/RPDocumentContext.js";
14
14
  import "../../../contexts/DocumentPasswordContext.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as o, Fragment as u } from "react/jsx-runtime";
2
- import { i as a } from "../../../ToolbarLayout.module-e532b211.js";
2
+ import { i as a } from "../../../ToolbarLayout.module-5809c7ac.js";
3
3
  import { ThumbnailIcon as h } from "../../icons/Thumbnail.js";
4
4
  import { UIButton as p } from "../../ui/Button.js";
5
5
  import e from "../../ui/RPTooltip.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as p, Fragment as e, jsx as t } from "react/jsx-runtime";
2
2
  import { useRef as f } from "react";
3
- import { i as v, c as C, n as o, o as g, p as x } from "../../../ToolbarLayout.module-e532b211.js";
3
+ import { i as v, c as C, n as o, o as g, p as x } from "../../../ToolbarLayout.module-5809c7ac.js";
4
4
  import { useLayoutContainer as N } from "../../../contexts/LayoutContainerContext.js";
5
5
  import { useToolbarComponentContext as T } from "../../../contexts/ToolbarComponentContext.js";
6
6
  import "../../../contexts/RPDocumentContext.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as o, Fragment as p, jsx as r } from "react/jsx-runtime";
2
2
  import { useRef as d } from "react";
3
- import { i as h, c as u, n as t, o as b, p as f } from "../../../ToolbarLayout.module-e532b211.js";
3
+ import { i as h, c as u, n as t, o as b, p as f } from "../../../ToolbarLayout.module-5809c7ac.js";
4
4
  import { useLayoutContainer as v } from "../../../contexts/LayoutContainerContext.js";
5
5
  import { useToolbarComponentContext as g } from "../../../contexts/ToolbarComponentContext.js";
6
6
  import "../../../contexts/RPDocumentContext.js";
@@ -42,14 +42,9 @@ const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
42
42
  return Math.min(m - 25, I);
43
43
  });
44
44
  }, [n, i]), k = h(() => i * 100 <= K, [i]), E = h(() => i * 100 >= I, [i]);
45
- if (G(() => (d && C.current.observe(d), () => {
45
+ G(() => (d && C.current.observe(d), () => {
46
46
  C.current.disconnect();
47
- }), [d]), !l || !f)
48
- return null;
49
- if (typeof l == "function")
50
- return /* @__PURE__ */ t(l, { zoomLevel: r, setZoomLevel: n });
51
- if (typeof f == "function")
52
- return /* @__PURE__ */ t(f, { zoomLevel: r, setZoomLevel: n });
47
+ }), [d]);
53
48
  const W = h(() => {
54
49
  switch (r) {
55
50
  case p.ACTUAL:
@@ -60,8 +55,8 @@ const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
60
55
  return o == null ? void 0 : o.zoomPageWidth;
61
56
  }
62
57
  return r;
63
- }, [r]);
64
- return /* @__PURE__ */ c("div", { className: e["rp-zoom-wrapper"], children: [
58
+ }, [r, o]);
59
+ return !l || !f ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: r, setZoomLevel: n }) : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: r, setZoomLevel: n }) : /* @__PURE__ */ c("div", { className: e["rp-zoom-wrapper"], children: [
65
60
  /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
66
61
  z,
67
62
  {
@@ -1,7 +1,7 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
2
  import { FileDownloadDefaultIcon as r } from "../../../icons/FileDownloadDefaultIcon.js";
3
3
  import { UIButton as l } from "../../../ui/Button.js";
4
- import { b as d } from "../../../../ToolbarLayout.module-e532b211.js";
4
+ import { b as d } from "../../../../ToolbarLayout.module-5809c7ac.js";
5
5
  import m from "../../../ui/RPTooltip.js";
6
6
  import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
7
7
  const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), c = ({ icon: t }) => {
@@ -1,6 +1,6 @@
1
1
  import { jsxs as u, Fragment as h, jsx as g } from "react/jsx-runtime";
2
2
  import { useState as d, useEffect as S, useCallback as o } from "react";
3
- import { u as x, j as p } from "../../../../ToolbarLayout.module-e532b211.js";
3
+ import { u as x, j as p } from "../../../../ToolbarLayout.module-5809c7ac.js";
4
4
  import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
5
5
  import y from "../../../ui/RPTooltip.js";
6
6
  import { UIInput as E } from "../../../ui/Input.js";
@@ -2,7 +2,7 @@ import { jsx as i, Fragment as l } from "react/jsx-runtime";
2
2
  import { useMemo as d } from "react";
3
3
  import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
4
4
  import { UIButton as f } from "../../../ui/Button.js";
5
- import { u as s } from "../../../../ToolbarLayout.module-e532b211.js";
5
+ import { u as s } from "../../../../ToolbarLayout.module-5809c7ac.js";
6
6
  import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
7
7
  import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
8
8
  import "../../../../contexts/RPDocumentContext.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, Fragment as e } from "react/jsx-runtime";
2
2
  import { ChevronUpIcon as p } from "../../../icons/ChevronUpIcon.js";
3
3
  import { UIButton as m } from "../../../ui/Button.js";
4
- import { u as a } from "../../../../ToolbarLayout.module-e532b211.js";
4
+ import { u as a } from "../../../../ToolbarLayout.module-5809c7ac.js";
5
5
  import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
6
6
  import P from "../../../ui/RPTooltip.js";
7
7
  const h = ({ icon: t }) => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { PrintDefaultTool as n } from "../../../icons/PrintDefaultIcon.js";
3
3
  import { UIButton as p } from "../../../ui/Button.js";
4
- import { c as m } from "../../../../ToolbarLayout.module-e532b211.js";
4
+ import { c as m } from "../../../../ToolbarLayout.module-5809c7ac.js";
5
5
  import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
6
6
  import T from "../../../ui/RPTooltip.js";
7
7
  const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), h = ({ icon: o }) => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as o, Fragment as l } from "react/jsx-runtime";
2
- import { i as h } from "../../../../ToolbarLayout.module-e532b211.js";
2
+ import { i as h } from "../../../../ToolbarLayout.module-5809c7ac.js";
3
3
  import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
4
4
  import { UIButton as u } from "../../../ui/Button.js";
5
5
  import a from "../../../ui/RPTooltip.js";
@@ -2,7 +2,7 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
2
2
  import { useState as d, useEffect as f } from "react";
3
3
  import "../../../../../contexts/RPDocumentContext.js";
4
4
  import "../../../../../contexts/DocumentPasswordContext.js";
5
- import { k as t, S as y, l as C, m as R } from "../../../../../ToolbarLayout.module-e532b211.js";
5
+ import { k as t, S as y, l as C, m as R } from "../../../../../ToolbarLayout.module-5809c7ac.js";
6
6
  import "../../../../../contexts/DarkModeContext.js";
7
7
  import "../../../../../contexts/RotationContext.js";
8
8
  import "../../../../../contexts/LayerContext.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { E as mo } from "../../ToolbarLayout.module-e532b211.js";
5
+ import { E as mo } from "../../ToolbarLayout.module-5809c7ac.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../utils/types.js";
8
8
  import "../../contexts/RotationContext.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { C as rr } from "../../ToolbarLayout.module-e532b211.js";
5
+ import { C as rr } from "../../ToolbarLayout.module-5809c7ac.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { I as p } from "../../ToolbarLayout.module-e532b211.js";
3
+ import { I as p } from "../../ToolbarLayout.module-5809c7ac.js";
4
4
  export {
5
5
  p as DualPage
6
6
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { G as mo } from "../../ToolbarLayout.module-e532b211.js";
3
+ import { G as mo } from "../../ToolbarLayout.module-5809c7ac.js";
4
4
  import "../../contexts/RPDocumentContext.js";
5
5
  import "../../contexts/DocumentPasswordContext.js";
6
6
  import "../../contexts/DarkModeContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { J as m } from "../../ToolbarLayout.module-e532b211.js";
3
+ import { J as m } from "../../ToolbarLayout.module-5809c7ac.js";
4
4
  export {
5
5
  m as SinglePage
6
6
  };
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { F as ir } from "../../ToolbarLayout.module-e532b211.js";
5
+ import { F as ir } from "../../ToolbarLayout.module-5809c7ac.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { D as tr } from "../../ToolbarLayout.module-e532b211.js";
5
+ import { D as tr } from "../../ToolbarLayout.module-5809c7ac.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { p as i } from "../../ToolbarLayout.module-e532b211.js";
2
+ import { p as i } from "../../ToolbarLayout.module-5809c7ac.js";
3
3
  import "../../clsx-0c6e471a.js";
4
4
  import "../../contexts/LocalizationContext.js";
5
5
  export {
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { s as p, P as e, u as s } from "../ToolbarLayout.module-e532b211.js";
3
+ import { s as p, P as e, u as s } from "../ToolbarLayout.module-5809c7ac.js";
4
4
  import "./RPDocumentContext.js";
5
5
  import "../utils/appConsole.js";
6
6
  import "./GlobalCurrentPage.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { v as e, h as n, c as s } from "../ToolbarLayout.module-e532b211.js";
3
+ import { v as e, h as n, c as s } from "../ToolbarLayout.module-5809c7ac.js";
4
4
  export {
5
5
  e as PrintContext,
6
6
  n as PrintProvider,
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../utils/Queue.js";
4
4
  import "../utils/renderPage.js";
5
- import { A as m, g as p, B as d } from "../ToolbarLayout.module-e532b211.js";
5
+ import { A as m, g as p, B as d } from "../ToolbarLayout.module-5809c7ac.js";
6
6
  export {
7
7
  m as RenderQueueContext,
8
8
  p as RenderQueueProvider,
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { z as a, f as s, d as c } from "../ToolbarLayout.module-e532b211.js";
3
+ import { z as a, f as s, d as c } from "../ToolbarLayout.module-5809c7ac.js";
4
4
  export {
5
5
  a as SearchContext,
6
6
  s as SearchProvider,
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { x as m, T as r, i as e } from "../ToolbarLayout.module-e532b211.js";
3
+ import { x as m, T as r, i as e } from "../ToolbarLayout.module-5809c7ac.js";
4
4
  export {
5
5
  m as ThumbnailContext,
6
6
  r as ThumbnailProvider,
@@ -1,79 +1,94 @@
1
- import { jsx as N } from "react/jsx-runtime";
2
- import { createContext as S, useContext as E, useState as u, useRef as G, useEffect as a, useCallback as Z, useMemo as x } from "react";
3
- import { ZoomLevel as A } from "../utils/types.js";
4
- import { appConsole as I } from "../utils/appConsole.js";
5
- import { useInitialStateContext as M } from "./InitialStateContext.js";
6
- import { useDocumentContext as O } from "./RPDocumentContext.js";
7
- import { PAGE_PADDING as R } from "../utils/constants.js";
8
- import { getZoomLevel as J } from "../utils/getZoomLevel.js";
9
- import { useLayoutContainer as _ } from "./LayoutContainerContext.js";
10
- import { useViewModeContext as j } from "./ViewModeContext.js";
11
- import { useRotationContext as F } from "./RotationContext.js";
12
- import { useGlobalCurrentPage as T } from "./GlobalCurrentPage.js";
13
- import { useDebounce as k } from "../utils/hooks/useDebounce.js";
14
- const C = S({
1
+ import { jsx as A } from "react/jsx-runtime";
2
+ import { createContext as I, useContext as M, useState as u, useRef as O, useEffect as p, useCallback as Z, useMemo as x } from "react";
3
+ import { ZoomLevel as R } from "../utils/types.js";
4
+ import { appConsole as J } from "../utils/appConsole.js";
5
+ import { useInitialStateContext as _ } from "./InitialStateContext.js";
6
+ import { useDocumentContext as j } from "./RPDocumentContext.js";
7
+ import { PAGE_PADDING as F } from "../utils/constants.js";
8
+ import { getZoomLevel as C } from "../utils/getZoomLevel.js";
9
+ import { useLayoutContainer as T } from "./LayoutContainerContext.js";
10
+ import { useViewModeContext as k } from "./ViewModeContext.js";
11
+ import { useRotationContext as q } from "./RotationContext.js";
12
+ import { useGlobalCurrentPage as B } from "./GlobalCurrentPage.js";
13
+ import { useDebounce as K } from "../utils/hooks/useDebounce.js";
14
+ const D = I({
15
15
  zoomLevel: 100,
16
16
  currentZoom: 1,
17
17
  setZoomLevel: () => {
18
18
  }
19
- }), se = () => {
20
- const c = E(C);
21
- return typeof c.currentZoom != "number" && I.warn("Please use this hooks inside children component of RPProvider"), c;
22
- }, ce = ({ children: c }) => {
23
- const { initialScale: L = A.PAGE_FIT } = M(), [r, f] = u(L), { pages: l } = O(), { pagesRef: o } = _(), { viewMode: p } = j(), [b, D] = u({
24
- width: (o == null ? void 0 : o.clientWidth) || 0,
25
- height: (o == null ? void 0 : o.clientHeight) || 0
26
- }), h = k(b, 100), { rotate: g } = F(), [n, W] = u(null), d = G(null), { currentPage: v } = T(), [w, V] = u(v);
27
- a(() => {
19
+ }), me = () => {
20
+ const c = M(D);
21
+ return typeof c.currentZoom != "number" && J.warn("Please use this hooks inside children component of RPProvider"), c;
22
+ }, ue = ({ children: c }) => {
23
+ const { initialScale: W = R.PAGE_FIT } = _(), [n, b] = u(W), { pages: l } = j(), { pagesRef: t } = T(), { viewMode: h } = k(), [H, V] = u({
24
+ width: (t == null ? void 0 : t.clientWidth) || 0,
25
+ height: (t == null ? void 0 : t.clientHeight) || 0
26
+ }), a = K(H, 100), { rotate: g } = q(), [i, z] = u(null), d = O(null), { currentPage: v } = B(), [w, y] = u(v);
27
+ p(() => {
28
28
  let e = l.get(w);
29
29
  e || (e = l.get(1));
30
- const t = e == null ? void 0 : e.page.getViewport({
30
+ const o = e == null ? void 0 : e.page.getViewport({
31
31
  scale: 1,
32
32
  rotation: e.defaultRotation + g
33
33
  });
34
- t && JSON.stringify(t) !== JSON.stringify(d.current) && (d.current = t, W(t));
34
+ o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, z(o));
35
35
  }, [l, g, w]);
36
- const P = Z(() => {
37
- if (!n)
36
+ const m = Z(() => {
37
+ if (!i)
38
38
  return null;
39
- const e = ((n == null ? void 0 : n.width) || 0) + 2 * R, t = (n == null ? void 0 : n.height) || 0, s = (o == null ? void 0 : o.clientWidth) || 0, i = (o == null ? void 0 : o.clientHeight) || 0;
40
- return { pageWidth: e, pageHeight: t, clientWidth: s, clientHeight: i };
41
- }, [n]), m = x(() => {
42
- const e = P();
43
- if (!h.width || !h.height || !e)
39
+ const e = ((i == null ? void 0 : i.width) || 0) + 2 * F, o = (i == null ? void 0 : i.height) || 0, r = (t == null ? void 0 : t.clientWidth) || 0, s = (t == null ? void 0 : t.clientHeight) || 0;
40
+ return { pageWidth: e, pageHeight: o, clientWidth: r, clientHeight: s };
41
+ }, [i, t]), L = x(() => {
42
+ const e = m();
43
+ if (!a.width || !a.height || !e)
44
44
  return 0;
45
- if (typeof r == "number")
46
- return r / 100;
47
- const { clientWidth: t, clientHeight: s, pageWidth: i, pageHeight: y } = e;
48
- return J(r, t, s, i, y, p) / 100;
49
- }, [r, h, P, p]);
50
- a(() => {
51
- V(v);
52
- }, [r]), a(() => {
53
- const e = (s) => {
54
- s.forEach((i) => {
55
- D({ width: i.contentRect.width, height: i.contentRect.height });
45
+ if (typeof n == "number")
46
+ return n / 100;
47
+ const { clientWidth: o, clientHeight: r, pageWidth: s, pageHeight: f } = e;
48
+ return C(n, o, r, s, f, h) / 100;
49
+ }, [n, a, m, h]);
50
+ p(() => {
51
+ y(v);
52
+ }, [n]), p(() => {
53
+ const e = (r) => {
54
+ r.forEach((s) => {
55
+ V({ width: s.contentRect.width, height: s.contentRect.height });
56
56
  });
57
- }, t = new ResizeObserver(e);
58
- return o && t.observe(o), () => {
59
- t.disconnect();
57
+ }, o = new ResizeObserver(e);
58
+ return t && o.observe(t), () => {
59
+ o.disconnect();
60
60
  };
61
- }, [o]);
62
- const z = Z(
61
+ }, [t]);
62
+ const N = Z(
63
63
  (e) => {
64
- let t = 0;
65
- typeof e == "function" ? t = e(m * 100) : t = e, t && f(t);
64
+ let o = 0;
65
+ if (typeof e == "function") {
66
+ const r = m();
67
+ if (!r)
68
+ return;
69
+ const { clientWidth: s, clientHeight: f, pageWidth: P, pageHeight: E } = r, G = C(
70
+ n,
71
+ s,
72
+ f,
73
+ P,
74
+ E,
75
+ h
76
+ );
77
+ o = e(G);
78
+ } else
79
+ o = e;
80
+ o && b(o);
66
81
  },
67
- [f, m]
68
- ), H = x(() => ({
69
- zoomLevel: r,
70
- currentZoom: m,
71
- setZoomLevel: z
72
- }), [m, r]);
73
- return /* @__PURE__ */ N(C.Provider, { value: H, children: c });
82
+ [m]
83
+ ), S = x(() => ({
84
+ zoomLevel: n,
85
+ currentZoom: L,
86
+ setZoomLevel: N
87
+ }), [L, n]);
88
+ return /* @__PURE__ */ A(D.Provider, { value: S, children: c });
74
89
  };
75
90
  export {
76
- C as ZoomContext,
77
- ce as ZoomProvider,
78
- se as useZoomContext
91
+ D as ZoomContext,
92
+ ue as ZoomProvider,
93
+ me as useZoomContext
79
94
  };
package/dist/main.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { RPProvider as r } from "./components/RPProvider.js";
2
- import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-e532b211.js";
2
+ import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-5809c7ac.js";
3
3
  import { RPConfig as u } from "./components/RPConfig.js";
4
4
  import { RPLayout as P } from "./components/layout/RPLayout.js";
5
5
  import { RPController as C } from "./components/RPController.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { b as oo } from "../../ToolbarLayout.module-e532b211.js";
5
+ import { b as oo } from "../../ToolbarLayout.module-5809c7ac.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -1,6 +1,6 @@
1
1
  import { useState as E, useCallback as h, useEffect as A } from "react";
2
2
  import { appConsole as l } from "../appConsole.js";
3
- const b = /* @__PURE__ */ new Date("2025-10-02T08:22:17.235Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
3
+ const b = /* @__PURE__ */ new Date("2025-10-02T12:19:41.254Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
4
4
  invalidLicense: `You are currently using without a valid license. ${d}`,
5
5
  mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
6
6
  expired: `Your license key has expired. ${d}`,
@@ -1,6 +1,6 @@
1
1
  import "react";
2
2
  import "../types.js";
3
- import { r as tr } from "../../ToolbarLayout.module-e532b211.js";
3
+ import { r as tr } from "../../ToolbarLayout.module-5809c7ac.js";
4
4
  import "react/jsx-runtime";
5
5
  import "../../contexts/RPDocumentContext.js";
6
6
  import "../../contexts/DocumentPasswordContext.js";
@@ -5,7 +5,7 @@ import "../calculatePage.js";
5
5
  import "react/jsx-runtime";
6
6
  import "../../contexts/RPDocumentContext.js";
7
7
  import "../../contexts/DocumentPasswordContext.js";
8
- import { K as tr } from "../../ToolbarLayout.module-e532b211.js";
8
+ import { K as tr } from "../../ToolbarLayout.module-5809c7ac.js";
9
9
  import "../../contexts/DarkModeContext.js";
10
10
  import "../../contexts/RotationContext.js";
11
11
  import "../../contexts/LayerContext.js";
@@ -2,7 +2,7 @@ import "react";
2
2
  import "react/jsx-runtime";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { t as tr } from "../../ToolbarLayout.module-e532b211.js";
5
+ import { t as tr } from "../../ToolbarLayout.module-5809c7ac.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -3,7 +3,7 @@ import "../../contexts/ScrollModeContext.js";
3
3
  import "react/jsx-runtime";
4
4
  import "../../contexts/RPDocumentContext.js";
5
5
  import "../../contexts/DocumentPasswordContext.js";
6
- import { q as po } from "../../ToolbarLayout.module-e532b211.js";
6
+ import { q as po } from "../../ToolbarLayout.module-5809c7ac.js";
7
7
  import "../../contexts/DarkModeContext.js";
8
8
  import "../types.js";
9
9
  import "../../contexts/RotationContext.js";
@@ -7,7 +7,7 @@ import "../../contexts/RPDocumentContext.js";
7
7
  import "../../contexts/ZoomContext.js";
8
8
  import "react/jsx-runtime";
9
9
  import "../../contexts/DocumentPasswordContext.js";
10
- import { y as tr } from "../../ToolbarLayout.module-e532b211.js";
10
+ import { y as tr } from "../../ToolbarLayout.module-5809c7ac.js";
11
11
  import "../../contexts/DarkModeContext.js";
12
12
  import "../../contexts/RotationContext.js";
13
13
  import "../../contexts/LayerContext.js";
@@ -2,7 +2,7 @@ import "react";
2
2
  import "react/jsx-runtime";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { w as om } from "../../ToolbarLayout.module-e532b211.js";
5
+ import { w as om } from "../../ToolbarLayout.module-5809c7ac.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -4,7 +4,7 @@ import "../../contexts/ScrollModeContext.js";
4
4
  import "react/jsx-runtime";
5
5
  import "../../contexts/RPDocumentContext.js";
6
6
  import "../../contexts/DocumentPasswordContext.js";
7
- import { H as ro } from "../../ToolbarLayout.module-e532b211.js";
7
+ import { H as ro } from "../../ToolbarLayout.module-5809c7ac.js";
8
8
  import "../../contexts/DarkModeContext.js";
9
9
  import "../../contexts/RotationContext.js";
10
10
  import "../../contexts/LayerContext.js";
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@pdf-viewer/react",
3
3
  "private": false,
4
4
  "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
5
- "version": "1.9.1-rc.7",
5
+ "version": "1.9.1-rc.9",
6
6
  "keywords": [
7
7
  "react-pdf",
8
8
  "react-pdf-viewer",