@react-pdf-kit/viewer 2.0.0-beta.10 → 2.0.0-beta.12
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-54a77a7a.js → Combination-136ff99c.js} +184 -187
- package/dist/Paginate.module-4eef00aa.js +8 -0
- package/dist/RPLayout.module-b4b23e29.js +14 -0
- package/dist/RPSplitter-f6acf13b.js +71 -0
- package/dist/ToolbarLayout.module-6e339802.js +12 -0
- package/dist/assets/style.css +1 -1
- package/dist/assets/style.js +32 -30
- package/dist/components/RPController.js +1 -1
- package/dist/components/RPDropFileZone.js +1 -1
- package/dist/components/RPPages.js +544 -497
- package/dist/components/RPProvider.js +32 -22
- package/dist/components/icons/DualPageWithCoverIcon.js +22 -0
- package/dist/components/layout/LayoutContainer.js +1 -1
- package/dist/components/layout/LayoutWrapper.js +1 -1
- package/dist/components/layout/RPDefaultLayout.js +58 -36
- package/dist/components/layout/RPLayout.js +32 -28
- package/dist/components/layout/SkipLink.js +29 -0
- package/dist/components/layout/WrapperLayout.js +1 -1
- package/dist/components/layout/sidebar/RPSidebar.js +32 -37
- package/dist/components/layout/sidebar/RPSplitter.js +6 -59
- package/dist/components/layout/sidebar/Thumbnail.js +57 -48
- package/dist/components/layout/sidebar/Thumbnails.js +9 -9
- package/dist/components/layout/toolbar/DarkModeTool.js +1 -1
- package/dist/components/layout/toolbar/DocumentDialog.js +28 -28
- package/dist/components/layout/toolbar/DocumentProperties.js +3 -3
- package/dist/components/layout/toolbar/FileDownloadTool.js +3 -3
- 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 +2 -2
- package/dist/components/layout/toolbar/MenuSeparator.js +2 -2
- package/dist/components/layout/toolbar/MostPageTool.js +3 -3
- package/dist/components/layout/toolbar/OtherTool.js +43 -34
- package/dist/components/layout/toolbar/Paginate.js +53 -46
- package/dist/components/layout/toolbar/PrintTool.js +3 -3
- package/dist/components/layout/toolbar/RPMenuItem.js +2 -2
- package/dist/components/layout/toolbar/RPMoreOptions.js +45 -44
- package/dist/components/layout/toolbar/RPToolbar.js +7 -6
- 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 +37 -37
- package/dist/components/layout/toolbar/SearchCloseButton.js +1 -1
- package/dist/components/layout/toolbar/SearchResultNavigator.js +44 -24
- package/dist/components/layout/toolbar/SearchTool.js +138 -117
- package/dist/components/layout/toolbar/SelectionModeTool.js +3 -3
- package/dist/components/layout/toolbar/ThumbnailTool.js +1 -1
- package/dist/components/layout/toolbar/ToolbarCustom.js +43 -27
- package/dist/components/layout/toolbar/ToolbarDefault.js +42 -33
- package/dist/components/layout/toolbar/ToolbarLayout.js +9 -8
- package/dist/components/layout/toolbar/ViewModeTool.js +43 -34
- package/dist/components/layout/toolbar/ZoomTool.js +3 -3
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +2 -2
- package/dist/components/layout/toolbar/tools/DualPageTool.js +3 -3
- package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +202 -0
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +6 -6
- package/dist/components/layout/toolbar/tools/FileUploadTool.js +5 -5
- package/dist/components/layout/toolbar/tools/FirstPageTool.js +197 -0
- package/dist/components/layout/toolbar/tools/FullScreenTool.js +16 -15
- package/dist/components/layout/toolbar/tools/HorizontalScrollingTool.js +37 -0
- package/dist/components/layout/toolbar/tools/InputPageTool.js +35 -28
- package/dist/components/layout/toolbar/tools/LastPageTool.js +197 -0
- package/dist/components/layout/toolbar/tools/NextPageTool.js +9 -8
- package/dist/components/layout/toolbar/tools/PageScrollingTool.js +37 -0
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +15 -14
- package/dist/components/layout/toolbar/tools/PrintTool.js +4 -4
- package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +12 -5
- package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +9 -9
- package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +18 -10
- package/dist/components/layout/toolbar/tools/SinglePageTool.js +2 -2
- package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +10 -2
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +13 -12
- package/dist/components/layout/toolbar/tools/VerticalScrollingTool.js +37 -0
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +15 -14
- package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +1 -1
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +75 -41
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +12 -11
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +7 -6
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +1 -1
- package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +11 -11
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +22 -15
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +20 -13
- package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +22 -14
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +35 -19
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +21 -14
- package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +33 -19
- package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +54 -36
- package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +39 -23
- package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +52 -29
- package/dist/components/page/AnnotationLayer.js +76 -69
- package/dist/components/page/CanvasLayer.js +1 -1
- package/dist/components/page/CustomElement.js +1 -1
- package/dist/components/page/DualPage.js +1 -1
- package/dist/components/page/DualPageWithCover.js +131 -0
- 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/Button.js +14 -12
- package/dist/components/ui/Checkbox.js +84 -77
- package/dist/components/ui/DropDown.js +2 -2
- package/dist/components/ui/Input.js +12 -11
- package/dist/components/ui/LoadingIndicator.js +1 -1
- package/dist/components/ui/PasswordModal.js +44 -30
- package/dist/contexts/DimensionPagesContext.js +1 -1
- package/dist/contexts/DropFileZoneContext.js +1 -1
- package/dist/contexts/ElementPageContext.js +1 -1
- package/dist/contexts/EventCallbackContext.js +12 -8
- package/dist/contexts/FileInputContext.js +1 -1
- package/dist/contexts/HighlightContext.js +1 -1
- package/dist/contexts/LocalizationContext.js +1 -1
- package/dist/contexts/PagesRotateContext.js +1 -1
- package/dist/contexts/PaginationContext.js +1 -1
- package/dist/contexts/PrintContext.js +1 -1
- package/dist/contexts/RPDocumentContext.js +1 -1
- package/dist/contexts/RenderQueueProvider.js +1 -1
- package/dist/contexts/RotationContext.js +1 -1
- package/dist/contexts/ScrollModeContext.js +1 -1
- package/dist/contexts/SearchContext.js +1 -1
- package/dist/contexts/SelectionModeContext.js +1 -1
- package/dist/contexts/ThumbnailsContext.js +1 -1
- package/dist/contexts/ViewModeContext.js +19 -15
- package/dist/contexts/ZoomContext.js +1 -1
- package/dist/de_DE-a553b162.js +489 -0
- package/dist/{index-4baea9b5.js → index-61f59539.js} +1 -1
- package/dist/main.js +115 -99
- package/dist/types/components/icons/DualPageWithCoverIcon.d.ts +2 -0
- package/dist/types/components/layout/LayoutContainer.d.ts +1 -5
- package/dist/types/components/layout/LayoutWrapper.d.ts +1 -5
- package/dist/types/components/layout/SkipLink.d.ts +7 -0
- package/dist/types/components/layout/sidebar/Thumbnails.d.ts +1 -3
- package/dist/types/components/layout/toolbar/RPToolbar.d.ts +1 -3
- package/dist/types/components/layout/toolbar/tools/DualPageWithCoverTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/FirstPageTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/HorizontalScrollingTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/LastPageTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/PageScrollingTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/VerticalScrollingTool.d.ts +3 -0
- package/dist/types/components/page/DualPageWithCover.d.ts +5 -0
- package/dist/types/components/page/RPPage.d.ts +1 -3
- package/dist/types/components/ui/Button.d.ts +1 -3
- package/dist/types/components/ui/Checkbox.d.ts +1 -0
- package/dist/types/components/ui/Input.d.ts +1 -3
- package/dist/types/components/ui/RPTooltip.d.ts +1 -3
- package/dist/types/locales/de_DE.json.d.ts +83 -0
- package/dist/types/locales/en_US.json.d.ts +2 -0
- package/dist/types/locales/it_IT.json.d.ts +2 -0
- package/dist/types/locales/pt_PT.json.d.ts +2 -0
- package/dist/types/locales/th_TH.json.d.ts +2 -0
- package/dist/types/locales/zh_CN.json.d.ts +2 -0
- package/dist/types/main.d.ts +7 -1
- package/dist/types/utils/annotations.d.ts +10 -1
- package/dist/types/utils/calculatePage.d.ts +3 -3
- package/dist/types/utils/hooks/usePresentPage.d.ts +2 -1
- package/dist/types/utils/hooks/useTextSelection.d.ts +7 -0
- package/dist/types/utils/types.d.ts +34 -3
- package/dist/types/utils/withRef.d.ts +5 -4
- package/dist/utils/annotations.js +145 -150
- package/dist/utils/calculatePage.js +17 -11
- package/dist/utils/getZoomLevel.js +9 -9
- package/dist/utils/highlight.js +139 -139
- package/dist/utils/hooks/useFileDownload.js +1 -1
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/useLoadPdf.js +1 -1
- package/dist/utils/hooks/useLocalization.js +12 -11
- package/dist/utils/hooks/usePageRotateContext.js +1 -1
- package/dist/utils/hooks/usePaginate.js +1 -1
- package/dist/utils/hooks/usePinch.js +1 -1
- package/dist/utils/hooks/usePresentPage.js +45 -45
- package/dist/utils/hooks/usePrint.js +1 -1
- package/dist/utils/hooks/useRotate.js +1 -1
- package/dist/utils/hooks/useScrollToPage.js +1 -1
- package/dist/utils/hooks/useSearch.js +76 -62
- package/dist/utils/hooks/useTextSelection.js +76 -0
- package/dist/utils/hooks/useThumbnail.js +1 -1
- package/dist/utils/hooks/useVirtualReactWindow.js +60 -42
- package/dist/utils/types.js +14 -13
- package/dist/utils/withRef.js +5 -5
- package/package.json +5 -6
- package/dist/Paginate.module-206a7d7d.js +0 -8
- package/dist/RPLayout.module-967bf4bc.js +0 -13
- package/dist/ToolbarLayout.module-1fee0a18.js +0 -11
- package/dist/th_TH-d627cd51.js +0 -398
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { c as
|
|
4
|
-
import { Thumbnails as
|
|
5
|
-
import { useThumbnailContext as
|
|
1
|
+
import { jsxs as i, Fragment as e, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as d, useState as N } from "react";
|
|
3
|
+
import { c as t } from "../../../ToolbarLayout.module-6e339802.js";
|
|
4
|
+
import { Thumbnails as T } from "../sidebar/Thumbnails.js";
|
|
5
|
+
import { useThumbnailContext as x } from "../../../contexts/ThumbnailsContext.js";
|
|
6
6
|
import { useToolbarComponentContext as C } from "../../../contexts/ToolbarComponentContext.js";
|
|
7
7
|
import { usePrintContext as R } from "../../../contexts/PrintContext.js";
|
|
8
|
-
import
|
|
8
|
+
import D from "../../ui/LoadingIndicator.js";
|
|
9
9
|
import { THUMBNAIL_MIN_WIDTH as I } from "../../../utils/constants.js";
|
|
10
|
-
import {
|
|
10
|
+
import { R as W } from "../../../RPSplitter-f6acf13b.js";
|
|
11
11
|
import "../sidebar/Thumbnail.js";
|
|
12
12
|
import "../../../clsx-0c6e471a.js";
|
|
13
13
|
import "../../icons/LoaderIcon.js";
|
|
14
14
|
import "../../../PaginationContext-9217cab4.js";
|
|
15
15
|
import "../../../utils/types.js";
|
|
16
|
-
import "../../../
|
|
16
|
+
import "../../../de_DE-a553b162.js";
|
|
17
17
|
import "../../../contexts/ScrollModeContext.js";
|
|
18
18
|
import "../../../utils/appConsole.js";
|
|
19
19
|
import "../../../contexts/InitialStateContext.js";
|
|
@@ -51,42 +51,58 @@ import "../../../utils/hooks/useThumbnail.js";
|
|
|
51
51
|
import "../../../utils/hooks/usePrint.js";
|
|
52
52
|
import "../../../contexts/LocalizationContext.js";
|
|
53
53
|
import "../../../utils/hooks/useLocalization.js";
|
|
54
|
-
const
|
|
55
|
-
const { children:
|
|
56
|
-
return /* @__PURE__ */
|
|
57
|
-
/* @__PURE__ */
|
|
58
|
-
m && /* @__PURE__ */
|
|
59
|
-
/* @__PURE__ */
|
|
60
|
-
/* @__PURE__ */
|
|
61
|
-
p && /* @__PURE__ */
|
|
62
|
-
|
|
54
|
+
const Wr = (h) => {
|
|
55
|
+
const { children: u, toolbar: b } = h, n = d(null), { active: a } = x(), { showPrintProgress: f } = C(), { progress: g, showDefaultProgress: w } = R(), { percentage: s } = g || {}, o = b, m = o == null ? void 0 : o.topbar, p = o == null ? void 0 : o.leftSidebar, l = d(null), [c, P] = N(I), v = w ?? f;
|
|
56
|
+
return /* @__PURE__ */ i(e, { children: [
|
|
57
|
+
/* @__PURE__ */ i("div", { className: t["rp-toolbar-layout"], children: [
|
|
58
|
+
m && /* @__PURE__ */ r("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: m == null ? void 0 : m.component }) }),
|
|
59
|
+
/* @__PURE__ */ i("div", { className: t["rp-content"], children: [
|
|
60
|
+
/* @__PURE__ */ i(e, { children: [
|
|
61
|
+
p && /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(
|
|
62
|
+
"div",
|
|
63
|
+
{
|
|
64
|
+
"data-rp": "sidebar",
|
|
65
|
+
ref: l,
|
|
66
|
+
className: t["rp-sidebar-content"],
|
|
67
|
+
children: p == null ? void 0 : p.component
|
|
68
|
+
}
|
|
69
|
+
) }),
|
|
70
|
+
/* @__PURE__ */ i(
|
|
63
71
|
"div",
|
|
64
72
|
{
|
|
65
73
|
"data-rp": "thumbnailSidebar",
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
style: { ...e && { position: "relative", display: "flex" } },
|
|
74
|
+
className: `${t["rp-thumbnails-wrapper"]} ${a ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
|
|
75
|
+
style: { "--rp-thumbnail-width": `${c}px` },
|
|
69
76
|
children: [
|
|
70
|
-
/* @__PURE__ */
|
|
71
|
-
/* @__PURE__ */
|
|
77
|
+
/* @__PURE__ */ r(T, { show: a, ref: n, width: c }),
|
|
78
|
+
/* @__PURE__ */ r(
|
|
72
79
|
W,
|
|
73
80
|
{
|
|
74
81
|
onWidthChange: P,
|
|
75
|
-
thumbnailRef:
|
|
82
|
+
thumbnailRef: n,
|
|
76
83
|
leftSidebarRef: l,
|
|
77
84
|
isRPLayout: !0
|
|
78
85
|
}
|
|
79
|
-
)
|
|
86
|
+
)
|
|
80
87
|
]
|
|
81
88
|
}
|
|
82
89
|
)
|
|
83
90
|
] }),
|
|
84
|
-
/* @__PURE__ */
|
|
91
|
+
/* @__PURE__ */ r(
|
|
92
|
+
"main",
|
|
93
|
+
{
|
|
94
|
+
id: "rp-main-content",
|
|
95
|
+
role: "main",
|
|
96
|
+
"aria-label": "PDF document pages",
|
|
97
|
+
className: t["rp-pages"],
|
|
98
|
+
children: u
|
|
99
|
+
}
|
|
100
|
+
)
|
|
85
101
|
] })
|
|
86
102
|
] }),
|
|
87
|
-
|
|
103
|
+
v && s ? /* @__PURE__ */ r(D, { percentage: s }) : null
|
|
88
104
|
] });
|
|
89
105
|
};
|
|
90
106
|
export {
|
|
91
|
-
|
|
107
|
+
Wr as ToolbarCustom
|
|
92
108
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as s, useState as P } from "react";
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as t } from "../../../ToolbarLayout.module-6e339802.js";
|
|
4
4
|
import { Thumbnails as g } from "../sidebar/Thumbnails.js";
|
|
5
|
-
import { useThumbnailContext as
|
|
6
|
-
import { useToolbarComponentContext as
|
|
5
|
+
import { useThumbnailContext as w } from "../../../contexts/ThumbnailsContext.js";
|
|
6
|
+
import { useToolbarComponentContext as v } from "../../../contexts/ToolbarComponentContext.js";
|
|
7
7
|
import { RPVerticalBar as N } from "./tools/defaults/RPVerticalBar.js";
|
|
8
8
|
import { RPHorizontalBar as R } from "./tools/defaults/RPHorizontalBar.js";
|
|
9
|
-
import { usePrintContext as
|
|
10
|
-
import
|
|
11
|
-
import {
|
|
12
|
-
import { THUMBNAIL_MIN_WIDTH as
|
|
9
|
+
import { usePrintContext as x } from "../../../contexts/PrintContext.js";
|
|
10
|
+
import T from "../../ui/LoadingIndicator.js";
|
|
11
|
+
import { R as C } from "../../../RPSplitter-f6acf13b.js";
|
|
12
|
+
import { THUMBNAIL_MIN_WIDTH as D } from "../../../utils/constants.js";
|
|
13
13
|
import "../sidebar/Thumbnail.js";
|
|
14
14
|
import "../../../clsx-0c6e471a.js";
|
|
15
15
|
import "../../icons/LoaderIcon.js";
|
|
16
16
|
import "../../../PaginationContext-9217cab4.js";
|
|
17
17
|
import "../../../utils/types.js";
|
|
18
|
-
import "../../../
|
|
18
|
+
import "../../../de_DE-a553b162.js";
|
|
19
19
|
import "../../../contexts/ScrollModeContext.js";
|
|
20
20
|
import "../../../utils/appConsole.js";
|
|
21
21
|
import "../../../contexts/InitialStateContext.js";
|
|
@@ -83,10 +83,10 @@ import "../../icons/ChevronUpIcon.js";
|
|
|
83
83
|
import "./SearchCloseButton.js";
|
|
84
84
|
import "../../icons/CloseIcon.js";
|
|
85
85
|
import "../../ui/DropDown.js";
|
|
86
|
-
import "../../../index-
|
|
87
|
-
import "../../../Combination-
|
|
86
|
+
import "../../../index-61f59539.js";
|
|
87
|
+
import "../../../Combination-136ff99c.js";
|
|
88
88
|
import "./Paginate.js";
|
|
89
|
-
import "../../../Paginate.module-
|
|
89
|
+
import "../../../Paginate.module-4eef00aa.js";
|
|
90
90
|
import "./ZoomTool.js";
|
|
91
91
|
import "../../icons/ZoomInIcon.js";
|
|
92
92
|
import "../../icons/ZoomOutIcon.js";
|
|
@@ -118,6 +118,7 @@ import "../../../RotateTool.module-67946714.js";
|
|
|
118
118
|
import "../../../utils/hooks/useRotate.js";
|
|
119
119
|
import "./ViewModeTool.js";
|
|
120
120
|
import "../../icons/DualPageIcon.js";
|
|
121
|
+
import "../../icons/DualPageWithCoverIcon.js";
|
|
121
122
|
import "../../icons/SinglePageIcon.js";
|
|
122
123
|
import "./ScrollModeTool.js";
|
|
123
124
|
import "../../icons/PageScrollingIcon.js";
|
|
@@ -142,42 +143,50 @@ import "../../icons/HandModeDefaultIcon.js";
|
|
|
142
143
|
import "../../../contexts/SelectionModeContext.js";
|
|
143
144
|
import "../../../utils/hooks/usePrint.js";
|
|
144
145
|
import "../../../RPToolbar.module-27d7fe77.js";
|
|
145
|
-
const
|
|
146
|
-
const { children:
|
|
147
|
-
return /* @__PURE__ */
|
|
148
|
-
/* @__PURE__ */
|
|
149
|
-
/* @__PURE__ */ r("div", { "data-rp": "topbar", className:
|
|
150
|
-
/* @__PURE__ */
|
|
151
|
-
/* @__PURE__ */
|
|
152
|
-
/* @__PURE__ */ r("div", { "data-rp": "sidebar", ref:
|
|
153
|
-
/* @__PURE__ */
|
|
146
|
+
const lo = (l) => {
|
|
147
|
+
const { children: c } = l, i = s(null), { active: m } = w(), { showPrintProgress: d } = v(), { progress: h, showDefaultProgress: u } = x(), { percentage: p } = h || {}, e = s(null), [a, b] = P(D), f = u ?? d;
|
|
148
|
+
return /* @__PURE__ */ o(n, { children: [
|
|
149
|
+
/* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
|
|
150
|
+
/* @__PURE__ */ r("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(R, {}) }) }),
|
|
151
|
+
/* @__PURE__ */ o("div", { className: t["rp-content"], children: [
|
|
152
|
+
/* @__PURE__ */ o(n, { children: [
|
|
153
|
+
/* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: e, className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(N, {}) }),
|
|
154
|
+
/* @__PURE__ */ o(
|
|
154
155
|
"div",
|
|
155
156
|
{
|
|
156
157
|
"data-rp": "thumbnailSidebar",
|
|
157
|
-
|
|
158
|
-
className:
|
|
159
|
-
style: { ...i && { position: "relative", display: "flex" } },
|
|
158
|
+
style: { "--rp-thumbnail-width": `${a}px` },
|
|
159
|
+
className: `${t["rp-thumbnails-wrapper"]} ${m ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
|
|
160
160
|
children: [
|
|
161
|
-
/* @__PURE__ */ r(g, { show:
|
|
162
|
-
/* @__PURE__ */ r(
|
|
161
|
+
/* @__PURE__ */ r(g, { show: m, ref: i, width: a }),
|
|
162
|
+
/* @__PURE__ */ r(
|
|
163
163
|
C,
|
|
164
164
|
{
|
|
165
|
-
onWidthChange:
|
|
166
|
-
thumbnailRef:
|
|
167
|
-
leftSidebarRef:
|
|
165
|
+
onWidthChange: b,
|
|
166
|
+
thumbnailRef: i,
|
|
167
|
+
leftSidebarRef: e,
|
|
168
168
|
isRPLayout: !0
|
|
169
169
|
}
|
|
170
|
-
)
|
|
170
|
+
)
|
|
171
171
|
]
|
|
172
172
|
}
|
|
173
173
|
)
|
|
174
174
|
] }),
|
|
175
|
-
/* @__PURE__ */ r(
|
|
175
|
+
/* @__PURE__ */ r(
|
|
176
|
+
"main",
|
|
177
|
+
{
|
|
178
|
+
id: "rp-main-content",
|
|
179
|
+
role: "main",
|
|
180
|
+
"aria-label": "PDF document pages",
|
|
181
|
+
className: t["rp-pages"],
|
|
182
|
+
children: c
|
|
183
|
+
}
|
|
184
|
+
)
|
|
176
185
|
] })
|
|
177
186
|
] }),
|
|
178
|
-
|
|
187
|
+
f && p ? /* @__PURE__ */ r(T, { percentage: p }) : null
|
|
179
188
|
] });
|
|
180
189
|
};
|
|
181
190
|
export {
|
|
182
|
-
|
|
191
|
+
lo as ToolbarDefault
|
|
183
192
|
};
|
|
@@ -2,14 +2,14 @@ import { jsx as t } from "react/jsx-runtime";
|
|
|
2
2
|
import { ToolbarDefault as i } from "./ToolbarDefault.js";
|
|
3
3
|
import { ToolbarCustom as p } from "./ToolbarCustom.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import "../../../ToolbarLayout.module-
|
|
5
|
+
import "../../../ToolbarLayout.module-6e339802.js";
|
|
6
6
|
import "../sidebar/Thumbnails.js";
|
|
7
7
|
import "../sidebar/Thumbnail.js";
|
|
8
8
|
import "../../../clsx-0c6e471a.js";
|
|
9
9
|
import "../../icons/LoaderIcon.js";
|
|
10
10
|
import "../../../PaginationContext-9217cab4.js";
|
|
11
11
|
import "../../../utils/types.js";
|
|
12
|
-
import "../../../
|
|
12
|
+
import "../../../de_DE-a553b162.js";
|
|
13
13
|
import "../../../contexts/ScrollModeContext.js";
|
|
14
14
|
import "../../../utils/appConsole.js";
|
|
15
15
|
import "../../../contexts/InitialStateContext.js";
|
|
@@ -82,10 +82,10 @@ import "../../icons/ChevronUpIcon.js";
|
|
|
82
82
|
import "./SearchCloseButton.js";
|
|
83
83
|
import "../../icons/CloseIcon.js";
|
|
84
84
|
import "../../ui/DropDown.js";
|
|
85
|
-
import "../../../index-
|
|
86
|
-
import "../../../Combination-
|
|
85
|
+
import "../../../index-61f59539.js";
|
|
86
|
+
import "../../../Combination-136ff99c.js";
|
|
87
87
|
import "./Paginate.js";
|
|
88
|
-
import "../../../Paginate.module-
|
|
88
|
+
import "../../../Paginate.module-4eef00aa.js";
|
|
89
89
|
import "./ZoomTool.js";
|
|
90
90
|
import "../../icons/ZoomInIcon.js";
|
|
91
91
|
import "../../icons/ZoomOutIcon.js";
|
|
@@ -117,6 +117,7 @@ import "../../../RotateTool.module-67946714.js";
|
|
|
117
117
|
import "../../../utils/hooks/useRotate.js";
|
|
118
118
|
import "./ViewModeTool.js";
|
|
119
119
|
import "../../icons/DualPageIcon.js";
|
|
120
|
+
import "../../icons/DualPageWithCoverIcon.js";
|
|
120
121
|
import "../../icons/SinglePageIcon.js";
|
|
121
122
|
import "./ScrollModeTool.js";
|
|
122
123
|
import "../../icons/PageScrollingIcon.js";
|
|
@@ -143,11 +144,11 @@ import "../../icons/HandModeDefaultIcon.js";
|
|
|
143
144
|
import "../../../contexts/SelectionModeContext.js";
|
|
144
145
|
import "../../../RPToolbar.module-27d7fe77.js";
|
|
145
146
|
import "../../ui/LoadingIndicator.js";
|
|
146
|
-
import "
|
|
147
|
-
const
|
|
147
|
+
import "../../../RPSplitter-f6acf13b.js";
|
|
148
|
+
const Ur = (m) => {
|
|
148
149
|
const { children: r, toolbar: o } = m;
|
|
149
150
|
return o && typeof o == "boolean" ? /* @__PURE__ */ t(i, { children: r }) : /* @__PURE__ */ t(p, { toolbar: o, children: r });
|
|
150
151
|
};
|
|
151
152
|
export {
|
|
152
|
-
|
|
153
|
+
Ur as ToolbarLayout
|
|
153
154
|
};
|
|
@@ -1,54 +1,63 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { G as
|
|
3
|
-
import { MenuSeparator as
|
|
4
|
-
import { MenuItem as
|
|
5
|
-
import { DualPageIcon as
|
|
6
|
-
import {
|
|
1
|
+
import { jsx as t, Fragment as I, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import { G as f } from "../../../index-61f59539.js";
|
|
3
|
+
import { MenuSeparator as g } from "./MenuSeparator.js";
|
|
4
|
+
import { MenuItem as i } from "./MenuItem.js";
|
|
5
|
+
import { DualPageIcon as T } from "../../icons/DualPageIcon.js";
|
|
6
|
+
import { DualPageWithCoverIcon as v } from "../../icons/DualPageWithCoverIcon.js";
|
|
7
|
+
import { SinglePageIcon as N } from "../../icons/SinglePageIcon.js";
|
|
7
8
|
import { useViewModeContext as x } from "../../../contexts/ViewModeContext.js";
|
|
8
|
-
import { ScrollMode as
|
|
9
|
-
import { CheckIcon as
|
|
10
|
-
import { useToolbarComponentContext as
|
|
11
|
-
import { useScrollModeContext as
|
|
12
|
-
import { useMemo as
|
|
13
|
-
import { useLocalizationContext as
|
|
14
|
-
import
|
|
9
|
+
import { ScrollMode as L, ViewMode as m } from "../../../utils/types.js";
|
|
10
|
+
import { CheckIcon as l } from "../../icons/CheckIcon.js";
|
|
11
|
+
import { useToolbarComponentContext as D } from "../../../contexts/ToolbarComponentContext.js";
|
|
12
|
+
import { useScrollModeContext as W } from "../../../contexts/ScrollModeContext.js";
|
|
13
|
+
import { useMemo as w } from "react";
|
|
14
|
+
import { useLocalizationContext as S } from "../../../contexts/LocalizationContext.js";
|
|
15
|
+
import c from "../../ui/RPTooltip.js";
|
|
15
16
|
import { useIconContext as u } from "../../../contexts/IconContext.js";
|
|
16
|
-
import { useIconToolContext as
|
|
17
|
-
import { useToolComponentContext as
|
|
17
|
+
import { useIconToolContext as p } from "../../../contexts/IconToolContext.js";
|
|
18
|
+
import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
|
|
18
19
|
import "../../../index-c0faa594.js";
|
|
19
20
|
import "react-dom";
|
|
20
21
|
import "../../../index-e3ee9457.js";
|
|
21
|
-
import "../../../Combination-
|
|
22
|
+
import "../../../Combination-136ff99c.js";
|
|
22
23
|
import "../../../floating-ui.react-dom-5ec29bd6.js";
|
|
23
24
|
import "../../../index-655864a7.js";
|
|
24
25
|
import "../../../clsx-0c6e471a.js";
|
|
25
26
|
import "../../../utils/appConsole.js";
|
|
26
27
|
import "../../../contexts/InitialStateContext.js";
|
|
27
|
-
import "../../../
|
|
28
|
+
import "../../../de_DE-a553b162.js";
|
|
28
29
|
import "../../../utils/hooks/useLocalization.js";
|
|
29
30
|
import "../../../utils/withRef.js";
|
|
30
|
-
const
|
|
31
|
-
const { singlePageIcon:
|
|
32
|
-
return
|
|
33
|
-
},
|
|
34
|
-
const { dualPageIcon:
|
|
35
|
-
return
|
|
36
|
-
},
|
|
37
|
-
const {
|
|
38
|
-
return
|
|
39
|
-
|
|
40
|
-
|
|
31
|
+
const G = () => {
|
|
32
|
+
const { singlePageIcon: e } = u(), { singlePageIcon: r } = p();
|
|
33
|
+
return e || r || /* @__PURE__ */ t(N, {});
|
|
34
|
+
}, A = () => {
|
|
35
|
+
const { dualPageIcon: e } = u(), { dualPageIcon: r } = p();
|
|
36
|
+
return e || r || /* @__PURE__ */ t(T, {});
|
|
37
|
+
}, V = () => {
|
|
38
|
+
const { dualPageWithCoverIcon: e } = u(), { dualPageWithCoverIcon: r } = p();
|
|
39
|
+
return e || r || /* @__PURE__ */ t(v, {});
|
|
40
|
+
}, uo = () => {
|
|
41
|
+
const { viewMode: e, setDualPage: r, setDualPageWithCover: s, setSinglePage: P } = x(), { viewModeTool: h = !0 } = D(), { viewModeTool: C = !0 } = b(), { scrollMode: a } = W(), { localeMessages: o } = S(), d = w(() => [L.HORIZONTAL_SCROLLING].includes(a), [a]);
|
|
42
|
+
return !h || !C ? null : /* @__PURE__ */ t(I, { children: /* @__PURE__ */ n(f, { children: [
|
|
43
|
+
/* @__PURE__ */ t(i, { onClick: P, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
|
|
44
|
+
/* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(G, {}) }),
|
|
41
45
|
o == null ? void 0 : o.singlePageLabel,
|
|
42
|
-
|
|
46
|
+
e === m.SINGLE_PAGE ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
|
|
43
47
|
] }) }),
|
|
44
|
-
/* @__PURE__ */
|
|
45
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ t(i, { disabled: d, onClick: r, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
|
|
49
|
+
/* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(A, {}) }),
|
|
46
50
|
o == null ? void 0 : o.dualPageLabel,
|
|
47
|
-
|
|
51
|
+
e === m.DUAL_PAGE ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
|
|
48
52
|
] }) }),
|
|
49
|
-
/* @__PURE__ */
|
|
53
|
+
/* @__PURE__ */ t(i, { disabled: d, onClick: s, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageWithCoverTooltip, children: [
|
|
54
|
+
/* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(V, {}) }),
|
|
55
|
+
o == null ? void 0 : o.dualPageWithCoverLabel,
|
|
56
|
+
e === m.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
|
|
57
|
+
] }) }),
|
|
58
|
+
/* @__PURE__ */ t(g, {})
|
|
50
59
|
] }) });
|
|
51
60
|
};
|
|
52
61
|
export {
|
|
53
|
-
|
|
62
|
+
uo as ViewModeTool
|
|
54
63
|
};
|
|
@@ -8,7 +8,7 @@ import { UIButton as f } from "../../ui/Button.js";
|
|
|
8
8
|
import { c as e } from "../../../ZoomTool.module-7082af8c.js";
|
|
9
9
|
import { UIDropDown as U } from "../../ui/DropDown.js";
|
|
10
10
|
import { useLayoutContainer as _ } from "../../../contexts/LayoutContainerContext.js";
|
|
11
|
-
import { G as Z } from "../../../index-
|
|
11
|
+
import { G as Z } from "../../../index-61f59539.js";
|
|
12
12
|
import { MenuItem as c } from "./MenuItem.js";
|
|
13
13
|
import { MenuSeparator as j } from "./MenuSeparator.js";
|
|
14
14
|
import { useToolbarComponentContext as F } from "../../../contexts/ToolbarComponentContext.js";
|
|
@@ -31,7 +31,7 @@ import "pdfjs-dist";
|
|
|
31
31
|
import "../../../utils/getThumbnailViewport.js";
|
|
32
32
|
import "../../../contexts/ConfigContext.js";
|
|
33
33
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
34
|
-
import "../../../
|
|
34
|
+
import "../../../de_DE-a553b162.js";
|
|
35
35
|
import "../../../utils/hooks/usePdfProperties.js";
|
|
36
36
|
import "../../../utils/convertPdfDate.js";
|
|
37
37
|
import "../../../utils/formatFileSize.js";
|
|
@@ -45,7 +45,7 @@ import "../../../utils/withRef.js";
|
|
|
45
45
|
import "../../../index-c0faa594.js";
|
|
46
46
|
import "react-dom";
|
|
47
47
|
import "../../../index-e3ee9457.js";
|
|
48
|
-
import "../../../Combination-
|
|
48
|
+
import "../../../Combination-136ff99c.js";
|
|
49
49
|
import "../../../floating-ui.react-dom-5ec29bd6.js";
|
|
50
50
|
import "../../../index-655864a7.js";
|
|
51
51
|
import "../../../utils/hooks/useLocalization.js";
|
|
@@ -14,9 +14,9 @@ import "../../../../index-655864a7.js";
|
|
|
14
14
|
import "../../../../utils/withRef.js";
|
|
15
15
|
import "../../../../utils/appConsole.js";
|
|
16
16
|
import "../../../../utils/hooks/useLocalization.js";
|
|
17
|
-
import "../../../../
|
|
17
|
+
import "../../../../de_DE-a553b162.js";
|
|
18
18
|
import "../../../../clsx-0c6e471a.js";
|
|
19
|
-
import "../../../../Combination-
|
|
19
|
+
import "../../../../Combination-136ff99c.js";
|
|
20
20
|
import "../../../../contexts/LayoutContainerContext.js";
|
|
21
21
|
import "../../../icons/CloseIcon.js";
|
|
22
22
|
import "../../../../utils/dateFormatter.js";
|
|
@@ -14,12 +14,12 @@ import "../../../../utils/withRef.js";
|
|
|
14
14
|
import "../../../../clsx-0c6e471a.js";
|
|
15
15
|
import "../../../../utils/appConsole.js";
|
|
16
16
|
import "../../../../utils/types.js";
|
|
17
|
-
import "../../../../
|
|
17
|
+
import "../../../../de_DE-a553b162.js";
|
|
18
18
|
import "../../../../contexts/InitialStateContext.js";
|
|
19
19
|
import "../../../../utils/hooks/useLocalization.js";
|
|
20
|
-
const
|
|
20
|
+
const d = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.dualPageTooltip, children: t }), R = ({ icon: t }) => {
|
|
21
21
|
const { setDualPage: i } = u(), { localeMessages: o } = a();
|
|
22
|
-
return /* @__PURE__ */ r(
|
|
22
|
+
return /* @__PURE__ */ r(d, { localeMessages: o, children: /* @__PURE__ */ r(p, { onClick: i, "aria-label": o == null ? void 0 : o.dualPageTooltip, children: t || /* @__PURE__ */ r(n, { "aria-hidden": "true" }) }) });
|
|
23
23
|
};
|
|
24
24
|
export {
|
|
25
25
|
R as DualPageTool
|