@pdf-viewer/react 1.17.0-beta.0 → 1.17.0-beta.1
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-00eddd49.js +3746 -0
- package/dist/assets/style.css +1 -1
- package/dist/assets/style.js +1 -1
- package/dist/components/RPController.js +7 -6
- package/dist/components/RPPages.js +6 -5
- package/dist/components/RPProvider.js +7 -6
- package/dist/components/layout/LayoutContainer.js +6 -5
- package/dist/components/layout/RPDefaultLayout.js +6 -5
- package/dist/components/layout/RPLayout.js +28 -25
- package/dist/components/layout/SkipLink.js +28 -0
- package/dist/components/layout/sidebar/RPSidebar.js +6 -5
- package/dist/components/layout/sidebar/Thumbnail.js +6 -5
- package/dist/components/layout/sidebar/Thumbnails.js +6 -5
- package/dist/components/layout/toolbar/DarkModeTool.js +2 -2
- package/dist/components/layout/toolbar/DocumentDialog.js +6 -5
- package/dist/components/layout/toolbar/DocumentProperties.js +3 -3
- package/dist/components/layout/toolbar/FileDownloadTool.js +6 -5
- package/dist/components/layout/toolbar/FileUploadTool.js +3 -3
- package/dist/components/layout/toolbar/FullScreenTool.js +3 -3
- package/dist/components/layout/toolbar/MenuItem.js +3 -3
- package/dist/components/layout/toolbar/MenuSeparator.js +3 -3
- package/dist/components/layout/toolbar/MostPageTool.js +6 -5
- package/dist/components/layout/toolbar/OtherTool.js +6 -5
- package/dist/components/layout/toolbar/Paginate.js +6 -5
- package/dist/components/layout/toolbar/PrintTool.js +6 -5
- package/dist/components/layout/toolbar/RPMenuItem.js +3 -3
- package/dist/components/layout/toolbar/RPMoreOptions.js +17 -16
- package/dist/components/layout/toolbar/RPToolbar.js +6 -5
- package/dist/components/layout/toolbar/RPToolbarEnd.js +6 -5
- package/dist/components/layout/toolbar/RotateTool.js +3 -3
- package/dist/components/layout/toolbar/ScrollModeTool.js +3 -3
- package/dist/components/layout/toolbar/SearchCloseButton.js +2 -2
- package/dist/components/layout/toolbar/SearchResultNavigator.js +6 -5
- package/dist/components/layout/toolbar/SearchTool.js +6 -5
- package/dist/components/layout/toolbar/SelectionModeTool.js +3 -3
- package/dist/components/layout/toolbar/ThumbnailTool.js +7 -6
- package/dist/components/layout/toolbar/ToolbarCustom.js +43 -25
- package/dist/components/layout/toolbar/ToolbarDefault.js +38 -28
- package/dist/components/layout/toolbar/ToolbarLayout.js +7 -6
- package/dist/components/layout/toolbar/ViewModeTool.js +3 -3
- package/dist/components/layout/toolbar/ZoomTool.js +6 -5
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +7 -6
- package/dist/components/layout/toolbar/tools/DualPageTool.js +17 -24
- package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +7 -6
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +11 -10
- package/dist/components/layout/toolbar/tools/FileUploadTool.js +6 -6
- package/dist/components/layout/toolbar/tools/FullScreenTool.js +18 -17
- package/dist/components/layout/toolbar/tools/InputPageTool.js +40 -32
- package/dist/components/layout/toolbar/tools/NextPageTool.js +15 -13
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +18 -16
- package/dist/components/layout/toolbar/tools/PrintTool.js +9 -8
- package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +13 -6
- package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +10 -10
- package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +18 -10
- package/dist/components/layout/toolbar/tools/SinglePageTool.js +8 -7
- package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +12 -4
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +18 -16
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +16 -15
- package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +6 -5
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +75 -40
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +13 -12
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +7 -6
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +7 -6
- package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +11 -11
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +25 -17
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +24 -16
- package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +22 -14
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +38 -21
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +25 -17
- package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +33 -19
- package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +47 -29
- package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +40 -24
- package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +48 -31
- package/dist/components/page/AnnotationLayer.js +6 -5
- package/dist/components/page/CanvasLayer.js +6 -5
- package/dist/components/page/DualPage.js +6 -5
- package/dist/components/page/DualPageWithCover.js +6 -5
- package/dist/components/page/RPPage.js +6 -5
- package/dist/components/page/SinglePage.js +6 -5
- package/dist/components/page/TextHighlightLayer.js +6 -5
- package/dist/components/page/TextLayer.js +6 -5
- package/dist/components/ui/Button.js +14 -12
- package/dist/components/ui/Checkbox.js +75 -68
- package/dist/components/ui/DropDown.js +3 -3
- package/dist/components/ui/Input.js +12 -11
- package/dist/components/ui/LoadingIndicator.js +6 -5
- package/dist/components/ui/PasswordModal.js +43 -29
- package/dist/components/ui/RPTooltip.js +201 -415
- package/dist/contexts/PaginationContext.js +8 -7
- package/dist/contexts/PrintContext.js +8 -7
- package/dist/contexts/RenderQueueProvider.js +8 -7
- package/dist/contexts/SearchContext.js +8 -7
- package/dist/contexts/ThumbnailsContext.js +8 -7
- package/dist/index-808ea7bf.js +1685 -0
- package/dist/index-a48ec088.js +1672 -0
- package/dist/{index-35c7f4a2.js → index-c9a2990a.js} +3 -3
- package/dist/main.js +91 -90
- package/dist/types/components/layout/SkipLink.d.ts +7 -0
- package/dist/types/components/ui/Checkbox.d.ts +1 -0
- package/dist/types/utils/annotations.d.ts +10 -0
- package/dist/utils/annotations.js +184 -158
- package/dist/utils/hooks/useFileDownload.js +6 -5
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/usePaginate.js +6 -5
- package/dist/utils/hooks/usePresentPage.js +6 -5
- package/dist/utils/hooks/usePrint.js +6 -5
- package/dist/utils/hooks/useScrollToPage.js +6 -5
- package/dist/utils/hooks/useSearch.js +6 -5
- package/dist/utils/hooks/useThumbnail.js +6 -5
- package/dist/utils/hooks/useVirtualReactWindow.js +6 -5
- package/package.json +1 -1
- package/dist/ToolbarLayout.module-0245d511.js +0 -3653
- package/dist/floating-ui.react-dom-6b2fe0df.js +0 -1474
- package/dist/index-f563c6f0.js +0 -1889
|
@@ -5,7 +5,7 @@ import { UIButton as l } from "../../../ui/Button.js";
|
|
|
5
5
|
import { DualPageWithCoverIcon as u } from "../../../icons/DualPageWithCoverIcon.js";
|
|
6
6
|
import "../../../../contexts/RPDocumentContext.js";
|
|
7
7
|
import "../../../../contexts/DocumentPasswordContext.js";
|
|
8
|
-
import "../../../../ToolbarLayout.module-
|
|
8
|
+
import "../../../../ToolbarLayout.module-00eddd49.js";
|
|
9
9
|
import "../../../../contexts/DarkModeContext.js";
|
|
10
10
|
import { ScrollMode as C } from "../../../../utils/types.js";
|
|
11
11
|
import "../../../../contexts/RotationContext.js";
|
|
@@ -45,6 +45,7 @@ import "../../sidebar/RPSplitter.js";
|
|
|
45
45
|
import "../../WrapperLayout.js";
|
|
46
46
|
import "../../../RPDropFileZone.js";
|
|
47
47
|
import "../../../../LayoutWrapper-3f4d0a19.js";
|
|
48
|
+
import "../../SkipLink.js";
|
|
48
49
|
import "../../../../SearchCloseButton-08d57275.js";
|
|
49
50
|
import "../../../ui/Input.js";
|
|
50
51
|
import "../../../ui/Checkbox.js";
|
|
@@ -56,9 +57,9 @@ import "../MenuSeparator.js";
|
|
|
56
57
|
import "../../../../utils/dateFormatter.js";
|
|
57
58
|
import "../PropertyItem.js";
|
|
58
59
|
import "../../../../RotateTool.module-67946714.js";
|
|
59
|
-
import "../../../../index-
|
|
60
|
+
import "../../../../index-c9a2990a.js";
|
|
60
61
|
import "react-dom";
|
|
61
|
-
import "../../../../
|
|
62
|
+
import "../../../../index-808ea7bf.js";
|
|
62
63
|
import "../../../../utils/withRef.js";
|
|
63
64
|
import "../../../../clsx-0c6e471a.js";
|
|
64
65
|
import "../../../../utils/hooks/useLoadPdf.js";
|
|
@@ -98,7 +99,7 @@ import "../DarkModeTool.js";
|
|
|
98
99
|
import "../../../icons/MoonIcon.js";
|
|
99
100
|
import "../../../icons/SunIcon.js";
|
|
100
101
|
import "../../../icons/ThreeDotIcon.js";
|
|
101
|
-
import "../../../../index-
|
|
102
|
+
import "../../../../index-a48ec088.js";
|
|
102
103
|
import "../../../icons/CloseIcon.js";
|
|
103
104
|
import "../DocumentProperties.js";
|
|
104
105
|
import "../../../icons/InfoIcon.js";
|
|
@@ -135,7 +136,7 @@ import "../../../../utils/hooks/useLicense.js";
|
|
|
135
136
|
import "../../../../utils/getElementPositionInPage.js";
|
|
136
137
|
import "../../../icons/LightPdfIcon.js";
|
|
137
138
|
import "../../../icons/DarkPdfIcon.js";
|
|
138
|
-
const a = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ r(n, { className: i, content: o == null ? void 0 : o.dualPageWithCoverTooltip, children: t }),
|
|
139
|
+
const a = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ r(n, { className: i, content: o == null ? void 0 : o.dualPageWithCoverTooltip, children: t }), Jt = ({ icon: t }) => {
|
|
139
140
|
const { setDualPageWithCover: i } = d(), { localeMessages: o } = f(), { scrollMode: m } = c(), p = e(() => m === C.HORIZONTAL_SCROLLING, [m]);
|
|
140
141
|
return /* @__PURE__ */ r(a, { localeMessages: o, children: /* @__PURE__ */ r(
|
|
141
142
|
l,
|
|
@@ -148,5 +149,5 @@ const a = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */
|
|
|
148
149
|
) });
|
|
149
150
|
};
|
|
150
151
|
export {
|
|
151
|
-
|
|
152
|
+
Jt as DualPageWithCoverTool
|
|
152
153
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
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-
|
|
5
|
-
import
|
|
6
|
-
import { useLocalizationContext as
|
|
4
|
+
import { b as n } from "../../../../ToolbarLayout.module-00eddd49.js";
|
|
5
|
+
import d from "../../../ui/RPTooltip.js";
|
|
6
|
+
import { useLocalizationContext as l } from "../../../../contexts/LocalizationContext.js";
|
|
7
7
|
import "../../../../clsx-0c6e471a.js";
|
|
8
8
|
import "../../../../utils/withRef.js";
|
|
9
9
|
import "react";
|
|
@@ -74,16 +74,17 @@ import "../../../RPDropFileZone.js";
|
|
|
74
74
|
import "../../../icons/LightPdfIcon.js";
|
|
75
75
|
import "../../../icons/DarkPdfIcon.js";
|
|
76
76
|
import "../../../../LayoutWrapper-3f4d0a19.js";
|
|
77
|
+
import "../../SkipLink.js";
|
|
77
78
|
import "../../../../SearchCloseButton-08d57275.js";
|
|
78
79
|
import "../../../icons/CloseIcon.js";
|
|
79
80
|
import "../../../ui/Checkbox.js";
|
|
80
|
-
import "../../../../index-
|
|
81
|
+
import "../../../../index-c9a2990a.js";
|
|
81
82
|
import "react-dom";
|
|
82
83
|
import "../../../icons/CheckIcon.js";
|
|
83
84
|
import "../../../../contexts/IconContext.js";
|
|
84
85
|
import "../../../ui/DropDown.js";
|
|
85
|
-
import "../../../../index-
|
|
86
|
-
import "../../../../
|
|
86
|
+
import "../../../../index-a48ec088.js";
|
|
87
|
+
import "../../../../index-808ea7bf.js";
|
|
87
88
|
import "../MenuItem.js";
|
|
88
89
|
import "../MenuSeparator.js";
|
|
89
90
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -135,10 +136,10 @@ import "../../../../utils/zoom.js";
|
|
|
135
136
|
import "../../../icons/SearchIcon.js";
|
|
136
137
|
import "../../../icons/ClearIcon.js";
|
|
137
138
|
import "../../../../utils/hooks/useLocalization.js";
|
|
138
|
-
const f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(
|
|
139
|
-
const { download: r } = n(), { localeMessages: o } =
|
|
140
|
-
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, {}) }) });
|
|
139
|
+
const f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(d, { className: r, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), Ot = ({ icon: t }) => {
|
|
140
|
+
const { download: r } = n(), { localeMessages: o } = l();
|
|
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, { "aria-hidden": "true" }) }) });
|
|
141
142
|
};
|
|
142
143
|
export {
|
|
143
|
-
|
|
144
|
+
Ot as FileDownloadTool
|
|
144
145
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { FileUploadDefaultIcon as
|
|
2
|
+
import { FileUploadDefaultIcon as p } from "../../../icons/FileUploadDefaultIcon.js";
|
|
3
3
|
import { UIButton as m } from "../../../ui/Button.js";
|
|
4
4
|
import { useOpenFileContext as n } from "../../../../contexts/FileInputContext.js";
|
|
5
5
|
import l from "../../../ui/RPTooltip.js";
|
|
@@ -19,13 +19,13 @@ import "../../../../utils/appConsole.js";
|
|
|
19
19
|
import "../../../../utils/hooks/usePdfProperties.js";
|
|
20
20
|
import "../../../../utils/convertPdfDate.js";
|
|
21
21
|
import "../../../../utils/formatFileSize.js";
|
|
22
|
-
import "../../../../index-
|
|
22
|
+
import "../../../../index-c9a2990a.js";
|
|
23
23
|
import "react-dom";
|
|
24
|
-
import "../../../../
|
|
24
|
+
import "../../../../index-808ea7bf.js";
|
|
25
25
|
import "../../../../utils/hooks/useLocalization.js";
|
|
26
|
-
const
|
|
27
|
-
const { openFile:
|
|
28
|
-
return /* @__PURE__ */ i(
|
|
26
|
+
const d = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(l, { className: r, content: o == null ? void 0 : o.openLocalFileTooltip, children: t }), A = ({ icon: t }) => {
|
|
27
|
+
const { openFile: r } = n(), { localeMessages: o } = e();
|
|
28
|
+
return /* @__PURE__ */ i(d, { localeMessages: o, children: /* @__PURE__ */ i(m, { onClick: r, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: t || /* @__PURE__ */ i(p, { "aria-hidden": "true" }) }) });
|
|
29
29
|
};
|
|
30
30
|
export {
|
|
31
31
|
A as FileUploadTool
|
|
@@ -1,31 +1,32 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useFullScreenContext as
|
|
3
|
-
import { UIButton as
|
|
4
|
-
import { FullScreenIcon as
|
|
5
|
-
import
|
|
6
|
-
import { useLocalizationContext as
|
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import { useFullScreenContext as m } from "../../../../contexts/FullScreenContext.js";
|
|
3
|
+
import { UIButton as l } from "../../../ui/Button.js";
|
|
4
|
+
import { FullScreenIcon as u } from "../../../icons/FullScreenIcon.js";
|
|
5
|
+
import e from "../../../ui/RPTooltip.js";
|
|
6
|
+
import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
|
|
7
7
|
import "react";
|
|
8
8
|
import "../../../../utils/hooks/useFullScreen.js";
|
|
9
9
|
import "../../../../clsx-0c6e471a.js";
|
|
10
10
|
import "../../../../utils/withRef.js";
|
|
11
|
-
import "../../../../index-
|
|
11
|
+
import "../../../../index-c9a2990a.js";
|
|
12
12
|
import "react-dom";
|
|
13
|
-
import "../../../../
|
|
13
|
+
import "../../../../index-808ea7bf.js";
|
|
14
14
|
import "../../../../utils/appConsole.js";
|
|
15
15
|
import "../../../../utils/hooks/useLocalization.js";
|
|
16
16
|
import "../../../../th_TH-d1686d95.js";
|
|
17
|
-
const
|
|
18
|
-
const { isFullScreen: i, toggleFullScreen:
|
|
19
|
-
return /* @__PURE__ */
|
|
20
|
-
|
|
17
|
+
const S = ({ children: t, className: i, localeMessages: r }) => /* @__PURE__ */ p(e, { className: i, content: r == null ? void 0 : r.fullScreenTooltip, children: t }), R = ({ icon: t }) => {
|
|
18
|
+
const { isFullScreen: i, toggleFullScreen: r, isSupported: n } = m(), { localeMessages: o } = c();
|
|
19
|
+
return /* @__PURE__ */ p(S, { localeMessages: o, children: /* @__PURE__ */ p(
|
|
20
|
+
l,
|
|
21
21
|
{
|
|
22
|
-
disabled: !
|
|
23
|
-
onClick:
|
|
24
|
-
"aria-label": i ?
|
|
25
|
-
|
|
22
|
+
disabled: !n,
|
|
23
|
+
onClick: r,
|
|
24
|
+
"aria-label": i ? (o == null ? void 0 : o.fullScreenTooltip) + " (Exit)" : o == null ? void 0 : o.fullScreenTooltip,
|
|
25
|
+
"aria-pressed": i,
|
|
26
|
+
children: t || /* @__PURE__ */ p(u, {})
|
|
26
27
|
}
|
|
27
28
|
) });
|
|
28
29
|
};
|
|
29
30
|
export {
|
|
30
|
-
|
|
31
|
+
R as FullScreenTool
|
|
31
32
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { u as
|
|
4
|
-
import { useLocalizationContext as
|
|
1
|
+
import { jsxs as u, Fragment as d, jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { useState as h, useEffect as x, useCallback as n } from "react";
|
|
3
|
+
import { u as S, f as l } from "../../../../ToolbarLayout.module-00eddd49.js";
|
|
4
|
+
import { useLocalizationContext as v } from "../../../../contexts/LocalizationContext.js";
|
|
5
5
|
import y from "../../../ui/RPTooltip.js";
|
|
6
|
-
import { UIInput as
|
|
6
|
+
import { UIInput as C } from "../../../ui/Input.js";
|
|
7
7
|
import "../../../icons/ChevronUpIcon.js";
|
|
8
8
|
import "../../../ui/Button.js";
|
|
9
9
|
import "../../../../clsx-0c6e471a.js";
|
|
@@ -73,16 +73,17 @@ import "../../../RPDropFileZone.js";
|
|
|
73
73
|
import "../../../icons/LightPdfIcon.js";
|
|
74
74
|
import "../../../icons/DarkPdfIcon.js";
|
|
75
75
|
import "../../../../LayoutWrapper-3f4d0a19.js";
|
|
76
|
+
import "../../SkipLink.js";
|
|
76
77
|
import "../../../../SearchCloseButton-08d57275.js";
|
|
77
78
|
import "../../../icons/CloseIcon.js";
|
|
78
79
|
import "../../../ui/Checkbox.js";
|
|
79
|
-
import "../../../../index-
|
|
80
|
+
import "../../../../index-c9a2990a.js";
|
|
80
81
|
import "react-dom";
|
|
81
82
|
import "../../../icons/CheckIcon.js";
|
|
82
83
|
import "../../../../contexts/IconContext.js";
|
|
83
84
|
import "../../../ui/DropDown.js";
|
|
84
|
-
import "../../../../index-
|
|
85
|
-
import "../../../../
|
|
85
|
+
import "../../../../index-a48ec088.js";
|
|
86
|
+
import "../../../../index-808ea7bf.js";
|
|
86
87
|
import "../MenuItem.js";
|
|
87
88
|
import "../MenuSeparator.js";
|
|
88
89
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -135,42 +136,49 @@ import "../../../../utils/zoom.js";
|
|
|
135
136
|
import "../../../icons/SearchIcon.js";
|
|
136
137
|
import "../../../icons/ClearIcon.js";
|
|
137
138
|
import "../../../../utils/hooks/useLocalization.js";
|
|
138
|
-
const
|
|
139
|
-
const { focusedPage:
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
}, [
|
|
143
|
-
const g =
|
|
144
|
-
const s =
|
|
145
|
-
|
|
146
|
-
}, []), a =
|
|
147
|
-
const
|
|
148
|
-
|
|
149
|
-
}, [e,
|
|
150
|
-
|
|
151
|
-
}, [
|
|
152
|
-
(
|
|
153
|
-
|
|
139
|
+
const tr = () => {
|
|
140
|
+
const { focusedPage: t, totalPages: i, goToPage: e } = S(), { localeMessages: o } = v(), [p, m] = h(t.toString());
|
|
141
|
+
x(() => {
|
|
142
|
+
m(t.toString());
|
|
143
|
+
}, [t]);
|
|
144
|
+
const g = n((r) => {
|
|
145
|
+
const s = r.target.value;
|
|
146
|
+
m(s);
|
|
147
|
+
}, []), a = n(async () => {
|
|
148
|
+
const r = e(p);
|
|
149
|
+
r.success || m(r.currentPage.toString());
|
|
150
|
+
}, [e, p, i]), f = n(() => {
|
|
151
|
+
m(t.toString());
|
|
152
|
+
}, [t]), P = n(
|
|
153
|
+
(r) => {
|
|
154
|
+
r.key === "Enter" && a();
|
|
154
155
|
},
|
|
155
156
|
[a]
|
|
156
157
|
);
|
|
157
|
-
return /* @__PURE__ */
|
|
158
|
-
/* @__PURE__ */
|
|
159
|
-
|
|
158
|
+
return /* @__PURE__ */ u(d, { children: [
|
|
159
|
+
/* @__PURE__ */ c(y, { content: o == null ? void 0 : o.currentPageTooltip, children: /* @__PURE__ */ c(
|
|
160
|
+
C,
|
|
160
161
|
{
|
|
161
162
|
onKeyDown: P,
|
|
162
163
|
onBlur: f,
|
|
163
164
|
onChange: g,
|
|
164
|
-
value:
|
|
165
|
-
className:
|
|
165
|
+
value: p,
|
|
166
|
+
className: l["rp-page-input"],
|
|
167
|
+
"aria-label": o == null ? void 0 : o.currentPageTooltip,
|
|
168
|
+
"aria-valuemin": 1,
|
|
169
|
+
"aria-valuemax": i,
|
|
170
|
+
"aria-valuenow": parseInt(p) || t,
|
|
171
|
+
type: "number",
|
|
172
|
+
min: 1,
|
|
173
|
+
max: i
|
|
166
174
|
}
|
|
167
175
|
) }),
|
|
168
|
-
/* @__PURE__ */
|
|
176
|
+
/* @__PURE__ */ u("span", { className: l["rp-total-page"], "aria-hidden": "true", children: [
|
|
169
177
|
"/",
|
|
170
|
-
|
|
178
|
+
i
|
|
171
179
|
] })
|
|
172
180
|
] });
|
|
173
181
|
};
|
|
174
182
|
export {
|
|
175
|
-
|
|
183
|
+
tr as InputPageTool
|
|
176
184
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as i, Fragment as
|
|
2
|
-
import { useMemo as
|
|
1
|
+
import { jsx as i, Fragment as d } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo as l } 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-00eddd49.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";
|
|
@@ -44,6 +44,7 @@ import "../../sidebar/RPSplitter.js";
|
|
|
44
44
|
import "../../WrapperLayout.js";
|
|
45
45
|
import "../../../RPDropFileZone.js";
|
|
46
46
|
import "../../../../LayoutWrapper-3f4d0a19.js";
|
|
47
|
+
import "../../SkipLink.js";
|
|
47
48
|
import "../../../../SearchCloseButton-08d57275.js";
|
|
48
49
|
import "../../../ui/Input.js";
|
|
49
50
|
import "../../../ui/Checkbox.js";
|
|
@@ -89,10 +90,10 @@ import "../DarkModeTool.js";
|
|
|
89
90
|
import "../../../icons/MoonIcon.js";
|
|
90
91
|
import "../../../icons/SunIcon.js";
|
|
91
92
|
import "../../../icons/ThreeDotIcon.js";
|
|
92
|
-
import "../../../../index-
|
|
93
|
+
import "../../../../index-c9a2990a.js";
|
|
93
94
|
import "react-dom";
|
|
94
|
-
import "../../../../
|
|
95
|
-
import "../../../../index-
|
|
95
|
+
import "../../../../index-808ea7bf.js";
|
|
96
|
+
import "../../../../index-a48ec088.js";
|
|
96
97
|
import "../../../icons/CloseIcon.js";
|
|
97
98
|
import "../DocumentProperties.js";
|
|
98
99
|
import "../../../icons/InfoIcon.js";
|
|
@@ -135,18 +136,19 @@ import "../../../../utils/hooks/useLicense.js";
|
|
|
135
136
|
import "../../../../utils/getElementPositionInPage.js";
|
|
136
137
|
import "../../../icons/LightPdfIcon.js";
|
|
137
138
|
import "../../../icons/DarkPdfIcon.js";
|
|
138
|
-
const
|
|
139
|
-
const { focusedPage: t, nextPage:
|
|
140
|
-
return /* @__PURE__ */ i(
|
|
139
|
+
const Yt = ({ icon: m }) => {
|
|
140
|
+
const { focusedPage: t, nextPage: a, totalPages: r } = s(), { localeMessages: o } = u(), { viewMode: p } = g(), { scrollMode: e } = C(), n = l(() => p === x.DUAL_PAGE && e === P.PAGE_SCROLLING && t === r - 1 || t === r, [t, r, p, e]);
|
|
141
|
+
return /* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(h, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ i(
|
|
141
142
|
f,
|
|
142
143
|
{
|
|
143
|
-
onClick:
|
|
144
|
+
onClick: a,
|
|
144
145
|
"aria-label": o == null ? void 0 : o.nextPageTooltip,
|
|
145
|
-
|
|
146
|
-
|
|
146
|
+
disabled: n,
|
|
147
|
+
"aria-disabled": n,
|
|
148
|
+
children: m || /* @__PURE__ */ i(c, { style: { transform: "rotate(180deg" }, "aria-hidden": "true" })
|
|
147
149
|
}
|
|
148
150
|
) }) });
|
|
149
151
|
};
|
|
150
152
|
export {
|
|
151
|
-
|
|
153
|
+
Yt as NextPageTool
|
|
152
154
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsx as r, Fragment as
|
|
2
|
-
import { ChevronUpIcon as
|
|
3
|
-
import { UIButton as
|
|
4
|
-
import { u as
|
|
1
|
+
import { jsx as r, Fragment as n } from "react/jsx-runtime";
|
|
2
|
+
import { ChevronUpIcon as e } from "../../../icons/ChevronUpIcon.js";
|
|
3
|
+
import { UIButton as a } from "../../../ui/Button.js";
|
|
4
|
+
import { u as d } from "../../../../ToolbarLayout.module-00eddd49.js";
|
|
5
5
|
import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
|
|
6
|
-
import
|
|
6
|
+
import c from "../../../ui/RPTooltip.js";
|
|
7
7
|
import "../../../../clsx-0c6e471a.js";
|
|
8
8
|
import "../../../../utils/withRef.js";
|
|
9
9
|
import "react";
|
|
@@ -73,16 +73,17 @@ import "../../../RPDropFileZone.js";
|
|
|
73
73
|
import "../../../icons/LightPdfIcon.js";
|
|
74
74
|
import "../../../icons/DarkPdfIcon.js";
|
|
75
75
|
import "../../../../LayoutWrapper-3f4d0a19.js";
|
|
76
|
+
import "../../SkipLink.js";
|
|
76
77
|
import "../../../../SearchCloseButton-08d57275.js";
|
|
77
78
|
import "../../../icons/CloseIcon.js";
|
|
78
79
|
import "../../../ui/Checkbox.js";
|
|
79
|
-
import "../../../../index-
|
|
80
|
+
import "../../../../index-c9a2990a.js";
|
|
80
81
|
import "react-dom";
|
|
81
82
|
import "../../../icons/CheckIcon.js";
|
|
82
83
|
import "../../../../contexts/IconContext.js";
|
|
83
84
|
import "../../../ui/DropDown.js";
|
|
84
|
-
import "../../../../index-
|
|
85
|
-
import "../../../../
|
|
85
|
+
import "../../../../index-a48ec088.js";
|
|
86
|
+
import "../../../../index-808ea7bf.js";
|
|
86
87
|
import "../MenuItem.js";
|
|
87
88
|
import "../MenuSeparator.js";
|
|
88
89
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -135,18 +136,19 @@ import "../../../../utils/zoom.js";
|
|
|
135
136
|
import "../../../icons/SearchIcon.js";
|
|
136
137
|
import "../../../icons/ClearIcon.js";
|
|
137
138
|
import "../../../../utils/hooks/useLocalization.js";
|
|
138
|
-
const
|
|
139
|
-
const { focusedPage:
|
|
140
|
-
return /* @__PURE__ */ r(
|
|
141
|
-
|
|
139
|
+
const Or = ({ icon: i }) => {
|
|
140
|
+
const { focusedPage: p, prevPage: m } = d(), { localeMessages: o } = u(), t = p === 1;
|
|
141
|
+
return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(c, { content: o == null ? void 0 : o.previousPageTooltip, children: /* @__PURE__ */ r(
|
|
142
|
+
a,
|
|
142
143
|
{
|
|
143
|
-
onClick:
|
|
144
|
+
onClick: m,
|
|
144
145
|
"aria-label": o == null ? void 0 : o.previousPageTooltip,
|
|
145
|
-
|
|
146
|
-
|
|
146
|
+
disabled: t,
|
|
147
|
+
"aria-disabled": t,
|
|
148
|
+
children: i || /* @__PURE__ */ r(e, { "aria-hidden": "true" })
|
|
147
149
|
}
|
|
148
150
|
) }) });
|
|
149
151
|
};
|
|
150
152
|
export {
|
|
151
|
-
|
|
153
|
+
Or as PreviousPageTool
|
|
152
154
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
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-00eddd49.js";
|
|
5
5
|
import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
|
|
6
|
-
import
|
|
6
|
+
import u from "../../../ui/RPTooltip.js";
|
|
7
7
|
import "../../../../clsx-0c6e471a.js";
|
|
8
8
|
import "../../../../utils/withRef.js";
|
|
9
9
|
import "react";
|
|
@@ -74,16 +74,17 @@ import "../../../RPDropFileZone.js";
|
|
|
74
74
|
import "../../../icons/LightPdfIcon.js";
|
|
75
75
|
import "../../../icons/DarkPdfIcon.js";
|
|
76
76
|
import "../../../../LayoutWrapper-3f4d0a19.js";
|
|
77
|
+
import "../../SkipLink.js";
|
|
77
78
|
import "../../../../SearchCloseButton-08d57275.js";
|
|
78
79
|
import "../../../icons/CloseIcon.js";
|
|
79
80
|
import "../../../ui/Checkbox.js";
|
|
80
|
-
import "../../../../index-
|
|
81
|
+
import "../../../../index-c9a2990a.js";
|
|
81
82
|
import "react-dom";
|
|
82
83
|
import "../../../icons/CheckIcon.js";
|
|
83
84
|
import "../../../../contexts/IconContext.js";
|
|
84
85
|
import "../../../ui/DropDown.js";
|
|
85
|
-
import "../../../../index-
|
|
86
|
-
import "../../../../
|
|
86
|
+
import "../../../../index-a48ec088.js";
|
|
87
|
+
import "../../../../index-808ea7bf.js";
|
|
87
88
|
import "../MenuItem.js";
|
|
88
89
|
import "../MenuSeparator.js";
|
|
89
90
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -135,10 +136,10 @@ import "../../../../utils/zoom.js";
|
|
|
135
136
|
import "../../../icons/SearchIcon.js";
|
|
136
137
|
import "../../../icons/ClearIcon.js";
|
|
137
138
|
import "../../../../utils/hooks/useLocalization.js";
|
|
138
|
-
const
|
|
139
|
+
const T = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(u, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), So = ({ icon: o }) => {
|
|
139
140
|
const { print: i } = n(), { localeMessages: t } = f();
|
|
140
|
-
return /* @__PURE__ */ r(
|
|
141
|
+
return /* @__PURE__ */ r(T, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: i, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(p, { "aria-hidden": "true" }) }) });
|
|
141
142
|
};
|
|
142
143
|
export {
|
|
143
|
-
|
|
144
|
+
So as PrintTool
|
|
144
145
|
};
|
|
@@ -3,11 +3,11 @@ import m from "../../../ui/RPTooltip.js";
|
|
|
3
3
|
import { UIButton as p } from "../../../ui/Button.js";
|
|
4
4
|
import { ClockwiseIcon as n } from "../../../icons/ClockwiseIcon.js";
|
|
5
5
|
import { useRotate as c } from "../../../../utils/hooks/useRotate.js";
|
|
6
|
-
import { useLocalizationContext as
|
|
6
|
+
import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
|
|
7
7
|
import "react";
|
|
8
|
-
import "../../../../index-
|
|
8
|
+
import "../../../../index-c9a2990a.js";
|
|
9
9
|
import "react-dom";
|
|
10
|
-
import "../../../../
|
|
10
|
+
import "../../../../index-808ea7bf.js";
|
|
11
11
|
import "../../../../utils/withRef.js";
|
|
12
12
|
import "../../../../clsx-0c6e471a.js";
|
|
13
13
|
import "../../../../contexts/RotationContext.js";
|
|
@@ -25,13 +25,20 @@ import "../../../../utils/hooks/usePdfProperties.js";
|
|
|
25
25
|
import "../../../../utils/convertPdfDate.js";
|
|
26
26
|
import "../../../../utils/formatFileSize.js";
|
|
27
27
|
import "../../../../utils/hooks/useLocalization.js";
|
|
28
|
-
const
|
|
28
|
+
const k = ({
|
|
29
29
|
children: t,
|
|
30
30
|
className: r,
|
|
31
31
|
localeMessages: o
|
|
32
32
|
}) => /* @__PURE__ */ i(m, { className: r, content: o == null ? void 0 : o.rotateClockwiseTooltip, children: t }), H = ({ icon: t }) => {
|
|
33
|
-
const { handleRotateClockwise: r } = c(), { localeMessages: o } =
|
|
34
|
-
return /* @__PURE__ */ i(
|
|
33
|
+
const { handleRotateClockwise: r } = c(), { localeMessages: o } = C();
|
|
34
|
+
return /* @__PURE__ */ i(k, { localeMessages: o, children: /* @__PURE__ */ i(
|
|
35
|
+
p,
|
|
36
|
+
{
|
|
37
|
+
onClick: r,
|
|
38
|
+
"aria-label": (o == null ? void 0 : o.rotateClockwiseTooltip) || (o == null ? void 0 : o.rotateClockwiseLabel),
|
|
39
|
+
children: t || /* @__PURE__ */ i(n, { "aria-hidden": "true" })
|
|
40
|
+
}
|
|
41
|
+
) });
|
|
35
42
|
};
|
|
36
43
|
export {
|
|
37
44
|
H as RotateClockwiseTool
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import m from "../../../ui/RPTooltip.js";
|
|
3
3
|
import { UIButton as p } from "../../../ui/Button.js";
|
|
4
|
-
import { ClockwiseIcon as
|
|
5
|
-
import { useRotate as
|
|
4
|
+
import { ClockwiseIcon as n } from "../../../icons/ClockwiseIcon.js";
|
|
5
|
+
import { useRotate as c } from "../../../../utils/hooks/useRotate.js";
|
|
6
6
|
import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
|
|
7
|
-
import { c as
|
|
7
|
+
import { c as u } from "../../../../RotateTool.module-67946714.js";
|
|
8
8
|
import "react";
|
|
9
|
-
import "../../../../index-
|
|
9
|
+
import "../../../../index-c9a2990a.js";
|
|
10
10
|
import "react-dom";
|
|
11
|
-
import "../../../../
|
|
11
|
+
import "../../../../index-808ea7bf.js";
|
|
12
12
|
import "../../../../utils/withRef.js";
|
|
13
13
|
import "../../../../clsx-0c6e471a.js";
|
|
14
14
|
import "../../../../contexts/RotationContext.js";
|
|
@@ -26,18 +26,18 @@ import "../../../../utils/hooks/usePdfProperties.js";
|
|
|
26
26
|
import "../../../../utils/convertPdfDate.js";
|
|
27
27
|
import "../../../../utils/formatFileSize.js";
|
|
28
28
|
import "../../../../utils/hooks/useLocalization.js";
|
|
29
|
-
const
|
|
29
|
+
const k = ({
|
|
30
30
|
children: t,
|
|
31
31
|
className: i,
|
|
32
32
|
localeMessages: o
|
|
33
33
|
}) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: t }), H = ({ icon: t }) => {
|
|
34
|
-
const { handleRotateCounterclockwise: i } =
|
|
35
|
-
return /* @__PURE__ */ r(
|
|
34
|
+
const { handleRotateCounterclockwise: i } = c(), { localeMessages: o } = e();
|
|
35
|
+
return /* @__PURE__ */ r(k, { localeMessages: o, children: /* @__PURE__ */ r(
|
|
36
36
|
p,
|
|
37
37
|
{
|
|
38
38
|
onClick: i,
|
|
39
|
-
"aria-label": o == null ? void 0 : o.rotateCounterclockwiseLabel,
|
|
40
|
-
children: t || /* @__PURE__ */ r(
|
|
39
|
+
"aria-label": (o == null ? void 0 : o.rotateCounterclockwiseTooltip) || (o == null ? void 0 : o.rotateCounterclockwiseLabel),
|
|
40
|
+
children: t || /* @__PURE__ */ r(n, { className: u["rp-rotate-counterclockwise"], "aria-hidden": "true" })
|
|
41
41
|
}
|
|
42
42
|
) });
|
|
43
43
|
};
|
|
@@ -1,28 +1,36 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo as i, useCallback as S } from "react";
|
|
3
3
|
import { UIButton as u } from "../../../ui/Button.js";
|
|
4
|
-
import
|
|
5
|
-
import { useLocalizationContext as
|
|
6
|
-
import { useSelectionModeContext as
|
|
4
|
+
import a from "../../../ui/RPTooltip.js";
|
|
5
|
+
import { useLocalizationContext as s } from "../../../../contexts/LocalizationContext.js";
|
|
6
|
+
import { useSelectionModeContext as x } from "../../../../contexts/SelectionModeContext.js";
|
|
7
7
|
import { SelectionMode as n } from "../../../../utils/types.js";
|
|
8
|
-
import { TextSelectionDefaultIcon as
|
|
8
|
+
import { TextSelectionDefaultIcon as h } from "../../../icons/TextSelectionDefaultIcon.js";
|
|
9
9
|
import { HandModeDefaultIcon as M } from "../../../icons/HandModeDefaultIcon.js";
|
|
10
10
|
import "../../../../clsx-0c6e471a.js";
|
|
11
11
|
import "../../../../utils/withRef.js";
|
|
12
|
-
import "../../../../index-
|
|
12
|
+
import "../../../../index-c9a2990a.js";
|
|
13
13
|
import "react-dom";
|
|
14
|
-
import "../../../../
|
|
14
|
+
import "../../../../index-808ea7bf.js";
|
|
15
15
|
import "../../../../utils/appConsole.js";
|
|
16
16
|
import "../../../../utils/hooks/useLocalization.js";
|
|
17
17
|
import "../../../../th_TH-d1686d95.js";
|
|
18
18
|
const U = ({ icons: d }) => {
|
|
19
|
-
const { textSelectionIcon: r, handModeIcon: c } = d ?? {}, { selectionMode: m, setSelectionMode:
|
|
19
|
+
const { textSelectionIcon: r, handModeIcon: c } = d ?? {}, { selectionMode: m, setSelectionMode: p } = x(), { localeMessages: o } = s(), t = i(() => m === n.TEXT, [m]), l = i(
|
|
20
20
|
() => t ? o == null ? void 0 : o.handToolTooltip : o == null ? void 0 : o.textSelectionTooltip,
|
|
21
21
|
[t, o]
|
|
22
22
|
), f = S(() => {
|
|
23
|
-
|
|
24
|
-
}, [t,
|
|
25
|
-
return /* @__PURE__ */ e(
|
|
23
|
+
p(t ? n.HAND : n.TEXT);
|
|
24
|
+
}, [t, p]), T = i(() => t ? c ?? /* @__PURE__ */ e(M, {}) : r ?? /* @__PURE__ */ e(h, {}), [t, r, c]);
|
|
25
|
+
return /* @__PURE__ */ e(a, { content: l, children: /* @__PURE__ */ e(
|
|
26
|
+
u,
|
|
27
|
+
{
|
|
28
|
+
onClick: f,
|
|
29
|
+
"aria-label": l,
|
|
30
|
+
"aria-pressed": t,
|
|
31
|
+
children: T
|
|
32
|
+
}
|
|
33
|
+
) });
|
|
26
34
|
};
|
|
27
35
|
export {
|
|
28
36
|
U as SelectionModeSwitcherTool
|