@pdf-viewer/react 1.0.1-rc.0 → 1.0.1

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 (58) hide show
  1. package/dist/{RPDefaultLayout-07939e60.js → RPDefaultLayout-adbb0836.js} +246 -246
  2. package/dist/components/RPConfig.js +318 -340
  3. package/dist/components/RPController.js +43 -45
  4. package/dist/components/RPPages.js +2 -3
  5. package/dist/components/RPProvider.js +1 -1
  6. package/dist/components/layout/RPDefaultLayout.js +3 -2
  7. package/dist/components/layout/sidebar/RPSidebar.js +1 -1
  8. package/dist/components/layout/sidebar/Thumbnail.js +1 -1
  9. package/dist/components/layout/sidebar/Thumbnails.js +1 -1
  10. package/dist/components/layout/toolbar/DocumentDialog.js +2 -3
  11. package/dist/components/layout/toolbar/FileDownloadTool.js +1 -1
  12. package/dist/components/layout/toolbar/MenuItem.js +1 -1
  13. package/dist/components/layout/toolbar/MenuSeparator.js +1 -1
  14. package/dist/components/layout/toolbar/MostPageTool.js +3 -4
  15. package/dist/components/layout/toolbar/OtherTool.js +2 -2
  16. package/dist/components/layout/toolbar/Paginate.js +1 -1
  17. package/dist/components/layout/toolbar/PrintTool.js +1 -1
  18. package/dist/components/layout/toolbar/RPToolbar.js +1 -1
  19. package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
  20. package/dist/components/layout/toolbar/RotateTool.js +1 -1
  21. package/dist/components/layout/toolbar/ScrollModeTool.js +1 -1
  22. package/dist/components/layout/toolbar/SearchTool.js +2 -3
  23. package/dist/components/layout/toolbar/SelectionModeTool.js +1 -1
  24. package/dist/components/layout/toolbar/ViewModeTool.js +1 -1
  25. package/dist/components/layout/toolbar/ZoomTool.js +3 -3
  26. package/dist/components/page/AnnotationLayer.js +2 -3
  27. package/dist/components/page/CanvasLayer.js +2 -3
  28. package/dist/components/page/DualPage.js +1 -1
  29. package/dist/components/page/RPPage.js +2 -3
  30. package/dist/components/page/SinglePage.js +1 -1
  31. package/dist/components/page/TextLayer.js +2 -3
  32. package/dist/components/ui/Checkbox.js +252 -92
  33. package/dist/components/ui/DropDown.js +1 -1
  34. package/dist/components/ui/LoadingIndicator.js +1 -1
  35. package/dist/components/ui/RPTooltip.js +961 -224
  36. package/dist/contexts/PaginationContext.js +1 -1
  37. package/dist/contexts/PrintContext.js +1 -1
  38. package/dist/contexts/SearchContext.js +1 -1
  39. package/dist/contexts/ThumbnailsContext.js +1 -1
  40. package/dist/contexts/ViewportContext.js +41 -41
  41. package/dist/floating-ui.react-dom-e6d5fe8f.js +1327 -0
  42. package/dist/index-316854c1.js +2299 -0
  43. package/dist/index-71898eb9.js +139 -0
  44. package/dist/main.js +1 -1
  45. package/dist/types/contexts/ViewportContext.d.ts +0 -1
  46. package/dist/types/utils/types.d.ts +2 -2
  47. package/dist/utils/hooks/useFileDownload.js +2 -3
  48. package/dist/utils/hooks/useLicense.js +1 -1
  49. package/dist/utils/hooks/usePaginate.js +2 -3
  50. package/dist/utils/hooks/usePrint.js +2 -3
  51. package/dist/utils/hooks/useScrollToPage.js +2 -3
  52. package/dist/utils/hooks/useSearch.js +2 -3
  53. package/dist/utils/hooks/useThumbnail.js +2 -3
  54. package/dist/utils/hooks/useVirtualReactWindow.js +2 -3
  55. package/package.json +1 -1
  56. package/dist/index-1db49c1a.js +0 -1664
  57. package/dist/index-3dff3fa8.js +0 -307
  58. package/dist/index-4f17fe4d.js +0 -1657
@@ -0,0 +1,139 @@
1
+ import * as i from "react";
2
+ import { jsx as C } from "react/jsx-runtime";
3
+ function m(e, n) {
4
+ const t = i.createContext(n), r = (s) => {
5
+ const { children: o, ...c } = s, a = i.useMemo(() => c, Object.values(c));
6
+ return /* @__PURE__ */ C(t.Provider, { value: a, children: o });
7
+ };
8
+ r.displayName = e + "Provider";
9
+ function u(s) {
10
+ const o = i.useContext(t);
11
+ if (o)
12
+ return o;
13
+ if (n !== void 0)
14
+ return n;
15
+ throw new Error(`\`${s}\` must be used within \`${e}\``);
16
+ }
17
+ return [r, u];
18
+ }
19
+ function E(e, n = []) {
20
+ let t = [];
21
+ function r(s, o) {
22
+ const c = i.createContext(o), a = t.length;
23
+ t = [...t, o];
24
+ const f = (d) => {
25
+ var b;
26
+ const { scope: l, children: S, ...v } = d, h = ((b = l == null ? void 0 : l[e]) == null ? void 0 : b[a]) || c, z = i.useMemo(() => v, Object.values(v));
27
+ return /* @__PURE__ */ C(h.Provider, { value: z, children: S });
28
+ };
29
+ f.displayName = s + "Provider";
30
+ function x(d, l) {
31
+ var h;
32
+ const S = ((h = l == null ? void 0 : l[e]) == null ? void 0 : h[a]) || c, v = i.useContext(S);
33
+ if (v)
34
+ return v;
35
+ if (o !== void 0)
36
+ return o;
37
+ throw new Error(`\`${d}\` must be used within \`${s}\``);
38
+ }
39
+ return [f, x];
40
+ }
41
+ const u = () => {
42
+ const s = t.map((o) => i.createContext(o));
43
+ return function(c) {
44
+ const a = (c == null ? void 0 : c[e]) || s;
45
+ return i.useMemo(
46
+ () => ({ [`__scope${e}`]: { ...c, [e]: a } }),
47
+ [c, a]
48
+ );
49
+ };
50
+ };
51
+ return u.scopeName = e, [r, P(u, ...n)];
52
+ }
53
+ function P(...e) {
54
+ const n = e[0];
55
+ if (e.length === 1)
56
+ return n;
57
+ const t = () => {
58
+ const r = e.map((u) => ({
59
+ useScope: u(),
60
+ scopeName: u.scopeName
61
+ }));
62
+ return function(s) {
63
+ const o = r.reduce((c, { useScope: a, scopeName: f }) => {
64
+ const d = a(s)[`__scope${f}`];
65
+ return { ...c, ...d };
66
+ }, {});
67
+ return i.useMemo(() => ({ [`__scope${n.scopeName}`]: o }), [o]);
68
+ };
69
+ };
70
+ return t.scopeName = n.scopeName, t;
71
+ }
72
+ function y(e) {
73
+ const n = i.useRef(e);
74
+ return i.useEffect(() => {
75
+ n.current = e;
76
+ }), i.useMemo(() => (...t) => {
77
+ var r;
78
+ return (r = n.current) == null ? void 0 : r.call(n, ...t);
79
+ }, []);
80
+ }
81
+ var g = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
82
+ };
83
+ function $(e) {
84
+ const [n, t] = i.useState(void 0);
85
+ return g(() => {
86
+ if (e) {
87
+ t({ width: e.offsetWidth, height: e.offsetHeight });
88
+ const r = new ResizeObserver((u) => {
89
+ if (!Array.isArray(u) || !u.length)
90
+ return;
91
+ const s = u[0];
92
+ let o, c;
93
+ if ("borderBoxSize" in s) {
94
+ const a = s.borderBoxSize, f = Array.isArray(a) ? a[0] : a;
95
+ o = f.inlineSize, c = f.blockSize;
96
+ } else
97
+ o = e.offsetWidth, c = e.offsetHeight;
98
+ t({ width: o, height: c });
99
+ });
100
+ return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
101
+ } else
102
+ t(void 0);
103
+ }, [e]), n;
104
+ }
105
+ function _({
106
+ prop: e,
107
+ defaultProp: n,
108
+ onChange: t = () => {
109
+ }
110
+ }) {
111
+ const [r, u] = p({ defaultProp: n, onChange: t }), s = e !== void 0, o = s ? e : r, c = y(t), a = i.useCallback(
112
+ (f) => {
113
+ if (s) {
114
+ const d = typeof f == "function" ? f(e) : f;
115
+ d !== e && c(d);
116
+ } else
117
+ u(f);
118
+ },
119
+ [s, e, u, c]
120
+ );
121
+ return [o, a];
122
+ }
123
+ function p({
124
+ defaultProp: e,
125
+ onChange: n
126
+ }) {
127
+ const t = i.useState(e), [r] = t, u = i.useRef(r), s = y(n);
128
+ return i.useEffect(() => {
129
+ u.current !== r && (s(r), u.current = r);
130
+ }, [r, u, s]), t;
131
+ }
132
+ export {
133
+ g as a,
134
+ _ as b,
135
+ E as c,
136
+ $ as d,
137
+ m as e,
138
+ y as u
139
+ };
package/dist/main.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { RPProvider as t } from "./components/RPProvider.js";
2
- import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-07939e60.js";
2
+ import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-adbb0836.js";
3
3
  import { RPConfig as a } from "./components/RPConfig.js";
4
4
  import { RPController as l } from "./components/RPController.js";
5
5
  import { RPTheme as P } from "./components/RPTheme.js";
@@ -22,7 +22,6 @@ interface ViewportContextType extends ViewportState {
22
22
  interface ViewportProviderProps {
23
23
  children: React.ReactNode;
24
24
  mobileWidth?: number;
25
- containerRef: HTMLElement | null;
26
25
  }
27
26
  export declare const ViewportProvider: React.FC<ViewportProviderProps>;
28
27
  export declare const useViewportContext: () => ViewportContextType;
@@ -427,7 +427,7 @@ export interface RPProviderProps extends PropsWithChildren, LoadPDFOptions, RPCo
427
427
  workerUrl?: string;
428
428
  characterMap?: CharacterMap;
429
429
  }
430
- export interface RPControllerProps extends PropsWithChildren, DarkModeProviderProps, RotateProviderProps, LayerProviderProps, ZoomProviderProps, PageProviderProps, ViewportProps, ScrollModeProps {
430
+ export interface RPControllerProps extends PropsWithChildren, DarkModeProviderProps, RotateProviderProps, LayerProviderProps, ZoomProviderProps, PageProviderProps, ScrollModeProps {
431
431
  initialSearch?: string;
432
432
  initialThumbnailsVisible?: boolean;
433
433
  }
@@ -435,7 +435,7 @@ export interface RPConfigProps extends Omit<ConfigContextType, 'workerUrlAdded'>
435
435
  workerUrl?: string;
436
436
  licenseKey?: string;
437
437
  }
438
- export interface RPLayoutProps extends PropsWithChildren {
438
+ export interface RPLayoutProps extends PropsWithChildren, ViewportProps {
439
439
  slots?: RPSlots;
440
440
  icons?: RPIcons;
441
441
  style?: React.CSSProperties;
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../contexts/RPDocumentContext.js";
3
3
  import "react";
4
- import { c as v } from "../../RPDefaultLayout-07939e60.js";
4
+ import { c as q } from "../../RPDefaultLayout-adbb0836.js";
5
5
  import "../../contexts/DarkModeContext.js";
6
6
  import "../../contexts/RotationContext.js";
7
7
  import "../../contexts/LayerContext.js";
@@ -11,7 +11,6 @@ import "../../contexts/ScrollModeContext.js";
11
11
  import "../../contexts/VirtualScrollContext.js";
12
12
  import "../../contexts/VirtualGridContext.js";
13
13
  import "../../contexts/ScrollStateContext.js";
14
- import "../../contexts/ViewportContext.js";
15
14
  import "../../contexts/SelectionModeContext.js";
16
15
  import "../../contexts/InitialStateContext.js";
17
16
  import "../../contexts/FullScreenContext.js";
@@ -23,5 +22,5 @@ import "../../contexts/ThemeContext.js";
23
22
  import "../../components/RPDropFileZone.js";
24
23
  import "../../contexts/ToolbarComponentContext.js";
25
24
  export {
26
- v as useFileDownload
25
+ q as useFileDownload
27
26
  };
@@ -1,6 +1,6 @@
1
1
  import { useState as g, useCallback as E, useEffect as h } from "react";
2
2
  import { appConsole as l } from "../appConsole.js";
3
- const A = /* @__PURE__ */ new Date("2025-03-04T08:37:41.016Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
3
+ const A = /* @__PURE__ */ new Date("2025-03-04T10:02:45.872Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
4
4
  invalidLicense: `You are currently using without a valid license. ${d}`,
5
5
  mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
6
6
  expired: `Your license key has expired. ${d}`,
@@ -1,5 +1,5 @@
1
1
  import "react";
2
- import { g as z } from "../../RPDefaultLayout-07939e60.js";
2
+ import { g as y } from "../../RPDefaultLayout-adbb0836.js";
3
3
  import "../../contexts/ScrollStateContext.js";
4
4
  import "react/jsx-runtime";
5
5
  import "../../contexts/RPDocumentContext.js";
@@ -11,7 +11,6 @@ import "../../contexts/ViewModeContext.js";
11
11
  import "../../contexts/ScrollModeContext.js";
12
12
  import "../../contexts/VirtualScrollContext.js";
13
13
  import "../../contexts/VirtualGridContext.js";
14
- import "../../contexts/ViewportContext.js";
15
14
  import "../../contexts/SelectionModeContext.js";
16
15
  import "../../contexts/InitialStateContext.js";
17
16
  import "../../contexts/FullScreenContext.js";
@@ -24,5 +23,5 @@ import "../../components/RPDropFileZone.js";
24
23
  import "../../contexts/ToolbarComponentContext.js";
25
24
  import "./useDebounce.js";
26
25
  export {
27
- z as usePaginate
26
+ y as usePaginate
28
27
  };
@@ -1,7 +1,7 @@
1
1
  import "react";
2
2
  import "react/jsx-runtime";
3
3
  import "../../contexts/RPDocumentContext.js";
4
- import { i as z } from "../../RPDefaultLayout-07939e60.js";
4
+ import { i as y } from "../../RPDefaultLayout-adbb0836.js";
5
5
  import "../../contexts/DarkModeContext.js";
6
6
  import "../../contexts/RotationContext.js";
7
7
  import "../../contexts/LayerContext.js";
@@ -11,7 +11,6 @@ import "../../contexts/ScrollModeContext.js";
11
11
  import "../../contexts/VirtualScrollContext.js";
12
12
  import "../../contexts/VirtualGridContext.js";
13
13
  import "../../contexts/ScrollStateContext.js";
14
- import "../../contexts/ViewportContext.js";
15
14
  import "../../contexts/SelectionModeContext.js";
16
15
  import "../../contexts/InitialStateContext.js";
17
16
  import "../../contexts/FullScreenContext.js";
@@ -24,5 +23,5 @@ import "../../components/RPDropFileZone.js";
24
23
  import "../../contexts/ToolbarComponentContext.js";
25
24
  import "pdfjs-dist";
26
25
  export {
27
- z as usePrint
26
+ y as usePrint
28
27
  };
@@ -2,7 +2,7 @@ import "react";
2
2
  import "../../contexts/ScrollModeContext.js";
3
3
  import "react/jsx-runtime";
4
4
  import "../../contexts/RPDocumentContext.js";
5
- import { f as y } from "../../RPDefaultLayout-07939e60.js";
5
+ import { f as w } from "../../RPDefaultLayout-adbb0836.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../types.js";
8
8
  import "../../contexts/RotationContext.js";
@@ -12,7 +12,6 @@ import "../../contexts/ViewModeContext.js";
12
12
  import "../../contexts/VirtualScrollContext.js";
13
13
  import "../../contexts/VirtualGridContext.js";
14
14
  import "../../contexts/ScrollStateContext.js";
15
- import "../../contexts/ViewportContext.js";
16
15
  import "../../contexts/SelectionModeContext.js";
17
16
  import "../../contexts/InitialStateContext.js";
18
17
  import "../../contexts/FullScreenContext.js";
@@ -25,5 +24,5 @@ import "../../components/RPDropFileZone.js";
25
24
  import "../../contexts/ToolbarComponentContext.js";
26
25
  import "./usePageDimension.js";
27
26
  export {
28
- y as useScrollToPage
27
+ w as useScrollToPage
29
28
  };
@@ -8,14 +8,13 @@ import "./usePageDimension.js";
8
8
  import "../../contexts/RPDocumentContext.js";
9
9
  import "../../contexts/ZoomContext.js";
10
10
  import "react/jsx-runtime";
11
- import { n as C } from "../../RPDefaultLayout-07939e60.js";
11
+ import { n as B } from "../../RPDefaultLayout-adbb0836.js";
12
12
  import "../../contexts/DarkModeContext.js";
13
13
  import "../../contexts/RotationContext.js";
14
14
  import "../../contexts/LayerContext.js";
15
15
  import "../../contexts/ViewModeContext.js";
16
16
  import "../../contexts/VirtualGridContext.js";
17
17
  import "../../contexts/ScrollStateContext.js";
18
- import "../../contexts/ViewportContext.js";
19
18
  import "../../contexts/SelectionModeContext.js";
20
19
  import "../../contexts/InitialStateContext.js";
21
20
  import "../../contexts/FullScreenContext.js";
@@ -27,5 +26,5 @@ import "../../contexts/ThemeContext.js";
27
26
  import "../../components/RPDropFileZone.js";
28
27
  import "../../contexts/ToolbarComponentContext.js";
29
28
  export {
30
- C as useSearch
29
+ B as useSearch
31
30
  };
@@ -2,7 +2,7 @@ import "react";
2
2
  import "../renderPage.js";
3
3
  import "react/jsx-runtime";
4
4
  import "../../contexts/RPDocumentContext.js";
5
- import { k as A } from "../../RPDefaultLayout-07939e60.js";
5
+ import { k as z } from "../../RPDefaultLayout-adbb0836.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -12,7 +12,6 @@ import "../../contexts/ScrollModeContext.js";
12
12
  import "../../contexts/VirtualScrollContext.js";
13
13
  import "../../contexts/VirtualGridContext.js";
14
14
  import "../../contexts/ScrollStateContext.js";
15
- import "../../contexts/ViewportContext.js";
16
15
  import "../../contexts/SelectionModeContext.js";
17
16
  import "../../contexts/InitialStateContext.js";
18
17
  import "../../contexts/FullScreenContext.js";
@@ -25,5 +24,5 @@ import "../../components/RPDropFileZone.js";
25
24
  import "../../contexts/ToolbarComponentContext.js";
26
25
  import "../getThumbnailViewport.js";
27
26
  export {
28
- A as useThumbnail
27
+ z as useThumbnail
29
28
  };
@@ -3,7 +3,7 @@ import "../types.js";
3
3
  import "../../contexts/ScrollModeContext.js";
4
4
  import "react/jsx-runtime";
5
5
  import "../../contexts/RPDocumentContext.js";
6
- import { r as y } from "../../RPDefaultLayout-07939e60.js";
6
+ import { r as v } from "../../RPDefaultLayout-adbb0836.js";
7
7
  import "../../contexts/DarkModeContext.js";
8
8
  import "../../contexts/RotationContext.js";
9
9
  import "../../contexts/LayerContext.js";
@@ -12,7 +12,6 @@ import "../../contexts/ViewModeContext.js";
12
12
  import "../../contexts/VirtualScrollContext.js";
13
13
  import "../../contexts/VirtualGridContext.js";
14
14
  import "../../contexts/ScrollStateContext.js";
15
- import "../../contexts/ViewportContext.js";
16
15
  import "../../contexts/SelectionModeContext.js";
17
16
  import "../../contexts/InitialStateContext.js";
18
17
  import "../../contexts/FullScreenContext.js";
@@ -25,5 +24,5 @@ import "../../components/RPDropFileZone.js";
25
24
  import "../../contexts/ToolbarComponentContext.js";
26
25
  import "./usePageDimension.js";
27
26
  export {
28
- y as useVirtualReactWindow
27
+ v as useVirtualReactWindow
29
28
  };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@pdf-viewer/react",
3
3
  "private": false,
4
4
  "description": "The PDF Viewer component for React and Next.js",
5
- "version": "1.0.1-rc.0",
5
+ "version": "1.0.1",
6
6
  "keywords": [
7
7
  "component",
8
8
  "frontend",