@pdf-viewer/react 1.9.0-beta.4 → 1.9.0-beta.5

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 (111) hide show
  1. package/dist/Checkbox.module-3edaacbb.js +7 -0
  2. package/dist/Combination-da8647d4.js +693 -0
  3. package/dist/Container.module-f8b5c306.js +6 -0
  4. package/dist/DropDown.module-a78567cb.js +11 -0
  5. package/dist/MenuItem.module-bc11d0d3.js +6 -0
  6. package/dist/MenuSeparator.module-89b2ff7f.js +6 -0
  7. package/dist/PropertyItem.module-db0150cc.js +8 -0
  8. package/dist/RPSplitter.module-13d612c4.js +7 -0
  9. package/dist/RPTheme.module-bd9038da.js +8 -0
  10. package/dist/RotateTool.module-03987eba.js +6 -0
  11. package/dist/SearchTool.module-016f3a8d.js +16 -0
  12. package/dist/ToolbarLayout.module-60c3d6e8.js +2434 -0
  13. package/dist/WrapperLayout.module-147bc943.js +6 -0
  14. package/dist/assets/ToolbarLayout.css +1 -0
  15. package/dist/components/RPConfig.js +673 -691
  16. package/dist/components/RPController.js +9 -9
  17. package/dist/components/RPDropFileZone.js +21 -23
  18. package/dist/components/RPPages.js +21 -18
  19. package/dist/components/RPProvider.js +19 -15
  20. package/dist/components/layout/Container.js +10 -11
  21. package/dist/components/layout/LayoutContainer.js +19 -16
  22. package/dist/components/layout/RPDefaultLayout.js +76 -14
  23. package/dist/components/layout/RPLayout.js +74 -24
  24. package/dist/components/layout/WrapperLayout.js +7 -8
  25. package/dist/components/layout/sidebar/RPSidebar.js +51 -12
  26. package/dist/components/layout/sidebar/RPSplitter.js +7 -9
  27. package/dist/components/layout/sidebar/Thumbnail.js +1 -1
  28. package/dist/components/layout/sidebar/Thumbnails.js +1 -1
  29. package/dist/components/layout/toolbar/DocumentDialog.js +307 -24
  30. package/dist/components/layout/toolbar/FileDownloadTool.js +23 -13
  31. package/dist/components/layout/toolbar/MenuItem.js +6 -7
  32. package/dist/components/layout/toolbar/MenuSeparator.js +4 -5
  33. package/dist/components/layout/toolbar/MostPageTool.js +50 -23
  34. package/dist/components/layout/toolbar/OtherTool.js +115 -22
  35. package/dist/components/layout/toolbar/Paginate.js +99 -17
  36. package/dist/components/layout/toolbar/PrintTool.js +43 -13
  37. package/dist/components/layout/toolbar/PropertyItem.js +5 -8
  38. package/dist/components/layout/toolbar/RPToolbar.js +28 -7
  39. package/dist/components/layout/toolbar/RPToolbarEnd.js +22 -7
  40. package/dist/components/layout/toolbar/RotateTool.js +20 -21
  41. package/dist/components/layout/toolbar/ScrollModeTool.js +1 -1
  42. package/dist/components/layout/toolbar/SearchCloseButton.js +19 -7
  43. package/dist/components/layout/toolbar/SearchResultNavigator.js +42 -8
  44. package/dist/components/layout/toolbar/SearchTool.js +198 -29
  45. package/dist/components/layout/toolbar/SelectionModeTool.js +1 -1
  46. package/dist/components/layout/toolbar/ThumbnailTool.js +4 -4
  47. package/dist/components/layout/toolbar/ToolbarCustom.js +48 -20
  48. package/dist/components/layout/toolbar/ToolbarDefault.js +82 -0
  49. package/dist/components/layout/toolbar/ToolbarLayout.js +10 -0
  50. package/dist/components/layout/toolbar/ViewModeTool.js +1 -1
  51. package/dist/components/layout/toolbar/ZoomTool.js +140 -28
  52. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +3 -3
  53. package/dist/components/layout/toolbar/tools/InputPageTool.js +7 -7
  54. package/dist/components/layout/toolbar/tools/NextPageTool.js +21 -18
  55. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
  56. package/dist/components/layout/toolbar/tools/PrintTool.js +3 -3
  57. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
  58. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +14 -14
  59. package/dist/components/layout/toolbar/tools/defaults/{TopbarDefaultTools.js → RPHorizontalBar.js} +29 -20
  60. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +16 -0
  61. package/dist/components/page/AnnotationLayer.js +20 -17
  62. package/dist/components/page/CanvasLayer.js +20 -17
  63. package/dist/components/page/DualPage.js +1 -1
  64. package/dist/components/page/RPPage.js +20 -17
  65. package/dist/components/page/SinglePage.js +1 -1
  66. package/dist/components/page/TextHighlightLayer.js +20 -17
  67. package/dist/components/page/TextLayer.js +20 -17
  68. package/dist/components/ui/Checkbox.js +125 -239
  69. package/dist/components/ui/DropDown.js +13 -19
  70. package/dist/components/ui/LoadingIndicator.js +22 -5
  71. package/dist/components/ui/RPTooltip.js +424 -211
  72. package/dist/contexts/PaginationContext.js +4 -4
  73. package/dist/contexts/PrintContext.js +2 -2
  74. package/dist/contexts/SearchContext.js +3 -3
  75. package/dist/contexts/ThumbnailsContext.js +1 -1
  76. package/dist/contexts/ViewportContext.js +42 -35
  77. package/dist/floating-ui.react-dom-f3f380e0.js +1447 -0
  78. package/dist/index-473557b1.js +1191 -0
  79. package/dist/index-8547fbc6.js +307 -0
  80. package/dist/main.js +76 -73
  81. package/dist/types/components/layout/RPDefaultLayout.d.ts +2 -1
  82. package/dist/types/components/layout/RPLayout.d.ts +2 -1
  83. package/dist/types/components/layout/toolbar/RPToolbar.d.ts +2 -3
  84. package/dist/types/components/layout/toolbar/ToolbarCustom.d.ts +2 -2
  85. package/dist/types/components/layout/toolbar/ToolbarDefault.d.ts +4 -0
  86. package/dist/types/components/layout/toolbar/ToolbarLayout.d.ts +3 -0
  87. package/dist/types/components/layout/toolbar/tools/defaults/RPHorizontalBar.d.ts +3 -0
  88. package/dist/types/components/layout/toolbar/tools/defaults/RPVerticalBar.d.ts +3 -0
  89. package/dist/types/main.d.ts +3 -3
  90. package/dist/types/utils/types.d.ts +17 -17
  91. package/dist/utils/hooks/useFileDownload.js +20 -17
  92. package/dist/utils/hooks/useLicense.js +1 -1
  93. package/dist/utils/hooks/usePaginate.js +20 -17
  94. package/dist/utils/hooks/usePresentPage.js +20 -17
  95. package/dist/utils/hooks/usePrint.js +20 -17
  96. package/dist/utils/hooks/useScrollToPage.js +20 -17
  97. package/dist/utils/hooks/useSearch.js +20 -17
  98. package/dist/utils/hooks/useThumbnail.js +20 -17
  99. package/dist/utils/hooks/useVirtualReactWindow.js +20 -17
  100. package/package.json +1 -1
  101. package/dist/RPLayout-5892502c.js +0 -3494
  102. package/dist/SearchCloseButton-cbf182aa.js +0 -33
  103. package/dist/assets/RPLayout.css +0 -1
  104. package/dist/components/layout/toolbar/tools/defaults/LeftSidebarDefaultTools.js +0 -16
  105. package/dist/index-00f8683a.js +0 -1672
  106. package/dist/index-5f66a29f.js +0 -1681
  107. package/dist/index-6b37f504.js +0 -332
  108. package/dist/types/components/layout/toolbar/tools/defaults/LeftSidebarDefaultTools.d.ts +0 -3
  109. package/dist/types/components/layout/toolbar/tools/defaults/TopbarDefaultTools.d.ts +0 -3
  110. /package/dist/assets/{RPDropFileZone.css → RPTheme.css} +0 -0
  111. /package/dist/assets/{SearchCloseButton.css → SearchTool.css} +0 -0
@@ -1,27 +1,27 @@
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-5892502c.js";
3
+ import { u as x, g as p } from "../../../../ToolbarLayout.module-60c3d6e8.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";
7
7
  const k = () => {
8
- const { focusedPage: n, totalPages: s, goToPage: i } = x(), { localeMessages: a } = C(), [r, e] = d(n.toString());
8
+ const { focusedPage: n, totalPages: s, goToPage: c } = x(), { localeMessages: a } = C(), [r, e] = d(n.toString());
9
9
  S(() => {
10
10
  e(n.toString());
11
11
  }, [n]);
12
12
  const m = o((t) => {
13
13
  const l = t.target.value;
14
14
  e(l);
15
- }, []), c = o(async () => {
16
- const t = i(r);
15
+ }, []), i = o(async () => {
16
+ const t = c(r);
17
17
  t.success || e(t.currentPage.toString());
18
- }, [i, r, s]), f = o(() => {
18
+ }, [c, r, s]), f = o(() => {
19
19
  e(n.toString());
20
20
  }, [n]), P = o(
21
21
  (t) => {
22
- t.key === "Enter" && c();
22
+ t.key === "Enter" && i();
23
23
  },
24
- [c]
24
+ [i]
25
25
  );
26
26
  return /* @__PURE__ */ u(h, { children: [
27
27
  /* @__PURE__ */ g(y, { content: a == null ? void 0 : a.currentPageTooltip, children: /* @__PURE__ */ g(
@@ -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-5892502c.js";
5
+ import { u as s } from "../../../../ToolbarLayout.module-60c3d6e8.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";
@@ -29,27 +29,30 @@ import "../../../../contexts/SmoothScrollContext.js";
29
29
  import "../../../../contexts/ElementPageContext.js";
30
30
  import "../../../../contexts/PagesRotateContext.js";
31
31
  import "../../../../contexts/LoaderContext.js";
32
- import "../../../RPConfig.js";
33
- import "../../../../contexts/ThemeContext.js";
34
- import "../../../RPDropFileZone.js";
35
- import "../../../../contexts/ToolbarComponentContext.js";
36
32
  import "../../../../contexts/ToolComponentContext.js";
37
- import "../../../../SearchCloseButton-cbf182aa.js";
33
+ import "../../../../contexts/IconToolContext.js";
34
+ import "../../../../contexts/OtherToolContext.js";
35
+ import "../../../RPConfig.js";
38
36
  import "../../../ui/Input.js";
39
- import "../../../ui/Checkbox.js";
40
- import "../../../icons/LoaderIcon.js";
41
37
  import "../../../../contexts/IconContext.js";
42
- import h from "../../../ui/RPTooltip.js";
38
+ import "../../../../contexts/ToolbarComponentContext.js";
43
39
  import "../../../../contexts/ViewportContext.js";
44
- import "../../../ui/DropDown.js";
45
- import "../../../../contexts/IconToolContext.js";
46
- import "../MenuItem.js";
47
- import "../MenuSeparator.js";
40
+ import h from "../../../ui/RPTooltip.js";
41
+ import "../../../../MenuItem.module-bc11d0d3.js";
42
+ import "../../../../DropDown.module-a78567cb.js";
48
43
  import "../../../../utils/dateFormatter.js";
49
- import "../PropertyItem.js";
50
- import "../../../../contexts/OtherToolContext.js";
51
- import "../RotateTool.js";
52
- const Co = ({ icon: m }) => {
44
+ import "../../../../PropertyItem.module-db0150cc.js";
45
+ import "../../../../MenuSeparator.module-89b2ff7f.js";
46
+ import "../../../../RotateTool.module-03987eba.js";
47
+ import "../../../../SearchTool.module-016f3a8d.js";
48
+ import "../../../../Checkbox.module-3edaacbb.js";
49
+ import "../../../icons/LoaderIcon.js";
50
+ import "../../../../RPSplitter.module-13d612c4.js";
51
+ import "../../../../Container.module-f8b5c306.js";
52
+ import "../../../../WrapperLayout.module-147bc943.js";
53
+ import "../../../../RPTheme.module-bd9038da.js";
54
+ import "../../../../contexts/ThemeContext.js";
55
+ const Mo = ({ icon: m }) => {
53
56
  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]);
54
57
  return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(h, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ i(
55
58
  f,
@@ -62,5 +65,5 @@ const Co = ({ icon: m }) => {
62
65
  ) }) });
63
66
  };
64
67
  export {
65
- Co as NextPageTool
68
+ Mo as NextPageTool
66
69
  };
@@ -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-5892502c.js";
4
+ import { u as a } from "../../../../ToolbarLayout.module-60c3d6e8.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,13 +1,13 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { PrintDefaultTool as n } from "../../../icons/PrintDefaultIcon.js";
3
3
  import { UIButton as p } from "../../../ui/Button.js";
4
- import { d as m } from "../../../../RPLayout-5892502c.js";
4
+ import { b as m } from "../../../../ToolbarLayout.module-60c3d6e8.js";
5
5
  import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
6
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 }) => {
7
+ const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), d = ({ icon: o }) => {
8
8
  const { print: i } = m(), { localeMessages: t } = f();
9
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, {}) }) });
10
10
  };
11
11
  export {
12
- h as PrintTool
12
+ d as PrintTool
13
13
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as o, Fragment as l } from "react/jsx-runtime";
2
- import { h } from "../../../../RPLayout-5892502c.js";
2
+ import { f as h } from "../../../../ToolbarLayout.module-60c3d6e8.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";
@@ -2,32 +2,32 @@ import { jsx as e, Fragment as Z, jsxs as p } from "react/jsx-runtime";
2
2
  import { useState as G, useRef as N, useMemo as S, useCallback as z, useEffect as W } from "react";
3
3
  import { useZoomContext as k } from "../../../../contexts/ZoomContext.js";
4
4
  import { UIButton as E } from "../../../ui/Button.js";
5
- import { u as y, j as i } from "../../../../RPLayout-5892502c.js";
5
+ import { u as y, h as i } from "../../../../ToolbarLayout.module-60c3d6e8.js";
6
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-00f8683a.js";
7
+ import { useLayoutContainer as R } from "../../../../contexts/LayoutContainerContext.js";
8
+ import { G as C } from "../../../../index-473557b1.js";
9
9
  import { MenuItem as l } from "../MenuItem.js";
10
- import { MenuSeparator as R } from "../MenuSeparator.js";
10
+ import { MenuSeparator as U } from "../MenuSeparator.js";
11
11
  import { PAGE_PADDING as g } from "../../../../utils/constants.js";
12
- import U from "../../../ui/RPTooltip.js";
12
+ import _ from "../../../ui/RPTooltip.js";
13
13
  import { ZoomLevel as s } from "../../../../utils/types.js";
14
- import { getZoomLevel as _ } from "../../../../utils/getZoomLevel.js";
14
+ import { getZoomLevel as j } from "../../../../utils/getZoomLevel.js";
15
15
  import { useLocalizationContext as O } from "../../../../contexts/LocalizationContext.js";
16
16
  import { useDocumentContext as V } from "../../../../contexts/RPDocumentContext.js";
17
17
  import { useViewModeContext as B } from "../../../../contexts/ViewModeContext.js";
18
18
  import { useRotationContext as $ } from "../../../../contexts/RotationContext.js";
19
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(
20
+ const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: h }) => {
21
+ const { zoomLevel: v, setZoomLevel: m } = k(), { container: L, pagesRef: r } = R(), { focusedPage: u } = y(), { rotate: a } = $(), { pages: d } = V(), { localeMessages: o } = O(), { viewMode: P } = B(), [b, w] = G(0), f = N(
22
22
  new ResizeObserver((t) => {
23
23
  w(t[0].contentRect.height);
24
24
  })
25
25
  ), n = S(() => {
26
- const t = d.get(h);
26
+ const t = d.get(u);
27
27
  return t ? t.page.getViewport({ scale: 1, rotation: a + t.defaultRotation }) : null;
28
- }, [d, h, a]), x = z(
28
+ }, [d, u, a]), x = z(
29
29
  (t) => {
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 = _(
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 = j(
31
31
  t,
32
32
  H,
33
33
  I,
@@ -50,7 +50,7 @@ const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: u }) => {
50
50
  F,
51
51
  {
52
52
  container: L,
53
- triggerComponent: /* @__PURE__ */ e("div", { role: "button", children: /* @__PURE__ */ e(U, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
53
+ triggerComponent: /* @__PURE__ */ e("div", { role: "button", children: /* @__PURE__ */ e(_, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
54
54
  E,
55
55
  {
56
56
  className: i["rp-current-zoom-wrapper"],
@@ -58,7 +58,7 @@ const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: u }) => {
58
58
  children: [
59
59
  /* @__PURE__ */ e("span", { className: i["rp-current-zoom-text"], children: v }),
60
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, {}) })
61
+ /* @__PURE__ */ e("div", { className: i["rp-zoom-level-icon"], children: h || /* @__PURE__ */ e(q, {}) })
62
62
  ]
63
63
  }
64
64
  ) }) }),
@@ -75,7 +75,7 @@ const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: u }) => {
75
75
  /* @__PURE__ */ e(l, { onClick: () => c(s.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
76
76
  /* @__PURE__ */ e(l, { onClick: () => c(s.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
77
77
  ] }),
78
- /* @__PURE__ */ e(R, {}),
78
+ /* @__PURE__ */ e(U, {}),
79
79
  /* @__PURE__ */ e(C, { children: J.map((t) => /* @__PURE__ */ p(l, { onClick: () => c(t), children: [
80
80
  t,
81
81
  " %"
@@ -2,7 +2,7 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
2
2
  import { useState as d, useEffect as f } from "react";
3
3
  import "../../../../../contexts/RPDocumentContext.js";
4
4
  import "../../../../../contexts/DocumentPasswordContext.js";
5
- import { k as t, S as T, l as y, Z as C, m as b } from "../../../../../RPLayout-5892502c.js";
5
+ import { i as t } from "../../../../../ToolbarLayout.module-60c3d6e8.js";
6
6
  import "../../../../../contexts/DarkModeContext.js";
7
7
  import "../../../../../contexts/RotationContext.js";
8
8
  import "../../../../../contexts/LayerContext.js";
@@ -26,34 +26,43 @@ import "../../../../../contexts/SmoothScrollContext.js";
26
26
  import "../../../../../contexts/ElementPageContext.js";
27
27
  import "../../../../../contexts/PagesRotateContext.js";
28
28
  import "../../../../../contexts/LoaderContext.js";
29
+ import { useToolComponentContext as y } from "../../../../../contexts/ToolComponentContext.js";
30
+ import { useIconToolContext as C } from "../../../../../contexts/IconToolContext.js";
31
+ import "../../../../../contexts/OtherToolContext.js";
29
32
  import "../../../../RPConfig.js";
30
- import "../../../../../contexts/ThemeContext.js";
31
- import "../../../../RPDropFileZone.js";
33
+ import { Paginate as R } from "../../Paginate.js";
34
+ import { RPToolbarEnd as v } from "../../RPToolbarEnd.js";
35
+ import { ZoomTool as x } from "../../ZoomTool.js";
36
+ import { SearchTool as I } from "../../SearchTool.js";
32
37
  import "../../../../../contexts/ToolbarComponentContext.js";
33
- import { useToolComponentContext as v } from "../../../../../contexts/ToolComponentContext.js";
38
+ import { useViewportContext as T } from "../../../../../contexts/ViewportContext.js";
34
39
  import "../../../../ui/Button.js";
40
+ import "../../../../../RPSplitter.module-13d612c4.js";
41
+ import "../../../../../contexts/IconContext.js";
35
42
  import "../../../../ui/RPTooltip.js";
43
+ import "../../../../../Container.module-f8b5c306.js";
44
+ import "../../../../../WrapperLayout.module-147bc943.js";
45
+ import "../../../../../RPTheme.module-bd9038da.js";
46
+ import "../../../../../contexts/ThemeContext.js";
36
47
  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;
48
+ import "../../../../../DropDown.module-a78567cb.js";
49
+ import "../../../../../MenuItem.module-bc11d0d3.js";
50
+ import "../../../../../MenuSeparator.module-89b2ff7f.js";
51
+ const xo = (u) => {
52
+ const { icons: i, slots: m } = u, { setIcons: p } = C(), { setSlots: e } = y(), [s, a] = d(!1), [l, n] = d(!1), { isSmallScreen: h } = T(), S = () => h ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
44
53
  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: [
54
+ p((r) => ({ ...r, ...i })), a(!0);
55
+ }, [i, p, s, a]), f(() => {
56
+ e((r) => ({ ...r, ...m })), n(!0);
57
+ }, [m, e, l, n]), !s || !l ? null : /* @__PURE__ */ o("div", { "data-rp": "topBar", style: { width: "100%" }, children: /* @__PURE__ */ c("div", { className: t["rp-toolbar-wrapper"], style: S(), children: [
49
58
  /* @__PURE__ */ c("div", { "data-rp": "topBarLeft", className: t["rp-toolbar-start"], children: [
50
- /* @__PURE__ */ o(T, {}),
51
- /* @__PURE__ */ o(y, {})
59
+ /* @__PURE__ */ o(I, {}),
60
+ /* @__PURE__ */ o(R, {})
52
61
  ] }),
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, {}) })
62
+ /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(x, {}) }),
63
+ /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(v, {}) })
55
64
  ] }) });
56
65
  };
57
66
  export {
58
- co as TopbarDefaultTools
67
+ xo as RPHorizontalBar
59
68
  };
@@ -0,0 +1,16 @@
1
+ import { jsx as m } from "react/jsx-runtime";
2
+ import { useState as a, useEffect as f } from "react";
3
+ import { useIconToolContext as p } from "../../../../../contexts/IconToolContext.js";
4
+ import { useToolComponentContext as d } from "../../../../../contexts/ToolComponentContext.js";
5
+ import { ThumbnailTool as I } from "../../ThumbnailTool.js";
6
+ const C = (u) => {
7
+ const { icons: t, slots: s } = u, { setIcons: e } = p(), { setSlots: n } = d(), [r, c] = a(!1), [l, i] = a(!1);
8
+ return f(() => {
9
+ e((o) => ({ ...o, ...t })), c(!0);
10
+ }, [t, e, r, c]), f(() => {
11
+ n((o) => ({ ...o, ...s })), i(!0);
12
+ }, [s, n, l, i]), !r || !l ? null : /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(I, {}) });
13
+ };
14
+ export {
15
+ C as RPVerticalBar
16
+ };
@@ -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 oo } from "../../RPLayout-5892502c.js";
5
+ import { B as io } from "../../ToolbarLayout.module-60c3d6e8.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../utils/types.js";
8
8
  import "../../contexts/RotationContext.js";
@@ -27,30 +27,33 @@ import "../../contexts/SmoothScrollContext.js";
27
27
  import "../../contexts/ElementPageContext.js";
28
28
  import "../../contexts/PagesRotateContext.js";
29
29
  import "../../contexts/LoaderContext.js";
30
- import "../RPConfig.js";
31
- import "../../contexts/ThemeContext.js";
32
- import "../RPDropFileZone.js";
33
- import "../../contexts/ToolbarComponentContext.js";
34
30
  import "../../contexts/ToolComponentContext.js";
31
+ import "../../contexts/IconToolContext.js";
32
+ import "../../contexts/OtherToolContext.js";
33
+ import "../RPConfig.js";
35
34
  import "../ui/Button.js";
36
- import "../../SearchCloseButton-cbf182aa.js";
37
35
  import "../ui/Input.js";
38
- import "../ui/Checkbox.js";
39
- import "../icons/LoaderIcon.js";
40
36
  import "../../contexts/IconContext.js";
41
- import "../ui/RPTooltip.js";
37
+ import "../../contexts/ToolbarComponentContext.js";
42
38
  import "../../contexts/ViewportContext.js";
43
- import "../ui/DropDown.js";
44
- import "../../contexts/IconToolContext.js";
45
- import "../layout/toolbar/MenuItem.js";
46
- import "../layout/toolbar/MenuSeparator.js";
39
+ import "../ui/RPTooltip.js";
40
+ import "../../MenuItem.module-bc11d0d3.js";
41
+ import "../../DropDown.module-a78567cb.js";
47
42
  import "../../utils/dateFormatter.js";
48
- import "../layout/toolbar/PropertyItem.js";
49
- import "../../contexts/OtherToolContext.js";
50
- import "../layout/toolbar/RotateTool.js";
43
+ import "../../PropertyItem.module-db0150cc.js";
44
+ import "../../MenuSeparator.module-89b2ff7f.js";
45
+ import "../../RotateTool.module-03987eba.js";
46
+ import "../../SearchTool.module-016f3a8d.js";
47
+ import "../../Checkbox.module-3edaacbb.js";
48
+ 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";
51
54
  import "pdfjs-dist";
52
55
  import "../../utils/link_service.js";
53
56
  import "../../utils/annotations.js";
54
57
  export {
55
- oo as AnnotationLayer
58
+ io as AnnotationLayer
56
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 { C as Z } from "../../RPLayout-5892502c.js";
5
+ import { C as rr } from "../../ToolbarLayout.module-60c3d6e8.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -26,28 +26,31 @@ import "../../contexts/SmoothScrollContext.js";
26
26
  import "../../contexts/ElementPageContext.js";
27
27
  import "../../contexts/PagesRotateContext.js";
28
28
  import "../../contexts/LoaderContext.js";
29
- import "../RPConfig.js";
30
- import "../../contexts/ThemeContext.js";
31
- import "../RPDropFileZone.js";
32
- import "../../contexts/ToolbarComponentContext.js";
33
29
  import "../../contexts/ToolComponentContext.js";
30
+ import "../../contexts/IconToolContext.js";
31
+ import "../../contexts/OtherToolContext.js";
32
+ import "../RPConfig.js";
34
33
  import "../ui/Button.js";
35
- import "../../SearchCloseButton-cbf182aa.js";
36
34
  import "../ui/Input.js";
37
- import "../ui/Checkbox.js";
38
- import "../icons/LoaderIcon.js";
39
35
  import "../../contexts/IconContext.js";
40
- import "../ui/RPTooltip.js";
36
+ import "../../contexts/ToolbarComponentContext.js";
41
37
  import "../../contexts/ViewportContext.js";
42
- import "../ui/DropDown.js";
43
- import "../../contexts/IconToolContext.js";
44
- import "../layout/toolbar/MenuItem.js";
45
- import "../layout/toolbar/MenuSeparator.js";
38
+ import "../ui/RPTooltip.js";
39
+ import "../../MenuItem.module-bc11d0d3.js";
40
+ import "../../DropDown.module-a78567cb.js";
46
41
  import "../../utils/dateFormatter.js";
47
- import "../layout/toolbar/PropertyItem.js";
48
- import "../../contexts/OtherToolContext.js";
49
- import "../layout/toolbar/RotateTool.js";
42
+ import "../../PropertyItem.module-db0150cc.js";
43
+ import "../../MenuSeparator.module-89b2ff7f.js";
44
+ import "../../RotateTool.module-03987eba.js";
45
+ import "../../SearchTool.module-016f3a8d.js";
46
+ import "../../Checkbox.module-3edaacbb.js";
47
+ import "../icons/LoaderIcon.js";
48
+ import "../../RPSplitter.module-13d612c4.js";
49
+ import "../../Container.module-f8b5c306.js";
50
+ import "../../WrapperLayout.module-147bc943.js";
51
+ import "../../RPTheme.module-bd9038da.js";
52
+ import "../../contexts/ThemeContext.js";
50
53
  import "../../utils/renderPage.js";
51
54
  export {
52
- Z as CanvasLayer
55
+ rr as CanvasLayer
53
56
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { D as p } from "../../RPLayout-5892502c.js";
3
+ import { G as p } from "../../ToolbarLayout.module-60c3d6e8.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 { z as _ } from "../../RPLayout-5892502c.js";
3
+ import { E as ro } from "../../ToolbarLayout.module-60c3d6e8.js";
4
4
  import "../../contexts/RPDocumentContext.js";
5
5
  import "../../contexts/DocumentPasswordContext.js";
6
6
  import "../../contexts/DarkModeContext.js";
@@ -26,29 +26,32 @@ import "../../contexts/SmoothScrollContext.js";
26
26
  import "../../contexts/ElementPageContext.js";
27
27
  import "../../contexts/PagesRotateContext.js";
28
28
  import "../../contexts/LoaderContext.js";
29
- import "../RPConfig.js";
30
- import "../../contexts/ThemeContext.js";
31
- import "../RPDropFileZone.js";
32
- import "../../contexts/ToolbarComponentContext.js";
33
29
  import "../../contexts/ToolComponentContext.js";
30
+ import "../../contexts/IconToolContext.js";
31
+ import "../../contexts/OtherToolContext.js";
32
+ import "../RPConfig.js";
34
33
  import "../ui/Button.js";
35
- import "../../SearchCloseButton-cbf182aa.js";
36
34
  import "../ui/Input.js";
37
- import "../ui/Checkbox.js";
38
- import "../icons/LoaderIcon.js";
39
35
  import "../../contexts/IconContext.js";
40
- import "../ui/RPTooltip.js";
36
+ import "../../contexts/ToolbarComponentContext.js";
41
37
  import "../../contexts/ViewportContext.js";
42
- import "../ui/DropDown.js";
43
- import "../../contexts/IconToolContext.js";
44
- import "../layout/toolbar/MenuItem.js";
45
- import "../layout/toolbar/MenuSeparator.js";
38
+ import "../ui/RPTooltip.js";
39
+ import "../../MenuItem.module-bc11d0d3.js";
40
+ import "../../DropDown.module-a78567cb.js";
46
41
  import "../../utils/dateFormatter.js";
47
- import "../layout/toolbar/PropertyItem.js";
48
- import "../../contexts/OtherToolContext.js";
49
- import "../layout/toolbar/RotateTool.js";
42
+ import "../../PropertyItem.module-db0150cc.js";
43
+ import "../../MenuSeparator.module-89b2ff7f.js";
44
+ import "../../RotateTool.module-03987eba.js";
45
+ import "../../SearchTool.module-016f3a8d.js";
46
+ import "../../Checkbox.module-3edaacbb.js";
47
+ import "../icons/LoaderIcon.js";
48
+ import "../../RPSplitter.module-13d612c4.js";
49
+ import "../../Container.module-f8b5c306.js";
50
+ import "../../WrapperLayout.module-147bc943.js";
51
+ import "../../RPTheme.module-bd9038da.js";
52
+ import "../../contexts/ThemeContext.js";
50
53
  import "./CustomElement.js";
51
54
  import "../../utils/withRef.js";
52
55
  export {
53
- _ as RPPage
56
+ ro as RPPage
54
57
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { E as m } from "../../RPLayout-5892502c.js";
3
+ import { H as m } from "../../ToolbarLayout.module-60c3d6e8.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 { y as _ } from "../../RPLayout-5892502c.js";
5
+ import { D as tr } from "../../ToolbarLayout.module-60c3d6e8.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -26,29 +26,32 @@ import "../../contexts/SmoothScrollContext.js";
26
26
  import "../../contexts/ElementPageContext.js";
27
27
  import "../../contexts/PagesRotateContext.js";
28
28
  import "../../contexts/LoaderContext.js";
29
- import "../RPConfig.js";
30
- import "../../contexts/ThemeContext.js";
31
- import "../RPDropFileZone.js";
32
- import "../../contexts/ToolbarComponentContext.js";
33
29
  import "../../contexts/ToolComponentContext.js";
30
+ import "../../contexts/IconToolContext.js";
31
+ import "../../contexts/OtherToolContext.js";
32
+ import "../RPConfig.js";
34
33
  import "../ui/Button.js";
35
- import "../../SearchCloseButton-cbf182aa.js";
36
34
  import "../ui/Input.js";
37
- import "../ui/Checkbox.js";
38
- import "../icons/LoaderIcon.js";
39
35
  import "../../contexts/IconContext.js";
40
- import "../ui/RPTooltip.js";
36
+ import "../../contexts/ToolbarComponentContext.js";
41
37
  import "../../contexts/ViewportContext.js";
42
- import "../ui/DropDown.js";
43
- import "../../contexts/IconToolContext.js";
44
- import "../layout/toolbar/MenuItem.js";
45
- import "../layout/toolbar/MenuSeparator.js";
38
+ import "../ui/RPTooltip.js";
39
+ import "../../MenuItem.module-bc11d0d3.js";
40
+ import "../../DropDown.module-a78567cb.js";
46
41
  import "../../utils/dateFormatter.js";
47
- import "../layout/toolbar/PropertyItem.js";
48
- import "../../contexts/OtherToolContext.js";
49
- import "../layout/toolbar/RotateTool.js";
42
+ import "../../PropertyItem.module-db0150cc.js";
43
+ import "../../MenuSeparator.module-89b2ff7f.js";
44
+ import "../../RotateTool.module-03987eba.js";
45
+ import "../../SearchTool.module-016f3a8d.js";
46
+ import "../../Checkbox.module-3edaacbb.js";
47
+ import "../icons/LoaderIcon.js";
48
+ import "../../RPSplitter.module-13d612c4.js";
49
+ import "../../Container.module-f8b5c306.js";
50
+ import "../../WrapperLayout.module-147bc943.js";
51
+ import "../../RPTheme.module-bd9038da.js";
52
+ import "../../contexts/ThemeContext.js";
50
53
  import "./searchHighlight.js";
51
54
  import "../../utils/highlight.js";
52
55
  export {
53
- _ as TextHighlightLayer
56
+ tr as TextHighlightLayer
54
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 { x as _ } from "../../RPLayout-5892502c.js";
5
+ import { A as or } from "../../ToolbarLayout.module-60c3d6e8.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -26,29 +26,32 @@ import "../../contexts/SmoothScrollContext.js";
26
26
  import "../../contexts/ElementPageContext.js";
27
27
  import "../../contexts/PagesRotateContext.js";
28
28
  import "../../contexts/LoaderContext.js";
29
- import "../RPConfig.js";
30
- import "../../contexts/ThemeContext.js";
31
- import "../RPDropFileZone.js";
32
- import "../../contexts/ToolbarComponentContext.js";
33
29
  import "../../contexts/ToolComponentContext.js";
30
+ import "../../contexts/IconToolContext.js";
31
+ import "../../contexts/OtherToolContext.js";
32
+ import "../RPConfig.js";
34
33
  import "../ui/Button.js";
35
- import "../../SearchCloseButton-cbf182aa.js";
36
34
  import "../ui/Input.js";
37
- import "../ui/Checkbox.js";
38
- import "../icons/LoaderIcon.js";
39
35
  import "../../contexts/IconContext.js";
40
- import "../ui/RPTooltip.js";
36
+ import "../../contexts/ToolbarComponentContext.js";
41
37
  import "../../contexts/ViewportContext.js";
42
- import "../ui/DropDown.js";
43
- import "../../contexts/IconToolContext.js";
44
- import "../layout/toolbar/MenuItem.js";
45
- import "../layout/toolbar/MenuSeparator.js";
38
+ import "../ui/RPTooltip.js";
39
+ import "../../MenuItem.module-bc11d0d3.js";
40
+ import "../../DropDown.module-a78567cb.js";
46
41
  import "../../utils/dateFormatter.js";
47
- import "../layout/toolbar/PropertyItem.js";
48
- import "../../contexts/OtherToolContext.js";
49
- import "../layout/toolbar/RotateTool.js";
42
+ import "../../PropertyItem.module-db0150cc.js";
43
+ import "../../MenuSeparator.module-89b2ff7f.js";
44
+ import "../../RotateTool.module-03987eba.js";
45
+ import "../../SearchTool.module-016f3a8d.js";
46
+ import "../../Checkbox.module-3edaacbb.js";
47
+ import "../icons/LoaderIcon.js";
48
+ import "../../RPSplitter.module-13d612c4.js";
49
+ import "../../Container.module-f8b5c306.js";
50
+ import "../../WrapperLayout.module-147bc943.js";
51
+ import "../../RPTheme.module-bd9038da.js";
52
+ import "../../contexts/ThemeContext.js";
50
53
  import "pdfjs-dist";
51
54
  import "../../utils/highlight.js";
52
55
  export {
53
- _ as TextLayer
56
+ or as TextLayer
54
57
  };