@pdf-viewer/react 1.4.1-rc.0 → 1.5.0-beta.0

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/Container-82a82a01.js +39 -0
  2. package/dist/{RPDefaultLayout-a5d7b0b8.js → RPDefaultLayout-77418ce2.js} +1149 -1169
  3. package/dist/assets/Checkbox.css +1 -1
  4. package/dist/assets/Container.css +1 -1
  5. package/dist/assets/Input.css +1 -1
  6. package/dist/assets/RPDefaultLayout.css +1 -1
  7. package/dist/components/RPController.js +27 -25
  8. package/dist/components/RPPages.js +4 -3
  9. package/dist/components/RPProvider.js +12 -11
  10. package/dist/components/layout/Container.js +6 -18
  11. package/dist/components/layout/RPDefaultLayout.js +4 -3
  12. package/dist/components/layout/sidebar/RPSidebar.js +1 -1
  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/DocumentDialog.js +4 -2
  16. package/dist/components/layout/toolbar/FileDownloadTool.js +1 -1
  17. package/dist/components/layout/toolbar/MostPageTool.js +4 -2
  18. package/dist/components/layout/toolbar/OtherTool.js +1 -1
  19. package/dist/components/layout/toolbar/Paginate.js +1 -1
  20. package/dist/components/layout/toolbar/PrintTool.js +1 -1
  21. package/dist/components/layout/toolbar/RPToolbar.js +1 -1
  22. package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
  23. package/dist/components/layout/toolbar/SearchTool.js +4 -2
  24. package/dist/components/layout/toolbar/ZoomTool.js +4 -2
  25. package/dist/components/page/AnnotationLayer.js +4 -2
  26. package/dist/components/page/CanvasLayer.js +4 -2
  27. package/dist/components/page/DualPage.js +1 -1
  28. package/dist/components/page/RPPage.js +4 -2
  29. package/dist/components/page/SinglePage.js +1 -1
  30. package/dist/components/page/TextHighlightLayer.js +4 -2
  31. package/dist/components/page/TextLayer.js +4 -2
  32. package/dist/components/ui/Checkbox.js +13 -13
  33. package/dist/components/ui/Input.js +12 -12
  34. package/dist/components/ui/LoadingIndicator.js +1 -1
  35. package/dist/contexts/DownloadContext.js +21 -0
  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 +50 -44
  41. package/dist/main.js +1 -1
  42. package/dist/types/components/layout/Container.d.ts +1 -0
  43. package/dist/types/contexts/DownloadContext.d.ts +11 -0
  44. package/dist/types/contexts/ViewportContext.d.ts +2 -2
  45. package/dist/types/utils/hooks/useWatermark.d.ts +1 -1
  46. package/dist/types/utils/types.d.ts +2 -0
  47. package/dist/utils/hooks/useFileDownload.js +4 -2
  48. package/dist/utils/hooks/useLicense.js +1 -1
  49. package/dist/utils/hooks/usePaginate.js +4 -2
  50. package/dist/utils/hooks/usePrint.js +4 -2
  51. package/dist/utils/hooks/useScrollToPage.js +4 -2
  52. package/dist/utils/hooks/useSearch.js +4 -2
  53. package/dist/utils/hooks/useThumbnail.js +4 -2
  54. package/dist/utils/hooks/useVirtualReactWindow.js +4 -2
  55. package/dist/utils/hooks/useWatermark.js +59 -28
  56. package/package.json +1 -1
  57. package/dist/components/layout/LayoutContainer.js +0 -31
  58. package/dist/types/components/layout/LayoutContainer.d.ts +0 -9
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "pdfjs-dist";
4
4
  import "../../contexts/RPDocumentContext.js";
5
- import { q as B } from "../../RPDefaultLayout-a5d7b0b8.js";
5
+ import { q as D } from "../../RPDefaultLayout-77418ce2.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -21,12 +21,14 @@ import "../../contexts/LayoutContainerContext.js";
21
21
  import "../../contexts/DimensionPagesContext.js";
22
22
  import "../../contexts/LocalizationContext.js";
23
23
  import "../../contexts/HighlightContext.js";
24
+ import "../../contexts/DownloadContext.js";
24
25
  import "../../contexts/LoaderContext.js";
26
+ import "../../contexts/LicenseContext.js";
25
27
  import "../RPConfig.js";
26
28
  import "../../contexts/ThemeContext.js";
27
29
  import "../RPDropFileZone.js";
28
30
  import "../../contexts/ToolbarComponentContext.js";
29
31
  import "../../utils/highlight.js";
30
32
  export {
31
- B as TextHighlightLayer
33
+ D as TextHighlightLayer
32
34
  };
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
- import { p as C } from "../../RPDefaultLayout-a5d7b0b8.js";
4
+ import { p as E } from "../../RPDefaultLayout-77418ce2.js";
5
5
  import "../../contexts/DarkModeContext.js";
6
6
  import "../../contexts/RotationContext.js";
7
7
  import "../../contexts/LayerContext.js";
@@ -20,7 +20,9 @@ import "../../contexts/LayoutContainerContext.js";
20
20
  import "../../contexts/DimensionPagesContext.js";
21
21
  import "../../contexts/LocalizationContext.js";
22
22
  import "../../contexts/HighlightContext.js";
23
+ import "../../contexts/DownloadContext.js";
23
24
  import "../../contexts/LoaderContext.js";
25
+ import "../../contexts/LicenseContext.js";
24
26
  import "../RPConfig.js";
25
27
  import "../../contexts/ThemeContext.js";
26
28
  import "../RPDropFileZone.js";
@@ -28,5 +30,5 @@ import "../../contexts/ToolbarComponentContext.js";
28
30
  import "pdfjs-dist";
29
31
  import "../../utils/highlight.js";
30
32
  export {
31
- C as TextLayer
33
+ E as TextLayer
32
34
  };
@@ -1,13 +1,13 @@
1
1
  import { jsxs as g, jsx as s } from "react/jsx-runtime";
2
2
  import * as c from "react";
3
- import { u as j, P as S, c as _, a as A } from "../../index-353ec0a6.js";
4
- import { c as B, b as H, d as K } from "../../index-71898eb9.js";
5
- import { CheckIcon as L } from "../icons/CheckIcon.js";
6
- import '../../assets/Checkbox.css';function q(e) {
3
+ import { u as O, P as S, c as _, a as j } from "../../index-353ec0a6.js";
4
+ import { c as A, b as B, d as H } from "../../index-71898eb9.js";
5
+ import { CheckIcon as K } from "../icons/CheckIcon.js";
6
+ import '../../assets/Checkbox.css';function L(e) {
7
7
  const r = c.useRef({ value: e, previous: e });
8
8
  return c.useMemo(() => (r.current.value !== e && (r.current.previous = r.current.value, r.current.value = e), r.current.previous), [e]);
9
9
  }
10
- var E = "Checkbox", [z, Y] = B(E), [F, T] = z(E), w = c.forwardRef(
10
+ var E = "Checkbox", [z, Y] = A(E), [F, T] = z(E), w = c.forwardRef(
11
11
  (e, r) => {
12
12
  const {
13
13
  __scopeCheckbox: t,
@@ -20,15 +20,15 @@ var E = "Checkbox", [z, Y] = B(E), [F, T] = z(E), w = c.forwardRef(
20
20
  onCheckedChange: C,
21
21
  form: l,
22
22
  ...x
23
- } = e, [i, m] = c.useState(null), v = j(r, (o) => m(o)), y = c.useRef(!1), I = i ? l || !!i.closest("form") : !0, [p = !1, P] = H({
23
+ } = e, [i, m] = c.useState(null), v = O(r, (o) => m(o)), y = c.useRef(!1), I = i ? l || !!i.closest("form") : !0, [p = !1, P] = B({
24
24
  prop: f,
25
25
  defaultProp: n,
26
26
  onChange: C
27
- }), O = c.useRef(p);
27
+ }), q = c.useRef(p);
28
28
  return c.useEffect(() => {
29
29
  const o = i == null ? void 0 : i.form;
30
30
  if (o) {
31
- const k = () => P(O.current);
31
+ const k = () => P(q.current);
32
32
  return o.addEventListener("reset", k), () => o.removeEventListener("reset", k);
33
33
  }
34
34
  }, [i, P]), /* @__PURE__ */ g(F, { scope: t, state: p, disabled: u, children: [
@@ -75,7 +75,7 @@ w.displayName = E;
75
75
  var N = "CheckboxIndicator", D = c.forwardRef(
76
76
  (e, r) => {
77
77
  const { __scopeCheckbox: t, forceMount: a, ...f } = e, n = T(N, t);
78
- return /* @__PURE__ */ s(A, { present: a || d(n.state) || n.state === !0, children: /* @__PURE__ */ s(
78
+ return /* @__PURE__ */ s(j, { present: a || d(n.state) || n.state === !0, children: /* @__PURE__ */ s(
79
79
  S.span,
80
80
  {
81
81
  "data-state": M(n.state),
@@ -89,7 +89,7 @@ var N = "CheckboxIndicator", D = c.forwardRef(
89
89
  );
90
90
  D.displayName = N;
91
91
  var X = (e) => {
92
- const { control: r, checked: t, bubbles: a = !0, defaultChecked: f, ...n } = e, h = c.useRef(null), u = q(t), b = K(r);
92
+ const { control: r, checked: t, bubbles: a = !0, defaultChecked: f, ...n } = e, h = c.useRef(null), u = L(t), b = H(r);
93
93
  c.useEffect(() => {
94
94
  const l = h.current, x = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(x, "checked").set;
95
95
  if (u !== t && m) {
@@ -126,15 +126,15 @@ function M(e) {
126
126
  }
127
127
  var U = w, G = D;
128
128
  const R = {
129
- "rp-checkbox": "_rp-checkbox_188mv_1",
130
- "rp-checkbox-indicator": "_rp-checkbox-indicator_188mv_21"
129
+ "rp-checkbox": "_rp-checkbox_1hqx2_1",
130
+ "rp-checkbox-indicator": "_rp-checkbox-indicator_1hqx2_21"
131
131
  }, Z = ({
132
132
  children: e,
133
133
  value: r,
134
134
  name: t,
135
135
  onChange: a
136
136
  }) => /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", position: "relative" }, children: [
137
- /* @__PURE__ */ s(U, { className: R["rp-checkbox"], checked: r, id: t, onCheckedChange: a, children: /* @__PURE__ */ s(G, { className: R["rp-checkbox-indicator"], children: /* @__PURE__ */ s(L, {}) }) }),
137
+ /* @__PURE__ */ s(U, { className: R["rp-checkbox"], checked: r, id: t, onCheckedChange: a, children: /* @__PURE__ */ s(G, { className: R["rp-checkbox-indicator"], children: /* @__PURE__ */ s(K, {}) }) }),
138
138
  /* @__PURE__ */ s("label", { className: R["rp-checkbox-label"], htmlFor: t, children: e })
139
139
  ] });
140
140
  export {
@@ -1,24 +1,24 @@
1
1
  import { jsxs as a, jsx as n } from "react/jsx-runtime";
2
2
  import { c as e } from "../../clsx-0c6e471a.js";
3
3
  import { forwardRef as u } from "react";
4
- import '../../assets/Input.css';const p = {
5
- "rp-input": "_rp-input_3rj4v_1",
6
- "rp-input-wrapper": "_rp-input-wrapper_3rj4v_22",
7
- "rp-input-icon": "_rp-input-icon_3rj4v_26"
8
- }, d = u((i, s) => {
9
- const { className: t, icon: r, children: o, ...c } = i;
10
- return /* @__PURE__ */ a("div", { className: p["rp-input-wrapper"], children: [
4
+ import '../../assets/Input.css';const r = {
5
+ "rp-input": "_rp-input_zo6kn_1",
6
+ "rp-input-wrapper": "_rp-input-wrapper_zo6kn_22",
7
+ "rp-input-icon": "_rp-input-icon_zo6kn_26"
8
+ }, d = u((i, o) => {
9
+ const { className: s, icon: p, children: t, ...c } = i;
10
+ return /* @__PURE__ */ a("div", { className: r["rp-input-wrapper"], children: [
11
11
  /* @__PURE__ */ n(
12
12
  "input",
13
13
  {
14
14
  ...c,
15
- "data-icon": !!r,
16
- ref: s,
17
- className: e(t, p["rp-input"], "ignore-hover")
15
+ "data-icon": !!p,
16
+ ref: o,
17
+ className: e(s, r["rp-input"], "ignore-hover")
18
18
  }
19
19
  ),
20
- r && /* @__PURE__ */ n("span", { className: p["rp-input-icon"], children: r }),
21
- o
20
+ p && /* @__PURE__ */ n("span", { className: r["rp-input-icon"], children: p }),
21
+ t
22
22
  ] });
23
23
  });
24
24
  export {
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { L as i } from "../../RPDefaultLayout-a5d7b0b8.js";
2
+ import { L as i } from "../../RPDefaultLayout-77418ce2.js";
3
3
  import "../../clsx-0c6e471a.js";
4
4
  import "../../contexts/LocalizationContext.js";
5
5
  export {
@@ -0,0 +1,21 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { createContext as n, useContext as d } from "react";
3
+ const t = n(void 0), a = () => {
4
+ const o = d(t);
5
+ if (!o)
6
+ throw new Error("useDownloadContext must be used within a DownloadProvider");
7
+ return o;
8
+ }, u = ({ children: o, downloadFilename: e }) => /* @__PURE__ */ r(
9
+ t.Provider,
10
+ {
11
+ value: {
12
+ downloadFilename: e
13
+ },
14
+ children: o
15
+ }
16
+ );
17
+ export {
18
+ t as DownloadContext,
19
+ u as DownloadProvider,
20
+ a as useDownloadContext
21
+ };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { h as e, P as m, u as p } from "../RPDefaultLayout-a5d7b0b8.js";
3
+ import { h as e, P as m, u as p } from "../RPDefaultLayout-77418ce2.js";
4
4
  import "./RPDocumentContext.js";
5
5
  import "../utils/appConsole.js";
6
6
  export {
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { j as e, a as n, d as a } from "../RPDefaultLayout-a5d7b0b8.js";
3
+ import { j as e, a as n, d as a } from "../RPDefaultLayout-77418ce2.js";
4
4
  export {
5
5
  e as PrintContext,
6
6
  n as PrintProvider,
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { o as a, S as s, e as S } from "../RPDefaultLayout-a5d7b0b8.js";
3
+ import { o as a, S as s, e as S } from "../RPDefaultLayout-77418ce2.js";
4
4
  export {
5
5
  a as SearchContext,
6
6
  s as SearchProvider,
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { l as i, T as r, m as e } from "../RPDefaultLayout-a5d7b0b8.js";
3
+ import { l as i, T as r, m as e } from "../RPDefaultLayout-77418ce2.js";
4
4
  export {
5
5
  i as ThumbnailContext,
6
6
  r as ThumbnailProvider,
@@ -1,72 +1,78 @@
1
- import { jsx as m } from "react/jsx-runtime";
2
- import { createContext as b, useState as v, useEffect as x, useContext as g } from "react";
3
- import { useLayoutContainer as f } from "./LayoutContainerContext.js";
4
- const k = {
1
+ import { jsx as f } from "react/jsx-runtime";
2
+ import { createContext as g, useState as w, useMemo as S, useEffect as d, useContext as k } from "react";
3
+ import { useLayoutContainer as E } from "./LayoutContainerContext.js";
4
+ const B = {
5
5
  xs: 320,
6
6
  sm: 640,
7
7
  md: 768,
8
8
  lg: 1024,
9
9
  xl: 1280,
10
10
  "2xl": 1536
11
- }, a = b(void 0), L = ({
12
- children: n,
13
- mobileWidth: d = 768
11
+ }, u = g(void 0), A = ({
12
+ children: s,
13
+ mobileWidth: l = 768,
14
+ onLayoutWidthChange: c
14
15
  }) => {
15
- const { container: e } = f(), [r, p] = v({
16
- width: (e == null ? void 0 : e.clientWidth) || window.innerWidth,
17
- height: (e == null ? void 0 : e.clientHeight) || window.innerHeight,
16
+ const [a, m] = w(!1), { container: t } = E(), [r, h] = w({
17
+ width: (t == null ? void 0 : t.clientWidth) || window.innerWidth,
18
+ height: (t == null ? void 0 : t.clientHeight) || window.innerHeight,
18
19
  isMobile: !1,
19
20
  currentBreakpoint: "xs",
20
21
  orientation: "portrait"
21
- }), s = {
22
- ...k,
23
- md: d
24
- }, l = () => r.width <= s.md, u = (t) => {
25
- const o = Object.entries(s);
22
+ }), n = S(() => ({
23
+ ...B,
24
+ md: l
25
+ }), [l]), b = (e) => {
26
+ const o = Object.entries(n);
26
27
  for (let i = o.length - 1; i >= 0; i--)
27
- if (t >= o[i][1])
28
+ if (e >= o[i][1])
28
29
  return o[i][0];
29
30
  return "xs";
30
- }, w = () => {
31
- const t = navigator.userAgent.toLowerCase();
32
- return ["iphone", "ipod", "ipad", "android", "mobile", "phone", "tablet"].some((i) => t.includes(i));
31
+ }, v = () => {
32
+ const e = navigator.userAgent.toLowerCase();
33
+ return ["iphone", "ipod", "ipad", "android", "mobile", "phone", "tablet"].some((i) => e.includes(i));
33
34
  };
34
- x(() => {
35
- if (!e)
35
+ d(() => {
36
+ const e = r.width <= n.md;
37
+ m(e);
38
+ }, [r, n]), d(() => {
39
+ c && c(a, r.width);
40
+ }, [c, a, r]), d(() => {
41
+ if (!t)
36
42
  return;
37
- const t = () => {
38
- const i = e.clientWidth, c = e.clientHeight;
39
- p({
43
+ const e = () => {
44
+ const i = t.clientWidth, p = t.clientHeight;
45
+ h({
40
46
  width: i,
41
- height: c,
42
- isMobile: w(),
43
- currentBreakpoint: u(i),
44
- orientation: c > i ? "portrait" : "landscape"
47
+ height: p,
48
+ isMobile: v(),
49
+ currentBreakpoint: b(i),
50
+ orientation: p > i ? "portrait" : "landscape"
45
51
  });
46
52
  };
47
- t();
48
- const o = new ResizeObserver(t);
49
- return o.observe(e), window.addEventListener("resize", t), () => {
50
- o.disconnect(), window.removeEventListener("resize", t);
53
+ e();
54
+ const o = new ResizeObserver(e);
55
+ return o.observe(t), window.addEventListener("resize", e), () => {
56
+ o.disconnect(), window.removeEventListener("resize", e);
51
57
  };
52
- }, [e]);
53
- const h = {
58
+ }, [t]);
59
+ const x = {
54
60
  ...r,
55
- breakpoints: s,
56
- isBreakpoint: (t) => r.width >= s[t],
61
+ breakpoints: n,
62
+ isBreakpoint: (e) => r.width >= n[e],
57
63
  isMobileDevice: r.isMobile,
58
64
  isPortrait: r.orientation === "portrait",
59
65
  isLandscape: r.orientation === "landscape",
60
- isSmallScreen: l()
66
+ isSmallScreen: a
61
67
  };
62
- return /* @__PURE__ */ m(a.Provider, { value: h, children: n });
63
- }, P = () => {
64
- const n = g(a);
65
- if (n === void 0)
68
+ return /* @__PURE__ */ f(u.Provider, { value: x, children: s });
69
+ }, O = () => {
70
+ const s = k(u);
71
+ if (s === void 0)
66
72
  throw new Error("useViewportContext must be used within a ViewportProvider");
67
- return n;
73
+ return s;
68
74
  };
69
75
  export {
70
- L as ViewportProvider,
71
- P as useViewportContext
76
+ A as ViewportProvider,
77
+ O as useViewportContext
72
78
  };
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-a5d7b0b8.js";
2
+ import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-77418ce2.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";
@@ -1,6 +1,7 @@
1
1
  import { FC, PropsWithChildren } from 'react';
2
2
  interface Props extends PropsWithChildren {
3
3
  getContainerRef?: (element: HTMLDivElement) => void;
4
+ toolbarRef: HTMLDivElement | null;
4
5
  style?: React.CSSProperties;
5
6
  className?: string;
6
7
  }
@@ -0,0 +1,11 @@
1
+ import { FC, PropsWithChildren } from 'react';
2
+ interface DownloadContextType {
3
+ downloadFilename?: string;
4
+ }
5
+ export declare const DownloadContext: import('react').Context<DownloadContextType | undefined>;
6
+ interface Props extends PropsWithChildren {
7
+ downloadFilename?: string;
8
+ }
9
+ export declare const useDownloadContext: () => DownloadContextType;
10
+ export declare const DownloadProvider: FC<Props>;
11
+ export {};
@@ -1,4 +1,5 @@
1
1
  import { default as React } from 'react';
2
+ import { ViewportProps } from '../utils/types';
2
3
  type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
3
4
  type Orientation = 'portrait' | 'landscape';
4
5
  interface Breakpoints {
@@ -19,9 +20,8 @@ interface ViewportContextType extends ViewportState {
19
20
  isLandscape: boolean;
20
21
  isSmallScreen: boolean;
21
22
  }
22
- interface ViewportProviderProps {
23
+ interface ViewportProviderProps extends ViewportProps {
23
24
  children: React.ReactNode;
24
- mobileWidth?: number;
25
25
  }
26
26
  export declare const ViewportProvider: React.FC<ViewportProviderProps>;
27
27
  export declare const useViewportContext: () => ViewportContextType;
@@ -1 +1 @@
1
- export declare const useWatermark: (container: HTMLDivElement | null) => void;
1
+ export declare const useWatermark: () => void;
@@ -471,6 +471,7 @@ export interface RPControllerProps extends PropsWithChildren, DarkModeProviderPr
471
471
  initialThumbnailsVisible?: boolean;
472
472
  locale?: string;
473
473
  localization?: LocalizationMap;
474
+ downloadFilename?: string;
474
475
  }
475
476
  export interface RPConfigProps extends Omit<ConfigContextType, 'workerUrlAdded'>, RPThemeContextType, PropsWithChildren {
476
477
  workerUrl?: string;
@@ -514,6 +515,7 @@ export interface ViewModeProps {
514
515
  }
515
516
  export interface ViewportProps {
516
517
  mobileWidth?: number;
518
+ onLayoutWidthChange?: (isMobileScreen: boolean, currentWidth: number) => void;
517
519
  }
518
520
  export declare enum ScrollMode {
519
521
  PAGE_SCROLLING = "PAGE",
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../contexts/RPDocumentContext.js";
3
3
  import "react";
4
- import { c as A } from "../../RPDefaultLayout-a5d7b0b8.js";
4
+ import { c as C } from "../../RPDefaultLayout-77418ce2.js";
5
5
  import "../../contexts/DarkModeContext.js";
6
6
  import "../../contexts/RotationContext.js";
7
7
  import "../../contexts/LayerContext.js";
@@ -20,11 +20,13 @@ import "../../contexts/LayoutContainerContext.js";
20
20
  import "../../contexts/DimensionPagesContext.js";
21
21
  import "../../contexts/LocalizationContext.js";
22
22
  import "../../contexts/HighlightContext.js";
23
+ import "../../contexts/DownloadContext.js";
23
24
  import "../../contexts/LoaderContext.js";
25
+ import "../../contexts/LicenseContext.js";
24
26
  import "../../components/RPConfig.js";
25
27
  import "../../contexts/ThemeContext.js";
26
28
  import "../../components/RPDropFileZone.js";
27
29
  import "../../contexts/ToolbarComponentContext.js";
28
30
  export {
29
- A as useFileDownload
31
+ C as useFileDownload
30
32
  };
@@ -1,6 +1,6 @@
1
1
  import { useState as E, useCallback as h, useEffect as A } from "react";
2
2
  import { appConsole as c } from "../appConsole.js";
3
- const b = /* @__PURE__ */ new Date("2025-04-25T09:25:09.714Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
3
+ const b = /* @__PURE__ */ new Date("2025-04-28T01:50:09.804Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
4
4
  invalidLicense: `You are currently using without a valid license. ${l}`,
5
5
  mismatchedDomain: `Your license key is not valid for the current domain / IP. ${l}`,
6
6
  expired: `Your license key has expired. ${l}`,
@@ -1,5 +1,5 @@
1
1
  import "react";
2
- import { g as C } from "../../RPDefaultLayout-a5d7b0b8.js";
2
+ import { g as E } from "../../RPDefaultLayout-77418ce2.js";
3
3
  import "../../contexts/ScrollStateContext.js";
4
4
  import "react/jsx-runtime";
5
5
  import "../../contexts/RPDocumentContext.js";
@@ -20,12 +20,14 @@ import "../../contexts/LayoutContainerContext.js";
20
20
  import "../../contexts/DimensionPagesContext.js";
21
21
  import "../../contexts/LocalizationContext.js";
22
22
  import "../../contexts/HighlightContext.js";
23
+ import "../../contexts/DownloadContext.js";
23
24
  import "../../contexts/LoaderContext.js";
25
+ import "../../contexts/LicenseContext.js";
24
26
  import "../../components/RPConfig.js";
25
27
  import "../../contexts/ThemeContext.js";
26
28
  import "../../components/RPDropFileZone.js";
27
29
  import "../../contexts/ToolbarComponentContext.js";
28
30
  import "./useDebounce.js";
29
31
  export {
30
- C as usePaginate
32
+ E as usePaginate
31
33
  };
@@ -1,7 +1,7 @@
1
1
  import "react";
2
2
  import "react/jsx-runtime";
3
3
  import "../../contexts/RPDocumentContext.js";
4
- import { i as C } from "../../RPDefaultLayout-a5d7b0b8.js";
4
+ import { i as E } from "../../RPDefaultLayout-77418ce2.js";
5
5
  import "../../contexts/DarkModeContext.js";
6
6
  import "../../contexts/RotationContext.js";
7
7
  import "../../contexts/LayerContext.js";
@@ -20,12 +20,14 @@ import "../../contexts/LayoutContainerContext.js";
20
20
  import "../../contexts/DimensionPagesContext.js";
21
21
  import "../../contexts/LocalizationContext.js";
22
22
  import "../../contexts/HighlightContext.js";
23
+ import "../../contexts/DownloadContext.js";
23
24
  import "../../contexts/LoaderContext.js";
25
+ import "../../contexts/LicenseContext.js";
24
26
  import "../../components/RPConfig.js";
25
27
  import "../../contexts/ThemeContext.js";
26
28
  import "../../components/RPDropFileZone.js";
27
29
  import "../../contexts/ToolbarComponentContext.js";
28
30
  import "pdfjs-dist";
29
31
  export {
30
- C as usePrint
32
+ E as usePrint
31
33
  };
@@ -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 B } from "../../RPDefaultLayout-a5d7b0b8.js";
5
+ import { f as D } from "../../RPDefaultLayout-77418ce2.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../types.js";
8
8
  import "../../contexts/RotationContext.js";
@@ -21,12 +21,14 @@ import "../../contexts/LayoutContainerContext.js";
21
21
  import "../../contexts/DimensionPagesContext.js";
22
22
  import "../../contexts/LocalizationContext.js";
23
23
  import "../../contexts/HighlightContext.js";
24
+ import "../../contexts/DownloadContext.js";
24
25
  import "../../contexts/LoaderContext.js";
26
+ import "../../contexts/LicenseContext.js";
25
27
  import "../../components/RPConfig.js";
26
28
  import "../../contexts/ThemeContext.js";
27
29
  import "../../components/RPDropFileZone.js";
28
30
  import "../../contexts/ToolbarComponentContext.js";
29
31
  import "../smoothScrollTo.js";
30
32
  export {
31
- B as useScrollToPage
33
+ D as useScrollToPage
32
34
  };
@@ -7,7 +7,7 @@ import "pdfjs-dist";
7
7
  import "../../contexts/RPDocumentContext.js";
8
8
  import "../../contexts/ZoomContext.js";
9
9
  import "react/jsx-runtime";
10
- import { n as E } from "../../RPDefaultLayout-a5d7b0b8.js";
10
+ import { n as G } from "../../RPDefaultLayout-77418ce2.js";
11
11
  import "../../contexts/DarkModeContext.js";
12
12
  import "../../contexts/RotationContext.js";
13
13
  import "../../contexts/LayerContext.js";
@@ -23,11 +23,13 @@ import "../../contexts/LayoutContainerContext.js";
23
23
  import "../../contexts/DimensionPagesContext.js";
24
24
  import "../../contexts/LocalizationContext.js";
25
25
  import "../../contexts/HighlightContext.js";
26
+ import "../../contexts/DownloadContext.js";
26
27
  import "../../contexts/LoaderContext.js";
28
+ import "../../contexts/LicenseContext.js";
27
29
  import "../../components/RPConfig.js";
28
30
  import "../../contexts/ThemeContext.js";
29
31
  import "../../components/RPDropFileZone.js";
30
32
  import "../../contexts/ToolbarComponentContext.js";
31
33
  export {
32
- E as useSearch
34
+ G as useSearch
33
35
  };
@@ -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 D } from "../../RPDefaultLayout-a5d7b0b8.js";
5
+ import { k as F } from "../../RPDefaultLayout-77418ce2.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -21,12 +21,14 @@ import "../../contexts/LayoutContainerContext.js";
21
21
  import "../../contexts/DimensionPagesContext.js";
22
22
  import "../../contexts/LocalizationContext.js";
23
23
  import "../../contexts/HighlightContext.js";
24
+ import "../../contexts/DownloadContext.js";
24
25
  import "../../contexts/LoaderContext.js";
26
+ import "../../contexts/LicenseContext.js";
25
27
  import "../../components/RPConfig.js";
26
28
  import "../../contexts/ThemeContext.js";
27
29
  import "../../components/RPDropFileZone.js";
28
30
  import "../../contexts/ToolbarComponentContext.js";
29
31
  import "../getThumbnailViewport.js";
30
32
  export {
31
- D as useThumbnail
33
+ F as useThumbnail
32
34
  };
@@ -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 { s as A } from "../../RPDefaultLayout-a5d7b0b8.js";
6
+ import { s as C } from "../../RPDefaultLayout-77418ce2.js";
7
7
  import "../../contexts/DarkModeContext.js";
8
8
  import "../../contexts/RotationContext.js";
9
9
  import "../../contexts/LayerContext.js";
@@ -21,11 +21,13 @@ import "../../contexts/LayoutContainerContext.js";
21
21
  import "../../contexts/DimensionPagesContext.js";
22
22
  import "../../contexts/LocalizationContext.js";
23
23
  import "../../contexts/HighlightContext.js";
24
+ import "../../contexts/DownloadContext.js";
24
25
  import "../../contexts/LoaderContext.js";
26
+ import "../../contexts/LicenseContext.js";
25
27
  import "../../components/RPConfig.js";
26
28
  import "../../contexts/ThemeContext.js";
27
29
  import "../../components/RPDropFileZone.js";
28
30
  import "../../contexts/ToolbarComponentContext.js";
29
31
  export {
30
- A as useVirtualReactWindow
32
+ C as useVirtualReactWindow
31
33
  };