@pdf-viewer/react 1.9.0-beta.1 → 1.9.0-beta.2

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 (93) hide show
  1. package/dist/{Popover-48c8394c.js → Popover-1faa77f6.js} +2 -2
  2. package/dist/RPLayout-81cd4970.js +3393 -0
  3. package/dist/{component-2aa6e53b.js → component-1da194e8.js} +1 -1
  4. package/dist/components/RPConfig.js +673 -691
  5. package/dist/components/RPController.js +1 -1
  6. package/dist/components/RPDropFileZone.js +27 -26
  7. package/dist/components/RPPages.js +9 -3
  8. package/dist/components/layout/LayoutContainer.js +9 -3
  9. package/dist/components/layout/RPDefaultLayout.js +1 -1
  10. package/dist/components/layout/RPLayout.js +9 -4
  11. package/dist/components/layout/WrapperLayout.js +8 -7
  12. package/dist/components/layout/sidebar/RPSidebar.js +3 -2
  13. package/dist/components/layout/sidebar/Thumbnail.js +1 -1
  14. package/dist/components/layout/sidebar/Thumbnails.js +1 -1
  15. package/dist/components/layout/toolbar/DarkModeTool.js +20 -18
  16. package/dist/components/layout/toolbar/DocumentDialog.js +7 -4
  17. package/dist/components/layout/toolbar/DocumentProperties.js +19 -17
  18. package/dist/components/layout/toolbar/FileDownloadTool.js +4 -2
  19. package/dist/components/layout/toolbar/FileUploadTool.js +21 -19
  20. package/dist/components/layout/toolbar/FullScreenTool.js +45 -36
  21. package/dist/components/layout/toolbar/MenuItem.js +1 -1
  22. package/dist/components/layout/toolbar/MenuSeparator.js +1 -1
  23. package/dist/components/layout/toolbar/MostPageTool.js +10 -4
  24. package/dist/components/layout/toolbar/OtherTool.js +4 -3
  25. package/dist/components/layout/toolbar/Paginate.js +4 -2
  26. package/dist/components/layout/toolbar/PrintTool.js +4 -2
  27. package/dist/components/layout/toolbar/RPToolbar.js +3 -2
  28. package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
  29. package/dist/components/layout/toolbar/RotateTool.js +27 -25
  30. package/dist/components/layout/toolbar/ScrollModeTool.js +43 -41
  31. package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
  32. package/dist/components/layout/toolbar/SearchTool.js +10 -4
  33. package/dist/components/layout/toolbar/SelectionModeTool.js +32 -30
  34. package/dist/components/layout/toolbar/ThumbnailTool.js +17 -0
  35. package/dist/components/layout/toolbar/ToolbarCustom.js +9 -3
  36. package/dist/components/layout/toolbar/ViewModeTool.js +33 -24
  37. package/dist/components/layout/toolbar/ZoomTool.js +5 -3
  38. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +9 -13
  39. package/dist/components/layout/toolbar/tools/FileUploadTool.js +10 -14
  40. package/dist/components/layout/toolbar/tools/FullScreenTool.js +13 -17
  41. package/dist/components/layout/toolbar/tools/InputPageTool.js +1 -1
  42. package/dist/components/layout/toolbar/tools/NextPageTool.js +10 -4
  43. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
  44. package/dist/components/layout/toolbar/tools/PrintTool.js +8 -12
  45. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
  46. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +55 -56
  47. package/dist/components/layout/toolbar/tools/defaults/LeftSidebarDefaultTools.js +16 -0
  48. package/dist/components/layout/toolbar/tools/defaults/TopbarDefaultTools.js +59 -0
  49. package/dist/components/page/AnnotationLayer.js +9 -3
  50. package/dist/components/page/CanvasLayer.js +9 -3
  51. package/dist/components/page/DualPage.js +1 -1
  52. package/dist/components/page/RPPage.js +9 -3
  53. package/dist/components/page/SinglePage.js +1 -1
  54. package/dist/components/page/TextHighlightLayer.js +9 -3
  55. package/dist/components/page/TextLayer.js +9 -3
  56. package/dist/components/ui/Checkbox.js +116 -228
  57. package/dist/components/ui/DropDown.js +1 -1
  58. package/dist/components/ui/LoadingIndicator.js +1 -1
  59. package/dist/components/ui/Popover.js +1 -1
  60. package/dist/components/ui/RPTooltip.js +207 -207
  61. package/dist/contexts/DropFileZoneContext.js +28 -29
  62. package/dist/contexts/IconToolContext.js +13 -0
  63. package/dist/contexts/PaginationContext.js +3 -3
  64. package/dist/contexts/PrintContext.js +1 -1
  65. package/dist/contexts/SearchContext.js +1 -1
  66. package/dist/contexts/ThumbnailsContext.js +1 -1
  67. package/dist/contexts/ToolComponentContext.js +52 -0
  68. package/dist/contexts/ToolbarComponentContext.js +6 -3
  69. package/dist/{floating-ui.react-dom-4b1e2e46.js → floating-ui.react-dom-15b9b819.js} +380 -394
  70. package/dist/index-1cb41342.js +307 -0
  71. package/dist/{index-951f0f1f.js → index-7279fb4e.js} +456 -464
  72. package/dist/index-aa2d3884.js +140 -0
  73. package/dist/main.js +23 -19
  74. package/dist/types/components/layout/toolbar/ThumbnailTool.d.ts +2 -0
  75. package/dist/types/components/layout/toolbar/tools/defaults/LeftSidebarDefaultTools.d.ts +3 -0
  76. package/dist/types/components/layout/toolbar/tools/defaults/TopbarDefaultTools.d.ts +3 -0
  77. package/dist/types/contexts/IconToolContext.d.ts +9 -0
  78. package/dist/types/contexts/ToolComponentContext.d.ts +12 -0
  79. package/dist/types/main.d.ts +3 -1
  80. package/dist/types/utils/types.d.ts +60 -42
  81. package/dist/utils/hooks/useFileDownload.js +9 -3
  82. package/dist/utils/hooks/useLicense.js +1 -1
  83. package/dist/utils/hooks/usePaginate.js +9 -3
  84. package/dist/utils/hooks/usePresentPage.js +9 -3
  85. package/dist/utils/hooks/usePrint.js +9 -3
  86. package/dist/utils/hooks/useScrollToPage.js +9 -3
  87. package/dist/utils/hooks/useSearch.js +9 -3
  88. package/dist/utils/hooks/useThumbnail.js +9 -3
  89. package/dist/utils/hooks/useVirtualReactWindow.js +9 -3
  90. package/package.json +1 -1
  91. package/dist/RPLayout-3042ec91.js +0 -3349
  92. package/dist/index-6e0e48fa.js +0 -332
  93. package/dist/index-e3a67935.js +0 -150
@@ -0,0 +1,307 @@
1
+ import * as s from "react";
2
+ import { jsx as S, Fragment as O } from "react/jsx-runtime";
3
+ import * as x from "react-dom";
4
+ function V(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
5
+ return function(o) {
6
+ if (e == null || e(o), n === !1 || !o.defaultPrevented)
7
+ return t == null ? void 0 : t(o);
8
+ };
9
+ }
10
+ function P(e, t) {
11
+ if (typeof e == "function")
12
+ return e(t);
13
+ e != null && (e.current = t);
14
+ }
15
+ function w(...e) {
16
+ return (t) => {
17
+ let n = !1;
18
+ const r = e.map((o) => {
19
+ const i = P(o, t);
20
+ return !n && typeof i == "function" && (n = !0), i;
21
+ });
22
+ if (n)
23
+ return () => {
24
+ for (let o = 0; o < r.length; o++) {
25
+ const i = r[o];
26
+ typeof i == "function" ? i() : P(e[o], null);
27
+ }
28
+ };
29
+ };
30
+ }
31
+ function E(...e) {
32
+ return s.useCallback(w(...e), e);
33
+ }
34
+ function k(e, t) {
35
+ const n = s.createContext(t), r = (i) => {
36
+ const { children: c, ...u } = i, a = s.useMemo(() => u, Object.values(u));
37
+ return /* @__PURE__ */ S(n.Provider, { value: a, children: c });
38
+ };
39
+ r.displayName = e + "Provider";
40
+ function o(i) {
41
+ const c = s.useContext(n);
42
+ if (c)
43
+ return c;
44
+ if (t !== void 0)
45
+ return t;
46
+ throw new Error(`\`${i}\` must be used within \`${e}\``);
47
+ }
48
+ return [r, o];
49
+ }
50
+ function B(e, t = []) {
51
+ let n = [];
52
+ function r(i, c) {
53
+ const u = s.createContext(c), a = n.length;
54
+ n = [...n, c];
55
+ const f = (l) => {
56
+ var b;
57
+ const { scope: d, children: m, ...h } = l, v = ((b = d == null ? void 0 : d[e]) == null ? void 0 : b[a]) || u, y = s.useMemo(() => h, Object.values(h));
58
+ return /* @__PURE__ */ S(v.Provider, { value: y, children: m });
59
+ };
60
+ f.displayName = i + "Provider";
61
+ function p(l, d) {
62
+ var v;
63
+ const m = ((v = d == null ? void 0 : d[e]) == null ? void 0 : v[a]) || u, h = s.useContext(m);
64
+ if (h)
65
+ return h;
66
+ if (c !== void 0)
67
+ return c;
68
+ throw new Error(`\`${l}\` must be used within \`${i}\``);
69
+ }
70
+ return [f, p];
71
+ }
72
+ const o = () => {
73
+ const i = n.map((c) => s.createContext(c));
74
+ return function(u) {
75
+ const a = (u == null ? void 0 : u[e]) || i;
76
+ return s.useMemo(
77
+ () => ({ [`__scope${e}`]: { ...u, [e]: a } }),
78
+ [u, a]
79
+ );
80
+ };
81
+ };
82
+ return o.scopeName = e, [r, M(o, ...t)];
83
+ }
84
+ function M(...e) {
85
+ const t = e[0];
86
+ if (e.length === 1)
87
+ return t;
88
+ const n = () => {
89
+ const r = e.map((o) => ({
90
+ useScope: o(),
91
+ scopeName: o.scopeName
92
+ }));
93
+ return function(i) {
94
+ const c = r.reduce((u, { useScope: a, scopeName: f }) => {
95
+ const l = a(i)[`__scope${f}`];
96
+ return { ...u, ...l };
97
+ }, {});
98
+ return s.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
99
+ };
100
+ };
101
+ return n.scopeName = t.scopeName, n;
102
+ }
103
+ var A = s.forwardRef((e, t) => {
104
+ const { children: n, ...r } = e, o = s.Children.toArray(n), i = o.find(U);
105
+ if (i) {
106
+ const c = i.props.children, u = o.map((a) => a === i ? s.Children.count(c) > 1 ? s.Children.only(null) : s.isValidElement(c) ? c.props.children : null : a);
107
+ return /* @__PURE__ */ S(g, { ...r, ref: t, children: s.isValidElement(c) ? s.cloneElement(c, void 0, u) : null });
108
+ }
109
+ return /* @__PURE__ */ S(g, { ...r, ref: t, children: n });
110
+ });
111
+ A.displayName = "Slot";
112
+ var g = s.forwardRef((e, t) => {
113
+ const { children: n, ...r } = e;
114
+ if (s.isValidElement(n)) {
115
+ const o = z(n), i = W(r, n.props);
116
+ return n.type !== s.Fragment && (i.ref = t ? w(t, o) : o), s.cloneElement(n, i);
117
+ }
118
+ return s.Children.count(n) > 1 ? s.Children.only(null) : null;
119
+ });
120
+ g.displayName = "SlotClone";
121
+ var T = ({ children: e }) => /* @__PURE__ */ S(O, { children: e });
122
+ function U(e) {
123
+ return s.isValidElement(e) && e.type === T;
124
+ }
125
+ function W(e, t) {
126
+ const n = { ...t };
127
+ for (const r in t) {
128
+ const o = e[r], i = t[r];
129
+ /^on[A-Z]/.test(r) ? o && i ? n[r] = (...u) => {
130
+ i(...u), o(...u);
131
+ } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...i } : r === "className" && (n[r] = [o, i].filter(Boolean).join(" "));
132
+ }
133
+ return { ...e, ...n };
134
+ }
135
+ function z(e) {
136
+ var r, o;
137
+ let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
138
+ return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
139
+ }
140
+ var D = [
141
+ "a",
142
+ "button",
143
+ "div",
144
+ "form",
145
+ "h2",
146
+ "h3",
147
+ "img",
148
+ "input",
149
+ "label",
150
+ "li",
151
+ "nav",
152
+ "ol",
153
+ "p",
154
+ "span",
155
+ "svg",
156
+ "ul"
157
+ ], Z = D.reduce((e, t) => {
158
+ const n = s.forwardRef((r, o) => {
159
+ const { asChild: i, ...c } = r, u = i ? A : t;
160
+ return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ S(u, { ...c, ref: o });
161
+ });
162
+ return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
163
+ }, {});
164
+ function q(e, t) {
165
+ e && x.flushSync(() => e.dispatchEvent(t));
166
+ }
167
+ function R(e) {
168
+ const t = s.useRef(e);
169
+ return s.useEffect(() => {
170
+ t.current = e;
171
+ }), s.useMemo(() => (...n) => {
172
+ var r;
173
+ return (r = t.current) == null ? void 0 : r.call(t, ...n);
174
+ }, []);
175
+ }
176
+ var C = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
177
+ };
178
+ function G(e) {
179
+ const [t, n] = s.useState(void 0);
180
+ return C(() => {
181
+ if (e) {
182
+ n({ width: e.offsetWidth, height: e.offsetHeight });
183
+ const r = new ResizeObserver((o) => {
184
+ if (!Array.isArray(o) || !o.length)
185
+ return;
186
+ const i = o[0];
187
+ let c, u;
188
+ if ("borderBoxSize" in i) {
189
+ const a = i.borderBoxSize, f = Array.isArray(a) ? a[0] : a;
190
+ c = f.inlineSize, u = f.blockSize;
191
+ } else
192
+ c = e.offsetWidth, u = e.offsetHeight;
193
+ n({ width: c, height: u });
194
+ });
195
+ return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
196
+ } else
197
+ n(void 0);
198
+ }, [e]), t;
199
+ }
200
+ function I(e, t) {
201
+ return s.useReducer((n, r) => t[n][r] ?? n, e);
202
+ }
203
+ var _ = (e) => {
204
+ const { present: t, children: n } = e, r = j(t), o = typeof n == "function" ? n({ present: r.isPresent }) : s.Children.only(n), i = E(r.ref, $(o));
205
+ return typeof n == "function" || r.isPresent ? s.cloneElement(o, { ref: i }) : null;
206
+ };
207
+ _.displayName = "Presence";
208
+ function j(e) {
209
+ const [t, n] = s.useState(), r = s.useRef({}), o = s.useRef(e), i = s.useRef("none"), c = e ? "mounted" : "unmounted", [u, a] = I(c, {
210
+ mounted: {
211
+ UNMOUNT: "unmounted",
212
+ ANIMATION_OUT: "unmountSuspended"
213
+ },
214
+ unmountSuspended: {
215
+ MOUNT: "mounted",
216
+ ANIMATION_END: "unmounted"
217
+ },
218
+ unmounted: {
219
+ MOUNT: "mounted"
220
+ }
221
+ });
222
+ return s.useEffect(() => {
223
+ const f = N(r.current);
224
+ i.current = u === "mounted" ? f : "none";
225
+ }, [u]), C(() => {
226
+ const f = r.current, p = o.current;
227
+ if (p !== e) {
228
+ const d = i.current, m = N(f);
229
+ e ? a("MOUNT") : m === "none" || (f == null ? void 0 : f.display) === "none" ? a("UNMOUNT") : a(p && d !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
230
+ }
231
+ }, [e, a]), C(() => {
232
+ if (t) {
233
+ let f;
234
+ const p = t.ownerDocument.defaultView ?? window, l = (m) => {
235
+ const v = N(r.current).includes(m.animationName);
236
+ if (m.target === t && v && (a("ANIMATION_END"), !o.current)) {
237
+ const y = t.style.animationFillMode;
238
+ t.style.animationFillMode = "forwards", f = p.setTimeout(() => {
239
+ t.style.animationFillMode === "forwards" && (t.style.animationFillMode = y);
240
+ });
241
+ }
242
+ }, d = (m) => {
243
+ m.target === t && (i.current = N(r.current));
244
+ };
245
+ return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", l), t.addEventListener("animationend", l), () => {
246
+ p.clearTimeout(f), t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", l), t.removeEventListener("animationend", l);
247
+ };
248
+ } else
249
+ a("ANIMATION_END");
250
+ }, [t, a]), {
251
+ isPresent: ["mounted", "unmountSuspended"].includes(u),
252
+ ref: s.useCallback((f) => {
253
+ f && (r.current = getComputedStyle(f)), n(f);
254
+ }, [])
255
+ };
256
+ }
257
+ function N(e) {
258
+ return (e == null ? void 0 : e.animationName) || "none";
259
+ }
260
+ function $(e) {
261
+ var r, o;
262
+ let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
263
+ return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
264
+ }
265
+ function J({
266
+ prop: e,
267
+ defaultProp: t,
268
+ onChange: n = () => {
269
+ }
270
+ }) {
271
+ const [r, o] = L({ defaultProp: t, onChange: n }), i = e !== void 0, c = i ? e : r, u = R(n), a = s.useCallback(
272
+ (f) => {
273
+ if (i) {
274
+ const l = typeof f == "function" ? f(e) : f;
275
+ l !== e && u(l);
276
+ } else
277
+ o(f);
278
+ },
279
+ [i, e, o, u]
280
+ );
281
+ return [c, a];
282
+ }
283
+ function L({
284
+ defaultProp: e,
285
+ onChange: t
286
+ }) {
287
+ const n = s.useState(e), [r] = n, o = s.useRef(r), i = R(t);
288
+ return s.useEffect(() => {
289
+ o.current !== r && (i(r), o.current = r);
290
+ }, [r, o, i]), n;
291
+ }
292
+ export {
293
+ Z as P,
294
+ T as S,
295
+ E as a,
296
+ C as b,
297
+ V as c,
298
+ q as d,
299
+ B as e,
300
+ J as f,
301
+ _ as g,
302
+ G as h,
303
+ A as i,
304
+ w as j,
305
+ k,
306
+ R as u
307
+ };