@pdf-viewer/react 1.7.2 → 1.8.0-beta.0
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/{RPDefaultLayout-8b0d26d6.js → RPDefaultLayout-f02500c9.js} +374 -367
- package/dist/assets/RotateTool.css +1 -1
- package/dist/components/RPController.js +1 -1
- package/dist/components/RPPages.js +1 -1
- package/dist/components/RPProvider.js +1 -1
- package/dist/components/layout/LayoutContainer.js +1 -1
- package/dist/components/layout/RPDefaultLayout.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/RotateTool.js +5 -5
- package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
- package/dist/components/layout/toolbar/SearchTool.js +1 -1
- package/dist/components/layout/toolbar/ZoomTool.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/DimensionPagesContext.js +18 -18
- package/dist/contexts/PaginationContext.js +1 -1
- package/dist/contexts/PrintContext.js +1 -1
- package/dist/contexts/SearchContext.js +1 -1
- package/dist/contexts/ThumbnailsContext.js +1 -1
- package/dist/contexts/ZoomContext.js +10 -10
- package/dist/main.js +1 -1
- package/dist/types/utils/types.d.ts +1 -0
- package/dist/utils/hooks/useFileDownload.js +1 -1
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/useLoadPdf.js +29 -24
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
._rp-rotate-
|
|
1
|
+
._rp-rotate-counterclockwise_1nqcb_1{transform:rotateY(180deg)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { useState as i, useId as V, useMemo as T } from "react";
|
|
3
|
-
import { P as w, S as D, T as k, a as x } from "../RPDefaultLayout-
|
|
3
|
+
import { P as w, S as D, T as k, a as x } from "../RPDefaultLayout-f02500c9.js";
|
|
4
4
|
import { DarkModeProvider as E } from "../contexts/DarkModeContext.js";
|
|
5
5
|
import { ViewMode as F, ScrollMode as G, SelectionMode as b } from "../utils/types.js";
|
|
6
6
|
import { RotateProvider as y } from "../contexts/RotationContext.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { R as L } from "../RPDefaultLayout-
|
|
3
|
+
import { R as L } from "../RPDefaultLayout-f02500c9.js";
|
|
4
4
|
import "../contexts/VirtualScrollContext.js";
|
|
5
5
|
import "../contexts/RPDocumentContext.js";
|
|
6
6
|
import "../contexts/DocumentPasswordContext.js";
|
|
@@ -4,7 +4,7 @@ import { DocumentProvider as s } from "../contexts/RPDocumentContext.js";
|
|
|
4
4
|
import { DocumentPasswordProvider as l } from "../contexts/DocumentPasswordContext.js";
|
|
5
5
|
import { RPController as P } from "./RPController.js";
|
|
6
6
|
import { LoaderProvider as f } from "../contexts/LoaderContext.js";
|
|
7
|
-
import "../RPDefaultLayout-
|
|
7
|
+
import "../RPDefaultLayout-f02500c9.js";
|
|
8
8
|
import "./RPConfig.js";
|
|
9
9
|
import "./RPTheme.js";
|
|
10
10
|
import "./RPDropFileZone.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../clsx-0c6e471a.js";
|
|
3
3
|
import "react";
|
|
4
|
-
import { K as E } from "../../RPDefaultLayout-
|
|
4
|
+
import { K as E } from "../../RPDefaultLayout-f02500c9.js";
|
|
5
5
|
import "../../contexts/ThemeContext.js";
|
|
6
6
|
import "../../contexts/RPDocumentContext.js";
|
|
7
7
|
import "../../contexts/DocumentPasswordContext.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { b as x } from "../../RPDefaultLayout-
|
|
3
|
+
import { b as x } from "../../RPDefaultLayout-f02500c9.js";
|
|
4
4
|
import "../../contexts/ToolbarComponentContext.js";
|
|
5
5
|
import "../../contexts/LayoutContainerContext.js";
|
|
6
6
|
import "./Container.js";
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../icons/Thumbnail.js";
|
|
4
4
|
import "../../ui/Button.js";
|
|
5
|
-
import { J as s } from "../../../RPDefaultLayout-
|
|
5
|
+
import { J as s } from "../../../RPDefaultLayout-f02500c9.js";
|
|
6
6
|
import "./RPSplitter.js";
|
|
7
7
|
import "../../../contexts/ToolbarComponentContext.js";
|
|
8
8
|
import "../../../contexts/IconContext.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { x as J } from "../../../RPDefaultLayout-
|
|
3
|
+
import { x as J } from "../../../RPDefaultLayout-f02500c9.js";
|
|
4
4
|
import "../../../contexts/LayoutContainerContext.js";
|
|
5
5
|
import "../../icons/CloseIcon.js";
|
|
6
6
|
import "../../../utils/dateFormatter.js";
|
|
@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
|
|
|
3
3
|
import "../../../contexts/ToolbarComponentContext.js";
|
|
4
4
|
import "../../../contexts/IconContext.js";
|
|
5
5
|
import "../../ui/Button.js";
|
|
6
|
-
import { F as f } from "../../../RPDefaultLayout-
|
|
6
|
+
import { F as f } from "../../../RPDefaultLayout-f02500c9.js";
|
|
7
7
|
import "./MenuItem.js";
|
|
8
8
|
import "../../../contexts/ViewportContext.js";
|
|
9
9
|
import "../../ui/RPTooltip.js";
|
|
@@ -4,7 +4,7 @@ import "./MenuItem.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import "../../../contexts/RPDocumentContext.js";
|
|
6
6
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
7
|
-
import { M as I } from "../../../RPDefaultLayout-
|
|
7
|
+
import { M as I } from "../../../RPDefaultLayout-f02500c9.js";
|
|
8
8
|
import "../../../contexts/DarkModeContext.js";
|
|
9
9
|
import "../../../contexts/RotationContext.js";
|
|
10
10
|
import "../../../contexts/LayerContext.js";
|
|
@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
|
|
|
3
3
|
import "../../icons/ThreeDotIcon.js";
|
|
4
4
|
import "../../ui/Button.js";
|
|
5
5
|
import "../../ui/DropDown.js";
|
|
6
|
-
import { O as q } from "../../../RPDefaultLayout-
|
|
6
|
+
import { O as q } from "../../../RPDefaultLayout-f02500c9.js";
|
|
7
7
|
import "../../../contexts/OtherToolContext.js";
|
|
8
8
|
import "./DocumentProperties.js";
|
|
9
9
|
import "./RotateTool.js";
|
|
@@ -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 { w as b } from "../../../RPDefaultLayout-
|
|
6
|
+
import { w as b } from "../../../RPDefaultLayout-f02500c9.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 { y as s } from "../../../RPDefaultLayout-
|
|
6
|
+
import { y as s } from "../../../RPDefaultLayout-f02500c9.js";
|
|
7
7
|
import "../../../contexts/ViewportContext.js";
|
|
8
8
|
import "../../../contexts/LocalizationContext.js";
|
|
9
9
|
import "./MenuItem.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { G as a } from "../../../RPDefaultLayout-
|
|
3
|
+
import { G as a } from "../../../RPDefaultLayout-f02500c9.js";
|
|
4
4
|
import "../../../contexts/ToolbarComponentContext.js";
|
|
5
5
|
import "../../../contexts/ViewportContext.js";
|
|
6
6
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "./FileUploadTool.js";
|
|
3
3
|
import "./DarkModeTool.js";
|
|
4
|
-
import { z as b } from "../../../RPDefaultLayout-
|
|
4
|
+
import { z as b } from "../../../RPDefaultLayout-f02500c9.js";
|
|
5
5
|
import "./FullScreenTool.js";
|
|
6
6
|
import "../../../contexts/ViewportContext.js";
|
|
7
7
|
export {
|
|
@@ -2,14 +2,14 @@ import { jsx as t, Fragment as u, jsxs as e } from "react/jsx-runtime";
|
|
|
2
2
|
import { G as a } from "../../../index-7279fb4e.js";
|
|
3
3
|
import { ClockwiseIcon as i } from "../../icons/ClockwiseIcon.js";
|
|
4
4
|
import { MenuItem as n } from "./MenuItem.js";
|
|
5
|
-
import { MenuSeparator as
|
|
6
|
-
import { useRotate as
|
|
5
|
+
import { MenuSeparator as C } from "./MenuSeparator.js";
|
|
6
|
+
import { useRotate as s } from "../../../utils/hooks/useRotate.js";
|
|
7
7
|
import { useToolbarComponentContext as k } from "../../../contexts/ToolbarComponentContext.js";
|
|
8
8
|
import { useIconContext as m } from "../../../contexts/IconContext.js";
|
|
9
9
|
import c from "../../ui/RPTooltip.js";
|
|
10
10
|
import { useLocalizationContext as f } from "../../../contexts/LocalizationContext.js";
|
|
11
11
|
import '../../../assets/RotateTool.css';const d = {
|
|
12
|
-
"rp-rotate-counterclockwise": "_rp-rotate-
|
|
12
|
+
"rp-rotate-counterclockwise": "_rp-rotate-counterclockwise_1nqcb_1"
|
|
13
13
|
}, w = () => {
|
|
14
14
|
const { rotateClockwiseIcon: r } = m();
|
|
15
15
|
return r || /* @__PURE__ */ t(i, {});
|
|
@@ -17,7 +17,7 @@ import '../../../assets/RotateTool.css';const d = {
|
|
|
17
17
|
const { rotateCounterClockwiseIcon: r } = m();
|
|
18
18
|
return r || /* @__PURE__ */ t(i, { className: d["rp-rotate-counterclockwise"] });
|
|
19
19
|
}, G = () => {
|
|
20
|
-
const { handleRotateClockwise: r, handleRotateCounterclockwise: l } =
|
|
20
|
+
const { handleRotateClockwise: r, handleRotateCounterclockwise: l } = s(), { rotateTool: p } = k(), { localeMessages: o } = f();
|
|
21
21
|
return p ? /* @__PURE__ */ t(u, { children: /* @__PURE__ */ e(a, { children: [
|
|
22
22
|
/* @__PURE__ */ t(n, { onClick: r, children: /* @__PURE__ */ e(c, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
|
|
23
23
|
/* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(w, {}) }),
|
|
@@ -27,7 +27,7 @@ import '../../../assets/RotateTool.css';const d = {
|
|
|
27
27
|
/* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }),
|
|
28
28
|
o == null ? void 0 : o.rotateCounterclockwiseLabel
|
|
29
29
|
] }) }),
|
|
30
|
-
/* @__PURE__ */ t(
|
|
30
|
+
/* @__PURE__ */ t(C, {})
|
|
31
31
|
] }) }) : null;
|
|
32
32
|
};
|
|
33
33
|
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 { B as s } from "../../../RPDefaultLayout-
|
|
6
|
+
import { B as s } from "../../../RPDefaultLayout-f02500c9.js";
|
|
7
7
|
import "../../../SearchCloseButton-ddb9877e.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 { E as P } from "../../../RPDefaultLayout-
|
|
11
|
+
import { E as P } from "../../../RPDefaultLayout-f02500c9.js";
|
|
12
12
|
import "../../../contexts/IconContext.js";
|
|
13
13
|
import "../../../contexts/RPDocumentContext.js";
|
|
14
14
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
@@ -5,7 +5,7 @@ import "../../icons/ChevronUpIcon.js";
|
|
|
5
5
|
import "../../icons/ZoomInIcon.js";
|
|
6
6
|
import "../../icons/ZoomOutIcon.js";
|
|
7
7
|
import "../../ui/Button.js";
|
|
8
|
-
import { Z as w } from "../../../RPDefaultLayout-
|
|
8
|
+
import { Z as w } from "../../../RPDefaultLayout-f02500c9.js";
|
|
9
9
|
import "../../ui/DropDown.js";
|
|
10
10
|
import "../../../contexts/LayoutContainerContext.js";
|
|
11
11
|
import "../../../index-7279fb4e.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 { A as I } from "../../RPDefaultLayout-
|
|
5
|
+
import { A as I } from "../../RPDefaultLayout-f02500c9.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 F } from "../../RPDefaultLayout-
|
|
5
|
+
import { C as F } from "../../RPDefaultLayout-f02500c9.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 { r as E } from "../../RPDefaultLayout-
|
|
3
|
+
import { r as E } from "../../RPDefaultLayout-f02500c9.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 { q as E } from "../../RPDefaultLayout-
|
|
5
|
+
import { q as E } from "../../RPDefaultLayout-f02500c9.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 { p as F } from "../../RPDefaultLayout-
|
|
5
|
+
import { p as F } from "../../RPDefaultLayout-f02500c9.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../contexts/RotationContext.js";
|
|
8
8
|
import "../../contexts/LayerContext.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as g } from "react/jsx-runtime";
|
|
2
|
-
import { createContext as x, useContext as P, useState as
|
|
3
|
-
import { appConsole as
|
|
4
|
-
import { useDocumentContext as
|
|
5
|
-
import { useZoomContext as
|
|
2
|
+
import { createContext as x, useContext as P, useState as p, useEffect as l } from "react";
|
|
3
|
+
import { appConsole as v } from "../utils/appConsole.js";
|
|
4
|
+
import { useDocumentContext as w } from "./RPDocumentContext.js";
|
|
5
|
+
import { useZoomContext as C } from "./ZoomContext.js";
|
|
6
6
|
import { useRotationContext as y } from "./RotationContext.js";
|
|
7
7
|
import { PAGE_PADDING as f } from "../utils/constants.js";
|
|
8
8
|
const d = x({
|
|
@@ -12,31 +12,31 @@ const d = x({
|
|
|
12
12
|
},
|
|
13
13
|
setHeights: () => {
|
|
14
14
|
}
|
|
15
|
-
}),
|
|
15
|
+
}), _ = () => {
|
|
16
16
|
const o = P(d), { widths: s, heights: e } = o;
|
|
17
17
|
if (s && e) {
|
|
18
|
-
const
|
|
19
|
-
(!
|
|
18
|
+
const n = s.every((t) => typeof t == "number"), r = e.every((t) => typeof t == "number");
|
|
19
|
+
(!n || !r) && v.warn("Please use this hooks inside children component of RPProvider");
|
|
20
20
|
}
|
|
21
21
|
return o;
|
|
22
|
-
},
|
|
23
|
-
const [s, e] =
|
|
24
|
-
return
|
|
22
|
+
}, E = ({ children: o }) => {
|
|
23
|
+
const [s, e] = p([]), [n, r] = p([]), { pages: t } = w(), { currentZoom: m } = C(), { rotate: h } = y();
|
|
24
|
+
return l(() => {
|
|
25
25
|
if (!t)
|
|
26
26
|
return;
|
|
27
27
|
const c = [], u = [];
|
|
28
|
-
for (const
|
|
29
|
-
const
|
|
28
|
+
for (const i of Array.from(t.values())) {
|
|
29
|
+
const a = i.page.getViewport({
|
|
30
30
|
scale: m,
|
|
31
|
-
rotation: h,
|
|
31
|
+
rotation: h + i.defaultRotation,
|
|
32
32
|
dontFlip: !0
|
|
33
33
|
});
|
|
34
|
-
c.push(
|
|
34
|
+
c.push(a.width + f), u.push(a.height + f);
|
|
35
35
|
}
|
|
36
|
-
e((
|
|
37
|
-
}, [m, h, t]), /* @__PURE__ */ g(d.Provider, { value: { widths: s, heights:
|
|
36
|
+
e((i) => [...c]), r((i) => [...u]);
|
|
37
|
+
}, [m, h, t]), /* @__PURE__ */ g(d.Provider, { value: { widths: s, heights: n, setWidths: e, setHeights: r }, children: o });
|
|
38
38
|
};
|
|
39
39
|
export {
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
E as DimensionPagesProvider,
|
|
41
|
+
_ as useDimensionPagesContext
|
|
42
42
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { h as e, P as m, u as p } from "../RPDefaultLayout-
|
|
3
|
+
import { h as e, P as m, u as p } from "../RPDefaultLayout-f02500c9.js";
|
|
4
4
|
import "./RPDocumentContext.js";
|
|
5
5
|
import "../utils/appConsole.js";
|
|
6
6
|
export {
|
|
@@ -8,28 +8,28 @@ import { PAGE_PADDING as p } from "../utils/constants.js";
|
|
|
8
8
|
import { getZoomLevel as E } from "../utils/getZoomLevel.js";
|
|
9
9
|
import { useLayoutContainer as G } from "./LayoutContainerContext.js";
|
|
10
10
|
import { useViewModeContext as H } from "./ViewModeContext.js";
|
|
11
|
-
const
|
|
11
|
+
const d = P({
|
|
12
12
|
zoomLevel: 100,
|
|
13
13
|
currentZoom: 1,
|
|
14
14
|
setZoomLevel: () => {
|
|
15
15
|
}
|
|
16
16
|
}), T = () => {
|
|
17
|
-
const n = L(
|
|
17
|
+
const n = L(d);
|
|
18
18
|
return typeof n.currentZoom != "number" && b.warn("Please use this hooks inside children component of RPProvider"), n;
|
|
19
19
|
}, q = ({ children: n }) => {
|
|
20
20
|
const {
|
|
21
21
|
initialScale: r = V.PAGE_FIT,
|
|
22
22
|
initialPage: u = 1,
|
|
23
23
|
initialRotation: l = 0
|
|
24
|
-
} = A(), [i, a] = y(typeof r == "number" ? r : 100), { pages: s } = D(), { pagesRef:
|
|
25
|
-
let
|
|
26
|
-
return
|
|
24
|
+
} = A(), [i, a] = y(typeof r == "number" ? r : 100), { pages: s } = D(), { pagesRef: e } = G(), { viewMode: h } = H(), f = c(() => i / 100, [i]), t = c(() => {
|
|
25
|
+
let o = s.get(u);
|
|
26
|
+
return o || (o = s.get(1)), o == null ? void 0 : o.page.getViewport({ scale: 1, rotation: l + o.defaultRotation });
|
|
27
27
|
}, [s, u, l]), m = c(() => {
|
|
28
28
|
if (!t)
|
|
29
29
|
return 0;
|
|
30
|
-
const
|
|
31
|
-
return E(r, g, v,
|
|
32
|
-
}, [t, r,
|
|
30
|
+
const o = ((t == null ? void 0 : t.width) || 0) + 2 * p, Z = ((t == null ? void 0 : t.height) || 0) + 2 * p, g = (e == null ? void 0 : e.clientWidth) || 0, v = (e == null ? void 0 : e.clientHeight) || 0;
|
|
31
|
+
return E(r, g, v, o, Z, h);
|
|
32
|
+
}, [t, r, e]);
|
|
33
33
|
S(() => {
|
|
34
34
|
typeof m == "number" && m && a(m);
|
|
35
35
|
}, [m]);
|
|
@@ -38,10 +38,10 @@ const h = P({
|
|
|
38
38
|
currentZoom: f,
|
|
39
39
|
setZoomLevel: a
|
|
40
40
|
}), [f, i]);
|
|
41
|
-
return /* @__PURE__ */ C(
|
|
41
|
+
return /* @__PURE__ */ C(d.Provider, { value: x, children: n });
|
|
42
42
|
};
|
|
43
43
|
export {
|
|
44
|
-
|
|
44
|
+
d as ZoomContext,
|
|
45
45
|
q as ZoomProvider,
|
|
46
46
|
T as useZoomContext
|
|
47
47
|
};
|
package/dist/main.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RPProvider as t } from "./components/RPProvider.js";
|
|
2
|
-
import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-
|
|
2
|
+
import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-f02500c9.js";
|
|
3
3
|
import { RPConfig as a } from "./components/RPConfig.js";
|
|
4
4
|
import { RPController as l } from "./components/RPController.js";
|
|
5
5
|
import { RPTheme as P } from "./components/RPTheme.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 E } from "../../RPDefaultLayout-
|
|
5
|
+
import { c as E } from "../../RPDefaultLayout-f02500c9.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 g, useCallback as h, useEffect as A } from "react";
|
|
2
2
|
import { appConsole as c } from "../appConsole.js";
|
|
3
|
-
const b = /* @__PURE__ */ new Date("2025-06-
|
|
3
|
+
const b = /* @__PURE__ */ new Date("2025-06-26T11:15:25.162Z"), l = "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. ${l}`,
|
|
5
5
|
mismatchedDomain: `Your license key is not valid for the current domain / IP. ${l}`,
|
|
6
6
|
expired: `Your license key has expired. ${l}`,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
import * as
|
|
1
|
+
import { useState as u, useRef as T, useEffect as y } from "react";
|
|
2
|
+
import * as V from "pdfjs-dist";
|
|
3
3
|
import { getThumbnailViewport as D } from "../getThumbnailViewport.js";
|
|
4
4
|
import { useConfigContext as N } from "../../contexts/ConfigContext.js";
|
|
5
5
|
import { useDocumentPasswordContext as U } from "../../contexts/DocumentPasswordContext.js";
|
|
6
6
|
const h = (l, e, C = {}) => {
|
|
7
|
-
const [r, I] =
|
|
8
|
-
return
|
|
7
|
+
const [r, I] = u(), { workerUrlAdded: L } = N(), [q, k] = u(/* @__PURE__ */ new Map()), i = T(), [v, f] = u(0), [m, x] = u(!1), { password: d, passwordError: S, setPasswordError: g, passwordRequired: P, setPasswordRequired: c } = U(), { onLoadError: p, onLoaded: w } = C;
|
|
8
|
+
return y(() => {
|
|
9
9
|
if (!L || !l)
|
|
10
10
|
return;
|
|
11
11
|
f(0), i.current = Date.now();
|
|
@@ -14,42 +14,47 @@ const h = (l, e, C = {}) => {
|
|
|
14
14
|
cMapPacked: (e == null ? void 0 : e.isCompressed) ?? !0,
|
|
15
15
|
...(e == null ? void 0 : e.url) && { cMapUrl: e.url },
|
|
16
16
|
...d && { password: d },
|
|
17
|
-
verbosity:
|
|
18
|
-
}, n =
|
|
19
|
-
n.onProgress = (
|
|
17
|
+
verbosity: V.VerbosityLevel.ERRORS
|
|
18
|
+
}, n = V.getDocument(E);
|
|
19
|
+
n.onProgress = (o) => {
|
|
20
20
|
if (t === i.current) {
|
|
21
|
-
const { loaded: b, total:
|
|
22
|
-
f(
|
|
21
|
+
const { loaded: b, total: a } = o, R = a ? Math.min(100, Math.round(b / a * 100)) : 0;
|
|
22
|
+
f(R);
|
|
23
23
|
}
|
|
24
|
-
},
|
|
25
|
-
const
|
|
26
|
-
|
|
24
|
+
}, x(!0);
|
|
25
|
+
const s = n.promise.then((o) => (t === i.current && (I(o), f(100)), w && w(o), c(!1), g(""), o)).catch((o) => {
|
|
26
|
+
o instanceof Error && o.name === "PasswordException" ? (c(!0), g(o.message || "Password required")) : o instanceof Error && o.name === "InvalidPDFException" && d ? (c(!0), g("Incorrect password")) : p && p(o);
|
|
27
27
|
}).finally(() => {
|
|
28
|
-
|
|
28
|
+
x(!1);
|
|
29
29
|
});
|
|
30
30
|
return () => {
|
|
31
|
-
|
|
31
|
+
s.finally(() => {
|
|
32
32
|
n.destroy();
|
|
33
33
|
});
|
|
34
34
|
};
|
|
35
|
-
}, [l, L, d, p, w]),
|
|
35
|
+
}, [l, L, d, p, w]), y(() => {
|
|
36
36
|
if (P)
|
|
37
37
|
return;
|
|
38
38
|
const t = /* @__PURE__ */ new Map();
|
|
39
39
|
if (!r || m) {
|
|
40
|
-
|
|
40
|
+
k(t);
|
|
41
41
|
return;
|
|
42
42
|
}
|
|
43
43
|
const E = r.numPages, n = [];
|
|
44
|
-
for (let
|
|
45
|
-
const
|
|
46
|
-
n.push(
|
|
44
|
+
for (let s = 1; s <= E; s++) {
|
|
45
|
+
const o = r.getPage(s);
|
|
46
|
+
n.push(o);
|
|
47
47
|
}
|
|
48
|
-
Promise.all(n).then((
|
|
49
|
-
|
|
50
|
-
const { thumbnailViewport: b, scale:
|
|
51
|
-
t.set(
|
|
52
|
-
|
|
48
|
+
Promise.all(n).then((s) => {
|
|
49
|
+
s.map((o) => {
|
|
50
|
+
const { thumbnailViewport: b, scale: a } = D(o), R = o.getViewport();
|
|
51
|
+
t.set(o.pageNumber, {
|
|
52
|
+
page: o,
|
|
53
|
+
thumbnailViewport: b,
|
|
54
|
+
thumbnailScale: a,
|
|
55
|
+
defaultRotation: R.rotation
|
|
56
|
+
});
|
|
57
|
+
}), k(t);
|
|
53
58
|
});
|
|
54
59
|
}, [r, m, P]), {
|
|
55
60
|
pdf: r,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react";
|
|
2
2
|
import "../types.js";
|
|
3
|
-
import { g as G } from "../../RPDefaultLayout-
|
|
3
|
+
import { g as G } from "../../RPDefaultLayout-f02500c9.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 { v as G } from "../../RPDefaultLayout-
|
|
8
|
+
import { v as G } from "../../RPDefaultLayout-f02500c9.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 { i as F } from "../../RPDefaultLayout-
|
|
5
|
+
import { i as F } from "../../RPDefaultLayout-f02500c9.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 { f as F } from "../../RPDefaultLayout-
|
|
6
|
+
import { f as F } from "../../RPDefaultLayout-f02500c9.js";
|
|
7
7
|
import "../../contexts/DarkModeContext.js";
|
|
8
8
|
import "../types.js";
|
|
9
9
|
import "../../contexts/RotationContext.js";
|