@pdf-viewer/react 1.12.0 → 1.13.0-rc.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/ToolbarLayout.module-126458d9.js +3539 -0
- package/dist/assets/style.css +1 -1
- package/dist/components/RPController.js +48 -48
- package/dist/components/RPPages.js +3 -4
- package/dist/components/RPProvider.js +4 -5
- package/dist/components/layout/LayoutContainer.js +3 -4
- package/dist/components/layout/RPDefaultLayout.js +3 -4
- package/dist/components/layout/RPLayout.js +13 -14
- package/dist/components/layout/sidebar/RPSidebar.js +2 -3
- package/dist/components/layout/sidebar/Thumbnail.js +3 -4
- package/dist/components/layout/sidebar/Thumbnails.js +3 -4
- package/dist/components/layout/toolbar/DocumentDialog.js +3 -4
- package/dist/components/layout/toolbar/FileDownloadTool.js +3 -4
- package/dist/components/layout/toolbar/MostPageTool.js +3 -4
- package/dist/components/layout/toolbar/OtherTool.js +3 -4
- package/dist/components/layout/toolbar/Paginate.js +3 -4
- package/dist/components/layout/toolbar/PrintTool.js +3 -4
- package/dist/components/layout/toolbar/RPMoreOptions.js +4 -5
- package/dist/components/layout/toolbar/RPToolbar.js +5 -6
- package/dist/components/layout/toolbar/RPToolbarEnd.js +3 -4
- package/dist/components/layout/toolbar/SearchResultNavigator.js +3 -4
- package/dist/components/layout/toolbar/SearchTool.js +3 -4
- package/dist/components/layout/toolbar/ThumbnailTool.js +5 -6
- package/dist/components/layout/toolbar/ToolbarCustom.js +5 -6
- package/dist/components/layout/toolbar/ToolbarDefault.js +5 -6
- package/dist/components/layout/toolbar/ToolbarLayout.js +4 -5
- package/dist/components/layout/toolbar/ZoomTool.js +117 -130
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +4 -5
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +4 -5
- package/dist/components/layout/toolbar/tools/InputPageTool.js +4 -5
- package/dist/components/layout/toolbar/tools/NextPageTool.js +4 -5
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +4 -5
- package/dist/components/layout/toolbar/tools/PrintTool.js +4 -5
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +4 -5
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +20 -19
- package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +141 -0
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +132 -27
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +13 -12
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +12 -13
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +4 -5
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +4 -5
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +4 -5
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +4 -5
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +4 -5
- package/dist/components/page/AnnotationLayer.js +3 -4
- package/dist/components/page/CanvasLayer.js +3 -4
- package/dist/components/page/DualPage.js +3 -4
- package/dist/components/page/RPPage.js +3 -4
- package/dist/components/page/SinglePage.js +3 -4
- package/dist/components/page/TextHighlightLayer.js +3 -4
- package/dist/components/page/TextLayer.js +3 -4
- package/dist/components/ui/LoadingIndicator.js +3 -4
- package/dist/contexts/PaginationContext.js +5 -6
- package/dist/contexts/PrintContext.js +5 -6
- package/dist/contexts/RenderQueueProvider.js +5 -6
- package/dist/contexts/SearchContext.js +5 -6
- package/dist/contexts/ThumbnailsContext.js +5 -6
- package/dist/main.js +81 -81
- package/dist/types/components/layout/toolbar/tools/ZoomLevelDisplay.d.ts +7 -0
- package/dist/types/main.d.ts +1 -1
- package/dist/types/utils/types.d.ts +1 -0
- package/dist/types/utils/zoom.d.ts +2 -0
- package/dist/utils/hooks/useFileDownload.js +3 -4
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/usePaginate.js +3 -4
- package/dist/utils/hooks/usePresentPage.js +3 -4
- package/dist/utils/hooks/usePrint.js +3 -4
- package/dist/utils/hooks/useScrollToPage.js +3 -4
- package/dist/utils/hooks/useSearch.js +3 -4
- package/dist/utils/hooks/useThumbnail.js +3 -4
- package/dist/utils/hooks/useVirtualReactWindow.js +3 -4
- package/dist/utils/zoom.js +6 -0
- package/package.json +1 -1
- package/dist/ToolbarLayout.module-1f1dd627.js +0 -3416
- package/dist/ZoomTool.module-7082af8c.js +0 -12
|
@@ -1,25 +1,27 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import "../../../contexts/ZoomContext.js";
|
|
4
|
+
import "../../icons/ChevronUpIcon.js";
|
|
5
|
+
import "../../icons/ZoomInIcon.js";
|
|
6
|
+
import "../../icons/ZoomOutIcon.js";
|
|
7
|
+
import "../../ui/Button.js";
|
|
8
|
+
import { m as Em } from "../../../ToolbarLayout.module-126458d9.js";
|
|
9
|
+
import "../../ui/DropDown.js";
|
|
10
|
+
import "../../../contexts/LayoutContainerContext.js";
|
|
11
|
+
import "../../../index-3bf64864.js";
|
|
12
|
+
import "./MenuItem.js";
|
|
13
|
+
import "./MenuSeparator.js";
|
|
14
|
+
import "../../../contexts/ToolbarComponentContext.js";
|
|
15
|
+
import "../../../contexts/IconContext.js";
|
|
16
|
+
import "../../../contexts/ViewportContext.js";
|
|
17
|
+
import "../../ui/RPTooltip.js";
|
|
18
|
+
import "../../../utils/types.js";
|
|
19
|
+
import "../../../contexts/LocalizationContext.js";
|
|
20
|
+
import "../../../clsx-0c6e471a.js";
|
|
21
|
+
import "../../../contexts/IconToolContext.js";
|
|
22
|
+
import "../../../contexts/ToolComponentContext.js";
|
|
23
|
+
import "../../../utils/constants.js";
|
|
24
|
+
import "../../../utils/zoom.js";
|
|
23
25
|
import "../../../utils/appConsole.js";
|
|
24
26
|
import "../../../contexts/InitialStateContext.js";
|
|
25
27
|
import "../../../contexts/RPDocumentContext.js";
|
|
@@ -32,7 +34,6 @@ import "../../../th_TH-d627cd51.js";
|
|
|
32
34
|
import "../../../utils/hooks/usePdfProperties.js";
|
|
33
35
|
import "../../../utils/convertPdfDate.js";
|
|
34
36
|
import "../../../utils/formatFileSize.js";
|
|
35
|
-
import "../../../utils/constants.js";
|
|
36
37
|
import "../../../utils/getZoomLevel.js";
|
|
37
38
|
import "../../../contexts/ViewModeContext.js";
|
|
38
39
|
import "../../../contexts/RotationContext.js";
|
|
@@ -40,115 +41,101 @@ import "../../../contexts/GlobalCurrentPage.js";
|
|
|
40
41
|
import "../../../contexts/EventCallbackContext.js";
|
|
41
42
|
import "../../../utils/hooks/useDebounce.js";
|
|
42
43
|
import "../../../utils/withRef.js";
|
|
44
|
+
import "../../ui/Input.js";
|
|
45
|
+
import "../../../contexts/ScrollModeContext.js";
|
|
46
|
+
import "../../../contexts/DarkModeContext.js";
|
|
47
|
+
import "../../../utils/hooks/useDarkMode.js";
|
|
48
|
+
import "../../../contexts/LayerContext.js";
|
|
49
|
+
import "../../../contexts/VirtualScrollContext.js";
|
|
50
|
+
import "../../../contexts/VirtualGridContext.js";
|
|
51
|
+
import "../../../contexts/SelectionModeContext.js";
|
|
52
|
+
import "../../../contexts/FullScreenContext.js";
|
|
53
|
+
import "../../../utils/hooks/useFullScreen.js";
|
|
54
|
+
import "../../../contexts/FileInputContext.js";
|
|
55
|
+
import "../../../contexts/DropFileZoneContext.js";
|
|
56
|
+
import "../../../utils/highlight.js";
|
|
57
|
+
import "../../../utils/charators.js";
|
|
58
|
+
import "../../../contexts/DimensionPagesContext.js";
|
|
59
|
+
import "../../../contexts/PagesRotateContext.js";
|
|
60
|
+
import "../../../contexts/HighlightContext.js";
|
|
61
|
+
import "../../../utils/hooks/useHighlight.js";
|
|
62
|
+
import "../../../contexts/LicenseContext.js";
|
|
63
|
+
import "../../../utils/hooks/useLicense.js";
|
|
64
|
+
import "../../../contexts/DownloadContext.js";
|
|
65
|
+
import "../../../contexts/SmoothScrollContext.js";
|
|
66
|
+
import "../../../contexts/ElementPageContext.js";
|
|
67
|
+
import "../../../utils/const.js";
|
|
68
|
+
import "../../../utils/getScrollDistance.js";
|
|
69
|
+
import "../../../utils/getElementPositionInPage.js";
|
|
70
|
+
import "../../../utils/Queue.js";
|
|
71
|
+
import "../../../utils/renderPage.js";
|
|
72
|
+
import "../../../contexts/LoaderContext.js";
|
|
73
|
+
import "../../icons/LoaderIcon.js";
|
|
74
|
+
import "../../../contexts/OtherToolContext.js";
|
|
75
|
+
import "../../RPConfig.js";
|
|
76
|
+
import "../../RPTheme.js";
|
|
77
|
+
import "../../../contexts/ThemeContext.js";
|
|
78
|
+
import "../../../utils/hooks/useLoadWorker.js";
|
|
79
|
+
import "../../icons/Thumbnail.js";
|
|
80
|
+
import "../Container.js";
|
|
81
|
+
import "../sidebar/RPSplitter.js";
|
|
82
|
+
import "../WrapperLayout.js";
|
|
83
|
+
import "../../../LayoutWrapper-6224491f.js";
|
|
84
|
+
import "../../RPDropFileZone.js";
|
|
85
|
+
import "../../icons/LightPdfIcon.js";
|
|
86
|
+
import "../../icons/DarkPdfIcon.js";
|
|
87
|
+
import "../../../utils/hooks/useLocalization.js";
|
|
88
|
+
import "../../../SearchCloseButton-08d57275.js";
|
|
89
|
+
import "../../icons/CloseIcon.js";
|
|
90
|
+
import "../../ui/Checkbox.js";
|
|
43
91
|
import "../../../index-c9a2990a.js";
|
|
44
92
|
import "react-dom";
|
|
93
|
+
import "../../icons/CheckIcon.js";
|
|
94
|
+
import "../../../utils/dateFormatter.js";
|
|
95
|
+
import "./PropertyItem.js";
|
|
96
|
+
import "../../../RotateTool.module-67946714.js";
|
|
97
|
+
import "../../../utils/hooks/useInfiniteScroll.js";
|
|
98
|
+
import "../../../utils/link_service.js";
|
|
99
|
+
import "../../../utils/annotations.js";
|
|
100
|
+
import "../../../utils/sanitizeExternalUrl.js";
|
|
101
|
+
import "../../page/searchHighlight.js";
|
|
102
|
+
import "../../page/CustomElement.js";
|
|
103
|
+
import "../../../utils/calculatePage.js";
|
|
104
|
+
import "../../../utils/hooks/useMousePressed.js";
|
|
105
|
+
import "../../../utils/hooks/useGrabScroll.js";
|
|
106
|
+
import "../../../utils/hooks/usePinch.js";
|
|
107
|
+
import "../../ui/PasswordModal.js";
|
|
108
|
+
import "../../../utils/getWordPositionInPage.js";
|
|
109
|
+
import "../../../utils/smoothScrollTo.js";
|
|
110
|
+
import "./FileUploadTool.js";
|
|
111
|
+
import "../../icons/FileUploadDefaultIcon.js";
|
|
45
112
|
import "../../../floating-ui.react-dom-d22a10b4.js";
|
|
46
|
-
import "
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
const W = h(() => {
|
|
73
|
-
switch (n) {
|
|
74
|
-
case c.ACTUAL:
|
|
75
|
-
return o == null ? void 0 : o.zoomActualSize;
|
|
76
|
-
case c.PAGE_FIT:
|
|
77
|
-
return o == null ? void 0 : o.zoomPageFit;
|
|
78
|
-
case c.PAGE_WIDTH:
|
|
79
|
-
return o == null ? void 0 : o.zoomPageWidth;
|
|
80
|
-
}
|
|
81
|
-
return n;
|
|
82
|
-
}, [n, o]);
|
|
83
|
-
return !l || !f ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: n, setZoomLevel: r }) : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: n, setZoomLevel: r }) : /* @__PURE__ */ p("div", { className: e["rp-zoom-wrapper"], children: [
|
|
84
|
-
/* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
|
|
85
|
-
z,
|
|
86
|
-
{
|
|
87
|
-
disabled: k,
|
|
88
|
-
onClick: N,
|
|
89
|
-
"aria-label": o == null ? void 0 : o.zoomOutTooltip,
|
|
90
|
-
children: /* @__PURE__ */ t(g, {})
|
|
91
|
-
}
|
|
92
|
-
) }),
|
|
93
|
-
!A && /* @__PURE__ */ t(
|
|
94
|
-
U,
|
|
95
|
-
{
|
|
96
|
-
container: v,
|
|
97
|
-
open: s,
|
|
98
|
-
onOpenChange: S,
|
|
99
|
-
triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
|
|
100
|
-
z,
|
|
101
|
-
{
|
|
102
|
-
className: q(
|
|
103
|
-
e["rp-current-zoom-wrapper"],
|
|
104
|
-
s && e.active
|
|
105
|
-
),
|
|
106
|
-
"aria-label": o == null ? void 0 : o.zoomSelectTooltip,
|
|
107
|
-
children: [
|
|
108
|
-
typeof n == "number" ? /* @__PURE__ */ p(y, { children: [
|
|
109
|
-
/* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: n }),
|
|
110
|
-
/* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: "%" })
|
|
111
|
-
] }) : /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: W }),
|
|
112
|
-
/* @__PURE__ */ t(F, { className: e["rp-current-zoom-icon"] })
|
|
113
|
-
]
|
|
114
|
-
}
|
|
115
|
-
) }) }),
|
|
116
|
-
style: { minWidth: "200px" },
|
|
117
|
-
align: "center",
|
|
118
|
-
side: "bottom",
|
|
119
|
-
avoidCollisions: !1,
|
|
120
|
-
children: /* @__PURE__ */ p(
|
|
121
|
-
"div",
|
|
122
|
-
{
|
|
123
|
-
style: { maxHeight: `${w}px`, overflow: "auto" },
|
|
124
|
-
className: e["rp-zoom-dropdown-content"],
|
|
125
|
-
children: [
|
|
126
|
-
/* @__PURE__ */ p(b, { children: [
|
|
127
|
-
/* @__PURE__ */ t(u, { onClick: () => r(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
|
|
128
|
-
/* @__PURE__ */ t(u, { onClick: () => r(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
|
|
129
|
-
/* @__PURE__ */ t(u, { onClick: () => r(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
|
|
130
|
-
] }),
|
|
131
|
-
/* @__PURE__ */ t(B, {}),
|
|
132
|
-
/* @__PURE__ */ t(b, { children: Q.map((m) => /* @__PURE__ */ p(u, { onClick: () => r(m), children: [
|
|
133
|
-
m,
|
|
134
|
-
" %"
|
|
135
|
-
] }, m)) })
|
|
136
|
-
]
|
|
137
|
-
}
|
|
138
|
-
)
|
|
139
|
-
}
|
|
140
|
-
),
|
|
141
|
-
/* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
|
|
142
|
-
z,
|
|
143
|
-
{
|
|
144
|
-
disabled: E,
|
|
145
|
-
onClick: P,
|
|
146
|
-
"aria-label": o == null ? void 0 : o.zoomInTooltip,
|
|
147
|
-
children: /* @__PURE__ */ t(Y, {})
|
|
148
|
-
}
|
|
149
|
-
) })
|
|
150
|
-
] });
|
|
151
|
-
};
|
|
113
|
+
import "./DarkModeTool.js";
|
|
114
|
+
import "../../icons/MoonIcon.js";
|
|
115
|
+
import "../../icons/SunIcon.js";
|
|
116
|
+
import "../../icons/ThreeDotIcon.js";
|
|
117
|
+
import "./DocumentProperties.js";
|
|
118
|
+
import "../../icons/InfoIcon.js";
|
|
119
|
+
import "./RotateTool.js";
|
|
120
|
+
import "../../icons/ClockwiseIcon.js";
|
|
121
|
+
import "../../../utils/hooks/useRotate.js";
|
|
122
|
+
import "./ViewModeTool.js";
|
|
123
|
+
import "../../icons/SinglePageIcon.js";
|
|
124
|
+
import "../../icons/DualPageIcon.js";
|
|
125
|
+
import "./ScrollModeTool.js";
|
|
126
|
+
import "../../icons/PageScrollingIcon.js";
|
|
127
|
+
import "../../icons/VerticalScrollingIcon.js";
|
|
128
|
+
import "../../icons/HorizontalScrollingIcon.js";
|
|
129
|
+
import "../../icons/FileDownloadDefaultIcon.js";
|
|
130
|
+
import "../../icons/PrintDefaultIcon.js";
|
|
131
|
+
import "./FullScreenTool.js";
|
|
132
|
+
import "../../icons/FullScreenIcon.js";
|
|
133
|
+
import "../../icons/GoToDownIcon.js";
|
|
134
|
+
import "./SelectionModeTool.js";
|
|
135
|
+
import "../../icons/TextSelectionDefaultIcon.js";
|
|
136
|
+
import "../../icons/HandModeDefaultIcon.js";
|
|
137
|
+
import "../../icons/SearchIcon.js";
|
|
138
|
+
import "../../icons/ClearIcon.js";
|
|
152
139
|
export {
|
|
153
|
-
|
|
140
|
+
Em as ZoomTool
|
|
154
141
|
};
|
|
@@ -4,7 +4,7 @@ import { useLocalizationContext as c } from "../../../../contexts/LocalizationCo
|
|
|
4
4
|
import { useOtherToolContext as u } from "../../../../contexts/OtherToolContext.js";
|
|
5
5
|
import { InfoIcon as f } from "../../../icons/InfoIcon.js";
|
|
6
6
|
import { UIButton as D } from "../../../ui/Button.js";
|
|
7
|
-
import { D as P } from "../../../../ToolbarLayout.module-
|
|
7
|
+
import { D as P } from "../../../../ToolbarLayout.module-126458d9.js";
|
|
8
8
|
import "react";
|
|
9
9
|
import "../../../../index-c9a2990a.js";
|
|
10
10
|
import "react-dom";
|
|
@@ -88,7 +88,6 @@ import "../../../icons/CheckIcon.js";
|
|
|
88
88
|
import "../../../../contexts/IconContext.js";
|
|
89
89
|
import "../../../ui/DropDown.js";
|
|
90
90
|
import "../../../../index-3bf64864.js";
|
|
91
|
-
import "../../../../ZoomTool.module-7082af8c.js";
|
|
92
91
|
import "../MenuItem.js";
|
|
93
92
|
import "../MenuSeparator.js";
|
|
94
93
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -132,16 +131,16 @@ import "../../../icons/GoToDownIcon.js";
|
|
|
132
131
|
import "../SelectionModeTool.js";
|
|
133
132
|
import "../../../icons/TextSelectionDefaultIcon.js";
|
|
134
133
|
import "../../../icons/HandModeDefaultIcon.js";
|
|
135
|
-
import "../ZoomTool.js";
|
|
136
134
|
import "../../../icons/ZoomInIcon.js";
|
|
137
135
|
import "../../../icons/ZoomOutIcon.js";
|
|
136
|
+
import "../../../../utils/zoom.js";
|
|
138
137
|
import "../../../icons/SearchIcon.js";
|
|
139
138
|
import "../../../icons/ClearIcon.js";
|
|
140
139
|
const d = ({
|
|
141
140
|
children: r,
|
|
142
141
|
className: i,
|
|
143
142
|
localeMessages: o
|
|
144
|
-
}) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }),
|
|
143
|
+
}) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), Wt = ({ icon: r }) => {
|
|
145
144
|
const { setActiveDocumentProperties: i } = u(), { localeMessages: o } = c();
|
|
146
145
|
return /* @__PURE__ */ p(n, { children: [
|
|
147
146
|
/* @__PURE__ */ t(d, { localeMessages: o, children: /* @__PURE__ */ t(
|
|
@@ -156,5 +155,5 @@ const d = ({
|
|
|
156
155
|
] });
|
|
157
156
|
};
|
|
158
157
|
export {
|
|
159
|
-
|
|
158
|
+
Wt as DocumentPropertiesTool
|
|
160
159
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { FileDownloadDefaultIcon as m } from "../../../icons/FileDownloadDefaultIcon.js";
|
|
3
3
|
import { UIButton as p } from "../../../ui/Button.js";
|
|
4
|
-
import { b as n } from "../../../../ToolbarLayout.module-
|
|
4
|
+
import { b as n } from "../../../../ToolbarLayout.module-126458d9.js";
|
|
5
5
|
import l from "../../../ui/RPTooltip.js";
|
|
6
6
|
import { useLocalizationContext as d } from "../../../../contexts/LocalizationContext.js";
|
|
7
7
|
import "../../../../clsx-0c6e471a.js";
|
|
@@ -87,7 +87,6 @@ import "../../../../contexts/IconContext.js";
|
|
|
87
87
|
import "../../../ui/DropDown.js";
|
|
88
88
|
import "../../../../index-3bf64864.js";
|
|
89
89
|
import "../../../../floating-ui.react-dom-d22a10b4.js";
|
|
90
|
-
import "../../../../ZoomTool.module-7082af8c.js";
|
|
91
90
|
import "../MenuItem.js";
|
|
92
91
|
import "../MenuSeparator.js";
|
|
93
92
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -131,16 +130,16 @@ import "../../../icons/GoToDownIcon.js";
|
|
|
131
130
|
import "../SelectionModeTool.js";
|
|
132
131
|
import "../../../icons/TextSelectionDefaultIcon.js";
|
|
133
132
|
import "../../../icons/HandModeDefaultIcon.js";
|
|
134
|
-
import "../ZoomTool.js";
|
|
135
133
|
import "../../../icons/ZoomInIcon.js";
|
|
136
134
|
import "../../../icons/ZoomOutIcon.js";
|
|
135
|
+
import "../../../../utils/zoom.js";
|
|
137
136
|
import "../../../icons/SearchIcon.js";
|
|
138
137
|
import "../../../icons/ClearIcon.js";
|
|
139
138
|
import "../../../../utils/hooks/useLocalization.js";
|
|
140
|
-
const f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(l, { className: r, content: o == null ? void 0 : o.downloadFileTooltip, children: t }),
|
|
139
|
+
const f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(l, { className: r, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), Ot = ({ icon: t }) => {
|
|
141
140
|
const { download: r } = n(), { localeMessages: o } = d();
|
|
142
141
|
return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: t || /* @__PURE__ */ i(m, {}) }) });
|
|
143
142
|
};
|
|
144
143
|
export {
|
|
145
|
-
|
|
144
|
+
Ot as FileDownloadTool
|
|
146
145
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as c, Fragment as h, jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import { useState as d, useEffect as S, useCallback as i } from "react";
|
|
3
|
-
import { u as x, i as u } from "../../../../ToolbarLayout.module-
|
|
3
|
+
import { u as x, i as u } from "../../../../ToolbarLayout.module-126458d9.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";
|
|
@@ -86,7 +86,6 @@ import "../../../../contexts/IconContext.js";
|
|
|
86
86
|
import "../../../ui/DropDown.js";
|
|
87
87
|
import "../../../../index-3bf64864.js";
|
|
88
88
|
import "../../../../floating-ui.react-dom-d22a10b4.js";
|
|
89
|
-
import "../../../../ZoomTool.module-7082af8c.js";
|
|
90
89
|
import "../MenuItem.js";
|
|
91
90
|
import "../MenuSeparator.js";
|
|
92
91
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -131,13 +130,13 @@ import "../../../icons/GoToDownIcon.js";
|
|
|
131
130
|
import "../SelectionModeTool.js";
|
|
132
131
|
import "../../../icons/TextSelectionDefaultIcon.js";
|
|
133
132
|
import "../../../icons/HandModeDefaultIcon.js";
|
|
134
|
-
import "../ZoomTool.js";
|
|
135
133
|
import "../../../icons/ZoomInIcon.js";
|
|
136
134
|
import "../../../icons/ZoomOutIcon.js";
|
|
135
|
+
import "../../../../utils/zoom.js";
|
|
137
136
|
import "../../../icons/SearchIcon.js";
|
|
138
137
|
import "../../../icons/ClearIcon.js";
|
|
139
138
|
import "../../../../utils/hooks/useLocalization.js";
|
|
140
|
-
const
|
|
139
|
+
const tr = () => {
|
|
141
140
|
const { focusedPage: o, totalPages: n, goToPage: e } = x(), { localeMessages: p } = C(), [m, r] = d(o.toString());
|
|
142
141
|
S(() => {
|
|
143
142
|
r(o.toString());
|
|
@@ -174,5 +173,5 @@ const or = () => {
|
|
|
174
173
|
] });
|
|
175
174
|
};
|
|
176
175
|
export {
|
|
177
|
-
|
|
176
|
+
tr as InputPageTool
|
|
178
177
|
};
|
|
@@ -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-126458d9.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";
|
|
@@ -50,7 +50,6 @@ import "../../../icons/LoaderIcon.js";
|
|
|
50
50
|
import "../../../../contexts/IconContext.js";
|
|
51
51
|
import h from "../../../ui/RPTooltip.js";
|
|
52
52
|
import "../../../ui/DropDown.js";
|
|
53
|
-
import "../../../../ZoomTool.module-7082af8c.js";
|
|
54
53
|
import "../MenuItem.js";
|
|
55
54
|
import "../MenuSeparator.js";
|
|
56
55
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -115,9 +114,9 @@ import "../../../icons/GoToDownIcon.js";
|
|
|
115
114
|
import "../SelectionModeTool.js";
|
|
116
115
|
import "../../../icons/TextSelectionDefaultIcon.js";
|
|
117
116
|
import "../../../icons/HandModeDefaultIcon.js";
|
|
118
|
-
import "../ZoomTool.js";
|
|
119
117
|
import "../../../icons/ZoomInIcon.js";
|
|
120
118
|
import "../../../icons/ZoomOutIcon.js";
|
|
119
|
+
import "../../../../utils/zoom.js";
|
|
121
120
|
import "../../../icons/SearchIcon.js";
|
|
122
121
|
import "../../../icons/ClearIcon.js";
|
|
123
122
|
import "../../../../utils/hooks/useLocalization.js";
|
|
@@ -137,7 +136,7 @@ import "../../../RPTheme.js";
|
|
|
137
136
|
import "../../../../utils/hooks/useLoadWorker.js";
|
|
138
137
|
import "../../../icons/LightPdfIcon.js";
|
|
139
138
|
import "../../../icons/DarkPdfIcon.js";
|
|
140
|
-
const
|
|
139
|
+
const Yt = ({ icon: m }) => {
|
|
141
140
|
const { focusedPage: t, nextPage: n, totalPages: r } = s(), { localeMessages: o } = u(), { viewMode: p } = g(), { scrollMode: e } = C(), a = d(() => p === x.DUAL_PAGE && e === P.PAGE_SCROLLING && t === r - 1 || t === r, [t, r, p, e]);
|
|
142
141
|
return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(h, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ i(
|
|
143
142
|
f,
|
|
@@ -150,5 +149,5 @@ const Zt = ({ icon: m }) => {
|
|
|
150
149
|
) }) });
|
|
151
150
|
};
|
|
152
151
|
export {
|
|
153
|
-
|
|
152
|
+
Yt as NextPageTool
|
|
154
153
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r, Fragment as m } from "react/jsx-runtime";
|
|
2
2
|
import { ChevronUpIcon as n } from "../../../icons/ChevronUpIcon.js";
|
|
3
3
|
import { UIButton as e } from "../../../ui/Button.js";
|
|
4
|
-
import { u as a } from "../../../../ToolbarLayout.module-
|
|
4
|
+
import { u as a } from "../../../../ToolbarLayout.module-126458d9.js";
|
|
5
5
|
import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
|
|
6
6
|
import P from "../../../ui/RPTooltip.js";
|
|
7
7
|
import "../../../../clsx-0c6e471a.js";
|
|
@@ -86,7 +86,6 @@ import "../../../../contexts/IconContext.js";
|
|
|
86
86
|
import "../../../ui/DropDown.js";
|
|
87
87
|
import "../../../../index-3bf64864.js";
|
|
88
88
|
import "../../../../floating-ui.react-dom-d22a10b4.js";
|
|
89
|
-
import "../../../../ZoomTool.module-7082af8c.js";
|
|
90
89
|
import "../MenuItem.js";
|
|
91
90
|
import "../MenuSeparator.js";
|
|
92
91
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -131,13 +130,13 @@ import "../../../icons/GoToDownIcon.js";
|
|
|
131
130
|
import "../SelectionModeTool.js";
|
|
132
131
|
import "../../../icons/TextSelectionDefaultIcon.js";
|
|
133
132
|
import "../../../icons/HandModeDefaultIcon.js";
|
|
134
|
-
import "../ZoomTool.js";
|
|
135
133
|
import "../../../icons/ZoomInIcon.js";
|
|
136
134
|
import "../../../icons/ZoomOutIcon.js";
|
|
135
|
+
import "../../../../utils/zoom.js";
|
|
137
136
|
import "../../../icons/SearchIcon.js";
|
|
138
137
|
import "../../../icons/ClearIcon.js";
|
|
139
138
|
import "../../../../utils/hooks/useLocalization.js";
|
|
140
|
-
const
|
|
139
|
+
const Nr = ({ icon: t }) => {
|
|
141
140
|
const { focusedPage: i, prevPage: p } = a(), { localeMessages: o } = u();
|
|
142
141
|
return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(P, { content: o == null ? void 0 : o.previousPageTooltip, children: /* @__PURE__ */ r(
|
|
143
142
|
e,
|
|
@@ -150,5 +149,5 @@ const Or = ({ icon: t }) => {
|
|
|
150
149
|
) }) });
|
|
151
150
|
};
|
|
152
151
|
export {
|
|
153
|
-
|
|
152
|
+
Nr as PreviousPageTool
|
|
154
153
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { PrintDefaultTool as p } from "../../../icons/PrintDefaultIcon.js";
|
|
3
3
|
import { UIButton as m } from "../../../ui/Button.js";
|
|
4
|
-
import { c as n } from "../../../../ToolbarLayout.module-
|
|
4
|
+
import { c as n } from "../../../../ToolbarLayout.module-126458d9.js";
|
|
5
5
|
import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
|
|
6
6
|
import T from "../../../ui/RPTooltip.js";
|
|
7
7
|
import "../../../../clsx-0c6e471a.js";
|
|
@@ -87,7 +87,6 @@ import "../../../../contexts/IconContext.js";
|
|
|
87
87
|
import "../../../ui/DropDown.js";
|
|
88
88
|
import "../../../../index-3bf64864.js";
|
|
89
89
|
import "../../../../floating-ui.react-dom-d22a10b4.js";
|
|
90
|
-
import "../../../../ZoomTool.module-7082af8c.js";
|
|
91
90
|
import "../MenuItem.js";
|
|
92
91
|
import "../MenuSeparator.js";
|
|
93
92
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -131,16 +130,16 @@ import "../../../icons/GoToDownIcon.js";
|
|
|
131
130
|
import "../SelectionModeTool.js";
|
|
132
131
|
import "../../../icons/TextSelectionDefaultIcon.js";
|
|
133
132
|
import "../../../icons/HandModeDefaultIcon.js";
|
|
134
|
-
import "../ZoomTool.js";
|
|
135
133
|
import "../../../icons/ZoomInIcon.js";
|
|
136
134
|
import "../../../icons/ZoomOutIcon.js";
|
|
135
|
+
import "../../../../utils/zoom.js";
|
|
137
136
|
import "../../../icons/SearchIcon.js";
|
|
138
137
|
import "../../../icons/ClearIcon.js";
|
|
139
138
|
import "../../../../utils/hooks/useLocalization.js";
|
|
140
|
-
const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }),
|
|
139
|
+
const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), So = ({ icon: o }) => {
|
|
141
140
|
const { print: i } = n(), { localeMessages: t } = f();
|
|
142
141
|
return /* @__PURE__ */ r(u, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: i, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(p, {}) }) });
|
|
143
142
|
};
|
|
144
143
|
export {
|
|
145
|
-
|
|
144
|
+
So as PrintTool
|
|
146
145
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o, Fragment as n } from "react/jsx-runtime";
|
|
2
|
-
import { h as l } from "../../../../ToolbarLayout.module-
|
|
2
|
+
import { h as l } from "../../../../ToolbarLayout.module-126458d9.js";
|
|
3
3
|
import { ThumbnailIcon as h } from "../../../icons/Thumbnail.js";
|
|
4
4
|
import { UIButton as u } from "../../../ui/Button.js";
|
|
5
5
|
import a from "../../../ui/RPTooltip.js";
|
|
@@ -86,7 +86,6 @@ import "../../../../contexts/IconContext.js";
|
|
|
86
86
|
import "../../../ui/DropDown.js";
|
|
87
87
|
import "../../../../index-3bf64864.js";
|
|
88
88
|
import "../../../../floating-ui.react-dom-d22a10b4.js";
|
|
89
|
-
import "../../../../ZoomTool.module-7082af8c.js";
|
|
90
89
|
import "../MenuItem.js";
|
|
91
90
|
import "../MenuSeparator.js";
|
|
92
91
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -131,13 +130,13 @@ import "../../../icons/GoToDownIcon.js";
|
|
|
131
130
|
import "../SelectionModeTool.js";
|
|
132
131
|
import "../../../icons/TextSelectionDefaultIcon.js";
|
|
133
132
|
import "../../../icons/HandModeDefaultIcon.js";
|
|
134
|
-
import "../ZoomTool.js";
|
|
135
133
|
import "../../../icons/ZoomInIcon.js";
|
|
136
134
|
import "../../../icons/ZoomOutIcon.js";
|
|
135
|
+
import "../../../../utils/zoom.js";
|
|
137
136
|
import "../../../icons/SearchIcon.js";
|
|
138
137
|
import "../../../icons/ClearIcon.js";
|
|
139
138
|
import "../../../../utils/hooks/useLocalization.js";
|
|
140
|
-
const
|
|
139
|
+
const Qo = ({ icon: i }) => {
|
|
141
140
|
const { active: r, setActive: m } = l(), { localeMessages: t } = c(), p = () => {
|
|
142
141
|
m(!r);
|
|
143
142
|
};
|
|
@@ -152,5 +151,5 @@ const So = ({ icon: i }) => {
|
|
|
152
151
|
) }) });
|
|
153
152
|
};
|
|
154
153
|
export {
|
|
155
|
-
|
|
154
|
+
Qo as ThumbnailTool
|
|
156
155
|
};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { jsx as r, Fragment as
|
|
2
|
-
import { useCallback as
|
|
3
|
-
import { useZoomContext as
|
|
4
|
-
import { ZoomInIcon as
|
|
5
|
-
import { UIButton as
|
|
6
|
-
import
|
|
7
|
-
import { useLocalizationContext as
|
|
8
|
-
import { MAX_ZOOM_SCALE as
|
|
1
|
+
import { jsx as r, Fragment as l } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback as c, useMemo as f } from "react";
|
|
3
|
+
import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
|
|
4
|
+
import { ZoomInIcon as u } from "../../../icons/ZoomInIcon.js";
|
|
5
|
+
import { UIButton as I } from "../../../ui/Button.js";
|
|
6
|
+
import Z from "../../../ui/RPTooltip.js";
|
|
7
|
+
import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
|
|
8
|
+
import { MAX_ZOOM_SCALE as s } from "../../../../utils/constants.js";
|
|
9
|
+
import { isZoomInDisabled as h } from "../../../../utils/zoom.js";
|
|
9
10
|
import "../../../../utils/types.js";
|
|
10
11
|
import "../../../../th_TH-d627cd51.js";
|
|
11
12
|
import "../../../../utils/appConsole.js";
|
|
@@ -32,23 +33,23 @@ import "../../../../index-c9a2990a.js";
|
|
|
32
33
|
import "react-dom";
|
|
33
34
|
import "../../../../floating-ui.react-dom-d22a10b4.js";
|
|
34
35
|
import "../../../../utils/hooks/useLocalization.js";
|
|
35
|
-
const
|
|
36
|
-
const { currentZoom: t, setZoomLevel: i } =
|
|
36
|
+
const g = ({ icon: m }) => {
|
|
37
|
+
const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = a(), p = c(() => {
|
|
37
38
|
i(() => {
|
|
38
|
-
const
|
|
39
|
-
return Math.min(
|
|
39
|
+
const e = Math.floor(t * 100 / 25) * 25;
|
|
40
|
+
return Math.min(e + 25, s);
|
|
40
41
|
});
|
|
41
|
-
}, [i, t]),
|
|
42
|
-
return /* @__PURE__ */ r(
|
|
43
|
-
|
|
42
|
+
}, [i, t]), n = f(() => h(t), [t]);
|
|
43
|
+
return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
|
|
44
|
+
I,
|
|
44
45
|
{
|
|
45
|
-
disabled:
|
|
46
|
-
onClick:
|
|
46
|
+
disabled: n,
|
|
47
|
+
onClick: p,
|
|
47
48
|
"aria-label": o == null ? void 0 : o.zoomInTooltip,
|
|
48
|
-
children: m || /* @__PURE__ */ r(
|
|
49
|
+
children: m || /* @__PURE__ */ r(u, {})
|
|
49
50
|
}
|
|
50
51
|
) }) });
|
|
51
52
|
};
|
|
52
53
|
export {
|
|
53
|
-
|
|
54
|
+
g as ZoomInTool
|
|
54
55
|
};
|