@pdf-viewer/react 1.9.0-beta.5 → 1.9.0-beta.6
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/{Combination-da8647d4.js → Combination-9a0a3e65.js} +14 -14
- package/dist/ToolbarLayout.module-88476995.js +2464 -0
- package/dist/assets/ToolbarLayout.css +1 -1
- package/dist/components/RPController.js +35 -35
- 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/RPLayout.js +1 -1
- package/dist/components/layout/sidebar/RPSidebar.js +11 -11
- package/dist/components/layout/sidebar/Thumbnail.js +49 -2
- package/dist/components/layout/sidebar/Thumbnails.js +1 -1
- package/dist/components/layout/toolbar/DocumentDialog.js +11 -11
- package/dist/components/layout/toolbar/FileDownloadTool.js +1 -1
- package/dist/components/layout/toolbar/MenuItem.js +1 -1
- package/dist/components/layout/toolbar/MenuSeparator.js +1 -1
- package/dist/components/layout/toolbar/MostPageTool.js +2 -2
- package/dist/components/layout/toolbar/OtherTool.js +2 -2
- package/dist/components/layout/toolbar/Paginate.js +6 -6
- package/dist/components/layout/toolbar/PrintTool.js +1 -1
- package/dist/components/layout/toolbar/RPToolbar.js +3 -3
- package/dist/components/layout/toolbar/RotateTool.js +1 -1
- package/dist/components/layout/toolbar/ScrollModeTool.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/SelectionModeTool.js +1 -1
- package/dist/components/layout/toolbar/ThumbnailTool.js +6 -6
- package/dist/components/layout/toolbar/ToolbarCustom.js +3 -3
- package/dist/components/layout/toolbar/ToolbarDefault.js +7 -7
- package/dist/components/layout/toolbar/ViewModeTool.js +1 -1
- package/dist/components/layout/toolbar/ZoomTool.js +8 -8
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +1 -1
- package/dist/components/layout/toolbar/tools/InputPageTool.js +5 -5
- 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/ZoomLevelTool.js +7 -7
- 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 +2 -3
- 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/Checkbox.js +1 -1
- package/dist/components/ui/DropDown.js +1 -1
- package/dist/components/ui/LoadingIndicator.js +6 -6
- package/dist/components/ui/RPTooltip.js +197 -410
- package/dist/contexts/ElementPageContext.js +37 -37
- package/dist/contexts/FileInputContext.js +18 -20
- package/dist/contexts/PaginationContext.js +1 -1
- package/dist/contexts/PrintContext.js +2 -2
- package/dist/contexts/RenderQueueProvider.js +10 -0
- package/dist/contexts/SearchContext.js +1 -1
- package/dist/contexts/ThumbnailsContext.js +1 -1
- package/dist/{index-8547fbc6.js → index-2160dd99.js} +5 -5
- package/dist/index-492f99d0.js +1657 -0
- package/dist/index-49b9a615.js +978 -0
- package/dist/main.js +1 -1
- package/dist/types/components/layout/sidebar/Thumbnail.d.ts +0 -1
- package/dist/types/contexts/RenderQueueProvider.d.ts +16 -0
- package/dist/types/utils/Queue.d.ts +18 -0
- package/dist/types/utils/renderPage.d.ts +1 -6
- package/dist/types/utils/types.d.ts +5 -0
- package/dist/utils/Queue.js +47 -0
- package/dist/utils/hooks/useFileDownload.js +1 -1
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/usePageRotateContext.js +14 -14
- package/dist/utils/hooks/usePaginate.js +2 -2
- 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 +2 -3
- package/dist/utils/hooks/useVirtualReactWindow.js +1 -1
- package/package.json +1 -1
- package/dist/ToolbarLayout.module-60c3d6e8.js +0 -2434
- package/dist/floating-ui.react-dom-f3f380e0.js +0 -1447
- package/dist/index-473557b1.js +0 -1191
|
@@ -8,7 +8,7 @@ import { UIInput as ao } from "../../ui/Input.js";
|
|
|
8
8
|
import { UICheckbox as U } from "../../ui/Checkbox.js";
|
|
9
9
|
import { ClearIcon as so } from "../../icons/ClearIcon.js";
|
|
10
10
|
import { LoaderIcon as po } from "../../icons/LoaderIcon.js";
|
|
11
|
-
import { c as mo } from "../../../ToolbarLayout.module-
|
|
11
|
+
import { c as mo } from "../../../ToolbarLayout.module-88476995.js";
|
|
12
12
|
import { useIconContext as lo } from "../../../contexts/IconContext.js";
|
|
13
13
|
import { useDocumentContext as ho } from "../../../contexts/RPDocumentContext.js";
|
|
14
14
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
import { G as a } from "../../../index-
|
|
2
|
+
import { G as a } from "../../../index-49b9a615.js";
|
|
3
3
|
import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
|
|
4
4
|
import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
|
|
5
5
|
import { CheckIcon as l } from "../../icons/CheckIcon.js";
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsx as o, Fragment as u } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { g as a } from "../../../ToolbarLayout.module-88476995.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";
|
|
6
|
-
import { useLocalizationContext as
|
|
7
|
-
import { useToolComponentContext as
|
|
6
|
+
import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
|
|
7
|
+
import { useToolComponentContext as f } from "../../../contexts/ToolComponentContext.js";
|
|
8
8
|
import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
|
|
9
|
-
const
|
|
10
|
-
const { active: t, setActive: c } = a(), { thumbnailIcon: l } = s(), { thumbnailTool: n = !0 } =
|
|
9
|
+
const j = () => {
|
|
10
|
+
const { active: t, setActive: c } = a(), { thumbnailIcon: l } = s(), { thumbnailTool: n = !0 } = f(), { localeMessages: i } = T(), r = i == null ? void 0 : i.thumbnailTooltip, m = () => {
|
|
11
11
|
c(!t);
|
|
12
12
|
};
|
|
13
13
|
return n ? typeof n == "function" ? /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(n, { onClick: m, active: t }) }) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(p, { onClick: m, active: t, "aria-label": r, children: l || /* @__PURE__ */ o(h, {}) }) }) }) : null;
|
|
14
14
|
};
|
|
15
15
|
export {
|
|
16
|
-
|
|
16
|
+
j as ThumbnailTool
|
|
17
17
|
};
|
|
@@ -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 {
|
|
3
|
+
import { g, b as v, n as o, l as C } from "../../../ToolbarLayout.module-88476995.js";
|
|
4
4
|
import { useLayoutContainer as x } from "../../../contexts/LayoutContainerContext.js";
|
|
5
5
|
import { useToolbarComponentContext as N } from "../../../contexts/ToolbarComponentContext.js";
|
|
6
6
|
import "../../../contexts/RPDocumentContext.js";
|
|
@@ -52,7 +52,7 @@ import "../../../WrapperLayout.module-147bc943.js";
|
|
|
52
52
|
import "../../../RPTheme.module-bd9038da.js";
|
|
53
53
|
import "../../../contexts/ThemeContext.js";
|
|
54
54
|
const Tr = (a) => {
|
|
55
|
-
const { children: c, toolbar: l } = a, d = f(null), { setContentRef: h } = x(), { active: n } =
|
|
55
|
+
const { children: c, toolbar: l } = a, d = f(null), { setContentRef: h } = x(), { active: n } = g(), { showPrintProgress: u } = N(), { progress: b } = v(), { percentage: s } = b || {}, r = l, i = r == null ? void 0 : r.topbar, m = r == null ? void 0 : r.leftSidebar;
|
|
56
56
|
return /* @__PURE__ */ p(e, { children: [
|
|
57
57
|
/* @__PURE__ */ p("div", { className: o["rp-toolbar-layout"], children: [
|
|
58
58
|
i && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: i == null ? void 0 : i.component }),
|
|
@@ -65,7 +65,7 @@ const Tr = (a) => {
|
|
|
65
65
|
"data-rp": "thumbnailSidebar",
|
|
66
66
|
hidden: !n,
|
|
67
67
|
className: o["rp-thumbnails-wrapper"],
|
|
68
|
-
children: /* @__PURE__ */ t(
|
|
68
|
+
children: /* @__PURE__ */ t(C, { show: n, ref: d })
|
|
69
69
|
}
|
|
70
70
|
)
|
|
71
71
|
] }),
|
|
@@ -1,8 +1,8 @@
|
|
|
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 {
|
|
4
|
-
import { useLayoutContainer as
|
|
5
|
-
import { useToolbarComponentContext as
|
|
3
|
+
import { g as h, b as u, n as t, l as b } from "../../../ToolbarLayout.module-88476995.js";
|
|
4
|
+
import { useLayoutContainer as f } from "../../../contexts/LayoutContainerContext.js";
|
|
5
|
+
import { useToolbarComponentContext as g } from "../../../contexts/ToolbarComponentContext.js";
|
|
6
6
|
import "../../../contexts/RPDocumentContext.js";
|
|
7
7
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
8
8
|
import "../../../contexts/DarkModeContext.js";
|
|
@@ -45,7 +45,7 @@ import "../../../RotateTool.module-03987eba.js";
|
|
|
45
45
|
import "../../../SearchTool.module-016f3a8d.js";
|
|
46
46
|
import "../../../Checkbox.module-3edaacbb.js";
|
|
47
47
|
import "../../icons/LoaderIcon.js";
|
|
48
|
-
import
|
|
48
|
+
import v from "../../ui/LoadingIndicator.js";
|
|
49
49
|
import "../../../RPSplitter.module-13d612c4.js";
|
|
50
50
|
import "../../../Container.module-f8b5c306.js";
|
|
51
51
|
import "../../../WrapperLayout.module-147bc943.js";
|
|
@@ -54,7 +54,7 @@ import "../../../contexts/ThemeContext.js";
|
|
|
54
54
|
import { RPHorizontalBar as x } from "./tools/defaults/RPHorizontalBar.js";
|
|
55
55
|
import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
|
|
56
56
|
const Pr = (e) => {
|
|
57
|
-
const { children: a } = e, n = d(null), { setContentRef: s } =
|
|
57
|
+
const { children: a } = e, n = d(null), { setContentRef: s } = f(), { active: i } = h(), { showPrintProgress: l } = g(), { progress: c } = u(), { percentage: m } = c || {};
|
|
58
58
|
return /* @__PURE__ */ o(p, { children: [
|
|
59
59
|
/* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
|
|
60
60
|
/* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(x, {}) }),
|
|
@@ -67,14 +67,14 @@ const Pr = (e) => {
|
|
|
67
67
|
"data-rp": "thumbnailSidebar",
|
|
68
68
|
hidden: !i,
|
|
69
69
|
className: t["rp-thumbnails-wrapper"],
|
|
70
|
-
children: /* @__PURE__ */ r(
|
|
70
|
+
children: /* @__PURE__ */ r(b, { show: i, ref: n })
|
|
71
71
|
}
|
|
72
72
|
)
|
|
73
73
|
] }),
|
|
74
74
|
/* @__PURE__ */ r("div", { ref: s, className: t["rp-pages"], children: a })
|
|
75
75
|
] })
|
|
76
76
|
] }),
|
|
77
|
-
l && m ? /* @__PURE__ */ r(
|
|
77
|
+
l && m ? /* @__PURE__ */ r(v, { percentage: m }) : null
|
|
78
78
|
] });
|
|
79
79
|
};
|
|
80
80
|
export {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, Fragment as I, jsxs as r } from "react/jsx-runtime";
|
|
2
|
-
import { G as P } from "../../../index-
|
|
2
|
+
import { G as P } from "../../../index-49b9a615.js";
|
|
3
3
|
import { MenuSeparator as T } from "./MenuSeparator.js";
|
|
4
4
|
import { MenuItem as m } from "./MenuItem.js";
|
|
5
5
|
import { DualPageIcon as C } from "../../icons/SinglePageIcon.js";
|
|
@@ -5,10 +5,10 @@ import { ChevronUpIcon as q } from "../../icons/ChevronUpIcon.js";
|
|
|
5
5
|
import { ZoomInIcon as J } from "../../icons/ZoomInIcon.js";
|
|
6
6
|
import { ZoomOutIcon as K } from "../../icons/ZoomOutIcon.js";
|
|
7
7
|
import { UIButton as C } from "../../ui/Button.js";
|
|
8
|
-
import { u as Q,
|
|
8
|
+
import { u as Q, i as c } from "../../../ToolbarLayout.module-88476995.js";
|
|
9
9
|
import { UIDropDown as Y } from "../../ui/DropDown.js";
|
|
10
10
|
import { useLayoutContainer as M } from "../../../contexts/LayoutContainerContext.js";
|
|
11
|
-
import { G as A } from "../../../index-
|
|
11
|
+
import { G as A } from "../../../index-49b9a615.js";
|
|
12
12
|
import { MenuItem as d } from "./MenuItem.js";
|
|
13
13
|
import { MenuSeparator as oo } from "./MenuSeparator.js";
|
|
14
14
|
import { useToolbarComponentContext as to } from "../../../contexts/ToolbarComponentContext.js";
|
|
@@ -25,14 +25,14 @@ import { usePagesRotateContext as co } from "../../../contexts/PagesRotateContex
|
|
|
25
25
|
import { c as po } from "../../../clsx-0c6e471a.js";
|
|
26
26
|
import { useIconToolContext as D } from "../../../contexts/IconToolContext.js";
|
|
27
27
|
import { useToolComponentContext as uo } from "../../../contexts/ToolComponentContext.js";
|
|
28
|
-
const lo = 25, T = 1e3, so = [50, 75, 100, 125, 150, 200, 300, 400],
|
|
28
|
+
const lo = 25, T = 1e3, so = [50, 75, 100, 125, 150, 200, 300, 400], fo = () => {
|
|
29
29
|
const { zoomInIcon: e } = S(), { zoomInIcon: r } = D();
|
|
30
30
|
return e || r || /* @__PURE__ */ t(J, {});
|
|
31
|
-
},
|
|
31
|
+
}, ho = () => {
|
|
32
32
|
const { zoomOutIcon: e } = S(), { zoomOutIcon: r } = D();
|
|
33
33
|
return e || r || /* @__PURE__ */ t(K, {});
|
|
34
34
|
}, Ro = () => {
|
|
35
|
-
const { zoomLevel: e, setZoomLevel: r } = $(), { container: N, pagesRef: i } = M(), { zoomTool:
|
|
35
|
+
const { zoomLevel: e, setZoomLevel: r } = $(), { container: N, pagesRef: i } = M(), { zoomTool: f = !0 } = to(), { zoomTool: h = !0 } = uo(), { focusedPage: a } = Q(), { pageRotate: Z } = co(), { pages: b } = io(), { isSmallScreen: W } = no(), { localeMessages: o } = eo(), { viewMode: g } = mo(), [k, E] = L(0), [O, H] = L(!1), v = B(
|
|
36
36
|
new ResizeObserver((n) => {
|
|
37
37
|
E(n[0].contentRect.height);
|
|
38
38
|
})
|
|
@@ -70,14 +70,14 @@ const lo = 25, T = 1e3, so = [50, 75, 100, 125, 150, 200, 300, 400], ho = () =>
|
|
|
70
70
|
);
|
|
71
71
|
return X(() => (i && v.current.observe(i), () => {
|
|
72
72
|
v.current.disconnect();
|
|
73
|
-
}), [i]), !
|
|
73
|
+
}), [i]), !f || !h ? null : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: e, setZoomLevel: r }) : typeof h == "function" ? /* @__PURE__ */ t(h, { zoomLevel: e, setZoomLevel: r }) : /* @__PURE__ */ u("div", { className: c["rp-zoom-wrapper"], children: [
|
|
74
74
|
/* @__PURE__ */ t(I, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
|
|
75
75
|
C,
|
|
76
76
|
{
|
|
77
77
|
disabled: _,
|
|
78
78
|
onClick: G,
|
|
79
79
|
"aria-label": o == null ? void 0 : o.zoomOutTooltip,
|
|
80
|
-
children: /* @__PURE__ */ t(
|
|
80
|
+
children: /* @__PURE__ */ t(ho, {})
|
|
81
81
|
}
|
|
82
82
|
) }),
|
|
83
83
|
!W && /* @__PURE__ */ t(
|
|
@@ -132,7 +132,7 @@ const lo = 25, T = 1e3, so = [50, 75, 100, 125, 150, 200, 300, 400], ho = () =>
|
|
|
132
132
|
disabled: U,
|
|
133
133
|
onClick: y,
|
|
134
134
|
"aria-label": o == null ? void 0 : o.zoomInTooltip,
|
|
135
|
-
children: /* @__PURE__ */ t(
|
|
135
|
+
children: /* @__PURE__ */ t(fo, {})
|
|
136
136
|
}
|
|
137
137
|
) })
|
|
138
138
|
] });
|
|
@@ -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 { a as d } from "../../../../ToolbarLayout.module-
|
|
4
|
+
import { a as d } from "../../../../ToolbarLayout.module-88476995.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
|
-
import { jsxs as u, Fragment as
|
|
1
|
+
import { jsxs as u, Fragment as P, 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,
|
|
3
|
+
import { u as x, h as p } from "../../../../ToolbarLayout.module-88476995.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";
|
|
@@ -17,17 +17,17 @@ const k = () => {
|
|
|
17
17
|
t.success || e(t.currentPage.toString());
|
|
18
18
|
}, [c, r, s]), f = o(() => {
|
|
19
19
|
e(n.toString());
|
|
20
|
-
}, [n]),
|
|
20
|
+
}, [n]), h = o(
|
|
21
21
|
(t) => {
|
|
22
22
|
t.key === "Enter" && i();
|
|
23
23
|
},
|
|
24
24
|
[i]
|
|
25
25
|
);
|
|
26
|
-
return /* @__PURE__ */ u(
|
|
26
|
+
return /* @__PURE__ */ u(P, { children: [
|
|
27
27
|
/* @__PURE__ */ g(y, { content: a == null ? void 0 : a.currentPageTooltip, children: /* @__PURE__ */ g(
|
|
28
28
|
E,
|
|
29
29
|
{
|
|
30
|
-
onKeyDown:
|
|
30
|
+
onKeyDown: h,
|
|
31
31
|
onBlur: f,
|
|
32
32
|
onChange: m,
|
|
33
33
|
value: r,
|
|
@@ -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-88476995.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-88476995.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 { b as m } from "../../../../ToolbarLayout.module-
|
|
4
|
+
import { b as m } from "../../../../ToolbarLayout.module-88476995.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 }), d = ({ icon: o }) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o, Fragment as l } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { g as h } from "../../../../ToolbarLayout.module-88476995.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,10 +2,10 @@ import { jsx as e, Fragment as Z, jsxs as p } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as G, useRef as N, useMemo as S, useCallback as z, useEffect as W } from "react";
|
|
3
3
|
import { useZoomContext as k } from "../../../../contexts/ZoomContext.js";
|
|
4
4
|
import { UIButton as E } from "../../../ui/Button.js";
|
|
5
|
-
import { u as y,
|
|
5
|
+
import { u as y, i } from "../../../../ToolbarLayout.module-88476995.js";
|
|
6
6
|
import { UIDropDown as F } from "../../../ui/DropDown.js";
|
|
7
7
|
import { useLayoutContainer as R } from "../../../../contexts/LayoutContainerContext.js";
|
|
8
|
-
import { G as C } from "../../../../index-
|
|
8
|
+
import { G as C } from "../../../../index-49b9a615.js";
|
|
9
9
|
import { MenuItem as l } from "../MenuItem.js";
|
|
10
10
|
import { MenuSeparator as U } from "../MenuSeparator.js";
|
|
11
11
|
import { PAGE_PADDING as g } from "../../../../utils/constants.js";
|
|
@@ -17,15 +17,15 @@ import { useDocumentContext as V } from "../../../../contexts/RPDocumentContext.
|
|
|
17
17
|
import { useViewModeContext as B } from "../../../../contexts/ViewModeContext.js";
|
|
18
18
|
import { useRotationContext as $ } from "../../../../contexts/RotationContext.js";
|
|
19
19
|
import { ChevronDownIcon as q } from "../../../icons/ChevronDownIcon.js";
|
|
20
|
-
const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon:
|
|
21
|
-
const { zoomLevel: v, setZoomLevel: m } = k(), { container: L, pagesRef: r } = R(), { focusedPage:
|
|
20
|
+
const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: u }) => {
|
|
21
|
+
const { zoomLevel: v, setZoomLevel: m } = k(), { container: L, pagesRef: r } = R(), { focusedPage: h } = y(), { rotate: a } = $(), { pages: d } = V(), { localeMessages: o } = O(), { viewMode: P } = B(), [b, w] = G(0), f = N(
|
|
22
22
|
new ResizeObserver((t) => {
|
|
23
23
|
w(t[0].contentRect.height);
|
|
24
24
|
})
|
|
25
25
|
), n = S(() => {
|
|
26
|
-
const t = d.get(
|
|
26
|
+
const t = d.get(h);
|
|
27
27
|
return t ? t.page.getViewport({ scale: 1, rotation: a + t.defaultRotation }) : null;
|
|
28
|
-
}, [d,
|
|
28
|
+
}, [d, h, a]), x = z(
|
|
29
29
|
(t) => {
|
|
30
30
|
const A = ((n == null ? void 0 : n.width) || 0) + 2 * g, D = ((n == null ? void 0 : n.height) || 0) + 2 * g, H = (r == null ? void 0 : r.clientWidth) || 0, I = (r == null ? void 0 : r.clientHeight) || 0, T = j(
|
|
31
31
|
t,
|
|
@@ -58,7 +58,7 @@ const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: h }) => {
|
|
|
58
58
|
children: [
|
|
59
59
|
/* @__PURE__ */ e("span", { className: i["rp-current-zoom-text"], children: v }),
|
|
60
60
|
/* @__PURE__ */ e("span", { className: i["rp-current-zoom-text"], children: "%" }),
|
|
61
|
-
/* @__PURE__ */ e("div", { className: i["rp-zoom-level-icon"], children:
|
|
61
|
+
/* @__PURE__ */ e("div", { className: i["rp-zoom-level-icon"], children: u || /* @__PURE__ */ e(q, {}) })
|
|
62
62
|
]
|
|
63
63
|
}
|
|
64
64
|
) }) }),
|
|
@@ -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 {
|
|
5
|
+
import { j as t } from "../../../../../ToolbarLayout.module-88476995.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 {
|
|
5
|
+
import { F as io } from "../../ToolbarLayout.module-88476995.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 {
|
|
5
|
+
import { D as $ } from "../../ToolbarLayout.module-88476995.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../contexts/RotationContext.js";
|
|
8
8
|
import "../../contexts/LayerContext.js";
|
|
@@ -50,7 +50,6 @@ import "../../Container.module-f8b5c306.js";
|
|
|
50
50
|
import "../../WrapperLayout.module-147bc943.js";
|
|
51
51
|
import "../../RPTheme.module-bd9038da.js";
|
|
52
52
|
import "../../contexts/ThemeContext.js";
|
|
53
|
-
import "../../utils/renderPage.js";
|
|
54
53
|
export {
|
|
55
|
-
|
|
54
|
+
$ as CanvasLayer
|
|
56
55
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import {
|
|
3
|
+
import { H as ro } from "../../ToolbarLayout.module-88476995.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 {
|
|
5
|
+
import { G as tr } from "../../ToolbarLayout.module-88476995.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 {
|
|
5
|
+
import { E as or } from "../../ToolbarLayout.module-88476995.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 { jsxs as S, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import * as n from "react";
|
|
3
|
-
import { c as j, u as A, e as B, P as w, a as g, b as H, f as K } from "../../index-
|
|
3
|
+
import { c as j, u as A, e as B, P as w, a as g, b as H, f as K } from "../../index-2160dd99.js";
|
|
4
4
|
import { c as R } from "../../Checkbox.module-3edaacbb.js";
|
|
5
5
|
import { CheckIcon as L } from "../icons/CheckIcon.js";
|
|
6
6
|
function q(e) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as l, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { R as m, T as p, P as d, C as f } from "../../index-
|
|
2
|
+
import { R as m, T as p, P as d, C as f } from "../../index-49b9a615.js";
|
|
3
3
|
import { c as g } from "../../DropDown.module-a78567cb.js";
|
|
4
4
|
import { c as h } from "../../clsx-0c6e471a.js";
|
|
5
5
|
const u = (r) => {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as a, jsxs as
|
|
2
|
-
import { b as s,
|
|
1
|
+
import { jsx as a, jsxs as t } from "react/jsx-runtime";
|
|
2
|
+
import { b as s, m as i } from "../../ToolbarLayout.module-88476995.js";
|
|
3
3
|
import { c as n } from "../../clsx-0c6e471a.js";
|
|
4
4
|
import { useLocalizationContext as d } from "../../contexts/LocalizationContext.js";
|
|
5
5
|
const u = ({ percentage: o }) => {
|
|
6
|
-
const { cancel:
|
|
7
|
-
return o < 1 ? null : /* @__PURE__ */ a("div", { className: n(i["rp-loading-overlay"]), children: /* @__PURE__ */
|
|
8
|
-
/* @__PURE__ */
|
|
6
|
+
const { cancel: l } = s(), { localeMessages: r } = d();
|
|
7
|
+
return o < 1 ? null : /* @__PURE__ */ a("div", { className: n(i["rp-loading-overlay"]), children: /* @__PURE__ */ t("div", { className: n(i["rp-loading-modal"]), children: [
|
|
8
|
+
/* @__PURE__ */ t("div", { className: n(i["rp-loading-title"]), children: [
|
|
9
9
|
r == null ? void 0 : r.printLoadingMessage,
|
|
10
10
|
"..."
|
|
11
11
|
] }),
|
|
@@ -16,7 +16,7 @@ const u = ({ percentage: o }) => {
|
|
|
16
16
|
style: { width: `${o}%` }
|
|
17
17
|
}
|
|
18
18
|
) }),
|
|
19
|
-
/* @__PURE__ */ a("button", { className: n(i["rp-loading-cancel-button"]), onClick:
|
|
19
|
+
/* @__PURE__ */ a("button", { className: n(i["rp-loading-cancel-button"]), onClick: l, children: r == null ? void 0 : r.printCancelLabel })
|
|
20
20
|
] }) });
|
|
21
21
|
};
|
|
22
22
|
export {
|