@react-pdf-kit/viewer 2.6.0-beta.2 → 2.6.0-rc.0

package/dist/contexts/ElementThumbnailContext.js

@@ -1,196 +1,133 @@
-import { jsx as $ } from "react/jsx-runtime";
-import { createContext as j, useState as B, useRef as P, useEffect as L, useCallback as s, useContext as y, useMemo as k } from "react";
-import { LicenseType as V } from "../utils/types.js";
-import { usePagesRotateContext as Z } from "./PagesRotateContext.js";
-import { useLicenseContext as z } from "./LicenseContext.js";
-import { useThumbnailContext as J } from "./ThumbnailsContext.js";
-import { useSmoothScrollContext as K } from "./SmoothScrollContext.js";
-import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as b } from "../utils/const.js";
-import { u as Q } from "../PaginationContext-87f832f2.js";
-import "../de_DE-8145915f.js";
-import "./RPDocumentContext.js";
-import "../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../utils/getThumbnailViewport.js";
-import "./ConfigContext.js";
-import "./DocumentPasswordContext.js";
-import "../utils/appConsole.js";
-import "../utils/hooks/usePdfProperties.js";
-import "../utils/convertPdfDate.js";
-import "../utils/formatFileSize.js";
-import "./RotationContext.js";
-import "./InitialStateContext.js";
-import "./EventCallbackContext.js";
-import "../utils/hooks/useLicense.js";
-import "../utils/hooks/useThumbnail.js";
-import "./ScrollModeContext.js";
-import "./GlobalCurrentPage.js";
-import "./ViewModeContext.js";
-import "./VirtualScrollContext.js";
-import "./VirtualGridContext.js";
-import "../utils/smoothScrollTo.js";
-import "./DimensionPagesContext.js";
-import "./ZoomContext.js";
-import "../utils/constants.js";
-import "../utils/getZoomLevel.js";
-import "./LayoutContainerContext.js";
-import "../utils/hooks/useDebounce.js";
-import "../utils/getScrollDistance.js";
-import "../utils/calculatePage.js";
-const X = 5, Y = 10, I = (i, a) => Math.min(Math.max(i, 0), Math.max(a, 0)), R = j(
-  void 0
-), Dt = ({ children: i }) => {
-  const [a, u] = B({}), { pageRotate: r } = Z(), { thumbnailPages: c, addToPage: h, thumbnailLength: f } = J(), { scrollBehavior: v } = K(), { totalPages: w } = Q(), S = P(null), C = P(c), A = P(f), [l, x] = B(null);
-  L(() => {
-    C.current = c;
-  }, [c]), L(() => {
-    A.current = f;
-  }, [f]);
-  const H = s((e) => {
-    S.current = e;
-  }, []), d = s(
-    (e) => {
-      const n = e + Y;
-      return w ? Math.min(n, w) : e;
-    },
-    [w]
-  ), _ = s(
-    (e) => {
-      const n = d(e);
-      return !C.current[e] || A.current < n ? (h(n), !1) : !0;
-    },
-    [h, d]
-  ), G = s(
-    (e, n) => {
-      u((o) => {
-        var m;
-        const t = (m = C.current[e]) == null ? void 0 : m.viewport, p = {
-          width: t ? t.width : 0,
-          height: t ? t.height : 0
-        };
-        return {
-          ...o,
-          [e]: n(o[e] ?? [], p, r[e] ?? 0)
-        };
-      });
-    },
-    [r]
-  ), O = s((e) => {
-    u((n) => {
-      const o = { ...n };
-      return delete o[e], o;
-    });
-  }, []), U = s((e, n) => {
-    u((o) => {
-      const t = { ...o };
-      return t[e] ? (t[e] = t[e].filter((p, m) => m !== n), t) : o;
-    });
-  }, []), T = s(
-    (e, n, o) => {
-      var F;
-      const t = S.current;
-      if (!t)
-        return !1;
-      const p = t.querySelector(
-        `[data-rp="thumbnail-${e}-customElement"]`
-      ), m = (F = p == null ? void 0 : p.children) == null ? void 0 : F[n];
-      if (!m)
-        return !1;
-      const D = m.closest(`[id="page-${e}"]`) ?? m, M = t.getBoundingClientRect(), g = D.getBoundingClientRect(), N = t.scrollTop + (g.top - M.top) - (t.clientHeight - g.height) / 2, q = t.scrollLeft + (g.left - M.left) - (t.clientWidth - g.width) / 2;
-      return t.scrollTo({
-        top: I(N, t.scrollHeight - t.clientHeight),
-        left: I(q, t.scrollWidth - t.clientWidth),
-        behavior: (o == null ? void 0 : o.behavior) ?? v
-      }), !0;
-    },
-    [v]
-  ), W = s(
-    (e, n, o) => {
-      T(e, n, o) || (_(e), x({ page: e, index: n, config: o, attempt: 0 }));
-    },
-    [_, T]
-  );
-  return L(() => {
-    if (!l)
-      return;
-    const e = d(l.page);
-    if (!c[l.page] || f < e) {
-      h(e);
-      return;
-    }
-    const n = window.requestAnimationFrame(() => {
-      if (T(
-        l.page,
-        l.index,
-        l.config
-      )) {
-        x(null);
-        return;
-      }
-      l.attempt < X && x((t) => !t || t.page !== l.page || t.index !== l.index ? t : { ...t, attempt: t.attempt + 1 });
-    });
-    return () => {
-      window.cancelAnimationFrame(n);
-    };
-  }, [
-    h,
-    d,
-    l,
-    T,
-    f,
-    c
-  ]), /* @__PURE__ */ $(
-    R.Provider,
-    {
-      value: {
-        updateElement: G,
-        clearElements: O,
-        removeElement: U,
-        elementList: a,
-        scrollToElement: W,
-        setThumbnailContainer: H
-      },
-      children: i
-    }
-  );
-}, E = () => {
-}, Nt = () => {
-  const i = y(R);
-  return (i == null ? void 0 : i.setThumbnailContainer) ?? E;
-}, qt = () => {
-  const i = y(R), { type: a, validating: u } = z(), r = P(0), c = k(() => {
-    if (u !== !1)
-      return {
-        updateElement: E,
-        clearElements: E,
-        removeElement: E,
-        elementList: {},
-        scrollToElement: E
-      };
-    if (!(a !== V.Developer))
-      return {
-        updateElement: () => {
-          r.current === 0 && (console.error(b), r.current++);
-        },
-        clearElements: () => {
-          r.current === 0 && (console.error(b), r.current++);
-        },
-        removeElement: () => {
-          r.current === 0 && (console.error(b), r.current++);
-        },
-        elementList: {},
-        scrollToElement: () => {
-          r.current === 0 && (console.error(b), r.current++);
-        }
-      };
-  }, [a, u]);
-  if (!i)
-    throw new Error("useElementThumbnailContext must be used within a ElementThumbnailProvider");
-  return c || i;
-};
-export {
-  R as ElementThumbnailContext,
-  Dt as ElementThumbnailProvider,
-  qt as useElementThumbnailContext,
-  Nt as useThumbnailContainerRegister
+import { LicenseType as e } from "../utils/types.js";
+import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as t } from "../utils/const.js";
+import { usePagesRotateContext as n } from "./PagesRotateContext.js";
+import { useSmoothScrollContext as r } from "./SmoothScrollContext.js";
+import { r as i } from "../PaginationContext--n91mIJ4.js";
+import { useThumbnailContext as a } from "./ThumbnailsContext.js";
+import { useLicenseContext as o } from "./LicenseContext.js";
+import { createContext as s, useCallback as c, useContext as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { jsx as m } from "react/jsx-runtime";
+//#region lib/contexts/ElementThumbnailContext.tsx
+var h = 5, g = 10, _ = (e, t) => Math.min(Math.max(e, 0), Math.max(t, 0)), v = s(void 0), y = ({ children: e }) => {
+	let [t, o] = p({}), { pageRotate: s } = n(), { thumbnailPages: l, addToPage: d, thumbnailLength: y } = a(), { scrollBehavior: b } = r(), { totalPages: x } = i(), S = f(null), C = f(l), w = f(y), [T, E] = p(null);
+	u(() => {
+		C.current = l;
+	}, [l]), u(() => {
+		w.current = y;
+	}, [y]);
+	let D = c((e) => {
+		S.current = e;
+	}, []), O = c((e) => {
+		let t = e + g;
+		return x ? Math.min(t, x) : e;
+	}, [x]), k = c((e) => {
+		let t = O(e);
+		return !C.current[e] || w.current < t ? (d(t), !1) : !0;
+	}, [d, O]), A = c((e, t) => {
+		o((n) => {
+			let r = C.current[e]?.viewport, i = {
+				width: r ? r.width : 0,
+				height: r ? r.height : 0
+			};
+			return {
+				...n,
+				[e]: t(n[e] ?? [], i, s[e] ?? 0)
+			};
+		});
+	}, [s]), j = c((e) => {
+		o((t) => {
+			let n = { ...t };
+			return delete n[e], n;
+		});
+	}, []), M = c((e, t) => {
+		o((n) => {
+			let r = { ...n };
+			return r[e] ? (r[e] = r[e].filter((e, n) => n !== t), r) : n;
+		});
+	}, []), N = c((e, t, n) => {
+		let r = S.current;
+		if (!r) return !1;
+		let i = r.querySelector(`[data-rp="thumbnail-${e}-customElement"]`)?.children?.[t];
+		if (!i) return !1;
+		let a = i.closest(`[id="page-${e}"]`) ?? i, o = r.getBoundingClientRect(), s = a.getBoundingClientRect(), c = r.scrollTop + (s.top - o.top) - (r.clientHeight - s.height) / 2, l = r.scrollLeft + (s.left - o.left) - (r.clientWidth - s.width) / 2;
+		return r.scrollTo({
+			top: _(c, r.scrollHeight - r.clientHeight),
+			left: _(l, r.scrollWidth - r.clientWidth),
+			behavior: n?.behavior ?? b
+		}), !0;
+	}, [b]), P = c((e, t, n) => {
+		N(e, t, n) || (k(e), E({
+			page: e,
+			index: t,
+			config: n,
+			attempt: 0
+		}));
+	}, [k, N]);
+	return u(() => {
+		if (!T) return;
+		let e = O(T.page);
+		if (!l[T.page] || y < e) {
+			d(e);
+			return;
+		}
+		let t = window.requestAnimationFrame(() => {
+			if (N(T.page, T.index, T.config)) {
+				E(null);
+				return;
+			}
+			T.attempt < h && E((e) => !e || e.page !== T.page || e.index !== T.index ? e : {
+				...e,
+				attempt: e.attempt + 1
+			});
+		});
+		return () => {
+			window.cancelAnimationFrame(t);
+		};
+	}, [
+		d,
+		O,
+		T,
+		N,
+		y,
+		l
+	]), /* @__PURE__ */ m(v.Provider, {
+		value: {
+			updateElement: A,
+			clearElements: j,
+			removeElement: M,
+			elementList: t,
+			scrollToElement: P,
+			setThumbnailContainer: D
+		},
+		children: e
+	});
+}, b = () => {}, x = () => l(v)?.setThumbnailContainer ?? b, S = () => {
+	let n = l(v), { type: r, validating: i } = o(), a = f(0), s = d(() => {
+		if (i !== !1) return {
+			updateElement: b,
+			clearElements: b,
+			removeElement: b,
+			elementList: {},
+			scrollToElement: b
+		};
+		if (r === e.Developer) return {
+			updateElement: () => {
+				a.current === 0 && (console.error(t), a.current++);
+			},
+			clearElements: () => {
+				a.current === 0 && (console.error(t), a.current++);
+			},
+			removeElement: () => {
+				a.current === 0 && (console.error(t), a.current++);
+			},
+			elementList: {},
+			scrollToElement: () => {
+				a.current === 0 && (console.error(t), a.current++);
+			}
+		};
+	}, [r, i]);
+	if (!n) throw Error("useElementThumbnailContext must be used within a ElementThumbnailProvider");
+	return s || n;
 };
+//#endregion
+export { v as ElementThumbnailContext, y as ElementThumbnailProvider, S as useElementThumbnailContext, x as useThumbnailContainerRegister };

package/dist/contexts/EventCallbackContext.js

@@ -1,34 +1,19 @@
-import { jsx as l } from "react/jsx-runtime";
-import { createContext as c, useContext as C } from "react";
-const t = c({
-  onPageChange: () => {
-  },
-  onRotate: () => {
-  },
-  onScroll: () => {
-  },
-  onTextSelect: () => {
-  }
-}), v = () => C(t), u = ({
-  children: e,
-  onPageChange: o,
-  onRotate: n,
-  onScroll: r,
-  onTextSelect: a
-}) => /* @__PURE__ */ l(
-  t.Provider,
-  {
-    value: {
-      onPageChange: o,
-      onRotate: n,
-      onScroll: r,
-      onTextSelect: a
-    },
-    children: e
-  }
-);
-export {
-  t as EventCallbackContext,
-  u as EventCallbackProvider,
-  v as useEventCallbackContext
-};
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/contexts/EventCallbackContext.tsx
+var r = e({
+	onPageChange: () => {},
+	onRotate: () => {},
+	onScroll: () => {},
+	onTextSelect: () => {}
+}), i = () => t(r), a = ({ children: e, onPageChange: t, onRotate: i, onScroll: a, onTextSelect: o }) => /* @__PURE__ */ n(r.Provider, {
+	value: {
+		onPageChange: t,
+		onRotate: i,
+		onScroll: a,
+		onTextSelect: o
+	},
+	children: e
+});
+//#endregion
+export { r as EventCallbackContext, a as EventCallbackProvider, i as useEventCallbackContext };

package/dist/contexts/FileInputContext.js

@@ -1,50 +1,31 @@
-import { jsxs as d, jsx as x } from "react/jsx-runtime";
-import { createContext as C, useRef as s, useContext as F } from "react";
-import { useDocumentContext as h } from "./RPDocumentContext.js";
-import { useDocumentPasswordContext as P } from "./DocumentPasswordContext.js";
-import "../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../utils/types.js";
-import "../de_DE-8145915f.js";
-import "../utils/getThumbnailViewport.js";
-import "./ConfigContext.js";
-import "../utils/const.js";
-import "../utils/hooks/usePdfProperties.js";
-import "../utils/convertPdfDate.js";
-import "../utils/formatFileSize.js";
-import "../utils/appConsole.js";
-const c = C(null), q = ({ children: e }) => {
-  const { setFilename: l, setPdfSrc: u } = h(), o = s(), n = s(null), { setPassword: m } = P(), a = () => {
-    var t;
-    (t = n.current) == null || t.click();
-  }, f = (t) => {
-    var p;
-    const r = (p = t.target.files) == null ? void 0 : p[0];
-    if (!r || r.type !== "application/pdf")
-      return;
-    const i = URL.createObjectURL(r);
-    o.current && URL.revokeObjectURL(o.current), o.current = i, l(r.name), u(i), t.target.value = "", m("");
-  };
-  return /* @__PURE__ */ d(c.Provider, { value: { openFile: a }, children: [
-    e,
-    /* @__PURE__ */ x(
-      "input",
-      {
-        accept: "application/pdf",
-        type: "file",
-        ref: n,
-        style: { display: "none" },
-        onChange: f
-      }
-    )
-  ] });
-}, z = () => {
-  const e = F(c);
-  if (!e)
-    throw new Error("useOpenFileContext must be used within FileInputProvider");
-  return e;
-};
-export {
-  q as FileInputProvider,
-  z as useOpenFileContext
+import { useDocumentPasswordContext as e } from "./DocumentPasswordContext.js";
+import { useDocumentContext as t } from "./RPDocumentContext.js";
+import { createContext as n, useContext as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region lib/contexts/FileInputContext.tsx
+var s = n(null), c = ({ children: n }) => {
+	let { setFilename: r, setPdfSrc: c } = t(), l = i(), u = i(null), { setPassword: d } = e();
+	return /* @__PURE__ */ o(s.Provider, {
+		value: { openFile: () => {
+			u.current?.click();
+		} },
+		children: [n, /* @__PURE__ */ a("input", {
+			accept: "application/pdf",
+			type: "file",
+			ref: u,
+			style: { display: "none" },
+			onChange: (e) => {
+				let t = e.target.files?.[0];
+				if (!t || t.type !== "application/pdf") return;
+				let n = URL.createObjectURL(t);
+				l.current && URL.revokeObjectURL(l.current), l.current = n, r(t.name), c(n), e.target.value = "", d("");
+			}
+		})]
+	});
+}, l = () => {
+	let e = r(s);
+	if (!e) throw Error("useOpenFileContext must be used within FileInputProvider");
+	return e;
 };
+//#endregion
+export { c as FileInputProvider, l as useOpenFileContext };

package/dist/contexts/FullScreenContext.js

@@ -1,25 +1,32 @@
-import { jsx as i } from "react/jsx-runtime";
-import { createContext as S, useCallback as x, useMemo as F, useContext as a } from "react";
-import { useFullScreen as d } from "../utils/hooks/useFullScreen.js";
-const u = S(void 0), v = ({ elementRef: e, children: c }) => {
-  const { isFullScreen: r, enterFullScreen: t, exitFullScreen: o, isSupported: n } = d(), l = x(() => {
-    r ? o() : e && t(e);
-  }, [r, o, t, e]), s = F(
-    () => ({
-      isFullScreen: r,
-      toggleFullScreen: l,
-      isSupported: n
-    }),
-    [r, l, n]
-  );
-  return /* @__PURE__ */ i(u.Provider, { value: s, children: c });
-}, f = () => {
-  const e = a(u);
-  if (!e)
-    throw new Error("useFullScreenContext must be used within a FullScreenProvider");
-  return e;
-};
-export {
-  v as FullScreenProvider,
-  f as useFullScreenContext
+import { useFullScreen as e } from "../utils/hooks/useFullScreen.js";
+import { createContext as t, useCallback as n, useContext as r, useMemo as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/contexts/FullScreenContext.tsx
+var o = t(void 0), s = ({ elementRef: t, children: r }) => {
+	let { isFullScreen: s, enterFullScreen: c, exitFullScreen: l, isSupported: u } = e(), d = n(() => {
+		s ? l() : t && c(t);
+	}, [
+		s,
+		l,
+		c,
+		t
+	]), f = i(() => ({
+		isFullScreen: s,
+		toggleFullScreen: d,
+		isSupported: u
+	}), [
+		s,
+		d,
+		u
+	]);
+	return /* @__PURE__ */ a(o.Provider, {
+		value: f,
+		children: r
+	});
+}, c = () => {
+	let e = r(o);
+	if (!e) throw Error("useFullScreenContext must be used within a FullScreenProvider");
+	return e;
 };
+//#endregion
+export { s as FullScreenProvider, c as useFullScreenContext };

package/dist/contexts/GlobalCurrentPage.js

@@ -1,19 +1,22 @@
-import { jsx as u } from "react/jsx-runtime";
-import { createContext as s, useContext as c, useState as i, useEffect as l } from "react";
-import { useInitialStateContext as C } from "./InitialStateContext.js";
-import { useEventCallbackContext as P } from "./EventCallbackContext.js";
-const n = s({
-  currentPage: 1,
-  setCurrentPage: () => {
-  }
-}), p = () => c(n), b = ({ children: r }) => {
-  const { initialPage: o = 1 } = C(), [t, a] = i(o), { onPageChange: e } = P();
-  return l(() => {
-    e && e(t);
-  }, [t, e]), /* @__PURE__ */ u(n.Provider, { value: { currentPage: t, setCurrentPage: a }, children: r });
-};
-export {
-  n as GlobalCurrentPage,
-  b as GlobalCurrentPageProvider,
-  p as useGlobalCurrentPage
+import { useInitialStateContext as e } from "./InitialStateContext.js";
+import { useEventCallbackContext as t } from "./EventCallbackContext.js";
+import { createContext as n, useContext as r, useEffect as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region lib/contexts/GlobalCurrentPage.tsx
+var s = n({
+	currentPage: 1,
+	setCurrentPage: () => {}
+}), c = () => r(s), l = ({ children: n }) => {
+	let { initialPage: r = 1 } = e(), [c, l] = a(r), { onPageChange: u } = t();
+	return i(() => {
+		u && u(c);
+	}, [c, u]), /* @__PURE__ */ o(s.Provider, {
+		value: {
+			currentPage: c,
+			setCurrentPage: l
+		},
+		children: n
+	});
 };
+//#endregion
+export { s as GlobalCurrentPage, l as GlobalCurrentPageProvider, c as useGlobalCurrentPage };

package/dist/contexts/HighlightContext.js

@@ -1,32 +1,23 @@
-import { jsx as p } from "react/jsx-runtime";
-import { createContext as g, useContext as n } from "react";
-import { useDocumentContext as s } from "./RPDocumentContext.js";
-import { useHighlight as c } from "../utils/hooks/useHighlight.js";
-import "../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../utils/types.js";
-import "../de_DE-8145915f.js";
-import "../utils/getThumbnailViewport.js";
-import "./ConfigContext.js";
-import "./DocumentPasswordContext.js";
-import "../utils/appConsole.js";
-import "../utils/const.js";
-import "../utils/hooks/usePdfProperties.js";
-import "../utils/convertPdfDate.js";
-import "../utils/formatFileSize.js";
-import "../utils/highlight.js";
-import "../utils/charators.js";
-const o = g(void 0), k = ({ children: t }) => {
-  const { pdf: i } = s(), { highlight: r, highlightMatches: e, highlightKeywords: h, clear: m } = c(i);
-  return /* @__PURE__ */ p(o.Provider, { value: { highlight: r, highlightMatches: e, highlightKeywords: h, clear: m }, children: t });
-}, q = () => {
-  const t = n(o);
-  if (!t)
-    throw new Error("useHighlightContext must be used within a HighlightProvider");
-  return t;
-};
-export {
-  o as HighlightContext,
-  k as HighlightProvider,
-  q as useHighlightContext
+import { useDocumentContext as e } from "./RPDocumentContext.js";
+import { useHighlight as t } from "../utils/hooks/useHighlight.js";
+import { createContext as n, useContext as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region lib/contexts/HighlightContext.tsx
+var a = n(void 0), o = ({ children: n }) => {
+	let { pdf: r } = e(), { highlight: o, highlightMatches: s, highlightKeywords: c, clear: l } = t(r);
+	return /* @__PURE__ */ i(a.Provider, {
+		value: {
+			highlight: o,
+			highlightMatches: s,
+			highlightKeywords: c,
+			clear: l
+		},
+		children: n
+	});
+}, s = () => {
+	let e = r(a);
+	if (!e) throw Error("useHighlightContext must be used within a HighlightProvider");
+	return e;
 };
+//#endregion
+export { a as HighlightContext, o as HighlightProvider, s as useHighlightContext };

package/dist/contexts/IconContext.js

@@ -1,11 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import { createContext as n, useContext as c } from "react";
-const o = n({}), u = () => c(o), i = ({
-  children: t,
-  icons: e = {}
-}) => /* @__PURE__ */ r(o.Provider, { value: e, children: t });
-export {
-  o as IconContext,
-  i as IconProvider,
-  u as useIconContext
-};
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/contexts/IconContext.tsx
+var r = e({}), i = () => t(r), a = ({ children: e, icons: t = {} }) => /* @__PURE__ */ n(r.Provider, {
+	value: t,
+	children: e
+});
+//#endregion
+export { r as IconContext, a as IconProvider, i as useIconContext };