@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.
Files changed (97) hide show
  1. package/dist/{Popover-48c8394c.js → Popover-1faa77f6.js} +2 -2
  2. package/dist/RPLayout-897cb09d.js +3393 -0
  3. package/dist/assets/RPLayout.css +1 -1
  4. package/dist/{component-2aa6e53b.js → component-1da194e8.js} +1 -1
  5. package/dist/components/RPConfig.js +673 -691
  6. package/dist/components/RPController.js +1 -1
  7. package/dist/components/RPDropFileZone.js +27 -26
  8. package/dist/components/RPPages.js +9 -3
  9. package/dist/components/layout/LayoutContainer.js +9 -3
  10. package/dist/components/layout/RPDefaultLayout.js +1 -1
  11. package/dist/components/layout/RPLayout.js +9 -4
  12. package/dist/components/layout/WrapperLayout.js +8 -7
  13. package/dist/components/layout/sidebar/RPSidebar.js +3 -2
  14. package/dist/components/layout/sidebar/Thumbnail.js +1 -1
  15. package/dist/components/layout/sidebar/Thumbnails.js +1 -1
  16. package/dist/components/layout/toolbar/DarkModeTool.js +20 -18
  17. package/dist/components/layout/toolbar/DocumentDialog.js +7 -4
  18. package/dist/components/layout/toolbar/DocumentProperties.js +19 -17
  19. package/dist/components/layout/toolbar/FileDownloadTool.js +4 -2
  20. package/dist/components/layout/toolbar/FileUploadTool.js +21 -19
  21. package/dist/components/layout/toolbar/FullScreenTool.js +45 -36
  22. package/dist/components/layout/toolbar/MenuItem.js +1 -1
  23. package/dist/components/layout/toolbar/MenuSeparator.js +1 -1
  24. package/dist/components/layout/toolbar/MostPageTool.js +10 -4
  25. package/dist/components/layout/toolbar/OtherTool.js +4 -3
  26. package/dist/components/layout/toolbar/Paginate.js +4 -2
  27. package/dist/components/layout/toolbar/PrintTool.js +4 -2
  28. package/dist/components/layout/toolbar/RPToolbar.js +3 -2
  29. package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
  30. package/dist/components/layout/toolbar/RotateTool.js +27 -25
  31. package/dist/components/layout/toolbar/ScrollModeTool.js +43 -41
  32. package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
  33. package/dist/components/layout/toolbar/SearchTool.js +10 -4
  34. package/dist/components/layout/toolbar/SelectionModeTool.js +32 -30
  35. package/dist/components/layout/toolbar/ThumbnailTool.js +17 -0
  36. package/dist/components/layout/toolbar/ToolbarCustom.js +9 -3
  37. package/dist/components/layout/toolbar/ViewModeTool.js +33 -24
  38. package/dist/components/layout/toolbar/ZoomTool.js +5 -3
  39. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +9 -13
  40. package/dist/components/layout/toolbar/tools/FileUploadTool.js +10 -14
  41. package/dist/components/layout/toolbar/tools/FullScreenTool.js +13 -17
  42. package/dist/components/layout/toolbar/tools/InputPageTool.js +1 -1
  43. package/dist/components/layout/toolbar/tools/NextPageTool.js +10 -4
  44. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
  45. package/dist/components/layout/toolbar/tools/PrintTool.js +8 -12
  46. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
  47. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +55 -56
  48. package/dist/components/layout/toolbar/tools/defaults/LeftSidebarDefaultTools.js +16 -0
  49. package/dist/components/layout/toolbar/tools/defaults/TopbarDefaultTools.js +59 -0
  50. package/dist/components/page/AnnotationLayer.js +9 -3
  51. package/dist/components/page/CanvasLayer.js +9 -3
  52. package/dist/components/page/DualPage.js +1 -1
  53. package/dist/components/page/RPPage.js +9 -3
  54. package/dist/components/page/SinglePage.js +1 -1
  55. package/dist/components/page/TextHighlightLayer.js +9 -3
  56. package/dist/components/page/TextLayer.js +9 -3
  57. package/dist/components/ui/Checkbox.js +116 -228
  58. package/dist/components/ui/DropDown.js +1 -1
  59. package/dist/components/ui/LoadingIndicator.js +1 -1
  60. package/dist/components/ui/Popover.js +1 -1
  61. package/dist/components/ui/RPTooltip.js +207 -207
  62. package/dist/contexts/DropFileZoneContext.js +28 -29
  63. package/dist/contexts/ElementPageContext.js +54 -43
  64. package/dist/contexts/IconToolContext.js +13 -0
  65. package/dist/contexts/PaginationContext.js +3 -3
  66. package/dist/contexts/PrintContext.js +1 -1
  67. package/dist/contexts/SearchContext.js +1 -1
  68. package/dist/contexts/ThumbnailsContext.js +1 -1
  69. package/dist/contexts/ToolComponentContext.js +52 -0
  70. package/dist/contexts/ToolbarComponentContext.js +6 -3
  71. package/dist/{floating-ui.react-dom-4b1e2e46.js → floating-ui.react-dom-15b9b819.js} +380 -394
  72. package/dist/index-1cb41342.js +307 -0
  73. package/dist/{index-951f0f1f.js → index-7279fb4e.js} +456 -464
  74. package/dist/index-aa2d3884.js +140 -0
  75. package/dist/main.js +23 -19
  76. package/dist/types/components/layout/toolbar/ThumbnailTool.d.ts +2 -0
  77. package/dist/types/components/layout/toolbar/tools/defaults/LeftSidebarDefaultTools.d.ts +3 -0
  78. package/dist/types/components/layout/toolbar/tools/defaults/TopbarDefaultTools.d.ts +3 -0
  79. package/dist/types/contexts/IconToolContext.d.ts +9 -0
  80. package/dist/types/contexts/ToolComponentContext.d.ts +12 -0
  81. package/dist/types/main.d.ts +3 -1
  82. package/dist/types/utils/types.d.ts +63 -43
  83. package/dist/utils/hooks/useFileDownload.js +9 -3
  84. package/dist/utils/hooks/useLicense.js +26 -24
  85. package/dist/utils/hooks/usePageRotateContext.js +19 -20
  86. package/dist/utils/hooks/usePaginate.js +9 -3
  87. package/dist/utils/hooks/usePresentPage.js +9 -3
  88. package/dist/utils/hooks/usePrint.js +9 -3
  89. package/dist/utils/hooks/useScrollToPage.js +9 -3
  90. package/dist/utils/hooks/useSearch.js +9 -3
  91. package/dist/utils/hooks/useThumbnail.js +9 -3
  92. package/dist/utils/hooks/useVirtualReactWindow.js +9 -3
  93. package/dist/utils/types.js +6 -6
  94. package/package.json +1 -1
  95. package/dist/RPLayout-3042ec91.js +0 -3349
  96. package/dist/index-6e0e48fa.js +0 -332
  97. package/dist/index-e3a67935.js +0 -150
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { useState as o, useId as V, useMemo as T } from "react";
3
- import { P as w, f as D, T as E, g as k } from "../RPLayout-3042ec91.js";
3
+ import { P as w, f as D, T as E, g as k } from "../RPLayout-897cb09d.js";
4
4
  import { DarkModeProvider as x } from "../contexts/DarkModeContext.js";
5
5
  import { ViewMode as F, ScrollMode as G, SelectionMode as b } from "../utils/types.js";
6
6
  import { RotateProvider as y } from "../contexts/RotationContext.js";
@@ -1,38 +1,39 @@
1
- import { jsxs as t, Fragment as p, jsx as o } from "react/jsx-runtime";
2
- import { useCallback as m } from "react";
3
- import { c as f } from "../clsx-0c6e471a.js";
4
- import { useDropFileZoneContext as D } from "../contexts/DropFileZoneContext.js";
5
- import { LightPdfIcon as u } from "./icons/LightPdfIcon.js";
6
- import { DarkPdfIcon as g } from "./icons/DarkPdfIcon.js";
7
- import { useDarkModeContext as h } from "../contexts/DarkModeContext.js";
8
- import { useToolbarComponentContext as v } from "../contexts/ToolbarComponentContext.js";
9
- import { useLocalizationContext as x } from "../contexts/LocalizationContext.js";
10
- import '../assets/RPDropFileZone.css';const a = {
1
+ import { jsxs as p, Fragment as i, jsx as o } from "react/jsx-runtime";
2
+ import { useCallback as u } from "react";
3
+ import { c as D } from "../clsx-0c6e471a.js";
4
+ import { useDropFileZoneContext as g } from "../contexts/DropFileZoneContext.js";
5
+ import { LightPdfIcon as h } from "./icons/LightPdfIcon.js";
6
+ import { DarkPdfIcon as C } from "./icons/DarkPdfIcon.js";
7
+ import { useDarkModeContext as x } from "../contexts/DarkModeContext.js";
8
+ import { useToolbarComponentContext as F } from "../contexts/ToolbarComponentContext.js";
9
+ import { useLocalizationContext as v } from "../contexts/LocalizationContext.js";
10
+ import { useToolComponentContext as z } from "../contexts/ToolComponentContext.js";
11
+ import '../assets/RPDropFileZone.css';const s = {
11
12
  "rp-drop-zone": "_rp-drop-zone_1sc50_1",
12
13
  "rp-drop-zone-transparent": "_rp-drop-zone-transparent_1sc50_15"
13
- }, z = {}, y = () => {
14
- const { dragging: s, handleDragLeave: i, handleDrop: d } = D(), { darkMode: n } = h(), { dropFileZone: r } = v(), { localeMessages: e } = x();
15
- if (typeof r == "boolean" && !r)
16
- return;
17
- const c = m((l) => {
18
- l.preventDefault();
14
+ }, Z = {}, N = () => {
15
+ const { dragging: a, handleDragLeave: l, handleDrop: d } = g(), { darkMode: t } = x(), { dropFileZone: r = !0 } = F(), { dropFileZone: e = !0 } = z(), { localeMessages: n } = v(), m = u((f) => {
16
+ f.preventDefault();
19
17
  }, []);
20
- return s ? /* @__PURE__ */ t(p, { children: [
21
- /* @__PURE__ */ o("div", { className: f(a["rp-drop-zone"], n ? z["rp-dark-mode"] : ""), children: r && typeof r == "function" ? /* @__PURE__ */ o(r, {}) : /* @__PURE__ */ t(p, { children: [
22
- /* @__PURE__ */ o("div", { children: n ? /* @__PURE__ */ o(g, {}) : /* @__PURE__ */ o(u, {}) }),
23
- /* @__PURE__ */ o("p", { children: e == null ? void 0 : e.dragDropFileMessage })
24
- ] }) }),
18
+ if (!r || !e || !a)
19
+ return null;
20
+ const c = () => typeof r == "function" ? /* @__PURE__ */ o(r, {}) : typeof e == "function" ? /* @__PURE__ */ o(e, {}) : /* @__PURE__ */ p(i, { children: [
21
+ /* @__PURE__ */ o("div", { children: t ? /* @__PURE__ */ o(C, {}) : /* @__PURE__ */ o(h, {}) }),
22
+ /* @__PURE__ */ o("p", { children: n == null ? void 0 : n.dragDropFileMessage })
23
+ ] });
24
+ return /* @__PURE__ */ p(i, { children: [
25
+ /* @__PURE__ */ o("div", { className: D(s["rp-drop-zone"], t ? Z["rp-dark-mode"] : ""), children: /* @__PURE__ */ o(c, {}) }),
25
26
  /* @__PURE__ */ o(
26
27
  "div",
27
28
  {
28
- className: a["rp-drop-zone-transparent"],
29
- onDragOver: c,
30
- onDragLeave: i,
29
+ className: s["rp-drop-zone-transparent"],
30
+ onDragOver: m,
31
+ onDragLeave: l,
31
32
  onDrop: d
32
33
  }
33
34
  )
34
- ] }) : null;
35
+ ] });
35
36
  };
36
37
  export {
37
- y as RPDropFileZone
38
+ N as RPDropFileZone
38
39
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { R as $ } from "../RPLayout-3042ec91.js";
3
+ import { R as io } from "../RPLayout-897cb09d.js";
4
4
  import "../contexts/VirtualScrollContext.js";
5
5
  import "../contexts/RPDocumentContext.js";
6
6
  import "../contexts/DocumentPasswordContext.js";
@@ -32,6 +32,7 @@ import "../contexts/ThemeContext.js";
32
32
  import "./RPDropFileZone.js";
33
33
  import "../clsx-0c6e471a.js";
34
34
  import "../contexts/ToolbarComponentContext.js";
35
+ import "../contexts/ToolComponentContext.js";
35
36
  import "./ui/Button.js";
36
37
  import "../SearchCloseButton-ddb9877e.js";
37
38
  import "./ui/Input.js";
@@ -39,11 +40,16 @@ import "./ui/Checkbox.js";
39
40
  import "./icons/LoaderIcon.js";
40
41
  import "../contexts/IconContext.js";
41
42
  import "./ui/RPTooltip.js";
42
- import "../Popover-48c8394c.js";
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 "./layout/toolbar/MenuItem.js";
46
48
  import "./layout/toolbar/MenuSeparator.js";
49
+ import "../utils/dateFormatter.js";
50
+ import "./layout/toolbar/PropertyItem.js";
51
+ import "../contexts/OtherToolContext.js";
52
+ import "./layout/toolbar/RotateTool.js";
47
53
  import "../utils/hooks/useMousePressed.js";
48
54
  import "../utils/hooks/useGrabScroll.js";
49
55
  import "../utils/hooks/usePinch.js";
@@ -51,5 +57,5 @@ import "../utils/hooks/useDebounce.js";
51
57
  import "./ui/PasswordModal.js";
52
58
  import "../utils/calculatePage.js";
53
59
  export {
54
- $ as RPPages
60
+ io as RPPages
55
61
  };
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../clsx-0c6e471a.js";
3
3
  import "react";
4
- import { L as U } from "../../RPLayout-3042ec91.js";
4
+ import { L as _ } from "../../RPLayout-897cb09d.js";
5
5
  import "../../contexts/ThemeContext.js";
6
6
  import "../../contexts/RPDocumentContext.js";
7
7
  import "../../contexts/DocumentPasswordContext.js";
@@ -31,6 +31,7 @@ import "../../contexts/LoaderContext.js";
31
31
  import "../RPConfig.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,11 +39,16 @@ 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-48c8394c.js";
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 "./toolbar/MenuItem.js";
45
47
  import "./toolbar/MenuSeparator.js";
48
+ import "../../utils/dateFormatter.js";
49
+ import "./toolbar/PropertyItem.js";
50
+ import "../../contexts/OtherToolContext.js";
51
+ import "./toolbar/RotateTool.js";
46
52
  export {
47
- U as LayoutContainer
53
+ _ as LayoutContainer
48
54
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { a as D } from "../../RPLayout-3042ec91.js";
3
+ import { a as D } from "../../RPLayout-897cb09d.js";
4
4
  import "../../contexts/ToolbarComponentContext.js";
5
5
  import "../../contexts/LayoutContainerContext.js";
6
6
  import "./Container.js";
@@ -3,7 +3,7 @@ import "react";
3
3
  import "../../contexts/LayoutContainerContext.js";
4
4
  import "./Container.js";
5
5
  import "../../contexts/ViewportContext.js";
6
- import { b as W } from "../../RPLayout-3042ec91.js";
6
+ import { b as $ } from "../../RPLayout-897cb09d.js";
7
7
  import "../../contexts/OtherToolContext.js";
8
8
  import "./WrapperLayout.js";
9
9
  import "../../contexts/RPDocumentContext.js";
@@ -33,7 +33,6 @@ import "../../contexts/LoaderContext.js";
33
33
  import "../RPConfig.js";
34
34
  import "../../contexts/ThemeContext.js";
35
35
  import "../RPDropFileZone.js";
36
- import "../../contexts/ToolbarComponentContext.js";
37
36
  import "../ui/Button.js";
38
37
  import "../../SearchCloseButton-ddb9877e.js";
39
38
  import "../ui/Input.js";
@@ -41,10 +40,16 @@ import "../ui/Checkbox.js";
41
40
  import "../icons/LoaderIcon.js";
42
41
  import "../../contexts/IconContext.js";
43
42
  import "../ui/RPTooltip.js";
44
- import "../../Popover-48c8394c.js";
43
+ import "../../contexts/ToolbarComponentContext.js";
44
+ import "../../Popover-1faa77f6.js";
45
+ import "../../contexts/IconToolContext.js";
46
+ import "../../contexts/ToolComponentContext.js";
45
47
  import "../ui/DropDown.js";
46
48
  import "./toolbar/MenuItem.js";
47
49
  import "./toolbar/MenuSeparator.js";
50
+ import "../../utils/dateFormatter.js";
51
+ import "./toolbar/PropertyItem.js";
52
+ import "./toolbar/RotateTool.js";
48
53
  export {
49
- W as RPLayout
54
+ $ as RPLayout
50
55
  };
@@ -1,12 +1,13 @@
1
- import { jsx as e, Fragment as p } from "react/jsx-runtime";
1
+ import { jsx as r, Fragment as n } from "react/jsx-runtime";
2
2
  import { useDropFileZoneContext as a } from "../../contexts/DropFileZoneContext.js";
3
- import { useToolbarComponentContext as n } from "../../contexts/ToolbarComponentContext.js";
4
- import '../../assets/WrapperLayout.css';const s = {
3
+ import { useToolbarComponentContext as s } from "../../contexts/ToolbarComponentContext.js";
4
+ import { useToolComponentContext as l } from "../../contexts/ToolComponentContext.js";
5
+ import '../../assets/WrapperLayout.css';const m = {
5
6
  "rp-wrapper-layout": "_rp-wrapper-layout_2cghq_1"
6
- }, c = ({ children: o }) => {
7
- const { handleDragEnter: t } = a(), { dropFileZone: r } = n();
8
- return typeof r == "boolean" && !r ? /* @__PURE__ */ e(p, { children: o }) : /* @__PURE__ */ e("div", { className: s["rp-wrapper-layout"], onDragEnter: t, children: o });
7
+ }, y = ({ children: o }) => {
8
+ const { handleDragEnter: p } = a(), { dropFileZone: e } = s(), { dropFileZone: t } = l();
9
+ return typeof e == "boolean" && !e ? /* @__PURE__ */ r(n, { children: o }) : typeof t == "boolean" && !t ? /* @__PURE__ */ r(n, { children: o }) : /* @__PURE__ */ r("div", { className: m["rp-wrapper-layout"], onDragEnter: p, children: o });
9
10
  };
10
11
  export {
11
- c as WrapperLayout
12
+ y as WrapperLayout
12
13
  };
@@ -2,12 +2,13 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../icons/Thumbnail.js";
4
4
  import "../../ui/Button.js";
5
- import { U as s } from "../../../RPLayout-3042ec91.js";
5
+ import { V as x } from "../../../RPLayout-897cb09d.js";
6
6
  import "./RPSplitter.js";
7
7
  import "../../../contexts/ToolbarComponentContext.js";
8
8
  import "../../../contexts/IconContext.js";
9
9
  import "../../ui/RPTooltip.js";
10
10
  import "../../../contexts/LocalizationContext.js";
11
+ import "../../../contexts/IconToolContext.js";
11
12
  export {
12
- s as RPSidebar
13
+ x as RPSidebar
13
14
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { N as b } from "../../../RPLayout-3042ec91.js";
3
+ import { Q as b } from "../../../RPLayout-897cb09d.js";
4
4
  import "../../../clsx-0c6e471a.js";
5
5
  import "../../icons/LoaderIcon.js";
6
6
  import "../../../contexts/PagesRotateContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { Q as t } from "../../../RPLayout-3042ec91.js";
3
+ import { U as t } from "../../../RPLayout-897cb09d.js";
4
4
  import "../../../utils/hooks/useInfiniteScroll.js";
5
5
  export {
6
6
  t as Thumbnails
@@ -1,25 +1,27 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { useCallback as d } from "react";
3
- import { MoonIcon as u } from "../../icons/MoonIcon.js";
2
+ import { useCallback as u } from "react";
3
+ import { MoonIcon as f } from "../../icons/MoonIcon.js";
4
4
  import { SunIcon as a } from "../../icons/SunIcon.js";
5
- import { UIButton as f } from "../../ui/Button.js";
6
- import { useDarkModeContext as h } from "../../../contexts/DarkModeContext.js";
5
+ import { UIButton as s } from "../../ui/Button.js";
6
+ import { useDarkModeContext as I } from "../../../contexts/DarkModeContext.js";
7
7
  import { useToolbarComponentContext as k } from "../../../contexts/ToolbarComponentContext.js";
8
- import { useIconContext as m } from "../../../contexts/IconContext.js";
9
- import c from "../../ui/RPTooltip.js";
8
+ import { useIconContext as l } from "../../../contexts/IconContext.js";
9
+ import m from "../../ui/RPTooltip.js";
10
10
  import { useLocalizationContext as C } from "../../../contexts/LocalizationContext.js";
11
- const s = () => {
12
- const { lightModeIcon: t } = m();
13
- return t || /* @__PURE__ */ o(u, {});
14
- }, I = () => {
15
- const { darkModeIcon: t } = m();
16
- return t || /* @__PURE__ */ o(a, {});
17
- }, y = () => {
18
- const { darkMode: t, setDarkMode: r } = h(), { themeSwitcher: e = !0 } = k(), { localeMessages: n } = C(), i = t ? n == null ? void 0 : n.themeEnableLightTooltip : n == null ? void 0 : n.themeEnableDarkTooltip, l = d(() => {
19
- r((p) => !p);
20
- }, [r]);
21
- return typeof e != "boolean" ? /* @__PURE__ */ o(c, { content: i, children: /* @__PURE__ */ o(e, { darkMode: t, setDarkMode: r }) }) : e ? /* @__PURE__ */ o(c, { content: i, children: /* @__PURE__ */ o(f, { onClick: l, "aria-label": i, children: t ? /* @__PURE__ */ o(I, {}) : /* @__PURE__ */ o(s, {}) }) }) : null;
11
+ import { useIconToolContext as d } from "../../../contexts/IconToolContext.js";
12
+ import { useToolComponentContext as T } from "../../../contexts/ToolComponentContext.js";
13
+ const M = () => {
14
+ const { lightModeIcon: t } = l(), { lightModeIcon: n } = d();
15
+ return t || n || /* @__PURE__ */ o(f, {});
16
+ }, x = () => {
17
+ const { darkModeIcon: t } = l(), { darkModeIcon: n } = d();
18
+ return t || n || /* @__PURE__ */ o(a, {});
19
+ }, P = () => {
20
+ const { darkMode: t, setDarkMode: n } = I(), { themeSwitcher: c = !0 } = k(), { themeSwitcher: i = !0 } = T(), { localeMessages: e } = C(), r = t ? e == null ? void 0 : e.themeEnableLightTooltip : e == null ? void 0 : e.themeEnableDarkTooltip, p = u(() => {
21
+ n((h) => !h);
22
+ }, [n]);
23
+ return !c || !i ? null : typeof c == "function" ? /* @__PURE__ */ o(m, { content: r, children: /* @__PURE__ */ o(c, { darkMode: t, setDarkMode: n }) }) : typeof i == "function" ? /* @__PURE__ */ o(m, { content: r, children: /* @__PURE__ */ o(i, { darkMode: t, setDarkMode: n }) }) : /* @__PURE__ */ o(m, { content: r, children: /* @__PURE__ */ o(s, { onClick: p, "aria-label": r, children: t ? /* @__PURE__ */ o(x, {}) : /* @__PURE__ */ o(M, {}) }) });
22
24
  };
23
25
  export {
24
- y as DarkModeTool
26
+ P as DarkModeTool
25
27
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { E as X } from "../../../RPLayout-3042ec91.js";
3
+ import { G as _ } from "../../../RPLayout-897cb09d.js";
4
4
  import "../../../contexts/LayoutContainerContext.js";
5
5
  import "../../icons/CloseIcon.js";
6
6
  import "../../../utils/dateFormatter.js";
@@ -32,6 +32,7 @@ import "../../RPConfig.js";
32
32
  import "../../../contexts/ThemeContext.js";
33
33
  import "../../RPDropFileZone.js";
34
34
  import "../../../contexts/ToolbarComponentContext.js";
35
+ import "../../../contexts/ToolComponentContext.js";
35
36
  import "../../ui/Button.js";
36
37
  import "../../../SearchCloseButton-ddb9877e.js";
37
38
  import "../../ui/Input.js";
@@ -39,13 +40,15 @@ import "../../ui/Checkbox.js";
39
40
  import "../../icons/LoaderIcon.js";
40
41
  import "../../../contexts/IconContext.js";
41
42
  import "../../ui/RPTooltip.js";
42
- import "../../../Popover-48c8394c.js";
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
- import "./PropertyItem.js";
48
49
  import "../../../contexts/OtherToolContext.js";
50
+ import "./RotateTool.js";
51
+ import "./PropertyItem.js";
49
52
  export {
50
- X as DocumentDialog
53
+ _ as DocumentDialog
51
54
  };
@@ -1,21 +1,23 @@
1
- import { jsx as t, Fragment as m, jsxs as i } from "react/jsx-runtime";
2
- import { MenuItem as c } from "./MenuItem.js";
3
- import { InfoIcon as p } from "../../icons/InfoIcon.js";
4
- import { useOtherToolContext as u } from "../../../contexts/OtherToolContext.js";
5
- import { useToolbarComponentContext as s } from "../../../contexts/ToolbarComponentContext.js";
6
- import { useIconContext as f } from "../../../contexts/IconContext.js";
7
- import l from "../../ui/RPTooltip.js";
8
- import { useLocalizationContext as d } from "../../../contexts/LocalizationContext.js";
9
- const x = () => {
10
- const { documentPropertiesIcon: r } = f();
11
- return r || /* @__PURE__ */ t(p, {});
12
- }, j = () => {
13
- const { setActiveDocumentProperties: r } = u(), { documentProperties: e } = s(), { localeMessages: o } = d();
14
- return e ? /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(c, { onClick: () => r((n) => !n), children: /* @__PURE__ */ i(l, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
15
- /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }),
1
+ import { jsx as t, Fragment as i, jsxs as c } from "react/jsx-runtime";
2
+ import { MenuItem as p } from "./MenuItem.js";
3
+ import { InfoIcon as u } from "../../icons/InfoIcon.js";
4
+ import { useOtherToolContext as s } from "../../../contexts/OtherToolContext.js";
5
+ import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
6
+ import { useIconContext as l } from "../../../contexts/IconContext.js";
7
+ import f from "../../ui/RPTooltip.js";
8
+ import { useLocalizationContext as P } from "../../../contexts/LocalizationContext.js";
9
+ import { useIconToolContext as x } from "../../../contexts/IconToolContext.js";
10
+ import { useToolComponentContext as C } from "../../../contexts/ToolComponentContext.js";
11
+ const I = () => {
12
+ const { documentPropertiesIcon: e } = l(), { documentPropertiesIcon: r } = x();
13
+ return e || r || /* @__PURE__ */ t(u, {});
14
+ }, k = () => {
15
+ const { setActiveDocumentProperties: e } = s(), { documentProperties: r = !0 } = d(), { documentProperties: n = !0 } = C(), { localeMessages: o } = P();
16
+ return !r || !n ? null : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(p, { onClick: () => e((m) => !m), children: /* @__PURE__ */ c(f, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
17
+ /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(I, {}) }),
16
18
  o == null ? void 0 : o.documentPropertiesLabel
17
- ] }) }) }) : null;
19
+ ] }) }) });
18
20
  };
19
21
  export {
20
- j as DocumentProperties
22
+ k as DocumentProperties
21
23
  };
@@ -3,11 +3,13 @@ import "../../icons/FileDownloadDefaultIcon.js";
3
3
  import "../../../contexts/ToolbarComponentContext.js";
4
4
  import "../../../contexts/IconContext.js";
5
5
  import "../../ui/Button.js";
6
- import { F as f } from "../../../RPLayout-3042ec91.js";
6
+ import { H as w } from "../../../RPLayout-897cb09d.js";
7
7
  import "./MenuItem.js";
8
8
  import "../../../contexts/ViewportContext.js";
9
9
  import "../../ui/RPTooltip.js";
10
10
  import "../../../contexts/LocalizationContext.js";
11
+ import "../../../contexts/IconToolContext.js";
12
+ import "../../../contexts/ToolComponentContext.js";
11
13
  export {
12
- f as FileDownloadTool
14
+ w as FileDownloadTool
13
15
  };
@@ -1,23 +1,25 @@
1
- import { jsx as t, jsxs as m } from "react/jsx-runtime";
2
- import { FileUploadDefaultIcon as e } from "../../icons/FileUploadDefaultIcon.js";
3
- import { useToolbarComponentContext as u } from "../../../contexts/ToolbarComponentContext.js";
4
- import { useIconContext as c } from "../../../contexts/IconContext.js";
5
- import { UIButton as f } from "../../ui/Button.js";
6
- import { MenuItem as F } from "./MenuItem.js";
7
- import { useViewportContext as d } from "../../../contexts/ViewportContext.js";
8
- import { useOpenFileContext as C } from "../../../contexts/FileInputContext.js";
9
- import T from "../../ui/RPTooltip.js";
10
- import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
11
- const p = () => {
12
- const { openFileIcon: n } = c();
13
- return n || /* @__PURE__ */ t(e, {});
14
- }, l = ({ children: n, className: o, localeMessages: i }) => /* @__PURE__ */ t(T, { className: o, content: i == null ? void 0 : i.openLocalFileTooltip, children: n }), h = ({ onFileChange: n, localeMessages: o }) => /* @__PURE__ */ t(F, { onClick: n, children: /* @__PURE__ */ m(l, { className: "rp-menu-item", localeMessages: o, children: [
15
- /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(p, {}) }),
1
+ import { jsx as n, jsxs as u } from "react/jsx-runtime";
2
+ import { FileUploadDefaultIcon as f } from "../../icons/FileUploadDefaultIcon.js";
3
+ import { useToolbarComponentContext as F } from "../../../contexts/ToolbarComponentContext.js";
4
+ import { useIconContext as T } from "../../../contexts/IconContext.js";
5
+ import { UIButton as d } from "../../ui/Button.js";
6
+ import { MenuItem as C } from "./MenuItem.js";
7
+ import { useViewportContext as x } from "../../../contexts/ViewportContext.js";
8
+ import { useOpenFileContext as h } from "../../../contexts/FileInputContext.js";
9
+ import p from "../../ui/RPTooltip.js";
10
+ import { useLocalizationContext as I } from "../../../contexts/LocalizationContext.js";
11
+ import { useIconToolContext as L } from "../../../contexts/IconToolContext.js";
12
+ import { useToolComponentContext as U } from "../../../contexts/ToolComponentContext.js";
13
+ const l = () => {
14
+ const { openFileIcon: t } = T(), { openFileIcon: o } = L();
15
+ return t || o || /* @__PURE__ */ n(f, {});
16
+ }, m = ({ children: t, className: o, localeMessages: i }) => /* @__PURE__ */ n(p, { className: o, content: i == null ? void 0 : i.openLocalFileTooltip, children: t }), b = ({ onFileChange: t, localeMessages: o }) => /* @__PURE__ */ n(C, { onClick: t, children: /* @__PURE__ */ u(m, { className: "rp-menu-item", localeMessages: o, children: [
17
+ /* @__PURE__ */ n("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ n(l, {}) }),
16
18
  o == null ? void 0 : o.openLocalFileLabel
17
- ] }) }), U = ({ onFileChange: n, localeMessages: o }) => /* @__PURE__ */ t(l, { localeMessages: o, children: /* @__PURE__ */ t(f, { onClick: n, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: /* @__PURE__ */ t(p, {}) }) }), w = () => {
18
- const { openFileTool: n = !0 } = u(), { openFile: o } = C(), { isSmallScreen: i } = d(), { localeMessages: r } = x();
19
- return n ? i ? /* @__PURE__ */ t(h, { onFileChange: o, localeMessages: r }) : typeof n == "function" ? /* @__PURE__ */ t(n, { openFile: o }) : n ? /* @__PURE__ */ t(U, { onFileChange: o, localeMessages: r }) : null : null;
19
+ ] }) }), O = ({ onFileChange: t, localeMessages: o }) => /* @__PURE__ */ n(m, { localeMessages: o, children: /* @__PURE__ */ n(d, { onClick: t, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: /* @__PURE__ */ n(l, {}) }) }), V = () => {
20
+ const { openFileTool: t = !0 } = F(), { openFileTool: o = !0 } = U(), { openFile: i } = h(), { isSmallScreen: c } = x(), { localeMessages: r } = I(), e = r == null ? void 0 : r.openLocalFileTooltip;
21
+ return !t || !o ? null : c ? /* @__PURE__ */ n(b, { onFileChange: i, localeMessages: r }) : typeof t == "function" ? /* @__PURE__ */ n(p, { content: e, children: /* @__PURE__ */ n(t, { openFile: i }) }) : typeof o == "function" ? /* @__PURE__ */ n(p, { content: e, children: /* @__PURE__ */ n(o, { openFile: i }) }) : /* @__PURE__ */ n(O, { onFileChange: i, localeMessages: r });
20
22
  };
21
23
  export {
22
- w as FileUploadTool
24
+ V as FileUploadTool
23
25
  };
@@ -1,50 +1,59 @@
1
- import { jsx as n, jsxs as m } from "react/jsx-runtime";
2
- import { useFullScreenContext as f } from "../../../contexts/FullScreenContext.js";
3
- import { UIButton as p } from "../../ui/Button.js";
4
- import { FullScreenIcon as i } from "../../icons/FullScreenIcon.js";
5
- import { useToolbarComponentContext as S } from "../../../contexts/ToolbarComponentContext.js";
6
- import { useIconContext as d } from "../../../contexts/IconContext.js";
7
- import { useViewportContext as C } from "../../../contexts/ViewportContext.js";
8
- import { MenuItem as F } from "./MenuItem.js";
9
- import T from "../../ui/RPTooltip.js";
10
- import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
11
- const s = () => {
12
- const { fullScreenIcon: r } = d();
13
- return r || /* @__PURE__ */ n(i, {});
14
- }, c = ({ children: r, className: t, localeMessages: o }) => /* @__PURE__ */ n(T, { className: t, content: o == null ? void 0 : o.fullScreenTooltip, children: r }), I = ({
15
- toggleFullScreen: r,
16
- isSupported: t,
1
+ import { jsx as n, jsxs as S } from "react/jsx-runtime";
2
+ import { useFullScreenContext as T } from "../../../contexts/FullScreenContext.js";
3
+ import { UIButton as d } from "../../ui/Button.js";
4
+ import { FullScreenIcon as m } from "../../icons/FullScreenIcon.js";
5
+ import { useToolbarComponentContext as x } from "../../../contexts/ToolbarComponentContext.js";
6
+ import { useIconContext as C } from "../../../contexts/IconContext.js";
7
+ import { useViewportContext as F } from "../../../contexts/ViewportContext.js";
8
+ import { MenuItem as I } from "./MenuItem.js";
9
+ import i from "../../ui/RPTooltip.js";
10
+ import { useLocalizationContext as h } from "../../../contexts/LocalizationContext.js";
11
+ import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
12
+ import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
13
+ const j = () => {
14
+ const { fullScreenIcon: t } = C(), { fullScreenIcon: r } = s();
15
+ return t || r || /* @__PURE__ */ n(m, {});
16
+ }, f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ n(i, { className: r, content: o == null ? void 0 : o.fullScreenTooltip, children: t }), k = ({
17
+ toggleFullScreen: t,
18
+ isSupported: r,
17
19
  localeMessages: o
18
- }) => /* @__PURE__ */ n(F, { onClick: r, disabled: !t, children: /* @__PURE__ */ m(c, { className: "rp-menu-item", localeMessages: o, children: [
19
- /* @__PURE__ */ n("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ n(i, {}) }),
20
+ }) => /* @__PURE__ */ n(I, { onClick: t, disabled: !r, children: /* @__PURE__ */ S(f, { className: "rp-menu-item", localeMessages: o, children: [
21
+ /* @__PURE__ */ n("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ n(m, {}) }),
20
22
  o == null ? void 0 : o.fullScreenTooltip
21
- ] }) }), L = () => {
22
- const { isFullScreen: r, toggleFullScreen: t, isSupported: o } = f(), { fullscreenTool: e } = S(), { isSmallScreen: u } = C(), { localeMessages: l } = x();
23
- return e ? u ? /* @__PURE__ */ n(
24
- I,
23
+ ] }) }), V = () => {
24
+ const { isFullScreen: t, toggleFullScreen: r, isSupported: o } = T(), { fullscreenTool: l = !0 } = x(), { fullscreenTool: c = !0 } = b(), { isSmallScreen: p } = F(), { localeMessages: e } = h(), u = e == null ? void 0 : e.fullScreenTooltip;
25
+ return !l || !c ? null : p ? /* @__PURE__ */ n(
26
+ k,
25
27
  {
26
- isFullScreen: r,
27
- toggleFullScreen: t,
28
+ isFullScreen: t,
29
+ toggleFullScreen: r,
28
30
  isSupported: o,
29
- localeMessages: l
31
+ localeMessages: e
30
32
  }
31
- ) : typeof e == "function" ? /* @__PURE__ */ n(
32
- e,
33
+ ) : typeof l == "function" ? /* @__PURE__ */ n(i, { content: u, children: /* @__PURE__ */ n(
34
+ l,
33
35
  {
34
- isFullScreen: r,
35
- toggleFullScreen: t,
36
+ isFullScreen: t,
37
+ toggleFullScreen: r,
36
38
  isSupported: o
37
39
  }
38
- ) : /* @__PURE__ */ n(c, { localeMessages: l, children: /* @__PURE__ */ n(
39
- p,
40
+ ) }) : typeof c == "function" ? /* @__PURE__ */ n(i, { content: u, children: /* @__PURE__ */ n(
41
+ c,
42
+ {
43
+ isFullScreen: t,
44
+ toggleFullScreen: r,
45
+ isSupported: o
46
+ }
47
+ ) }) : /* @__PURE__ */ n(f, { localeMessages: e, children: /* @__PURE__ */ n(
48
+ d,
40
49
  {
41
50
  disabled: !o,
42
- onClick: t,
43
- "aria-label": r ? "Exit full screen" : "Enter full screen",
44
- children: /* @__PURE__ */ n(s, {})
51
+ onClick: r,
52
+ "aria-label": t ? "Exit full screen" : "Enter full screen",
53
+ children: /* @__PURE__ */ n(j, {})
45
54
  }
46
- ) }) : null;
55
+ ) });
47
56
  };
48
57
  export {
49
- L as FullScreenTool
58
+ V as FullScreenTool
50
59
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { I as o } from "../../../index-951f0f1f.js";
2
+ import { I as o } from "../../../index-7279fb4e.js";
3
3
  import { c } from "../../../clsx-0c6e471a.js";
4
4
  import '../../../assets/MenuItem.css';const n = {
5
5
  "rp-menu-item": "_rp-menu-item_cu12j_1"
@@ -1,5 +1,5 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { S as a } from "../../../index-951f0f1f.js";
2
+ import { S as a } from "../../../index-7279fb4e.js";
3
3
  import '../../../assets/MenuSeparator.css';const e = {
4
4
  "rp-menu-separator": "_rp-menu-separator_17dlz_1"
5
5
  }, p = () => /* @__PURE__ */ r(a, { className: e["rp-menu-separator"] });
@@ -1,10 +1,10 @@
1
1
  import "react/jsx-runtime";
2
- import "../../../index-951f0f1f.js";
2
+ import "../../../index-7279fb4e.js";
3
3
  import "./MenuItem.js";
4
4
  import "react";
5
5
  import "../../../contexts/RPDocumentContext.js";
6
6
  import "../../../contexts/DocumentPasswordContext.js";
7
- import { M as V } from "../../../RPLayout-3042ec91.js";
7
+ import { M as $ } from "../../../RPLayout-897cb09d.js";
8
8
  import "../../../contexts/DarkModeContext.js";
9
9
  import "../../../contexts/RotationContext.js";
10
10
  import "../../../contexts/LayerContext.js";
@@ -32,6 +32,7 @@ import "../../RPConfig.js";
32
32
  import "../../../contexts/ThemeContext.js";
33
33
  import "../../RPDropFileZone.js";
34
34
  import "../../../contexts/ToolbarComponentContext.js";
35
+ import "../../../contexts/ToolComponentContext.js";
35
36
  import "../../ui/Button.js";
36
37
  import "../../../SearchCloseButton-ddb9877e.js";
37
38
  import "../../ui/Input.js";
@@ -39,11 +40,16 @@ import "../../ui/Checkbox.js";
39
40
  import "../../icons/LoaderIcon.js";
40
41
  import "../../../contexts/IconContext.js";
41
42
  import "../../ui/RPTooltip.js";
42
- import "../../../Popover-48c8394c.js";
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 "./MenuSeparator.js";
48
+ import "../../../utils/dateFormatter.js";
49
+ import "./PropertyItem.js";
50
+ import "../../../contexts/OtherToolContext.js";
51
+ import "./RotateTool.js";
46
52
  import "../../icons/GoToDownIcon.js";
47
53
  export {
48
- V as MostPageTool
54
+ $ as MostPageTool
49
55
  };