@pdf-viewer/react 1.9.0-beta.1 → 1.9.0-beta.3
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/{Popover-48c8394c.js → Popover-1faa77f6.js} +2 -2
- package/dist/RPLayout-897cb09d.js +3393 -0
- package/dist/assets/RPLayout.css +1 -1
- package/dist/{component-2aa6e53b.js → component-1da194e8.js} +1 -1
- package/dist/components/RPConfig.js +673 -691
- package/dist/components/RPController.js +1 -1
- package/dist/components/RPDropFileZone.js +27 -26
- package/dist/components/RPPages.js +9 -3
- package/dist/components/layout/LayoutContainer.js +9 -3
- package/dist/components/layout/RPDefaultLayout.js +1 -1
- package/dist/components/layout/RPLayout.js +9 -4
- package/dist/components/layout/WrapperLayout.js +8 -7
- package/dist/components/layout/sidebar/RPSidebar.js +3 -2
- package/dist/components/layout/sidebar/Thumbnail.js +1 -1
- package/dist/components/layout/sidebar/Thumbnails.js +1 -1
- package/dist/components/layout/toolbar/DarkModeTool.js +20 -18
- package/dist/components/layout/toolbar/DocumentDialog.js +7 -4
- package/dist/components/layout/toolbar/DocumentProperties.js +19 -17
- package/dist/components/layout/toolbar/FileDownloadTool.js +4 -2
- package/dist/components/layout/toolbar/FileUploadTool.js +21 -19
- package/dist/components/layout/toolbar/FullScreenTool.js +45 -36
- package/dist/components/layout/toolbar/MenuItem.js +1 -1
- package/dist/components/layout/toolbar/MenuSeparator.js +1 -1
- package/dist/components/layout/toolbar/MostPageTool.js +10 -4
- package/dist/components/layout/toolbar/OtherTool.js +4 -3
- package/dist/components/layout/toolbar/Paginate.js +4 -2
- package/dist/components/layout/toolbar/PrintTool.js +4 -2
- package/dist/components/layout/toolbar/RPToolbar.js +3 -2
- package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
- package/dist/components/layout/toolbar/RotateTool.js +27 -25
- package/dist/components/layout/toolbar/ScrollModeTool.js +43 -41
- package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
- package/dist/components/layout/toolbar/SearchTool.js +10 -4
- package/dist/components/layout/toolbar/SelectionModeTool.js +32 -30
- package/dist/components/layout/toolbar/ThumbnailTool.js +17 -0
- package/dist/components/layout/toolbar/ToolbarCustom.js +9 -3
- package/dist/components/layout/toolbar/ViewModeTool.js +33 -24
- package/dist/components/layout/toolbar/ZoomTool.js +5 -3
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +9 -13
- package/dist/components/layout/toolbar/tools/FileUploadTool.js +10 -14
- package/dist/components/layout/toolbar/tools/FullScreenTool.js +13 -17
- package/dist/components/layout/toolbar/tools/InputPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/NextPageTool.js +10 -4
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/PrintTool.js +8 -12
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +55 -56
- package/dist/components/layout/toolbar/tools/defaults/LeftSidebarDefaultTools.js +16 -0
- package/dist/components/layout/toolbar/tools/defaults/TopbarDefaultTools.js +59 -0
- package/dist/components/page/AnnotationLayer.js +9 -3
- package/dist/components/page/CanvasLayer.js +9 -3
- package/dist/components/page/DualPage.js +1 -1
- package/dist/components/page/RPPage.js +9 -3
- package/dist/components/page/SinglePage.js +1 -1
- package/dist/components/page/TextHighlightLayer.js +9 -3
- package/dist/components/page/TextLayer.js +9 -3
- package/dist/components/ui/Checkbox.js +116 -228
- package/dist/components/ui/DropDown.js +1 -1
- package/dist/components/ui/LoadingIndicator.js +1 -1
- package/dist/components/ui/Popover.js +1 -1
- package/dist/components/ui/RPTooltip.js +207 -207
- package/dist/contexts/DropFileZoneContext.js +28 -29
- package/dist/contexts/ElementPageContext.js +54 -43
- package/dist/contexts/IconToolContext.js +13 -0
- package/dist/contexts/PaginationContext.js +3 -3
- package/dist/contexts/PrintContext.js +1 -1
- package/dist/contexts/SearchContext.js +1 -1
- package/dist/contexts/ThumbnailsContext.js +1 -1
- package/dist/contexts/ToolComponentContext.js +52 -0
- package/dist/contexts/ToolbarComponentContext.js +6 -3
- package/dist/{floating-ui.react-dom-4b1e2e46.js → floating-ui.react-dom-15b9b819.js} +380 -394
- package/dist/index-1cb41342.js +307 -0
- package/dist/{index-951f0f1f.js → index-7279fb4e.js} +456 -464
- package/dist/index-aa2d3884.js +140 -0
- package/dist/main.js +23 -19
- package/dist/types/components/layout/toolbar/ThumbnailTool.d.ts +2 -0
- package/dist/types/components/layout/toolbar/tools/defaults/LeftSidebarDefaultTools.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/defaults/TopbarDefaultTools.d.ts +3 -0
- package/dist/types/contexts/IconToolContext.d.ts +9 -0
- package/dist/types/contexts/ToolComponentContext.d.ts +12 -0
- package/dist/types/main.d.ts +3 -1
- package/dist/types/utils/types.d.ts +63 -43
- package/dist/utils/hooks/useFileDownload.js +9 -3
- package/dist/utils/hooks/useLicense.js +26 -24
- package/dist/utils/hooks/usePageRotateContext.js +19 -20
- package/dist/utils/hooks/usePaginate.js +9 -3
- package/dist/utils/hooks/usePresentPage.js +9 -3
- package/dist/utils/hooks/usePrint.js +9 -3
- package/dist/utils/hooks/useScrollToPage.js +9 -3
- package/dist/utils/hooks/useSearch.js +9 -3
- package/dist/utils/hooks/useThumbnail.js +9 -3
- package/dist/utils/hooks/useVirtualReactWindow.js +9 -3
- package/dist/utils/types.js +6 -6
- package/package.json +1 -1
- package/dist/RPLayout-3042ec91.js +0 -3349
- package/dist/index-6e0e48fa.js +0 -332
- package/dist/index-e3a67935.js +0 -150
|
@@ -1,25 +1,21 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { useFullScreenContext as
|
|
3
|
-
import { UIButton as
|
|
2
|
+
import { useFullScreenContext as i } from "../../../../contexts/FullScreenContext.js";
|
|
3
|
+
import { UIButton as c } from "../../../ui/Button.js";
|
|
4
4
|
import { FullScreenIcon as u } from "../../../icons/FullScreenIcon.js";
|
|
5
|
-
import
|
|
6
|
-
import p from "
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}, F = ({ children: o, className: n, localeMessages: r }) => /* @__PURE__ */ t(p, { className: n, content: r == null ? void 0 : r.fullScreenTooltip, children: o }), h = ({ icon: o }) => {
|
|
12
|
-
const { isFullScreen: n, toggleFullScreen: r, isSupported: e } = c(), { localeMessages: l } = f();
|
|
13
|
-
return /* @__PURE__ */ t(F, { localeMessages: l, children: /* @__PURE__ */ t(
|
|
14
|
-
i,
|
|
5
|
+
import m from "../../../ui/RPTooltip.js";
|
|
6
|
+
import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
|
|
7
|
+
const f = ({ children: r, className: l, localeMessages: o }) => /* @__PURE__ */ t(m, { className: l, content: o == null ? void 0 : o.fullScreenTooltip, children: r }), C = ({ icon: r }) => {
|
|
8
|
+
const { isFullScreen: l, toggleFullScreen: o, isSupported: n } = i(), { localeMessages: e } = p();
|
|
9
|
+
return /* @__PURE__ */ t(f, { localeMessages: e, children: /* @__PURE__ */ t(
|
|
10
|
+
c,
|
|
15
11
|
{
|
|
16
|
-
disabled: !
|
|
17
|
-
onClick:
|
|
18
|
-
"aria-label":
|
|
19
|
-
children:
|
|
12
|
+
disabled: !n,
|
|
13
|
+
onClick: o,
|
|
14
|
+
"aria-label": l ? "Exit full screen" : "Enter full screen",
|
|
15
|
+
children: r || /* @__PURE__ */ t(u, {})
|
|
20
16
|
}
|
|
21
17
|
) });
|
|
22
18
|
};
|
|
23
19
|
export {
|
|
24
|
-
|
|
20
|
+
C as FullScreenTool
|
|
25
21
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as u, Fragment as h, jsx as g } from "react/jsx-runtime";
|
|
2
2
|
import { useState as d, useEffect as S, useCallback as o } from "react";
|
|
3
|
-
import { u as x, i as p } from "../../../../RPLayout-
|
|
3
|
+
import { u as x, i as p } from "../../../../RPLayout-897cb09d.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";
|
|
@@ -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 "../../../../RPLayout-
|
|
5
|
+
import { u as s } from "../../../../RPLayout-897cb09d.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";
|
|
@@ -33,18 +33,24 @@ import "../../../RPConfig.js";
|
|
|
33
33
|
import "../../../../contexts/ThemeContext.js";
|
|
34
34
|
import "../../../RPDropFileZone.js";
|
|
35
35
|
import "../../../../contexts/ToolbarComponentContext.js";
|
|
36
|
+
import "../../../../contexts/ToolComponentContext.js";
|
|
36
37
|
import "../../../../SearchCloseButton-ddb9877e.js";
|
|
37
38
|
import "../../../ui/Input.js";
|
|
38
39
|
import "../../../ui/Checkbox.js";
|
|
39
40
|
import "../../../icons/LoaderIcon.js";
|
|
40
41
|
import "../../../../contexts/IconContext.js";
|
|
41
42
|
import h from "../../../ui/RPTooltip.js";
|
|
42
|
-
import "../../../../Popover-
|
|
43
|
+
import "../../../../Popover-1faa77f6.js";
|
|
43
44
|
import "../../../../contexts/ViewportContext.js";
|
|
45
|
+
import "../../../../contexts/IconToolContext.js";
|
|
44
46
|
import "../../../ui/DropDown.js";
|
|
45
47
|
import "../MenuItem.js";
|
|
46
48
|
import "../MenuSeparator.js";
|
|
47
|
-
|
|
49
|
+
import "../../../../utils/dateFormatter.js";
|
|
50
|
+
import "../PropertyItem.js";
|
|
51
|
+
import "../../../../contexts/OtherToolContext.js";
|
|
52
|
+
import "../RotateTool.js";
|
|
53
|
+
const ho = ({ icon: m }) => {
|
|
48
54
|
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]);
|
|
49
55
|
return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(h, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ i(
|
|
50
56
|
f,
|
|
@@ -57,5 +63,5 @@ const so = ({ icon: m }) => {
|
|
|
57
63
|
) }) });
|
|
58
64
|
};
|
|
59
65
|
export {
|
|
60
|
-
|
|
66
|
+
ho as NextPageTool
|
|
61
67
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r, Fragment as e } from "react/jsx-runtime";
|
|
2
2
|
import { ChevronUpIcon as p } from "../../../icons/ChevronUpIcon.js";
|
|
3
3
|
import { UIButton as m } from "../../../ui/Button.js";
|
|
4
|
-
import { u as a } from "../../../../RPLayout-
|
|
4
|
+
import { u as a } from "../../../../RPLayout-897cb09d.js";
|
|
5
5
|
import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
|
|
6
6
|
import P from "../../../ui/RPTooltip.js";
|
|
7
7
|
const h = ({ icon: t }) => {
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { PrintDefaultTool as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { d as c } from "../../../../RPLayout-3042ec91.js";
|
|
2
|
+
import { PrintDefaultTool as n } from "../../../icons/PrintDefaultIcon.js";
|
|
3
|
+
import { UIButton as p } from "../../../ui/Button.js";
|
|
4
|
+
import { d as m } from "../../../../RPLayout-897cb09d.js";
|
|
6
5
|
import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
|
|
7
|
-
import
|
|
8
|
-
const
|
|
9
|
-
const {
|
|
10
|
-
return o || /* @__PURE__ */ r(
|
|
11
|
-
}, T = ({ children: o, className: n, localeMessages: t }) => /* @__PURE__ */ r(u, { className: n, content: t == null ? void 0 : t.printTooltip, children: o }), j = ({ icon: o }) => {
|
|
12
|
-
const { print: n } = c(), { localeMessages: t } = f();
|
|
13
|
-
return /* @__PURE__ */ r(T, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: n, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(P, {}) }) });
|
|
6
|
+
import T from "../../../ui/RPTooltip.js";
|
|
7
|
+
const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), h = ({ icon: o }) => {
|
|
8
|
+
const { print: i } = m(), { localeMessages: t } = f();
|
|
9
|
+
return /* @__PURE__ */ r(u, { localeMessages: t, children: /* @__PURE__ */ r(p, { onClick: i, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(n, {}) }) });
|
|
14
10
|
};
|
|
15
11
|
export {
|
|
16
|
-
|
|
12
|
+
h as PrintTool
|
|
17
13
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o, Fragment as l } from "react/jsx-runtime";
|
|
2
|
-
import { h } from "../../../../RPLayout-
|
|
2
|
+
import { h } from "../../../../RPLayout-897cb09d.js";
|
|
3
3
|
import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
|
|
4
4
|
import { UIButton as u } from "../../../ui/Button.js";
|
|
5
5
|
import a from "../../../ui/RPTooltip.js";
|
|
@@ -1,83 +1,82 @@
|
|
|
1
|
-
import { jsx as e, Fragment as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { useZoomContext as
|
|
1
|
+
import { jsx as e, Fragment as Z, jsxs as p } from "react/jsx-runtime";
|
|
2
|
+
import { useState as G, useRef as N, useMemo as S, useCallback as z, useEffect as W } from "react";
|
|
3
|
+
import { useZoomContext as k } from "../../../../contexts/ZoomContext.js";
|
|
4
4
|
import { UIButton as E } from "../../../ui/Button.js";
|
|
5
|
-
import { u as
|
|
6
|
-
import { UIDropDown as
|
|
7
|
-
import { useLayoutContainer as
|
|
8
|
-
import { G as
|
|
9
|
-
import { MenuItem as
|
|
10
|
-
import { MenuSeparator as
|
|
11
|
-
import {
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
|
|
21
|
-
const
|
|
22
|
-
const { zoomLevel: h, setZoomLevel: i } = y(), { container: T, pagesRef: r } = R(), { zoomTool: s = !0 } = _(), { focusedPage: d } = F(), { rotate: f } = J(), { pages: x } = $(), { localeMessages: o } = B(), { viewMode: b } = q(), [P, Z] = N(0), z = S(
|
|
5
|
+
import { u as y, j as i } from "../../../../RPLayout-897cb09d.js";
|
|
6
|
+
import { UIDropDown as F } from "../../../ui/DropDown.js";
|
|
7
|
+
import { useLayoutContainer as j } from "../../../../contexts/LayoutContainerContext.js";
|
|
8
|
+
import { G as C } from "../../../../index-7279fb4e.js";
|
|
9
|
+
import { MenuItem as l } from "../MenuItem.js";
|
|
10
|
+
import { MenuSeparator as R } from "../MenuSeparator.js";
|
|
11
|
+
import { PAGE_PADDING as g } from "../../../../utils/constants.js";
|
|
12
|
+
import U from "../../../ui/RPTooltip.js";
|
|
13
|
+
import { ZoomLevel as s } from "../../../../utils/types.js";
|
|
14
|
+
import { getZoomLevel as _ } from "../../../../utils/getZoomLevel.js";
|
|
15
|
+
import { useLocalizationContext as O } from "../../../../contexts/LocalizationContext.js";
|
|
16
|
+
import { useDocumentContext as V } from "../../../../contexts/RPDocumentContext.js";
|
|
17
|
+
import { useViewModeContext as B } from "../../../../contexts/ViewModeContext.js";
|
|
18
|
+
import { useRotationContext as $ } from "../../../../contexts/RotationContext.js";
|
|
19
|
+
import { ChevronDownIcon as q } from "../../../icons/ChevronDownIcon.js";
|
|
20
|
+
const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: u }) => {
|
|
21
|
+
const { zoomLevel: v, setZoomLevel: m } = k(), { container: L, pagesRef: r } = j(), { focusedPage: h } = y(), { rotate: a } = $(), { pages: d } = V(), { localeMessages: o } = O(), { viewMode: P } = B(), [b, w] = G(0), f = N(
|
|
23
22
|
new ResizeObserver((t) => {
|
|
24
|
-
|
|
23
|
+
w(t[0].contentRect.height);
|
|
25
24
|
})
|
|
26
|
-
), n =
|
|
27
|
-
const t =
|
|
28
|
-
return t ? t.page.getViewport({ scale: 1, rotation:
|
|
29
|
-
}, [
|
|
25
|
+
), n = S(() => {
|
|
26
|
+
const t = d.get(h);
|
|
27
|
+
return t ? t.page.getViewport({ scale: 1, rotation: a + t.defaultRotation }) : null;
|
|
28
|
+
}, [d, h, a]), x = z(
|
|
30
29
|
(t) => {
|
|
31
|
-
const
|
|
30
|
+
const A = ((n == null ? void 0 : n.width) || 0) + 2 * g, D = ((n == null ? void 0 : n.height) || 0) + 2 * g, H = (r == null ? void 0 : r.clientWidth) || 0, I = (r == null ? void 0 : r.clientHeight) || 0, T = _(
|
|
32
31
|
t,
|
|
33
|
-
D,
|
|
34
32
|
H,
|
|
35
|
-
|
|
33
|
+
I,
|
|
36
34
|
A,
|
|
37
|
-
|
|
35
|
+
D,
|
|
36
|
+
P
|
|
38
37
|
);
|
|
39
|
-
|
|
38
|
+
m(T);
|
|
40
39
|
},
|
|
41
|
-
[
|
|
42
|
-
), c =
|
|
40
|
+
[m, n, r]
|
|
41
|
+
), c = z(
|
|
43
42
|
(t) => {
|
|
44
|
-
typeof t == "number" ?
|
|
43
|
+
typeof t == "number" ? m(t) : x(t);
|
|
45
44
|
},
|
|
46
|
-
[
|
|
45
|
+
[m, x]
|
|
47
46
|
);
|
|
48
|
-
return
|
|
49
|
-
|
|
50
|
-
}), [r]),
|
|
51
|
-
|
|
47
|
+
return W(() => (r && f.current.observe(r), () => {
|
|
48
|
+
f.current.disconnect();
|
|
49
|
+
}), [r]), /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
|
|
50
|
+
F,
|
|
52
51
|
{
|
|
53
|
-
container:
|
|
54
|
-
triggerComponent: /* @__PURE__ */ e("div", { role: "button", children: /* @__PURE__ */ e(
|
|
52
|
+
container: L,
|
|
53
|
+
triggerComponent: /* @__PURE__ */ e("div", { role: "button", children: /* @__PURE__ */ e(U, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
|
|
55
54
|
E,
|
|
56
55
|
{
|
|
57
|
-
className:
|
|
56
|
+
className: i["rp-current-zoom-wrapper"],
|
|
58
57
|
"aria-label": o == null ? void 0 : o.zoomSelectTooltip,
|
|
59
58
|
children: [
|
|
60
|
-
/* @__PURE__ */ e("span", { className:
|
|
61
|
-
/* @__PURE__ */ e("span", { className:
|
|
62
|
-
/* @__PURE__ */ e("div", { className:
|
|
59
|
+
/* @__PURE__ */ e("span", { className: i["rp-current-zoom-text"], children: v }),
|
|
60
|
+
/* @__PURE__ */ e("span", { className: i["rp-current-zoom-text"], children: "%" }),
|
|
61
|
+
/* @__PURE__ */ e("div", { className: i["rp-zoom-level-icon"], children: u || /* @__PURE__ */ e(q, {}) })
|
|
63
62
|
]
|
|
64
63
|
}
|
|
65
64
|
) }) }),
|
|
66
65
|
style: { minWidth: "200px" },
|
|
67
66
|
align: "center",
|
|
68
|
-
children: /* @__PURE__ */
|
|
67
|
+
children: /* @__PURE__ */ p(
|
|
69
68
|
"div",
|
|
70
69
|
{
|
|
71
|
-
style: { maxHeight: `${
|
|
72
|
-
className:
|
|
70
|
+
style: { maxHeight: `${b}px`, overflow: "auto" },
|
|
71
|
+
className: i["rp-zoom-dropdown-content"],
|
|
73
72
|
children: [
|
|
74
|
-
/* @__PURE__ */
|
|
75
|
-
/* @__PURE__ */ e(
|
|
76
|
-
/* @__PURE__ */ e(
|
|
77
|
-
/* @__PURE__ */ e(
|
|
73
|
+
/* @__PURE__ */ p(C, { children: [
|
|
74
|
+
/* @__PURE__ */ e(l, { onClick: () => c(s.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
|
|
75
|
+
/* @__PURE__ */ e(l, { onClick: () => c(s.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
|
|
76
|
+
/* @__PURE__ */ e(l, { onClick: () => c(s.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
|
|
78
77
|
] }),
|
|
79
|
-
/* @__PURE__ */ e(
|
|
80
|
-
/* @__PURE__ */ e(
|
|
78
|
+
/* @__PURE__ */ e(R, {}),
|
|
79
|
+
/* @__PURE__ */ e(C, { children: J.map((t) => /* @__PURE__ */ p(l, { onClick: () => c(t), children: [
|
|
81
80
|
t,
|
|
82
81
|
" %"
|
|
83
82
|
] }, t)) })
|
|
@@ -85,8 +84,8 @@ const Q = [50, 75, 100, 125, 150, 200, 300, 400], Co = ({ icon: a }) => {
|
|
|
85
84
|
}
|
|
86
85
|
)
|
|
87
86
|
}
|
|
88
|
-
) })
|
|
87
|
+
) });
|
|
89
88
|
};
|
|
90
89
|
export {
|
|
91
|
-
|
|
90
|
+
fo as ZoomLevelTool
|
|
92
91
|
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
+
import { useState as m, useEffect as u } from "react";
|
|
3
|
+
import { useIconToolContext as d } from "../../../../../contexts/IconToolContext.js";
|
|
4
|
+
import { useToolComponentContext as p } from "../../../../../contexts/ToolComponentContext.js";
|
|
5
|
+
import { ThumbnailTool as I } from "../../ThumbnailTool.js";
|
|
6
|
+
const C = (a) => {
|
|
7
|
+
const { icons: t, slots: s } = a, { setIcons: e } = d(), { setSlots: n } = p(), [r, l] = m(!1), [c, i] = m(!1);
|
|
8
|
+
return u(() => {
|
|
9
|
+
e((o) => ({ ...o, ...t })), l(!0);
|
|
10
|
+
}, [t, e, r, l]), u(() => {
|
|
11
|
+
n((o) => ({ ...o, ...s })), i(!0);
|
|
12
|
+
}, [s, n, c, i]), !r || !c ? null : /* @__PURE__ */ f("div", { children: /* @__PURE__ */ f(I, {}) });
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
C as LeftSidebarDefaultTools
|
|
16
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { jsx as o, jsxs as c } from "react/jsx-runtime";
|
|
2
|
+
import { useState as d, useEffect as f } from "react";
|
|
3
|
+
import "../../../../../contexts/RPDocumentContext.js";
|
|
4
|
+
import "../../../../../contexts/DocumentPasswordContext.js";
|
|
5
|
+
import { k as t, S as T, l as y, Z as C, m as b } from "../../../../../RPLayout-897cb09d.js";
|
|
6
|
+
import "../../../../../contexts/DarkModeContext.js";
|
|
7
|
+
import "../../../../../contexts/RotationContext.js";
|
|
8
|
+
import "../../../../../contexts/LayerContext.js";
|
|
9
|
+
import "../../../../../contexts/ZoomContext.js";
|
|
10
|
+
import "../../../../../contexts/ViewModeContext.js";
|
|
11
|
+
import "../../../../../contexts/ScrollModeContext.js";
|
|
12
|
+
import "../../../../../contexts/VirtualScrollContext.js";
|
|
13
|
+
import "../../../../../contexts/VirtualGridContext.js";
|
|
14
|
+
import "../../../../../contexts/SelectionModeContext.js";
|
|
15
|
+
import "../../../../../contexts/InitialStateContext.js";
|
|
16
|
+
import "../../../../../contexts/FullScreenContext.js";
|
|
17
|
+
import "../../../../../contexts/FileInputContext.js";
|
|
18
|
+
import "../../../../../contexts/DropFileZoneContext.js";
|
|
19
|
+
import "../../../../../contexts/LayoutContainerContext.js";
|
|
20
|
+
import "../../../../../contexts/DimensionPagesContext.js";
|
|
21
|
+
import "../../../../../contexts/LocalizationContext.js";
|
|
22
|
+
import "../../../../../contexts/HighlightContext.js";
|
|
23
|
+
import "../../../../../contexts/LicenseContext.js";
|
|
24
|
+
import "../../../../../contexts/DownloadContext.js";
|
|
25
|
+
import "../../../../../contexts/SmoothScrollContext.js";
|
|
26
|
+
import "../../../../../contexts/ElementPageContext.js";
|
|
27
|
+
import "../../../../../contexts/PagesRotateContext.js";
|
|
28
|
+
import "../../../../../contexts/LoaderContext.js";
|
|
29
|
+
import "../../../../RPConfig.js";
|
|
30
|
+
import "../../../../../contexts/ThemeContext.js";
|
|
31
|
+
import "../../../../RPDropFileZone.js";
|
|
32
|
+
import "../../../../../contexts/ToolbarComponentContext.js";
|
|
33
|
+
import { useToolComponentContext as v } from "../../../../../contexts/ToolComponentContext.js";
|
|
34
|
+
import "../../../../ui/Button.js";
|
|
35
|
+
import "../../../../ui/RPTooltip.js";
|
|
36
|
+
import "../../../../ui/Input.js";
|
|
37
|
+
import "../../../../ui/DropDown.js";
|
|
38
|
+
import "../../MenuItem.js";
|
|
39
|
+
import "../../MenuSeparator.js";
|
|
40
|
+
import { useIconToolContext as x } from "../../../../../contexts/IconToolContext.js";
|
|
41
|
+
import { useViewportContext as I } from "../../../../../contexts/ViewportContext.js";
|
|
42
|
+
const co = (u) => {
|
|
43
|
+
const { icons: i, slots: p } = u, { setIcons: m } = x(), { setSlots: s } = v(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = I(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
|
|
44
|
+
return f(() => {
|
|
45
|
+
m((r) => ({ ...r, ...i })), a(!0);
|
|
46
|
+
}, [i, m, e, a]), f(() => {
|
|
47
|
+
s((r) => ({ ...r, ...p })), n(!0);
|
|
48
|
+
}, [p, s, l, n]), !e || !l ? null : /* @__PURE__ */ o("div", { "data-rp": "topBar", style: { width: "100%" }, children: /* @__PURE__ */ c("div", { className: t["rp-toolbar-wrapper"], style: h(), children: [
|
|
49
|
+
/* @__PURE__ */ c("div", { "data-rp": "topBarLeft", className: t["rp-toolbar-start"], children: [
|
|
50
|
+
/* @__PURE__ */ o(T, {}),
|
|
51
|
+
/* @__PURE__ */ o(y, {})
|
|
52
|
+
] }),
|
|
53
|
+
/* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(C, {}) }),
|
|
54
|
+
/* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(b, {}) })
|
|
55
|
+
] }) });
|
|
56
|
+
};
|
|
57
|
+
export {
|
|
58
|
+
co as TopbarDefaultTools
|
|
59
|
+
};
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../contexts/RPDocumentContext.js";
|
|
4
4
|
import "../../contexts/DocumentPasswordContext.js";
|
|
5
|
-
import { A as
|
|
5
|
+
import { A as ro } from "../../RPLayout-897cb09d.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../utils/types.js";
|
|
8
8
|
import "../../contexts/RotationContext.js";
|
|
@@ -31,6 +31,7 @@ import "../RPConfig.js";
|
|
|
31
31
|
import "../../contexts/ThemeContext.js";
|
|
32
32
|
import "../RPDropFileZone.js";
|
|
33
33
|
import "../../contexts/ToolbarComponentContext.js";
|
|
34
|
+
import "../../contexts/ToolComponentContext.js";
|
|
34
35
|
import "../ui/Button.js";
|
|
35
36
|
import "../../SearchCloseButton-ddb9877e.js";
|
|
36
37
|
import "../ui/Input.js";
|
|
@@ -38,14 +39,19 @@ import "../ui/Checkbox.js";
|
|
|
38
39
|
import "../icons/LoaderIcon.js";
|
|
39
40
|
import "../../contexts/IconContext.js";
|
|
40
41
|
import "../ui/RPTooltip.js";
|
|
41
|
-
import "../../Popover-
|
|
42
|
+
import "../../Popover-1faa77f6.js";
|
|
42
43
|
import "../../contexts/ViewportContext.js";
|
|
44
|
+
import "../../contexts/IconToolContext.js";
|
|
43
45
|
import "../ui/DropDown.js";
|
|
44
46
|
import "../layout/toolbar/MenuItem.js";
|
|
45
47
|
import "../layout/toolbar/MenuSeparator.js";
|
|
48
|
+
import "../../utils/dateFormatter.js";
|
|
49
|
+
import "../layout/toolbar/PropertyItem.js";
|
|
50
|
+
import "../../contexts/OtherToolContext.js";
|
|
51
|
+
import "../layout/toolbar/RotateTool.js";
|
|
46
52
|
import "pdfjs-dist";
|
|
47
53
|
import "../../utils/link_service.js";
|
|
48
54
|
import "../../utils/annotations.js";
|
|
49
55
|
export {
|
|
50
|
-
|
|
56
|
+
ro as AnnotationLayer
|
|
51
57
|
};
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../contexts/RPDocumentContext.js";
|
|
4
4
|
import "../../contexts/DocumentPasswordContext.js";
|
|
5
|
-
import { C as
|
|
5
|
+
import { C as _ } from "../../RPLayout-897cb09d.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../contexts/RotationContext.js";
|
|
8
8
|
import "../../contexts/LayerContext.js";
|
|
@@ -30,6 +30,7 @@ import "../RPConfig.js";
|
|
|
30
30
|
import "../../contexts/ThemeContext.js";
|
|
31
31
|
import "../RPDropFileZone.js";
|
|
32
32
|
import "../../contexts/ToolbarComponentContext.js";
|
|
33
|
+
import "../../contexts/ToolComponentContext.js";
|
|
33
34
|
import "../ui/Button.js";
|
|
34
35
|
import "../../SearchCloseButton-ddb9877e.js";
|
|
35
36
|
import "../ui/Input.js";
|
|
@@ -37,12 +38,17 @@ import "../ui/Checkbox.js";
|
|
|
37
38
|
import "../icons/LoaderIcon.js";
|
|
38
39
|
import "../../contexts/IconContext.js";
|
|
39
40
|
import "../ui/RPTooltip.js";
|
|
40
|
-
import "../../Popover-
|
|
41
|
+
import "../../Popover-1faa77f6.js";
|
|
41
42
|
import "../../contexts/ViewportContext.js";
|
|
43
|
+
import "../../contexts/IconToolContext.js";
|
|
42
44
|
import "../ui/DropDown.js";
|
|
43
45
|
import "../layout/toolbar/MenuItem.js";
|
|
44
46
|
import "../layout/toolbar/MenuSeparator.js";
|
|
47
|
+
import "../../utils/dateFormatter.js";
|
|
48
|
+
import "../layout/toolbar/PropertyItem.js";
|
|
49
|
+
import "../../contexts/OtherToolContext.js";
|
|
50
|
+
import "../layout/toolbar/RotateTool.js";
|
|
45
51
|
import "../../utils/renderPage.js";
|
|
46
52
|
export {
|
|
47
|
-
|
|
53
|
+
_ as CanvasLayer
|
|
48
54
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import {
|
|
3
|
+
import { z as _ } from "../../RPLayout-897cb09d.js";
|
|
4
4
|
import "../../contexts/RPDocumentContext.js";
|
|
5
5
|
import "../../contexts/DocumentPasswordContext.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
@@ -30,6 +30,7 @@ import "../RPConfig.js";
|
|
|
30
30
|
import "../../contexts/ThemeContext.js";
|
|
31
31
|
import "../RPDropFileZone.js";
|
|
32
32
|
import "../../contexts/ToolbarComponentContext.js";
|
|
33
|
+
import "../../contexts/ToolComponentContext.js";
|
|
33
34
|
import "../ui/Button.js";
|
|
34
35
|
import "../../SearchCloseButton-ddb9877e.js";
|
|
35
36
|
import "../ui/Input.js";
|
|
@@ -37,12 +38,17 @@ import "../ui/Checkbox.js";
|
|
|
37
38
|
import "../icons/LoaderIcon.js";
|
|
38
39
|
import "../../contexts/IconContext.js";
|
|
39
40
|
import "../ui/RPTooltip.js";
|
|
40
|
-
import "../../Popover-
|
|
41
|
+
import "../../Popover-1faa77f6.js";
|
|
41
42
|
import "../../contexts/ViewportContext.js";
|
|
43
|
+
import "../../contexts/IconToolContext.js";
|
|
42
44
|
import "../ui/DropDown.js";
|
|
43
45
|
import "../layout/toolbar/MenuItem.js";
|
|
44
46
|
import "../layout/toolbar/MenuSeparator.js";
|
|
47
|
+
import "../../utils/dateFormatter.js";
|
|
48
|
+
import "../layout/toolbar/PropertyItem.js";
|
|
49
|
+
import "../../contexts/OtherToolContext.js";
|
|
50
|
+
import "../layout/toolbar/RotateTool.js";
|
|
45
51
|
import "./CustomElement.js";
|
|
46
52
|
export {
|
|
47
|
-
|
|
53
|
+
_ as RPPage
|
|
48
54
|
};
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../contexts/RPDocumentContext.js";
|
|
4
4
|
import "../../contexts/DocumentPasswordContext.js";
|
|
5
|
-
import {
|
|
5
|
+
import { y as $ } from "../../RPLayout-897cb09d.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../contexts/RotationContext.js";
|
|
8
8
|
import "../../contexts/LayerContext.js";
|
|
@@ -30,6 +30,7 @@ import "../RPConfig.js";
|
|
|
30
30
|
import "../../contexts/ThemeContext.js";
|
|
31
31
|
import "../RPDropFileZone.js";
|
|
32
32
|
import "../../contexts/ToolbarComponentContext.js";
|
|
33
|
+
import "../../contexts/ToolComponentContext.js";
|
|
33
34
|
import "../ui/Button.js";
|
|
34
35
|
import "../../SearchCloseButton-ddb9877e.js";
|
|
35
36
|
import "../ui/Input.js";
|
|
@@ -37,13 +38,18 @@ import "../ui/Checkbox.js";
|
|
|
37
38
|
import "../icons/LoaderIcon.js";
|
|
38
39
|
import "../../contexts/IconContext.js";
|
|
39
40
|
import "../ui/RPTooltip.js";
|
|
40
|
-
import "../../Popover-
|
|
41
|
+
import "../../Popover-1faa77f6.js";
|
|
41
42
|
import "../../contexts/ViewportContext.js";
|
|
43
|
+
import "../../contexts/IconToolContext.js";
|
|
42
44
|
import "../ui/DropDown.js";
|
|
43
45
|
import "../layout/toolbar/MenuItem.js";
|
|
44
46
|
import "../layout/toolbar/MenuSeparator.js";
|
|
47
|
+
import "../../utils/dateFormatter.js";
|
|
48
|
+
import "../layout/toolbar/PropertyItem.js";
|
|
49
|
+
import "../../contexts/OtherToolContext.js";
|
|
50
|
+
import "../layout/toolbar/RotateTool.js";
|
|
45
51
|
import "./searchHighlight.js";
|
|
46
52
|
import "../../utils/highlight.js";
|
|
47
53
|
export {
|
|
48
|
-
|
|
54
|
+
$ as TextHighlightLayer
|
|
49
55
|
};
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../contexts/RPDocumentContext.js";
|
|
4
4
|
import "../../contexts/DocumentPasswordContext.js";
|
|
5
|
-
import {
|
|
5
|
+
import { x as $ } from "../../RPLayout-897cb09d.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../contexts/RotationContext.js";
|
|
8
8
|
import "../../contexts/LayerContext.js";
|
|
@@ -30,6 +30,7 @@ import "../RPConfig.js";
|
|
|
30
30
|
import "../../contexts/ThemeContext.js";
|
|
31
31
|
import "../RPDropFileZone.js";
|
|
32
32
|
import "../../contexts/ToolbarComponentContext.js";
|
|
33
|
+
import "../../contexts/ToolComponentContext.js";
|
|
33
34
|
import "../ui/Button.js";
|
|
34
35
|
import "../../SearchCloseButton-ddb9877e.js";
|
|
35
36
|
import "../ui/Input.js";
|
|
@@ -37,13 +38,18 @@ import "../ui/Checkbox.js";
|
|
|
37
38
|
import "../icons/LoaderIcon.js";
|
|
38
39
|
import "../../contexts/IconContext.js";
|
|
39
40
|
import "../ui/RPTooltip.js";
|
|
40
|
-
import "../../Popover-
|
|
41
|
+
import "../../Popover-1faa77f6.js";
|
|
41
42
|
import "../../contexts/ViewportContext.js";
|
|
43
|
+
import "../../contexts/IconToolContext.js";
|
|
42
44
|
import "../ui/DropDown.js";
|
|
43
45
|
import "../layout/toolbar/MenuItem.js";
|
|
44
46
|
import "../layout/toolbar/MenuSeparator.js";
|
|
47
|
+
import "../../utils/dateFormatter.js";
|
|
48
|
+
import "../layout/toolbar/PropertyItem.js";
|
|
49
|
+
import "../../contexts/OtherToolContext.js";
|
|
50
|
+
import "../layout/toolbar/RotateTool.js";
|
|
45
51
|
import "pdfjs-dist";
|
|
46
52
|
import "../../utils/highlight.js";
|
|
47
53
|
export {
|
|
48
|
-
|
|
54
|
+
$ as TextLayer
|
|
49
55
|
};
|