@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.
- package/dist/{ToolbarLayout.module-e532b211.js → ToolbarLayout.module-5809c7ac.js} +68 -68
- package/dist/assets/ToolbarLayout.css +1 -1
- package/dist/components/RPController.js +1 -1
- package/dist/components/RPPages.js +1 -1
- package/dist/components/layout/LayoutContainer.js +1 -1
- package/dist/components/layout/RPDefaultLayout.js +1 -1
- package/dist/components/layout/RPLayout.js +1 -1
- package/dist/components/layout/sidebar/RPSidebar.js +1 -1
- package/dist/components/layout/sidebar/Thumbnail.js +1 -1
- package/dist/components/layout/sidebar/Thumbnails.js +1 -1
- package/dist/components/layout/toolbar/DocumentDialog.js +1 -1
- package/dist/components/layout/toolbar/FileDownloadTool.js +1 -1
- package/dist/components/layout/toolbar/MostPageTool.js +1 -1
- package/dist/components/layout/toolbar/OtherTool.js +1 -1
- package/dist/components/layout/toolbar/Paginate.js +1 -1
- package/dist/components/layout/toolbar/PrintTool.js +1 -1
- package/dist/components/layout/toolbar/RPToolbar.js +1 -1
- package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
- package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
- package/dist/components/layout/toolbar/SearchTool.js +1 -1
- package/dist/components/layout/toolbar/ThumbnailTool.js +1 -1
- package/dist/components/layout/toolbar/ToolbarCustom.js +1 -1
- package/dist/components/layout/toolbar/ToolbarDefault.js +1 -1
- package/dist/components/layout/toolbar/ZoomTool.js +4 -9
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +1 -1
- package/dist/components/layout/toolbar/tools/InputPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/NextPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/PrintTool.js +1 -1
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +1 -1
- package/dist/components/page/AnnotationLayer.js +1 -1
- package/dist/components/page/CanvasLayer.js +1 -1
- package/dist/components/page/DualPage.js +1 -1
- package/dist/components/page/RPPage.js +1 -1
- package/dist/components/page/SinglePage.js +1 -1
- package/dist/components/page/TextHighlightLayer.js +1 -1
- package/dist/components/page/TextLayer.js +1 -1
- package/dist/components/ui/LoadingIndicator.js +1 -1
- package/dist/contexts/PaginationContext.js +1 -1
- package/dist/contexts/PrintContext.js +1 -1
- package/dist/contexts/RenderQueueProvider.js +1 -1
- package/dist/contexts/SearchContext.js +1 -1
- package/dist/contexts/ThumbnailsContext.js +1 -1
- package/dist/contexts/ZoomContext.js +75 -60
- package/dist/main.js +1 -1
- package/dist/utils/hooks/useFileDownload.js +1 -1
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/usePaginate.js +1 -1
- package/dist/utils/hooks/usePresentPage.js +1 -1
- package/dist/utils/hooks/usePrint.js +1 -1
- package/dist/utils/hooks/useScrollToPage.js +1 -1
- package/dist/utils/hooks/useSearch.js +1 -1
- package/dist/utils/hooks/useThumbnail.js +1 -1
- package/dist/utils/hooks/useVirtualReactWindow.js +1 -1
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
45
|
+
G(() => (d && C.current.observe(d), () => {
|
|
46
46
|
C.current.disconnect();
|
|
47
|
-
}), [d])
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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 { G as mo } from "../../ToolbarLayout.module-
|
|
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";
|
|
@@ -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-
|
|
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-
|
|
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,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-
|
|
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";
|
|
@@ -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-
|
|
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,79 +1,94 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { createContext as
|
|
3
|
-
import { ZoomLevel as
|
|
4
|
-
import { appConsole as
|
|
5
|
-
import { useInitialStateContext as
|
|
6
|
-
import { useDocumentContext as
|
|
7
|
-
import { PAGE_PADDING as
|
|
8
|
-
import { getZoomLevel as
|
|
9
|
-
import { useLayoutContainer as
|
|
10
|
-
import { useViewModeContext as
|
|
11
|
-
import { useRotationContext as
|
|
12
|
-
import { useGlobalCurrentPage as
|
|
13
|
-
import { useDebounce as
|
|
14
|
-
const
|
|
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
|
-
}),
|
|
20
|
-
const c =
|
|
21
|
-
return typeof c.currentZoom != "number" &&
|
|
22
|
-
},
|
|
23
|
-
const { initialScale:
|
|
24
|
-
width: (
|
|
25
|
-
height: (
|
|
26
|
-
}),
|
|
27
|
-
|
|
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
|
|
30
|
+
const o = e == null ? void 0 : e.page.getViewport({
|
|
31
31
|
scale: 1,
|
|
32
32
|
rotation: e.defaultRotation + g
|
|
33
33
|
});
|
|
34
|
-
|
|
34
|
+
o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, z(o));
|
|
35
35
|
}, [l, g, w]);
|
|
36
|
-
const
|
|
37
|
-
if (!
|
|
36
|
+
const m = Z(() => {
|
|
37
|
+
if (!i)
|
|
38
38
|
return null;
|
|
39
|
-
const e = ((
|
|
40
|
-
return { pageWidth: e, pageHeight:
|
|
41
|
-
}, [
|
|
42
|
-
const e =
|
|
43
|
-
if (!
|
|
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
|
|
46
|
-
return
|
|
47
|
-
const { clientWidth:
|
|
48
|
-
return
|
|
49
|
-
}, [
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}, [
|
|
53
|
-
const e = (
|
|
54
|
-
|
|
55
|
-
|
|
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
|
-
},
|
|
58
|
-
return
|
|
59
|
-
|
|
57
|
+
}, o = new ResizeObserver(e);
|
|
58
|
+
return t && o.observe(t), () => {
|
|
59
|
+
o.disconnect();
|
|
60
60
|
};
|
|
61
|
-
}, [
|
|
62
|
-
const
|
|
61
|
+
}, [t]);
|
|
62
|
+
const N = Z(
|
|
63
63
|
(e) => {
|
|
64
|
-
let
|
|
65
|
-
typeof e == "function"
|
|
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
|
-
[
|
|
68
|
-
),
|
|
69
|
-
zoomLevel:
|
|
70
|
-
currentZoom:
|
|
71
|
-
setZoomLevel:
|
|
72
|
-
}), [
|
|
73
|
-
return /* @__PURE__ */
|
|
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
|
-
|
|
77
|
-
|
|
78
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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