@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,25 +1,21 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { useFullScreenContext as c } from "../../../../contexts/FullScreenContext.js";
3
- import { UIButton as i } from "../../../ui/Button.js";
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 { useIconContext as m } from "../../../../contexts/IconContext.js";
6
- import p from "../../../ui/RPTooltip.js";
7
- import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
8
- const S = () => {
9
- const { fullScreenIcon: o } = m();
10
- return o || /* @__PURE__ */ t(u, {});
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: !e,
17
- onClick: r,
18
- "aria-label": n ? "Exit full screen" : "Enter full screen",
19
- children: o || /* @__PURE__ */ t(S, {})
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
- h as FullScreenTool
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-3042ec91.js";
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-3042ec91.js";
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-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
- const so = ({ icon: m }) => {
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
- so as NextPageTool
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-3042ec91.js";
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 i } from "../../../icons/PrintDefaultIcon.js";
3
- import { useIconContext as p } from "../../../../contexts/IconContext.js";
4
- import { UIButton as m } from "../../../ui/Button.js";
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 u from "../../../ui/RPTooltip.js";
8
- const P = () => {
9
- const { printIcon: o } = p();
10
- return o || /* @__PURE__ */ r(i, {});
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
- j as PrintTool
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-3042ec91.js";
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 G, jsxs as l } from "react/jsx-runtime";
2
- import { useState as N, useRef as S, useMemo as W, useCallback as g, useEffect as k } from "react";
3
- import { useZoomContext as y } from "../../../../contexts/ZoomContext.js";
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 F, j as m } from "../../../../RPLayout-3042ec91.js";
6
- import { UIDropDown as j } from "../../../ui/DropDown.js";
7
- import { useLayoutContainer as R } from "../../../../contexts/LayoutContainerContext.js";
8
- import { G as v } from "../../../../index-951f0f1f.js";
9
- import { MenuItem as p } from "../MenuItem.js";
10
- import { MenuSeparator as U } from "../MenuSeparator.js";
11
- import { useToolbarComponentContext as _ } from "../../../../contexts/ToolbarComponentContext.js";
12
- import { PAGE_PADDING as L } from "../../../../utils/constants.js";
13
- import O from "../../../ui/RPTooltip.js";
14
- import { ZoomLevel as u } from "../../../../utils/types.js";
15
- import { getZoomLevel as V } from "../../../../utils/getZoomLevel.js";
16
- import { useLocalizationContext as B } from "../../../../contexts/LocalizationContext.js";
17
- import { useDocumentContext as $ } from "../../../../contexts/RPDocumentContext.js";
18
- import { useViewModeContext as q } from "../../../../contexts/ViewModeContext.js";
19
- import { useRotationContext as J } from "../../../../contexts/RotationContext.js";
20
- import { ChevronDownIcon as K } from "../../../icons/ChevronDownIcon.js";
21
- const Q = [50, 75, 100, 125, 150, 200, 300, 400], Co = ({ icon: a }) => {
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
- Z(t[0].contentRect.height);
23
+ w(t[0].contentRect.height);
25
24
  })
26
- ), n = W(() => {
27
- const t = x.get(d);
28
- return t ? t.page.getViewport({ scale: 1, rotation: f + t.defaultRotation }) : null;
29
- }, [x, d, f]), C = g(
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 w = ((n == null ? void 0 : n.width) || 0) + 2 * L, A = ((n == null ? void 0 : n.height) || 0) + 2 * L, D = (r == null ? void 0 : r.clientWidth) || 0, H = (r == null ? void 0 : r.clientHeight) || 0, I = V(
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
- w,
33
+ I,
36
34
  A,
37
- b
35
+ D,
36
+ P
38
37
  );
39
- i(I);
38
+ m(T);
40
39
  },
41
- [i, n, r]
42
- ), c = g(
40
+ [m, n, r]
41
+ ), c = z(
43
42
  (t) => {
44
- typeof t == "number" ? i(t) : C(t);
43
+ typeof t == "number" ? m(t) : x(t);
45
44
  },
46
- [i, C]
45
+ [m, x]
47
46
  );
48
- return k(() => (r && z.current.observe(r), () => {
49
- z.current.disconnect();
50
- }), [r]), typeof s != "boolean" ? /* @__PURE__ */ e(s, { zoomLevel: h, setZoomLevel: i }) : s ? /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
51
- j,
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: T,
54
- triggerComponent: /* @__PURE__ */ e("div", { role: "button", children: /* @__PURE__ */ e(O, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ l(
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: m["rp-current-zoom-wrapper"],
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: m["rp-current-zoom-text"], children: h }),
61
- /* @__PURE__ */ e("span", { className: m["rp-current-zoom-text"], children: "%" }),
62
- /* @__PURE__ */ e("div", { className: m["rp-zoom-level-icon"], children: a || /* @__PURE__ */ e(K, {}) })
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__ */ l(
67
+ children: /* @__PURE__ */ p(
69
68
  "div",
70
69
  {
71
- style: { maxHeight: `${P}px`, overflow: "auto" },
72
- className: m["rp-zoom-dropdown-content"],
70
+ style: { maxHeight: `${b}px`, overflow: "auto" },
71
+ className: i["rp-zoom-dropdown-content"],
73
72
  children: [
74
- /* @__PURE__ */ l(v, { children: [
75
- /* @__PURE__ */ e(p, { onClick: () => c(u.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
76
- /* @__PURE__ */ e(p, { onClick: () => c(u.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
77
- /* @__PURE__ */ e(p, { onClick: () => c(u.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
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(U, {}),
80
- /* @__PURE__ */ e(v, { children: Q.map((t) => /* @__PURE__ */ l(p, { onClick: () => c(t), children: [
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
- ) }) : null;
87
+ ) });
89
88
  };
90
89
  export {
91
- Co as ZoomLevelTool
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 X } from "../../RPLayout-3042ec91.js";
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-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 "../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
- X as AnnotationLayer
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 U } from "../../RPLayout-3042ec91.js";
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-48c8394c.js";
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
- U as CanvasLayer
53
+ _ as CanvasLayer
48
54
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { D as p } from "../../RPLayout-3042ec91.js";
3
+ import { D as p } from "../../RPLayout-897cb09d.js";
4
4
  export {
5
5
  p as DualPage
6
6
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { w as U } from "../../RPLayout-3042ec91.js";
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-48c8394c.js";
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
- U as RPPage
53
+ _ as RPPage
48
54
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { y as m } from "../../RPLayout-3042ec91.js";
3
+ import { E as m } from "../../RPLayout-897cb09d.js";
4
4
  export {
5
5
  m as SinglePage
6
6
  };
@@ -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 { v as V } from "../../RPLayout-3042ec91.js";
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-48c8394c.js";
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
- V as TextHighlightLayer
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 { t as V } from "../../RPLayout-3042ec91.js";
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-48c8394c.js";
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
- V as TextLayer
54
+ $ as TextLayer
49
55
  };