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

package/dist/contexts/ThumbnailsContext.js

@@ -1,44 +1,27 @@
-import { jsx as u } from "react/jsx-runtime";
-import { createContext as s, useContext as l, useState as c } from "react";
-import { useThumbnail as d } from "../utils/hooks/useThumbnail.js";
-import "./RPDocumentContext.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";
-const e = s({
-  thumbnailPages: {},
-  addPage: (t) => {
-  },
-  addToPage: (t) => {
-  },
-  thumbnailLength: 0,
-  setActive: (t) => {
-  },
-  active: !1
-}), w = () => l(e), y = ({
-  children: t,
-  initialThumbnailsVisible: o
-}) => {
-  const { thumbnailPages: i, addPage: r, addToPage: a, thumbnailLength: m } = d(), [n, p] = c(o);
-  return /* @__PURE__ */ u(
-    e.Provider,
-    {
-      value: { thumbnailPages: i, addPage: r, addToPage: a, thumbnailLength: m, active: n, setActive: p },
-      children: t
-    }
-  );
-};
-export {
-  e as ThumbnailContext,
-  y as ThumbnailProvider,
-  w as useThumbnailContext
+import { useThumbnail as e } from "../utils/hooks/useThumbnail.js";
+import { createContext as t, useContext as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region lib/contexts/ThumbnailsContext.tsx
+var a = t({
+	thumbnailPages: {},
+	addPage: (e) => {},
+	addToPage: (e) => {},
+	thumbnailLength: 0,
+	setActive: (e) => {},
+	active: !1
+}), o = () => n(a), s = ({ children: t, initialThumbnailsVisible: n }) => {
+	let { thumbnailPages: o, addPage: s, addToPage: c, thumbnailLength: l } = e(), [u, d] = r(n);
+	return /* @__PURE__ */ i(a.Provider, {
+		value: {
+			thumbnailPages: o,
+			addPage: s,
+			addToPage: c,
+			thumbnailLength: l,
+			active: u,
+			setActive: d
+		},
+		children: t
+	});
 };
+//#endregion
+export { a as ThumbnailContext, s as ThumbnailProvider, o as useThumbnailContext };

package/dist/contexts/ToolComponentContext.js

@@ -1,52 +1,55 @@
-import { jsx as l } from "react/jsx-runtime";
-import { createContext as u, useContext as n, useState as s } from "react";
-const i = () => {
-  throw new Error("setSlots is not initialized yet");
-}, o = u({
-  themeSwitcher: !0,
-  documentProperties: !0,
-  rotateTool: !0,
-  fullscreenTool: !0,
-  openFileTool: !0,
-  dropFileZone: !0,
-  downloadTool: !0,
-  viewModeTool: !0,
-  scrollModeTool: !0,
-  printTool: !0,
-  thumbnailTool: !0,
-  showPrintProgress: !0,
-  selectionModeTool: !0,
-  jumpNavigationTool: !0,
-  sidebarEnable: !0,
-  pageNavigationTool: !0,
-  searchTool: !0,
-  zoomTool: !0,
-  setSlots: i
-}), c = () => n(o), T = {
-  themeSwitcher: !0,
-  documentProperties: !0,
-  rotateTool: !0,
-  fullscreenTool: !0,
-  openFileTool: !0,
-  dropFileZone: !0,
-  downloadTool: !0,
-  viewModeTool: !0,
-  scrollModeTool: !0,
-  printTool: !0,
-  thumbnailTool: !0,
-  showPrintProgress: !0,
-  selectionModeTool: !0,
-  jumpNavigationTool: !0,
-  sidebarEnable: !0,
-  pageNavigationTool: !0,
-  searchTool: !0,
-  zoomTool: !0
-}, p = ({ children: e }) => {
-  const [t, r] = s(T);
-  return /* @__PURE__ */ l(o.Provider, { value: { ...t, setSlots: r }, children: e });
-};
-export {
-  o as ToolComponentContext,
-  p as ToolComponentProvider,
-  c as useToolComponentContext
+import { createContext as e, useContext as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var i = e({
+	themeSwitcher: !0,
+	documentProperties: !0,
+	rotateTool: !0,
+	fullscreenTool: !0,
+	openFileTool: !0,
+	dropFileZone: !0,
+	downloadTool: !0,
+	viewModeTool: !0,
+	scrollModeTool: !0,
+	printTool: !0,
+	thumbnailTool: !0,
+	showPrintProgress: !0,
+	selectionModeTool: !0,
+	jumpNavigationTool: !0,
+	sidebarEnable: !0,
+	pageNavigationTool: !0,
+	searchTool: !0,
+	zoomTool: !0,
+	setSlots: () => {
+		throw Error("setSlots is not initialized yet");
+	}
+}), a = () => t(i), o = {
+	themeSwitcher: !0,
+	documentProperties: !0,
+	rotateTool: !0,
+	fullscreenTool: !0,
+	openFileTool: !0,
+	dropFileZone: !0,
+	downloadTool: !0,
+	viewModeTool: !0,
+	scrollModeTool: !0,
+	printTool: !0,
+	thumbnailTool: !0,
+	showPrintProgress: !0,
+	selectionModeTool: !0,
+	jumpNavigationTool: !0,
+	sidebarEnable: !0,
+	pageNavigationTool: !0,
+	searchTool: !0,
+	zoomTool: !0
+}, s = ({ children: e }) => {
+	let [t, a] = n(o);
+	return /* @__PURE__ */ r(i.Provider, {
+		value: {
+			...t,
+			setSlots: a
+		},
+		children: e
+	});
 };
+//#endregion
+export { i as ToolComponentContext, s as ToolComponentProvider, a as useToolComponentContext };

package/dist/contexts/ToolbarComponentContext.js

@@ -1,48 +1,49 @@
-import { jsx as u } from "react/jsx-runtime";
-import { createContext as l, useContext as n, useMemo as i } from "react";
-const e = l({
-  themeSwitcher: !0,
-  documentProperties: !0,
-  rotateTool: !0,
-  fullscreenTool: !0,
-  openFileTool: !0,
-  dropFileZone: !0,
-  downloadTool: !0,
-  viewModeTool: !0,
-  scrollModeTool: !0,
-  printTool: !0,
-  showPrintProgress: !0,
-  selectionModeTool: !0,
-  jumpNavigationTool: !0,
-  sidebarEnable: !0
-}), d = () => n(e), T = {
-  themeSwitcher: !0,
-  documentProperties: !0,
-  rotateTool: !0,
-  fullscreenTool: !0,
-  openFileTool: !0,
-  dropFileZone: !0,
-  downloadTool: !0,
-  viewModeTool: !0,
-  scrollModeTool: !0,
-  printTool: !0,
-  thumbnailTool: !0,
-  showPrintProgress: !0,
-  selectionModeTool: !0,
-  jumpNavigationTool: !0,
-  sidebarEnable: !0,
-  pageNavigationTool: !0,
-  searchTool: !0,
-  zoomTool: !0
-}, c = ({ children: r, slots: o }) => {
-  const t = i(() => ({
-    ...T,
-    ...o
-  }), [o]);
-  return /* @__PURE__ */ u(e.Provider, { value: t, children: r });
-};
-export {
-  e as ToolbarComponentContext,
-  c as ToolbarComponentProvider,
-  d as useToolbarComponentContext
+import { createContext as e, useContext as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/contexts/ToolbarComponentContext.tsx
+var i = e({
+	themeSwitcher: !0,
+	documentProperties: !0,
+	rotateTool: !0,
+	fullscreenTool: !0,
+	openFileTool: !0,
+	dropFileZone: !0,
+	downloadTool: !0,
+	viewModeTool: !0,
+	scrollModeTool: !0,
+	printTool: !0,
+	showPrintProgress: !0,
+	selectionModeTool: !0,
+	jumpNavigationTool: !0,
+	sidebarEnable: !0
+}), a = () => t(i), o = {
+	themeSwitcher: !0,
+	documentProperties: !0,
+	rotateTool: !0,
+	fullscreenTool: !0,
+	openFileTool: !0,
+	dropFileZone: !0,
+	downloadTool: !0,
+	viewModeTool: !0,
+	scrollModeTool: !0,
+	printTool: !0,
+	thumbnailTool: !0,
+	showPrintProgress: !0,
+	selectionModeTool: !0,
+	jumpNavigationTool: !0,
+	sidebarEnable: !0,
+	pageNavigationTool: !0,
+	searchTool: !0,
+	zoomTool: !0
+}, s = ({ children: e, slots: t }) => {
+	let a = n(() => ({
+		...o,
+		...t
+	}), [t]);
+	return /* @__PURE__ */ r(i.Provider, {
+		value: a,
+		children: e
+	});
 };
+//#endregion
+export { i as ToolbarComponentContext, s as ToolbarComponentProvider, a as useToolbarComponentContext };

package/dist/contexts/ViewModeContext.js

@@ -1,33 +1,36 @@
-import { jsx as C } from "react/jsx-runtime";
-import { createContext as P, useContext as d, useState as E, useCallback as i, useMemo as f } from "react";
-import { appConsole as p } from "../utils/appConsole.js";
 import { ViewMode as e } from "../utils/types.js";
-import { useInitialStateContext as G } from "./InitialStateContext.js";
-import "../de_DE-8145915f.js";
-const s = P({
-  columnCount: 1,
-  setSinglePage: () => {
-  },
-  setDualPage: () => {
-  },
-  setDualPageWithCover: () => {
-  },
-  viewMode: e.SINGLE_PAGE
-}), S = () => {
-  const o = d(s);
-  return typeof o.columnCount > "u" && p.error("Please use this hooks inside children component of RPProvider"), o;
-}, w = ({ children: o }) => {
-  const { initialViewMode: r = e.SINGLE_PAGE } = G(), u = r === e.SINGLE_PAGE ? 1 : r === e.DUAL_PAGE_WITH_COVER ? -2 : 2, [t, n] = E(u), a = i(() => {
-    n(1);
-  }, []), l = i(() => {
-    n(2);
-  }, []), c = i(() => {
-    n(-2);
-  }, []), m = f(() => t === 1 ? e.SINGLE_PAGE : t === -2 ? e.DUAL_PAGE_WITH_COVER : e.DUAL_PAGE, [t]);
-  return /* @__PURE__ */ C(s.Provider, { value: { columnCount: Math.abs(t), setSinglePage: a, setDualPage: l, setDualPageWithCover: c, viewMode: m }, children: o });
-};
-export {
-  s as ViewModeContext,
-  w as ViewModeProvider,
-  S as useViewModeContext
+import { appConsole as t } from "../utils/appConsole.js";
+import { useInitialStateContext as n } from "./InitialStateContext.js";
+import { createContext as r, useCallback as i, useContext as a, useMemo as o, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region lib/contexts/ViewModeContext.tsx
+var l = r({
+	columnCount: 1,
+	setSinglePage: () => {},
+	setDualPage: () => {},
+	setDualPageWithCover: () => {},
+	viewMode: e.SINGLE_PAGE
+}), u = () => {
+	let e = a(l);
+	return e.columnCount === void 0 && t.error("Please use this hooks inside children component of RPProvider"), e;
+}, d = ({ children: t }) => {
+	let { initialViewMode: r = e.SINGLE_PAGE } = n(), [a, u] = s(r === e.SINGLE_PAGE ? 1 : r === e.DUAL_PAGE_WITH_COVER ? -2 : 2), d = i(() => {
+		u(1);
+	}, []), f = i(() => {
+		u(2);
+	}, []), p = i(() => {
+		u(-2);
+	}, []), m = o(() => a === 1 ? e.SINGLE_PAGE : a === -2 ? e.DUAL_PAGE_WITH_COVER : e.DUAL_PAGE, [a]);
+	return /* @__PURE__ */ c(l.Provider, {
+		value: {
+			columnCount: Math.abs(a),
+			setSinglePage: d,
+			setDualPage: f,
+			setDualPageWithCover: p,
+			viewMode: m
+		},
+		children: t
+	});
 };
+//#endregion
+export { l as ViewModeContext, d as ViewModeProvider, u as useViewModeContext };

package/dist/contexts/ViewportContext.js

@@ -1,85 +1,91 @@
-import { jsx as k } from "react/jsx-runtime";
-import { createContext as S, useState as u, useMemo as g, useEffect as c, useContext as B } from "react";
-import { useLayoutContainer as M } from "./LayoutContainerContext.js";
-const w = {
-  xs: 320,
-  sm: 640,
-  md: 768,
-  lg: 1024,
-  xl: 1280,
-  "2xl": 1536
-}, E = {
-  width: 0,
-  height: 0,
-  isMobile: !1,
-  currentBreakpoint: "xs",
-  orientation: "portrait",
-  breakpoints: w,
-  isBreakpoint: () => !1,
-  isMobileDevice: !1,
-  isPortrait: !0,
-  isLandscape: !1,
-  isSmallScreen: !1
-}, m = S(void 0), O = ({
-  children: l,
-  mobileWidth: p = 768,
-  onLayoutWidthChange: s
-}) => {
-  const [a, b] = u(!1), { container: t } = M(), [r, f] = u({
-    width: (t == null ? void 0 : t.clientWidth) || window.innerWidth,
-    height: (t == null ? void 0 : t.clientHeight) || window.innerHeight,
-    isMobile: !1,
-    currentBreakpoint: "xs",
-    orientation: "portrait"
-  }), n = g(() => ({
-    ...w,
-    md: p
-  }), [p]), h = (e) => {
-    const o = Object.entries(n);
-    for (let i = o.length - 1; i >= 0; i--)
-      if (e >= o[i][1])
-        return o[i][0];
-    return "xs";
-  }, x = () => {
-    const e = navigator.userAgent.toLowerCase();
-    return ["iphone", "ipod", "ipad", "android", "mobile", "phone", "tablet"].some((i) => e.includes(i));
-  };
-  c(() => {
-    const e = r.width <= n.md;
-    b(e);
-  }, [r, n]), c(() => {
-    s && s(a, r.width);
-  }, [s, a, r]), c(() => {
-    if (!t)
-      return;
-    const e = () => {
-      const i = t.clientWidth, d = t.clientHeight;
-      f({
-        width: i,
-        height: d,
-        isMobile: x(),
-        currentBreakpoint: h(i),
-        orientation: d > i ? "portrait" : "landscape"
-      });
-    };
-    e();
-    const o = new ResizeObserver(e);
-    return o.observe(t), window.addEventListener("resize", e), () => {
-      o.disconnect(), window.removeEventListener("resize", e);
-    };
-  }, [t]);
-  const v = {
-    ...r,
-    breakpoints: n,
-    isBreakpoint: (e) => r.width >= n[e],
-    isMobileDevice: r.isMobile,
-    isPortrait: r.orientation === "portrait",
-    isLandscape: r.orientation === "landscape",
-    isSmallScreen: a
-  };
-  return /* @__PURE__ */ k(m.Provider, { value: v, children: l });
-}, V = () => B(m) ?? E;
-export {
-  O as ViewportProvider,
-  V as useViewportContext
-};
+import { useLayoutContainer as e } from "./LayoutContainerContext.js";
+import { createContext as t, useContext as n, useEffect as r, useMemo as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region lib/contexts/ViewportContext.tsx
+var s = {
+	xs: 320,
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280,
+	"2xl": 1536
+}, c = {
+	width: 0,
+	height: 0,
+	isMobile: !1,
+	currentBreakpoint: "xs",
+	orientation: "portrait",
+	breakpoints: s,
+	isBreakpoint: () => !1,
+	isMobileDevice: !1,
+	isPortrait: !0,
+	isLandscape: !1,
+	isSmallScreen: !1
+}, l = t(void 0), u = ({ children: t, mobileWidth: n = 768, onLayoutWidthChange: c }) => {
+	let [u, d] = a(!1), { container: f } = e(), [p, m] = a({
+		width: f?.clientWidth || window.innerWidth,
+		height: f?.clientHeight || window.innerHeight,
+		isMobile: !1,
+		currentBreakpoint: "xs",
+		orientation: "portrait"
+	}), h = i(() => ({
+		...s,
+		md: n
+	}), [n]), g = (e) => {
+		let t = Object.entries(h);
+		for (let n = t.length - 1; n >= 0; n--) if (e >= t[n][1]) return t[n][0];
+		return "xs";
+	}, _ = () => {
+		let e = navigator.userAgent.toLowerCase();
+		return [
+			"iphone",
+			"ipod",
+			"ipad",
+			"android",
+			"mobile",
+			"phone",
+			"tablet"
+		].some((t) => e.includes(t));
+	};
+	r(() => {
+		d(p.width <= h.md);
+	}, [p, h]), r(() => {
+		c && c(u, p.width);
+	}, [
+		c,
+		u,
+		p
+	]), r(() => {
+		if (!f) return;
+		let e = () => {
+			let e = f.clientWidth, t = f.clientHeight;
+			m({
+				width: e,
+				height: t,
+				isMobile: _(),
+				currentBreakpoint: g(e),
+				orientation: t > e ? "portrait" : "landscape"
+			});
+		};
+		e();
+		let t = new ResizeObserver(e);
+		return t.observe(f), window.addEventListener("resize", e), () => {
+			t.disconnect(), window.removeEventListener("resize", e);
+		};
+	}, [f]);
+	let v = (e) => p.width >= h[e], y = {
+		...p,
+		breakpoints: h,
+		isBreakpoint: v,
+		isMobileDevice: p.isMobile,
+		isPortrait: p.orientation === "portrait",
+		isLandscape: p.orientation === "landscape",
+		isSmallScreen: u
+	};
+	return /* @__PURE__ */ o(l.Provider, {
+		value: y,
+		children: t
+	});
+}, d = () => n(l) ?? c;
+//#endregion
+export { u as ViewportProvider, d as useViewportContext };

package/dist/contexts/VirtualGridContext.js

@@ -1,15 +1,18 @@
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as u, useContext as i, useState as s } from "react";
-const t = u({
-  columnCount: 1,
-  setColumnCount: () => {
-  }
-}), m = () => i(t), c = ({ children: o }) => {
-  const [r, e] = s(1);
-  return /* @__PURE__ */ n(t.Provider, { value: { columnCount: r, setColumnCount: e }, children: o });
-};
-export {
-  t as VirtualGridContext,
-  c as VirtualGridProvider,
-  m as useVirtualGridContext
+import { createContext as e, useContext as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/contexts/VirtualGridContext.tsx
+var i = e({
+	columnCount: 1,
+	setColumnCount: () => {}
+}), a = () => t(i), o = ({ children: e }) => {
+	let [t, a] = n(1);
+	return /* @__PURE__ */ r(i.Provider, {
+		value: {
+			columnCount: t,
+			setColumnCount: a
+		},
+		children: e
+	});
 };
+//#endregion
+export { i as VirtualGridContext, o as VirtualGridProvider, a as useVirtualGridContext };

package/dist/contexts/VirtualScrollContext.js

@@ -1,53 +1,43 @@
-import { jsx as m } from "react/jsx-runtime";
-import { createContext as g, useContext as R, useState as e } from "react";
-const l = g({
-  getVirtualScrollRef: () => {
-  },
-  getPageScrollElementRef: () => {
-  },
-  getVirtualScrollableElementRef: () => {
-  },
-  scrollPosition: {
-    scrollTop: 0,
-    scrollLeft: 0
-  },
-  setScrollPosition: () => {
-  },
-  totalInnerDimensions: {
-    height: 0,
-    width: 0
-  },
-  setTotalInnerDimensions: () => {
-  }
-}), E = () => R(l), h = ({ children: t }) => {
-  const [o, r] = e(), [n, s] = e(), [i, c] = e(), [a, S] = e({
-    scrollTop: 0,
-    scrollLeft: 0
-  }), [u, f] = e({
-    height: 0,
-    width: 0
-  });
-  return /* @__PURE__ */ m(
-    l.Provider,
-    {
-      value: {
-        virtualScrollRef: o,
-        getVirtualScrollRef: r,
-        pageScrollElementRef: i,
-        getPageScrollElementRef: c,
-        virtualScrollableElementRef: n,
-        getVirtualScrollableElementRef: s,
-        scrollPosition: a,
-        setScrollPosition: S,
-        totalInnerDimensions: u,
-        setTotalInnerDimensions: f
-      },
-      children: t
-    }
-  );
-};
-export {
-  l as VirtualScrollContext,
-  h as VirtualScrollProvider,
-  E as useVirtualScrollContext
+import { createContext as e, useContext as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/contexts/VirtualScrollContext.tsx
+var i = e({
+	getVirtualScrollRef: () => {},
+	getPageScrollElementRef: () => {},
+	getVirtualScrollableElementRef: () => {},
+	scrollPosition: {
+		scrollTop: 0,
+		scrollLeft: 0
+	},
+	setScrollPosition: () => {},
+	totalInnerDimensions: {
+		height: 0,
+		width: 0
+	},
+	setTotalInnerDimensions: () => {}
+}), a = () => t(i), o = ({ children: e }) => {
+	let [t, a] = n(), [o, s] = n(), [c, l] = n(), [u, d] = n({
+		scrollTop: 0,
+		scrollLeft: 0
+	}), [f, p] = n({
+		height: 0,
+		width: 0
+	});
+	return /* @__PURE__ */ r(i.Provider, {
+		value: {
+			virtualScrollRef: t,
+			getVirtualScrollRef: a,
+			pageScrollElementRef: c,
+			getPageScrollElementRef: l,
+			virtualScrollableElementRef: o,
+			getVirtualScrollableElementRef: s,
+			scrollPosition: u,
+			setScrollPosition: d,
+			totalInnerDimensions: f,
+			setTotalInnerDimensions: p
+		},
+		children: e
+	});
 };
+//#endregion
+export { i as VirtualScrollContext, o as VirtualScrollProvider, a as useVirtualScrollContext };