@pdf-viewer/react 1.9.0-beta.6 → 1.9.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/SearchCloseButton-cbf182aa.js +33 -0
  2. package/dist/ToolbarLayout.module-201969d2.js +3453 -0
  3. package/dist/assets/ToolbarLayout.css +1 -1
  4. package/dist/components/RPController.js +8 -8
  5. package/dist/components/RPDropFileZone.js +23 -21
  6. package/dist/components/RPPages.js +17 -18
  7. package/dist/components/RPProvider.js +14 -15
  8. package/dist/components/layout/Container.js +11 -10
  9. package/dist/components/layout/LayoutContainer.js +15 -16
  10. package/dist/components/layout/RPDefaultLayout.js +14 -76
  11. package/dist/components/layout/RPLayout.js +22 -22
  12. package/dist/components/layout/WrapperLayout.js +8 -7
  13. package/dist/components/layout/sidebar/RPSidebar.js +12 -51
  14. package/dist/components/layout/sidebar/RPSplitter.js +9 -7
  15. package/dist/components/layout/sidebar/Thumbnail.js +15 -16
  16. package/dist/components/layout/sidebar/Thumbnails.js +1 -1
  17. package/dist/components/layout/toolbar/DocumentDialog.js +24 -305
  18. package/dist/components/layout/toolbar/FileDownloadTool.js +13 -23
  19. package/dist/components/layout/toolbar/MenuItem.js +7 -6
  20. package/dist/components/layout/toolbar/MenuSeparator.js +5 -4
  21. package/dist/components/layout/toolbar/MostPageTool.js +25 -50
  22. package/dist/components/layout/toolbar/OtherTool.js +22 -115
  23. package/dist/components/layout/toolbar/Paginate.js +17 -99
  24. package/dist/components/layout/toolbar/PrintTool.js +13 -43
  25. package/dist/components/layout/toolbar/PropertyItem.js +8 -5
  26. package/dist/components/layout/toolbar/RPToolbar.js +7 -28
  27. package/dist/components/layout/toolbar/RPToolbarEnd.js +7 -22
  28. package/dist/components/layout/toolbar/RotateTool.js +21 -20
  29. package/dist/components/layout/toolbar/ScrollModeTool.js +1 -1
  30. package/dist/components/layout/toolbar/SearchCloseButton.js +7 -19
  31. package/dist/components/layout/toolbar/SearchResultNavigator.js +8 -42
  32. package/dist/components/layout/toolbar/SearchTool.js +30 -197
  33. package/dist/components/layout/toolbar/SelectionModeTool.js +1 -1
  34. package/dist/components/layout/toolbar/ThumbnailTool.js +3 -3
  35. package/dist/components/layout/toolbar/ToolbarCustom.js +22 -24
  36. package/dist/components/layout/toolbar/ToolbarDefault.js +19 -24
  37. package/dist/components/layout/toolbar/ViewModeTool.js +1 -1
  38. package/dist/components/layout/toolbar/ZoomTool.js +28 -140
  39. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +1 -1
  40. package/dist/components/layout/toolbar/tools/InputPageTool.js +5 -5
  41. package/dist/components/layout/toolbar/tools/NextPageTool.js +17 -18
  42. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
  43. package/dist/components/layout/toolbar/tools/PrintTool.js +3 -3
  44. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
  45. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +7 -7
  46. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +20 -26
  47. package/dist/components/page/AnnotationLayer.js +16 -17
  48. package/dist/components/page/CanvasLayer.js +16 -17
  49. package/dist/components/page/DualPage.js +1 -1
  50. package/dist/components/page/RPPage.js +16 -17
  51. package/dist/components/page/SinglePage.js +1 -1
  52. package/dist/components/page/TextHighlightLayer.js +16 -17
  53. package/dist/components/page/TextLayer.js +16 -17
  54. package/dist/components/ui/Checkbox.js +51 -49
  55. package/dist/components/ui/DropDown.js +19 -13
  56. package/dist/components/ui/LoadingIndicator.js +5 -22
  57. package/dist/components/ui/RPTooltip.js +33 -33
  58. package/dist/contexts/PaginationContext.js +1 -1
  59. package/dist/contexts/PrintContext.js +1 -1
  60. package/dist/contexts/RenderQueueProvider.js +1 -1
  61. package/dist/contexts/SearchContext.js +3 -3
  62. package/dist/contexts/ThumbnailsContext.js +1 -1
  63. package/dist/{index-492f99d0.js → index-18b0454c.js} +1 -1
  64. package/dist/{index-2160dd99.js → index-5908484b.js} +11 -11
  65. package/dist/index-f4a9ae4d.js +1664 -0
  66. package/dist/main.js +48 -50
  67. package/dist/types/components/layout/RPDefaultLayout.d.ts +1 -2
  68. package/dist/types/components/layout/toolbar/RPToolbar.d.ts +3 -2
  69. package/dist/utils/hooks/useFileDownload.js +16 -17
  70. package/dist/utils/hooks/useLicense.js +1 -1
  71. package/dist/utils/hooks/usePaginate.js +16 -17
  72. package/dist/utils/hooks/usePresentPage.js +16 -17
  73. package/dist/utils/hooks/usePrint.js +16 -17
  74. package/dist/utils/hooks/useScrollToPage.js +16 -17
  75. package/dist/utils/hooks/useSearch.js +16 -17
  76. package/dist/utils/hooks/useThumbnail.js +16 -17
  77. package/dist/utils/hooks/useVirtualReactWindow.js +16 -17
  78. package/package.json +1 -1
  79. package/dist/Checkbox.module-3edaacbb.js +0 -7
  80. package/dist/Combination-9a0a3e65.js +0 -693
  81. package/dist/Container.module-f8b5c306.js +0 -6
  82. package/dist/DropDown.module-a78567cb.js +0 -11
  83. package/dist/MenuItem.module-bc11d0d3.js +0 -6
  84. package/dist/MenuSeparator.module-89b2ff7f.js +0 -6
  85. package/dist/PropertyItem.module-db0150cc.js +0 -8
  86. package/dist/RPSplitter.module-13d612c4.js +0 -7
  87. package/dist/RPTheme.module-bd9038da.js +0 -8
  88. package/dist/RotateTool.module-03987eba.js +0 -6
  89. package/dist/SearchTool.module-016f3a8d.js +0 -16
  90. package/dist/ToolbarLayout.module-88476995.js +0 -2464
  91. package/dist/WrapperLayout.module-147bc943.js +0 -6
  92. package/dist/index-49b9a615.js +0 -978
  93. /package/dist/assets/{RPTheme.css → RPDropFileZone.css} +0 -0
  94. /package/dist/assets/{SearchTool.css → SearchCloseButton.css} +0 -0
@@ -1,10 +1,10 @@
1
- import { jsxs as n, jsx as o } from "react/jsx-runtime";
2
- import { G as C } from "../../../index-49b9a615.js";
3
- import { MenuItem as p } from "./MenuItem.js";
4
- import { useMemo as e, useCallback as a } from "react";
1
+ import "react/jsx-runtime";
2
+ import "../../../index-f4a9ae4d.js";
3
+ import "./MenuItem.js";
4
+ import "react";
5
5
  import "../../../contexts/RPDocumentContext.js";
6
6
  import "../../../contexts/DocumentPasswordContext.js";
7
- import { u as x, p as L } from "../../../ToolbarLayout.module-88476995.js";
7
+ import { U as oo } from "../../../ToolbarLayout.module-201969d2.js";
8
8
  import "../../../contexts/DarkModeContext.js";
9
9
  import "../../../contexts/RotationContext.js";
10
10
  import "../../../contexts/LayerContext.js";
@@ -20,7 +20,7 @@ import "../../../contexts/FileInputContext.js";
20
20
  import "../../../contexts/DropFileZoneContext.js";
21
21
  import "../../../contexts/LayoutContainerContext.js";
22
22
  import "../../../contexts/DimensionPagesContext.js";
23
- import { useLocalizationContext as N } from "../../../contexts/LocalizationContext.js";
23
+ import "../../../contexts/LocalizationContext.js";
24
24
  import "../../../contexts/HighlightContext.js";
25
25
  import "../../../contexts/LicenseContext.js";
26
26
  import "../../../contexts/DownloadContext.js";
@@ -28,54 +28,29 @@ import "../../../contexts/SmoothScrollContext.js";
28
28
  import "../../../contexts/ElementPageContext.js";
29
29
  import "../../../contexts/PagesRotateContext.js";
30
30
  import "../../../contexts/LoaderContext.js";
31
- import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
32
- import { useIconToolContext as l } from "../../../contexts/IconToolContext.js";
31
+ import "../../../contexts/ToolComponentContext.js";
32
+ import "../../../contexts/IconToolContext.js";
33
33
  import "../../../contexts/OtherToolContext.js";
34
34
  import "../../RPConfig.js";
35
+ import "../Container.js";
36
+ import "../../../contexts/ViewportContext.js";
37
+ import "../../../contexts/ToolbarComponentContext.js";
38
+ import "../WrapperLayout.js";
39
+ import "../../../contexts/ThemeContext.js";
40
+ import "../../RPDropFileZone.js";
35
41
  import "../../ui/Button.js";
42
+ import "../../../SearchCloseButton-cbf182aa.js";
36
43
  import "../../ui/Input.js";
37
- import { useIconContext as d } from "../../../contexts/IconContext.js";
38
- import { useToolbarComponentContext as v } from "../../../contexts/ToolbarComponentContext.js";
39
- import "../../../contexts/ViewportContext.js";
40
- import s from "../../ui/RPTooltip.js";
41
- import "../../../DropDown.module-a78567cb.js";
42
- import "../../../utils/dateFormatter.js";
43
- import "../../../PropertyItem.module-db0150cc.js";
44
- import { MenuSeparator as F } from "./MenuSeparator.js";
45
- import "../../../RotateTool.module-03987eba.js";
46
- import "../../../SearchTool.module-016f3a8d.js";
47
- import "../../../Checkbox.module-3edaacbb.js";
44
+ import "../../ui/Checkbox.js";
48
45
  import "../../icons/LoaderIcon.js";
49
- import "../../../RPSplitter.module-13d612c4.js";
50
- import "../../../Container.module-f8b5c306.js";
51
- import "../../../WrapperLayout.module-147bc943.js";
52
- import "../../../RPTheme.module-bd9038da.js";
53
- import "../../../contexts/ThemeContext.js";
54
- import { GoToDownIcon as u } from "../../icons/GoToDownIcon.js";
55
- const G = () => {
56
- const { goToFirstPageIcon: r } = d(), { goToFirstPageIcon: i } = l();
57
- return r || i || /* @__PURE__ */ o(u, { className: L["rp-go-to-Top"] });
58
- }, j = () => {
59
- const { goToLastPageIcon: r } = d(), { goToLastPageIcon: i } = l();
60
- return r || i || /* @__PURE__ */ o(u, {});
61
- }, c = { width: "100%" }, yo = () => {
62
- const { goToPage: r, totalPages: i, focusedPage: m } = x(), { jumpNavigationTool: g = !0 } = v(), { jumpNavigationTool: T = !0 } = b(), { localeMessages: t } = N(), P = e(() => m === 1, [m]), f = e(() => m === i, [m, i]), h = a(() => {
63
- r(1);
64
- }, [r]), I = a(() => {
65
- r(i);
66
- }, [r, i]);
67
- return !g || !T ? null : /* @__PURE__ */ n(C, { children: [
68
- /* @__PURE__ */ o(p, { onClick: h, children: /* @__PURE__ */ o(s, { content: t == null ? void 0 : t.firstPageTooltip, style: c, children: /* @__PURE__ */ n("div", { className: "rp-menu-item", "aria-disabled": P, children: [
69
- /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(G, {}) }),
70
- /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.firstPageLabel })
71
- ] }) }) }),
72
- /* @__PURE__ */ o(p, { onClick: I, children: /* @__PURE__ */ o(s, { content: t == null ? void 0 : t.lastPageTooltip, style: c, children: /* @__PURE__ */ n("div", { className: "rp-menu-item", "aria-disabled": f, children: [
73
- /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(j, {}) }),
74
- /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.lastPageLabel })
75
- ] }) }) }),
76
- /* @__PURE__ */ o(F, {})
77
- ] });
78
- };
46
+ import "../../../contexts/IconContext.js";
47
+ import "../../ui/RPTooltip.js";
48
+ import "../../ui/DropDown.js";
49
+ import "./MenuSeparator.js";
50
+ import "../../../utils/dateFormatter.js";
51
+ import "./PropertyItem.js";
52
+ import "./RotateTool.js";
53
+ import "../../icons/GoToDownIcon.js";
79
54
  export {
80
- yo as MostPageTool
55
+ oo as MostPageTool
81
56
  };
@@ -1,117 +1,24 @@
1
- import { jsxs as n, Fragment as y, jsx as o } from "react/jsx-runtime";
2
- import { useLayoutContainer as G } from "../../../contexts/LayoutContainerContext.js";
3
- import { ThreeDotIcon as L } from "../../icons/ThreeDotIcon.js";
4
- import { UIButton as V } from "../../ui/Button.js";
5
- import { UIDropDown as B } from "../../ui/DropDown.js";
6
- import { DocumentDialog as E } from "./DocumentDialog.js";
7
- import { o as $ } from "../../../ToolbarLayout.module-88476995.js";
8
- import { DocumentProperties as q } from "./DocumentProperties.js";
9
- import { RotateTool as A } from "./RotateTool.js";
10
- import { ViewModeTool as J } from "./ViewModeTool.js";
11
- import { ScrollModeTool as K } from "./ScrollModeTool.js";
12
- import { useViewportContext as Q } from "../../../contexts/ViewportContext.js";
13
- import { FileUploadTool as W } from "./FileUploadTool.js";
14
- import { G as X } from "../../../index-49b9a615.js";
15
- import { MenuSeparator as Y } from "./MenuSeparator.js";
16
- import { FileDownloadTool as Z } from "./FileDownloadTool.js";
17
- import { PrintTool as _ } from "./PrintTool.js";
18
- import { FullScreenTool as oo } from "./FullScreenTool.js";
19
- import { MostPageTool as eo } from "./MostPageTool.js";
20
- import to from "../../ui/RPTooltip.js";
21
- import { SelectionModeTool as ro } from "./SelectionModeTool.js";
22
- import { useToolbarComponentContext as lo } from "../../../contexts/ToolbarComponentContext.js";
23
- import { useState as C, useRef as no, useMemo as F, useEffect as io } from "react";
24
- import { useLocalizationContext as so } from "../../../contexts/LocalizationContext.js";
25
- import { useToolComponentContext as mo } from "../../../contexts/ToolComponentContext.js";
26
- const Ho = () => {
27
- const [P, S] = C(!1), { container: R, pagesRef: r } = G(), { isSmallScreen: t } = Q(), {
28
- openFileTool: i,
29
- downloadTool: s,
30
- documentProperties: m,
31
- scrollModeTool: p,
32
- rotateTool: T,
33
- selectionModeTool: c,
34
- jumpNavigationTool: a,
35
- printTool: d,
36
- fullscreenTool: f,
37
- viewModeTool: j
38
- } = lo(), {
39
- openFileTool: u,
40
- downloadTool: h,
41
- documentProperties: O,
42
- scrollModeTool: w,
43
- rotateTool: M,
44
- selectionModeTool: v,
45
- jumpNavigationTool: D,
46
- printTool: b,
47
- fullscreenTool: g,
48
- viewModeTool: k
49
- } = mo(), { localeMessages: e } = so(), [I, N] = C(0), x = no(
50
- new ResizeObserver((l) => {
51
- N(l[0].contentRect.height);
52
- })
53
- ), z = F(() => a || T || c || p || m || j || t && (i || s || d || f), [
54
- i,
55
- s,
56
- d,
57
- f,
58
- m,
59
- p,
60
- T,
61
- c,
62
- a,
63
- t
64
- ]), H = F(() => D || M || v || w || O || k || t && (u || h || b || g), [
65
- u,
66
- h,
67
- b,
68
- g,
69
- O,
70
- w,
71
- M,
72
- v,
73
- D,
74
- t
75
- ]);
76
- return io(() => (r && x.current.observe(r), () => {
77
- x.current.disconnect();
78
- }), [r]), !z || !H ? null : /* @__PURE__ */ n(y, { children: [
79
- /* @__PURE__ */ o(
80
- B,
81
- {
82
- container: R,
83
- onOpenChange: S,
84
- triggerComponent: /* @__PURE__ */ o("div", { role: "button", children: /* @__PURE__ */ o(to, { content: e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ o(V, { active: P, "aria-label": e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ o(L, {}) }) }) }),
85
- side: "bottom",
86
- avoidCollisions: !1,
87
- children: /* @__PURE__ */ n(
88
- "div",
89
- {
90
- style: { maxHeight: `${I}px`, overflow: "auto" },
91
- className: $["rp-other-tool-content"],
92
- "data-rp": "moreOptionsDropdown",
93
- children: [
94
- t && /* @__PURE__ */ n(X, { children: [
95
- /* @__PURE__ */ o(W, {}),
96
- /* @__PURE__ */ o(Z, {}),
97
- /* @__PURE__ */ o(_, {}),
98
- /* @__PURE__ */ o(oo, {}),
99
- /* @__PURE__ */ o(Y, {})
100
- ] }),
101
- /* @__PURE__ */ o(eo, {}),
102
- /* @__PURE__ */ o(A, {}),
103
- /* @__PURE__ */ o(ro, {}),
104
- /* @__PURE__ */ o(J, {}),
105
- /* @__PURE__ */ o(K, {}),
106
- /* @__PURE__ */ o(q, {})
107
- ]
108
- }
109
- )
110
- }
111
- ),
112
- /* @__PURE__ */ o(E, {})
113
- ] });
114
- };
1
+ import "react/jsx-runtime";
2
+ import "../../../contexts/LayoutContainerContext.js";
3
+ import "../../icons/ThreeDotIcon.js";
4
+ import "../../ui/Button.js";
5
+ import "../../ui/DropDown.js";
6
+ import { V as n } from "../../../ToolbarLayout.module-201969d2.js";
7
+ import "./DocumentProperties.js";
8
+ import "./RotateTool.js";
9
+ import "./ViewModeTool.js";
10
+ import "./ScrollModeTool.js";
11
+ import "../../../contexts/ViewportContext.js";
12
+ import "./FileUploadTool.js";
13
+ import "../../../index-f4a9ae4d.js";
14
+ import "./MenuSeparator.js";
15
+ import "./FullScreenTool.js";
16
+ import "../../ui/RPTooltip.js";
17
+ import "./SelectionModeTool.js";
18
+ import "../../../contexts/ToolbarComponentContext.js";
19
+ import "react";
20
+ import "../../../contexts/LocalizationContext.js";
21
+ import "../../../contexts/ToolComponentContext.js";
115
22
  export {
116
- Ho as OtherTool
23
+ n as OtherTool
117
24
  };
@@ -1,101 +1,19 @@
1
- import { jsx as e, jsxs as v } from "react/jsx-runtime";
2
- import { useState as k, useEffect as D, useCallback as c, useMemo as L } from "react";
3
- import { ChevronUpIcon as S } from "../../icons/ChevronUpIcon.js";
4
- import { UIButton as T } from "../../ui/Button.js";
5
- import { UIInput as V } from "../../ui/Input.js";
6
- import { u as A, h as g } from "../../../ToolbarLayout.module-88476995.js";
7
- import { useIconContext as N } from "../../../contexts/IconContext.js";
8
- import { useToolbarComponentContext as B } from "../../../contexts/ToolbarComponentContext.js";
9
- import { useViewportContext as G } from "../../../contexts/ViewportContext.js";
10
- import d from "../../ui/RPTooltip.js";
11
- import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
12
- import { useViewModeContext as K } from "../../../contexts/ViewModeContext.js";
13
- import { useScrollModeContext as O } from "../../../contexts/ScrollModeContext.js";
14
- import { ViewMode as R, ScrollMode as _ } from "../../../utils/types.js";
15
- import { useIconToolContext as b } from "../../../contexts/IconToolContext.js";
16
- import { useToolComponentContext as z } from "../../../contexts/ToolComponentContext.js";
17
- const F = () => {
18
- const { prevIcon: o } = N(), { prevIcon: n } = b();
19
- return o || n || /* @__PURE__ */ e(S, {});
20
- }, q = () => {
21
- const { nextIcon: o } = N(), { nextIcon: n } = b();
22
- return o || n || /* @__PURE__ */ e(S, { style: { transform: "rotate(180deg" } });
23
- }, co = () => {
24
- const { focusedPage: o, totalPages: n, setFocusedPage: f, nextPage: p, prevPage: l, goToPage: i } = A(), [u, a] = k(o.toString()), { pageNavigationTool: s = !0 } = B(), { pageNavigationTool: m = !0 } = z(), { isSmallScreen: P } = G(), { viewMode: x } = K(), { scrollMode: C } = O(), { localeMessages: t } = j();
25
- D(() => {
26
- a(o.toString());
27
- }, [o]);
28
- const w = c((r) => {
29
- const h = r.target.value;
30
- a(h);
31
- }, []), I = c(async () => {
32
- const r = i(u);
33
- r.success || a(r.currentPage.toString());
34
- }, [i, u, n]), y = c(() => {
35
- a(o.toString());
36
- }, [o]), E = c(
37
- (r) => {
38
- r.key === "Enter" && I();
39
- },
40
- [I]
41
- ), U = L(() => x === R.DUAL_PAGE && C === _.PAGE_SCROLLING && o === n - 1 || o === n, [o, n, x, C]);
42
- return !s || !m ? null : typeof s != "boolean" ? /* @__PURE__ */ e(
43
- s,
44
- {
45
- total: n,
46
- current: o,
47
- nextPage: p,
48
- prevPage: l,
49
- goToPage: i,
50
- changePage: f
51
- }
52
- ) : typeof m != "boolean" ? /* @__PURE__ */ e(
53
- m,
54
- {
55
- total: n,
56
- current: o,
57
- nextPage: p,
58
- prevPage: l,
59
- goToPage: i,
60
- changePage: f
61
- }
62
- ) : /* @__PURE__ */ v("div", { className: g["rp-paginate"], children: [
63
- !P && /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.previousPageTooltip, children: /* @__PURE__ */ e(
64
- T,
65
- {
66
- onClick: l,
67
- "aria-label": t == null ? void 0 : t.previousPageTooltip,
68
- "aria-disabled": o === 1,
69
- children: /* @__PURE__ */ e(F, {})
70
- }
71
- ) }),
72
- /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.currentPageTooltip, children: /* @__PURE__ */ e(
73
- V,
74
- {
75
- onKeyDown: E,
76
- onBlur: y,
77
- onChange: w,
78
- value: u,
79
- className: g["rp-page-input"],
80
- id: "page-input",
81
- name: "page-input"
82
- }
83
- ) }),
84
- /* @__PURE__ */ v("span", { className: g["rp-total-page"], children: [
85
- "/",
86
- n
87
- ] }),
88
- !P && /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.nextPageTooltip, children: /* @__PURE__ */ e(
89
- T,
90
- {
91
- onClick: p,
92
- "aria-label": t == null ? void 0 : t.nextPageTooltip,
93
- "aria-disabled": U,
94
- children: /* @__PURE__ */ e(q, {})
95
- }
96
- ) })
97
- ] });
98
- };
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import "../../icons/ChevronUpIcon.js";
4
+ import "../../ui/Button.js";
5
+ import "../../ui/Input.js";
6
+ import { m as h } from "../../../ToolbarLayout.module-201969d2.js";
7
+ import "../../../contexts/IconContext.js";
8
+ import "../../../contexts/ToolbarComponentContext.js";
9
+ import "../../../contexts/ViewportContext.js";
10
+ import "../../ui/RPTooltip.js";
11
+ import "../../../contexts/LocalizationContext.js";
12
+ import "../../../contexts/ViewModeContext.js";
13
+ import "../../../contexts/ScrollModeContext.js";
14
+ import "../../../utils/types.js";
15
+ import "../../../contexts/IconToolContext.js";
16
+ import "../../../contexts/ToolComponentContext.js";
99
17
  export {
100
- co as Paginate
18
+ h as Paginate
101
19
  };
@@ -1,45 +1,15 @@
1
- import { jsx as o, jsxs as x } from "react/jsx-runtime";
2
- import { PrintDefaultTool as d } from "../../icons/PrintDefaultIcon.js";
3
- import { useToolbarComponentContext as I } from "../../../contexts/ToolbarComponentContext.js";
4
- import { useIconContext as h } from "../../../contexts/IconContext.js";
5
- import { UIButton as b } from "../../ui/Button.js";
6
- import { b as O } from "../../../ToolbarLayout.module-88476995.js";
7
- import { useViewportContext as k } from "../../../contexts/ViewportContext.js";
8
- import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
9
- import { MenuItem as y } from "./MenuItem.js";
10
- import c from "../../ui/RPTooltip.js";
11
- import { useIconToolContext as D } from "../../../contexts/IconToolContext.js";
12
- import { useToolComponentContext as L } from "../../../contexts/ToolComponentContext.js";
13
- const l = () => {
14
- const { printIcon: n } = h(), { printIcon: t } = D();
15
- return n || t || /* @__PURE__ */ o(d, {});
16
- }, C = ({ children: n, className: t, localeMessages: r }) => /* @__PURE__ */ o(c, { className: t, content: r == null ? void 0 : r.printTooltip, children: n }), N = ({ print: n, localeMessages: t }) => /* @__PURE__ */ o(C, { localeMessages: t, children: /* @__PURE__ */ o(b, { onClick: n, "aria-label": t == null ? void 0 : t.printTooltip, children: /* @__PURE__ */ o(l, {}) }) }), S = ({ print: n, localeMessages: t }) => /* @__PURE__ */ o(y, { onClick: n, children: /* @__PURE__ */ x(C, { className: "rp-menu-item", localeMessages: t, children: [
17
- /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(l, {}) }),
18
- t == null ? void 0 : t.printLabel
19
- ] }) }), H = () => {
20
- const { print: n, cancel: t, setOnProgress: r, setOnComplete: u, setOnError: f, progress: T } = O(), { printTool: p = !0 } = I(), { printTool: m = !0 } = L(), { isSmallScreen: P } = k(), { localeMessages: i } = j(), e = i == null ? void 0 : i.printTooltip;
21
- return !p || !m ? null : P ? /* @__PURE__ */ o(S, { print: n, localeMessages: i }) : typeof p == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(
22
- p,
23
- {
24
- print: n,
25
- cancel: t,
26
- setOnProgress: r,
27
- setOnError: f,
28
- setOnComplete: u,
29
- progress: T
30
- }
31
- ) }) : typeof m == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(
32
- m,
33
- {
34
- print: n,
35
- cancel: t,
36
- setOnProgress: r,
37
- setOnError: f,
38
- setOnComplete: u,
39
- progress: T
40
- }
41
- ) }) : /* @__PURE__ */ o(N, { print: n, localeMessages: i });
42
- };
1
+ import "react/jsx-runtime";
2
+ import "../../icons/PrintDefaultIcon.js";
3
+ import "../../../contexts/ToolbarComponentContext.js";
4
+ import "../../../contexts/IconContext.js";
5
+ import "../../ui/Button.js";
6
+ import { Q as P } from "../../../ToolbarLayout.module-201969d2.js";
7
+ import "../../../contexts/ViewportContext.js";
8
+ import "../../../contexts/LocalizationContext.js";
9
+ import "./MenuItem.js";
10
+ import "../../ui/RPTooltip.js";
11
+ import "../../../contexts/IconToolContext.js";
12
+ import "../../../contexts/ToolComponentContext.js";
43
13
  export {
44
- H as PrintTool
14
+ P as PrintTool
45
15
  };
@@ -1,9 +1,12 @@
1
- import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
- import { c as r } from "../../../PropertyItem.module-db0150cc.js";
3
- const m = ({ label: p, value: s }) => /* @__PURE__ */ t("div", { className: r["rp-property-item-wrapper"], children: [
1
+ import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
+ import '../../../assets/PropertyItem.css';const r = {
3
+ "rp-property-item-wrapper": "_rp-property-item-wrapper_jno3l_1",
4
+ "rp-property-item-label": "_rp-property-item-label_jno3l_11",
5
+ "rp-property-item-value": "_rp-property-item-value_jno3l_15"
6
+ }, a = ({ label: p, value: t }) => /* @__PURE__ */ l("div", { className: r["rp-property-item-wrapper"], children: [
4
7
  /* @__PURE__ */ e("div", { className: r["rp-property-item-label"], children: p }),
5
- /* @__PURE__ */ e("div", { className: r["rp-property-item-value"], children: s || "-" })
8
+ /* @__PURE__ */ e("div", { className: r["rp-property-item-value"], children: t || "-" })
6
9
  ] });
7
10
  export {
8
- m as PropertyItem
11
+ a as PropertyItem
9
12
  };
@@ -1,30 +1,9 @@
1
- import { jsxs as t, jsx as o } from "react/jsx-runtime";
2
- import { b as p, j as r } from "../../../ToolbarLayout.module-88476995.js";
3
- import { Paginate as d } from "./Paginate.js";
4
- import { RPToolbarEnd as c } from "./RPToolbarEnd.js";
5
- import { ZoomTool as f } from "./ZoomTool.js";
6
- import { SearchTool as g } from "./SearchTool.js";
7
- import P from "../../ui/LoadingIndicator.js";
8
- import { useToolbarComponentContext as h } from "../../../contexts/ToolbarComponentContext.js";
9
- import { useViewportContext as u } from "../../../contexts/ViewportContext.js";
10
- import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
11
- const R = () => {
12
- const { showPrintProgress: s = !0 } = h(), { showPrintProgress: a = !0 } = b(), { progress: n } = p(), { isSmallScreen: i } = u(), { percentage: e } = n || {}, m = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, l = () => {
13
- if (!(!s || !a || !e))
14
- return /* @__PURE__ */ o(P, { percentage: e });
15
- };
16
- return /* @__PURE__ */ t("div", { children: [
17
- /* @__PURE__ */ o("div", { "data-rp": "topBar", className: r["rp-toolbar-content"], children: /* @__PURE__ */ t("div", { className: r["rp-toolbar-wrapper"], style: m(), children: [
18
- /* @__PURE__ */ t("div", { "data-rp": "topBarLeft", className: r["rp-toolbar-start"], children: [
19
- /* @__PURE__ */ o(g, {}),
20
- /* @__PURE__ */ o(d, {})
21
- ] }),
22
- /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: r["rp-toolbar-middle"], children: /* @__PURE__ */ o(f, {}) }),
23
- /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: r["rp-toolbar-end"], children: /* @__PURE__ */ o(c, {}) })
24
- ] }) }),
25
- /* @__PURE__ */ o(l, {})
26
- ] });
27
- };
1
+ import "react/jsx-runtime";
2
+ import { X as b } from "../../../ToolbarLayout.module-201969d2.js";
3
+ import "../../../contexts/ToolbarComponentContext.js";
4
+ import "../../../contexts/ViewportContext.js";
5
+ import "../../../contexts/ToolComponentContext.js";
6
+ import "../../../utils/withRef.js";
28
7
  export {
29
- R as RPToolbar
8
+ b as RPToolbar
30
9
  };
@@ -1,24 +1,9 @@
1
- import { jsxs as r, Fragment as m, jsx as o } from "react/jsx-runtime";
2
- import { FileUploadTool as l } from "./FileUploadTool.js";
3
- import { DarkModeTool as e } from "./DarkModeTool.js";
4
- import { OtherTool as i } from "./OtherTool.js";
5
- import { FullScreenTool as n } from "./FullScreenTool.js";
6
- import { FileDownloadTool as p } from "./FileDownloadTool.js";
7
- import { PrintTool as f } from "./PrintTool.js";
8
- import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
9
- const S = () => {
10
- const { isSmallScreen: t } = s();
11
- return /* @__PURE__ */ r(m, { children: [
12
- /* @__PURE__ */ o(e, {}),
13
- !t && /* @__PURE__ */ r(m, { children: [
14
- /* @__PURE__ */ o(l, {}),
15
- /* @__PURE__ */ o(p, {}),
16
- /* @__PURE__ */ o(f, {}),
17
- /* @__PURE__ */ o(n, {})
18
- ] }),
19
- /* @__PURE__ */ o(i, {})
20
- ] });
21
- };
1
+ import "react/jsx-runtime";
2
+ import "./FileUploadTool.js";
3
+ import "./DarkModeTool.js";
4
+ import { n } from "../../../ToolbarLayout.module-201969d2.js";
5
+ import "./FullScreenTool.js";
6
+ import "../../../contexts/ViewportContext.js";
22
7
  export {
23
- S as RPToolbarEnd
8
+ n as RPToolbarEnd
24
9
  };
@@ -1,30 +1,31 @@
1
- import { jsx as t, Fragment as u, jsxs as n } from "react/jsx-runtime";
2
- import { G as p } from "../../../index-49b9a615.js";
3
- import { ClockwiseIcon as m } from "../../icons/ClockwiseIcon.js";
1
+ import { jsx as t, Fragment as C, jsxs as n } from "react/jsx-runtime";
2
+ import { G as p } from "../../../index-f4a9ae4d.js";
3
+ import { ClockwiseIcon as l } from "../../icons/ClockwiseIcon.js";
4
4
  import { MenuItem as c } from "./MenuItem.js";
5
- import { c as f } from "../../../RotateTool.module-03987eba.js";
6
5
  import { MenuSeparator as k } from "./MenuSeparator.js";
7
6
  import { useRotate as w } from "../../../utils/hooks/useRotate.js";
8
- import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
9
- import { useIconContext as l } from "../../../contexts/IconContext.js";
7
+ import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
8
+ import { useIconContext as m } from "../../../contexts/IconContext.js";
10
9
  import i from "../../ui/RPTooltip.js";
11
- import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
12
- import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
13
- import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.js";
14
- const h = () => {
15
- const { rotateClockwiseIcon: r } = l(), { rotateClockwiseIcon: e } = a();
16
- return r || e || /* @__PURE__ */ t(m, {});
10
+ import { useLocalizationContext as d } from "../../../contexts/LocalizationContext.js";
11
+ import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
12
+ import { useToolComponentContext as T } from "../../../contexts/ToolComponentContext.js";
13
+ import '../../../assets/RotateTool.css';const I = {
14
+ "rp-rotate-counterclockwise": "_rp-rotate-counterclockwise_1nqcb_1"
15
+ }, h = () => {
16
+ const { rotateClockwiseIcon: e } = m(), { rotateClockwiseIcon: r } = s();
17
+ return e || r || /* @__PURE__ */ t(l, {});
17
18
  }, x = () => {
18
- const { rotateCounterClockwiseIcon: r } = l(), { rotateCounterClockwiseIcon: e } = a();
19
- return r || e || /* @__PURE__ */ t(m, { className: f["rp-rotate-counterclockwise"] });
20
- }, q = () => {
21
- const { handleRotateClockwise: r, handleRotateCounterclockwise: e } = w(), { rotateTool: s = !0 } = d(), { rotateTool: C = !0 } = I(), { localeMessages: o } = T();
22
- return !s || !C ? null : /* @__PURE__ */ t(u, { children: /* @__PURE__ */ n(p, { children: [
23
- /* @__PURE__ */ t(c, { onClick: r, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
19
+ const { rotateCounterClockwiseIcon: e } = m(), { rotateCounterClockwiseIcon: r } = s();
20
+ return e || r || /* @__PURE__ */ t(l, { className: I["rp-rotate-counterclockwise"] });
21
+ }, O = () => {
22
+ const { handleRotateClockwise: e, handleRotateCounterclockwise: r } = w(), { rotateTool: a = !0 } = f(), { rotateTool: u = !0 } = T(), { localeMessages: o } = d();
23
+ return !a || !u ? null : /* @__PURE__ */ t(C, { children: /* @__PURE__ */ n(p, { children: [
24
+ /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
24
25
  /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }),
25
26
  o == null ? void 0 : o.rotateClockwiseLabel
26
27
  ] }) }),
27
- /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
28
+ /* @__PURE__ */ t(c, { onClick: r, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
28
29
  /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }),
29
30
  o == null ? void 0 : o.rotateCounterclockwiseLabel
30
31
  ] }) }),
@@ -32,5 +33,5 @@ const h = () => {
32
33
  ] }) });
33
34
  };
34
35
  export {
35
- q as RotateTool
36
+ O as RotateTool
36
37
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as r, Fragment as f, jsxs as c } from "react/jsx-runtime";
2
- import { G as C } from "../../../index-49b9a615.js";
2
+ import { G as C } from "../../../index-f4a9ae4d.js";
3
3
  import { MenuItem as m } from "./MenuItem.js";
4
4
  import { useToolbarComponentContext as L } from "../../../contexts/ToolbarComponentContext.js";
5
5
  import { PageScrollingIcon as h } from "../../icons/PageScrollingIcon.js";
@@ -1,21 +1,9 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import i from "../../ui/RPTooltip.js";
3
- import { UIButton as c } from "../../ui/Button.js";
4
- import { CloseIcon as m } from "../../icons/CloseIcon.js";
5
- import { useLocalizationContext as p } from "../../../contexts/LocalizationContext.js";
6
- import { c as e } from "../../../SearchTool.module-016f3a8d.js";
7
- const C = ({ onKeyPress: r, handleClose: n }) => {
8
- const { localeMessages: o } = p();
9
- return /* @__PURE__ */ t(i, { content: o == null ? void 0 : o.searchCloseButtonTooltip, children: /* @__PURE__ */ t(
10
- c,
11
- {
12
- tabIndex: 0,
13
- onKeyDown: r,
14
- "aria-label": o == null ? void 0 : o.searchCloseButtonTooltip,
15
- children: /* @__PURE__ */ t(m, { onClick: n, className: e["rp-search-tool-input-icon"] })
16
- }
17
- ) });
18
- };
1
+ import "react/jsx-runtime";
2
+ import "../../ui/RPTooltip.js";
3
+ import "../../ui/Button.js";
4
+ import "../../icons/CloseIcon.js";
5
+ import "../../../contexts/LocalizationContext.js";
6
+ import { S as a } from "../../../SearchCloseButton-cbf182aa.js";
19
7
  export {
20
- C as SearchCloseButton
8
+ a as SearchCloseButton
21
9
  };