@react-pdf-kit/viewer 2.0.0-beta.1 → 2.0.0-beta.10

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 (150) hide show
  1. package/README.md +6 -6
  2. package/dist/Combination-54a77a7a.js +701 -0
  3. package/dist/MostPageTool.module-13578ad6.js +6 -0
  4. package/dist/OtherTool.module-a4be5f1f.js +6 -0
  5. package/dist/Paginate.module-206a7d7d.js +8 -0
  6. package/dist/PaginationContext-9217cab4.js +201 -0
  7. package/dist/{LayoutWrapper-6224491f.js → RPLayout.module-967bf4bc.js} +3 -9
  8. package/dist/RPToolbar.module-27d7fe77.js +10 -0
  9. package/dist/SearchTool.module-99f60dc7.js +16 -0
  10. package/dist/ToolbarLayout.module-1fee0a18.js +11 -0
  11. package/dist/ZoomTool.module-7082af8c.js +12 -0
  12. package/dist/assets/style.css +1 -1
  13. package/dist/assets/style.js +32 -31
  14. package/dist/components/RPConfig.js +10 -1485
  15. package/dist/components/RPController.js +77 -148
  16. package/dist/components/RPPages.js +981 -124
  17. package/dist/components/RPProvider.js +56 -118
  18. package/dist/components/icons/DualPageIcon.js +6 -6
  19. package/dist/components/icons/SinglePageIcon.js +6 -6
  20. package/dist/components/layout/LayoutContainer.js +31 -138
  21. package/dist/components/layout/LayoutWrapper.js +8 -4
  22. package/dist/components/layout/RPDefaultLayout.js +162 -88
  23. package/dist/components/layout/RPLayout.js +119 -107
  24. package/dist/components/layout/sidebar/RPSidebar.js +83 -113
  25. package/dist/components/layout/sidebar/Thumbnail.js +120 -126
  26. package/dist/components/layout/sidebar/Thumbnails.js +56 -121
  27. package/dist/components/layout/toolbar/DarkModeTool.js +6 -4
  28. package/dist/components/layout/toolbar/DocumentDialog.js +304 -132
  29. package/dist/components/layout/toolbar/DocumentProperties.js +12 -9
  30. package/dist/components/layout/toolbar/FileDownloadTool.js +34 -126
  31. package/dist/components/layout/toolbar/FileUploadTool.js +8 -5
  32. package/dist/components/layout/toolbar/FullScreenTool.js +16 -13
  33. package/dist/components/layout/toolbar/MenuItem.js +11 -8
  34. package/dist/components/layout/toolbar/MenuSeparator.js +8 -5
  35. package/dist/components/layout/toolbar/MostPageTool.js +64 -125
  36. package/dist/components/layout/toolbar/OtherTool.js +162 -114
  37. package/dist/components/layout/toolbar/Paginate.js +113 -117
  38. package/dist/components/layout/toolbar/PrintTool.js +55 -125
  39. package/dist/components/layout/toolbar/RPMenuItem.js +14 -11
  40. package/dist/components/layout/toolbar/RPMoreOptions.js +66 -121
  41. package/dist/components/layout/toolbar/RPToolbar.js +89 -81
  42. package/dist/components/layout/toolbar/RPToolbarEnd.js +68 -90
  43. package/dist/components/layout/toolbar/RotateTool.js +12 -9
  44. package/dist/components/layout/toolbar/ScrollModeTool.js +14 -11
  45. package/dist/components/layout/toolbar/SearchCloseButton.js +23 -9
  46. package/dist/components/layout/toolbar/SearchResultNavigator.js +53 -106
  47. package/dist/components/layout/toolbar/SearchTool.js +222 -121
  48. package/dist/components/layout/toolbar/SelectionModeTool.js +8 -5
  49. package/dist/components/layout/toolbar/ThumbnailTool.js +15 -124
  50. package/dist/components/layout/toolbar/ToolbarCustom.js +44 -130
  51. package/dist/components/layout/toolbar/ToolbarDefault.js +122 -120
  52. package/dist/components/layout/toolbar/ToolbarLayout.js +85 -83
  53. package/dist/components/layout/toolbar/ViewModeTool.js +10 -7
  54. package/dist/components/layout/toolbar/ZoomTool.js +128 -120
  55. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +17 -123
  56. package/dist/components/layout/toolbar/tools/DualPageTool.js +26 -0
  57. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +10 -121
  58. package/dist/components/layout/toolbar/tools/FileUploadTool.js +6 -4
  59. package/dist/components/layout/toolbar/tools/FullScreenTool.js +13 -11
  60. package/dist/components/layout/toolbar/tools/InputPageTool.js +19 -112
  61. package/dist/components/layout/toolbar/tools/NextPageTool.js +30 -123
  62. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +16 -109
  63. package/dist/components/layout/toolbar/tools/PrintTool.js +12 -123
  64. package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +6 -4
  65. package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +6 -4
  66. package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +31 -0
  67. package/dist/components/layout/toolbar/tools/SinglePageTool.js +26 -0
  68. package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +6 -4
  69. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +17 -128
  70. package/dist/components/layout/toolbar/tools/ZoomInTool.js +6 -4
  71. package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +22 -137
  72. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +26 -123
  73. package/dist/components/layout/toolbar/tools/ZoomOutTool.js +6 -4
  74. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +95 -105
  75. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +16 -125
  76. package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +8 -5
  77. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +10 -117
  78. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +12 -120
  79. package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +10 -7
  80. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +36 -125
  81. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +16 -123
  82. package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +14 -11
  83. package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +15 -12
  84. package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +18 -15
  85. package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +10 -7
  86. package/dist/components/page/AnnotationLayer.js +122 -126
  87. package/dist/components/page/CanvasLayer.js +54 -125
  88. package/dist/components/page/DualPage.js +68 -111
  89. package/dist/components/page/RPPage.js +126 -125
  90. package/dist/components/page/SinglePage.js +58 -111
  91. package/dist/components/page/TextHighlightLayer.js +184 -128
  92. package/dist/components/page/TextLayer.js +184 -125
  93. package/dist/components/ui/Checkbox.js +25 -24
  94. package/dist/components/ui/DropDown.js +11 -8
  95. package/dist/components/ui/LoadingIndicator.js +34 -129
  96. package/dist/components/ui/RPTooltip.js +412 -196
  97. package/dist/contexts/ElementPageContext.js +1 -1
  98. package/dist/contexts/FullScreenContext.js +17 -10
  99. package/dist/contexts/LocalizationContext.js +24 -29
  100. package/dist/contexts/PaginationContext.js +14 -119
  101. package/dist/contexts/PrintContext.js +67 -133
  102. package/dist/contexts/RPDocumentContext.js +32 -24
  103. package/dist/contexts/RenderQueueProvider.js +47 -119
  104. package/dist/contexts/SearchContext.js +65 -113
  105. package/dist/contexts/ThumbnailsContext.js +32 -133
  106. package/dist/contexts/ZoomContext.js +22 -22
  107. package/dist/floating-ui.react-dom-5ec29bd6.js +1327 -0
  108. package/dist/index-4baea9b5.js +1198 -0
  109. package/dist/index-655864a7.js +27 -0
  110. package/dist/{index-c9a2990a.js → index-c0faa594.js} +64 -87
  111. package/dist/index-e3ee9457.js +150 -0
  112. package/dist/main.js +193 -142
  113. package/dist/types/components/icons/DualPageIcon.d.ts +1 -1
  114. package/dist/types/components/icons/SinglePageIcon.d.ts +1 -1
  115. package/dist/types/components/layout/toolbar/tools/DualPageTool.d.ts +3 -0
  116. package/dist/types/components/layout/toolbar/tools/SelectionModeSwitcherTool.d.ts +3 -0
  117. package/dist/types/components/layout/toolbar/tools/SinglePageTool.d.ts +3 -0
  118. package/dist/types/contexts/RenderQueueProvider.d.ts +2 -2
  119. package/dist/types/main.d.ts +5 -5
  120. package/dist/types/utils/annotations.d.ts +2 -1
  121. package/dist/types/utils/getElementPositionInPage.d.ts +2 -2
  122. package/dist/types/utils/hooks/useCopyText.d.ts +1 -0
  123. package/dist/types/utils/hooks/usePrint.d.ts +3 -2
  124. package/dist/types/utils/hooks/useSearch.d.ts +1 -2
  125. package/dist/types/utils/renderPage.d.ts +2 -2
  126. package/dist/types/utils/types.d.ts +27 -4
  127. package/dist/utils/annotations.js +128 -142
  128. package/dist/utils/getWordPositionInPage.js +5 -5
  129. package/dist/utils/highlight.js +72 -72
  130. package/dist/utils/hooks/useCopyText.js +36 -0
  131. package/dist/utils/hooks/useFileDownload.js +20 -129
  132. package/dist/utils/hooks/useHighlight.js +28 -28
  133. package/dist/utils/hooks/useLicense.js +1 -1
  134. package/dist/utils/hooks/useLoadPdf.js +42 -39
  135. package/dist/utils/hooks/useLoadWorker.js +9 -6
  136. package/dist/utils/hooks/useLocalization.js +13 -13
  137. package/dist/utils/hooks/usePaginate.js +21 -126
  138. package/dist/utils/hooks/usePresentPage.js +75 -127
  139. package/dist/utils/hooks/usePrint.js +173 -130
  140. package/dist/utils/hooks/useScrollToPage.js +15 -120
  141. package/dist/utils/hooks/useSearch.js +132 -126
  142. package/dist/utils/hooks/useThumbnail.js +47 -130
  143. package/dist/utils/hooks/useVirtualReactWindow.js +64 -128
  144. package/dist/utils/injectPrintCSS.js +1 -1
  145. package/dist/utils/renderPage.js +12 -10
  146. package/package.json +23 -20
  147. package/dist/SearchCloseButton-08d57275.js +0 -33
  148. package/dist/ToolbarLayout.module-37619c4b.js +0 -3548
  149. package/dist/index-808ea7bf.js +0 -1685
  150. package/dist/index-a48ec088.js +0 -1672
@@ -1,11 +1,11 @@
1
1
  import { jsx as I } from "react/jsx-runtime";
2
- import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as f, useCallback as Z, useMemo as x } from "react";
2
+ import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as f, useCallback as x, useMemo as C } from "react";
3
3
  import { ZoomLevel as J } from "../utils/types.js";
4
4
  import { appConsole as _ } from "../utils/appConsole.js";
5
5
  import { useInitialStateContext as j } from "./InitialStateContext.js";
6
6
  import { useDocumentContext as F } from "./RPDocumentContext.js";
7
7
  import { PAGE_PADDING as T } from "../utils/constants.js";
8
- import { getZoomLevel as C } from "../utils/getZoomLevel.js";
8
+ import { getZoomLevel as D } from "../utils/getZoomLevel.js";
9
9
  import { useLayoutContainer as k } from "./LayoutContainerContext.js";
10
10
  import { useViewModeContext as q } from "./ViewModeContext.js";
11
11
  import { useRotationContext as B } from "./RotationContext.js";
@@ -21,19 +21,19 @@ import "../utils/hooks/usePdfProperties.js";
21
21
  import "../utils/convertPdfDate.js";
22
22
  import "../utils/formatFileSize.js";
23
23
  import "./EventCallbackContext.js";
24
- const D = M({
24
+ const W = M({
25
25
  zoomLevel: 100,
26
26
  currentZoom: 1,
27
27
  setZoomLevel: () => {
28
28
  }
29
29
  }), Le = () => {
30
- const m = O(D);
30
+ const m = O(W);
31
31
  return typeof m.currentZoom != "number" && _.warn("Please use this hooks inside children component of RPProvider"), m;
32
32
  }, Pe = ({ children: m }) => {
33
- const { initialScale: W = J.PAGE_FIT } = j(), [s, b] = u(W), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: p } = q(), [H, V] = u({
33
+ const { initialScale: b = J.PAGE_FIT } = j(), [s, H] = u(b), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: p } = q(), [V, z] = u({
34
34
  width: (t == null ? void 0 : t.clientWidth) || 0,
35
35
  height: (t == null ? void 0 : t.clientHeight) || 0
36
- }), h = Q(H, 100), { rotate: g } = B(), [n, z] = u(null), d = R(null), { currentPage: v } = K(), [w, y] = u(v);
36
+ }), h = Q(V, 100), { rotate: g } = B(), [n, y] = u(null), d = R(null), { currentPage: v } = K(), [w, N] = u(v);
37
37
  f(() => {
38
38
  let e = l.get(w);
39
39
  e || (e = l.get(1));
@@ -41,48 +41,48 @@ const D = M({
41
41
  scale: 1,
42
42
  rotation: e.defaultRotation + g
43
43
  });
44
- o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, z(o));
44
+ o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, y(o));
45
45
  }, [l, g, w]);
46
- const c = Z(() => {
46
+ const c = x(() => {
47
47
  if (!n)
48
48
  return null;
49
49
  const e = ((n == null ? void 0 : n.width) || 0) + 2 * T, o = (n == null ? void 0 : n.height) || 0, i = (t == null ? void 0 : t.clientWidth) || 0, r = (t == null ? void 0 : t.clientHeight) || 0;
50
50
  return { pageWidth: e, pageHeight: o, clientWidth: i, clientHeight: r };
51
- }, [n, t]), L = x(() => {
51
+ }, [n, t]), L = C(() => {
52
52
  const e = c();
53
53
  if (!h.width || !h.height || !e)
54
54
  return 0;
55
55
  if (typeof s == "number")
56
56
  return s / 100;
57
57
  const { clientWidth: o, clientHeight: i, pageWidth: r, pageHeight: a } = e;
58
- return C(s, o, i, r, a, p) / 100;
58
+ return D(s, o, i, r, a, p) / 100;
59
59
  }, [s, h, c, p]);
60
60
  f(() => {
61
- y(v);
61
+ N(v);
62
62
  }, [s]), f(() => {
63
63
  const e = (i) => {
64
64
  i.forEach((r) => {
65
- V({ width: r.contentRect.width, height: r.contentRect.height });
65
+ z({ width: r.contentRect.width, height: r.contentRect.height });
66
66
  });
67
67
  }, o = new ResizeObserver(e);
68
68
  return t && o.observe(t), () => {
69
69
  o.disconnect();
70
70
  };
71
71
  }, [t]);
72
- const N = Z(
72
+ const P = x(
73
73
  (e) => {
74
74
  let o = 0;
75
75
  if (typeof e == "function") {
76
76
  const i = c();
77
77
  if (!i)
78
78
  return;
79
- const { clientWidth: r, clientHeight: a, pageWidth: P, pageHeight: E } = i;
79
+ const { clientWidth: r, clientHeight: a, pageWidth: Z, pageHeight: E } = i;
80
80
  o = (G) => {
81
- const A = C(
81
+ const A = D(
82
82
  G,
83
83
  r,
84
84
  a,
85
- P,
85
+ Z,
86
86
  E,
87
87
  p
88
88
  );
@@ -90,18 +90,18 @@ const D = M({
90
90
  };
91
91
  } else
92
92
  o = e;
93
- o && b(o);
93
+ o && H(o);
94
94
  },
95
95
  [c]
96
- ), S = x(() => ({
96
+ ), S = C(() => ({
97
97
  zoomLevel: s,
98
98
  currentZoom: L,
99
- setZoomLevel: N
100
- }), [L, s]);
101
- return /* @__PURE__ */ I(D.Provider, { value: S, children: m });
99
+ setZoomLevel: P
100
+ }), [L, s, P]);
101
+ return /* @__PURE__ */ I(W.Provider, { value: S, children: m });
102
102
  };
103
103
  export {
104
- D as ZoomContext,
104
+ W as ZoomContext,
105
105
  Pe as ZoomProvider,
106
106
  Le as useZoomContext
107
107
  };