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

package/dist/components/layout/toolbar/FileUploadTool.js

@@ -1,50 +1,55 @@
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { FileUploadDefaultIcon as f } from "../../icons/FileUploadDefaultIcon.js";
-import { useToolbarComponentContext as F } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as T } from "../../../contexts/IconContext.js";
-import { UIButton as d } from "../../ui/Button.js";
-import { MenuItem as C } from "./MenuItem.js";
-import { useViewportContext as x } from "../../../contexts/ViewportContext.js";
-import { useOpenFileContext as h } from "../../../contexts/FileInputContext.js";
-import p from "../../ui/RPTooltip.js";
-import { useLocalizationContext as I } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as L } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as U } from "../../../contexts/ToolComponentContext.js";
-import "react";
-import "../../../clsx-0c6e471a.js";
-import "../../../utils/withRef.js";
-import "../../../index-11f3cd64.js";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/types.js";
-import "../../../de_DE-8145915f.js";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/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/hooks/useLocalization.js";
-const e = () => {
-  const { openFileIcon: i } = T(), { openFileIcon: o } = L();
-  return i || o || /* @__PURE__ */ t(f, {});
-}, l = ({ children: i, className: o, localeMessages: n }) => /* @__PURE__ */ t(p, { className: o, content: n == null ? void 0 : n.openLocalFileTooltip, children: i }), b = ({ onFileChange: i, localeMessages: o }) => /* @__PURE__ */ t(C, { onClick: i, children: /* @__PURE__ */ u(l, { className: "rp-menu-item", localeMessages: o, children: [
-  /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(e, {}) }),
-  o == null ? void 0 : o.openLocalFileLabel
-] }) }), O = ({ onFileChange: i, localeMessages: o }) => /* @__PURE__ */ t(l, { localeMessages: o, children: /* @__PURE__ */ t(d, { onClick: i, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: /* @__PURE__ */ t(e, {}) }) }), mo = () => {
-  const { openFileTool: i = !0 } = F(), { openFileTool: o = !0 } = U(), { openFile: n } = h(), { isSmallScreen: c } = x(), { localeMessages: r } = I(), m = r == null ? void 0 : r.openLocalFileTooltip;
-  return !i || !o ? null : c ? /* @__PURE__ */ t(b, { onFileChange: n, localeMessages: r }) : typeof i == "function" ? /* @__PURE__ */ t(p, { content: m, children: /* @__PURE__ */ t(i, { openFile: n }) }) : typeof o == "function" ? /* @__PURE__ */ t(p, { content: m, children: /* @__PURE__ */ t(o, { openFile: n }) }) : /* @__PURE__ */ t(O, { onFileChange: n, localeMessages: r });
-};
-export {
-  mo as FileUploadTool
+import { useOpenFileContext as e } from "../../../contexts/FileInputContext.js";
+import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
+import { useLocalizationContext as r } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
+import { t as a } from "../../../Button-jStpvb3T.js";
+import { useIconContext as o } from "../../../contexts/IconContext.js";
+import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
+import { t as c } from "../../../RPTooltip-ZZoFqP7C.js";
+import { FileUploadDefaultIcon as l } from "../../icons/FileUploadDefaultIcon.js";
+import { t as u } from "../../../MenuItem-BJDWfzAw.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/FileUploadTool.tsx
+var p = () => {
+	let { openFileIcon: e } = o(), { openFileIcon: t } = i();
+	return e || t || /* @__PURE__ */ d(l, {});
+}, m = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ d(c, {
+	className: t,
+	content: n?.openLocalFileTooltip,
+	children: e
+}), h = ({ onFileChange: e, localeMessages: t }) => /* @__PURE__ */ d(u, {
+	onClick: e,
+	children: /* @__PURE__ */ f(m, {
+		className: "rp-menu-item",
+		localeMessages: t,
+		children: [/* @__PURE__ */ d("div", {
+			className: "rp-menu-item-left",
+			children: /* @__PURE__ */ d(p, {})
+		}), t?.openLocalFileLabel]
+	})
+}), g = ({ onFileChange: e, localeMessages: t }) => /* @__PURE__ */ d(m, {
+	localeMessages: t,
+	children: /* @__PURE__ */ d(a, {
+		onClick: e,
+		"aria-label": t?.openLocalFileTooltip,
+		children: /* @__PURE__ */ d(p, {})
+	})
+}), _ = () => {
+	let { openFileTool: i = !0 } = t(), { openFileTool: a = !0 } = n(), { openFile: o } = e(), { isSmallScreen: l } = s(), { localeMessages: u } = r(), f = u?.openLocalFileTooltip;
+	return !i || !a ? null : l ? /* @__PURE__ */ d(h, {
+		onFileChange: o,
+		localeMessages: u
+	}) : typeof i == "function" ? /* @__PURE__ */ d(c, {
+		content: f,
+		children: /* @__PURE__ */ d(i, { openFile: o })
+	}) : typeof a == "function" ? /* @__PURE__ */ d(c, {
+		content: f,
+		children: /* @__PURE__ */ d(a, { openFile: o })
+	}) : /* @__PURE__ */ d(g, {
+		onFileChange: o,
+		localeMessages: u
+	});
 };
+//#endregion
+export { _ as FileUploadTool };

package/dist/components/layout/toolbar/FullScreenTool.js

@@ -1,74 +1,64 @@
-import { jsx as t, jsxs as S } from "react/jsx-runtime";
-import { useFullScreenContext as T } from "../../../contexts/FullScreenContext.js";
-import { UIButton as d } from "../../ui/Button.js";
+import { useFullScreenContext as e } from "../../../contexts/FullScreenContext.js";
+import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
+import { useLocalizationContext as r } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
+import { t as a } from "../../../Button-jStpvb3T.js";
+import { useIconContext as o } from "../../../contexts/IconContext.js";
+import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
+import { t as c } from "../../../RPTooltip-ZZoFqP7C.js";
+import { t as l } from "../../../MenuItem-BJDWfzAw.js";
 import { FullScreenIcon as u } from "../../icons/FullScreenIcon.js";
-import { useToolbarComponentContext as x } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as C } from "../../../contexts/IconContext.js";
-import { useViewportContext as F } from "../../../contexts/ViewportContext.js";
-import { MenuItem as I } from "./MenuItem.js";
-import m from "../../ui/RPTooltip.js";
-import { useLocalizationContext as h } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
-import "react";
-import "../../../utils/hooks/useFullScreen.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../utils/withRef.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-11f3cd64.js";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../utils/appConsole.js";
-import "../../../utils/hooks/useLocalization.js";
-import "../../../de_DE-8145915f.js";
-const j = () => {
-  const { fullScreenIcon: r } = C(), { fullScreenIcon: n } = s();
-  return r || n || /* @__PURE__ */ t(u, {});
-}, p = ({ children: r, className: n, localeMessages: o }) => /* @__PURE__ */ t(m, { className: n, content: o == null ? void 0 : o.fullScreenTooltip, children: r }), k = ({
-  toggleFullScreen: r,
-  isSupported: n,
-  localeMessages: o
-}) => /* @__PURE__ */ t(I, { onClick: r, disabled: !n, children: /* @__PURE__ */ S(p, { className: "rp-menu-item", localeMessages: o, children: [
-  /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(u, {}) }),
-  o == null ? void 0 : o.fullScreenTooltip
-] }) }), a = () => {
-  const { isFullScreen: r, toggleFullScreen: n, isSupported: o } = T(), { fullscreenTool: i = !0 } = x(), { fullscreenTool: l = !0 } = b(), { isSmallScreen: f } = F(), { localeMessages: e } = h(), c = e == null ? void 0 : e.fullScreenTooltip;
-  return !i || !l ? null : f ? /* @__PURE__ */ t(
-    k,
-    {
-      isFullScreen: r,
-      toggleFullScreen: n,
-      isSupported: o,
-      localeMessages: e
-    }
-  ) : typeof i == "function" ? /* @__PURE__ */ t(m, { content: c, children: /* @__PURE__ */ t(
-    i,
-    {
-      isFullScreen: r,
-      toggleFullScreen: n,
-      isSupported: o
-    }
-  ) }) : typeof l == "function" ? /* @__PURE__ */ t(m, { content: c, children: /* @__PURE__ */ t(
-    l,
-    {
-      isFullScreen: r,
-      toggleFullScreen: n,
-      isSupported: o
-    }
-  ) }) : /* @__PURE__ */ t(p, { localeMessages: e, children: /* @__PURE__ */ t(
-    d,
-    {
-      disabled: !o,
-      onClick: n,
-      "aria-label": r ? "Exit full screen" : "Enter full screen",
-      children: /* @__PURE__ */ t(j, {})
-    }
-  ) });
-};
-export {
-  a as FullScreenTool
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/FullScreenTool.tsx
+var p = () => {
+	let { fullScreenIcon: e } = o(), { fullScreenIcon: t } = i();
+	return e || t || /* @__PURE__ */ d(u, {});
+}, m = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ d(c, {
+	className: t,
+	content: n?.fullScreenTooltip,
+	children: e
+}), h = ({ toggleFullScreen: e, isSupported: t, localeMessages: n }) => /* @__PURE__ */ d(l, {
+	onClick: e,
+	disabled: !t,
+	children: /* @__PURE__ */ f(m, {
+		className: "rp-menu-item",
+		localeMessages: n,
+		children: [/* @__PURE__ */ d("div", {
+			className: "rp-menu-item-left",
+			children: /* @__PURE__ */ d(u, {})
+		}), n?.fullScreenTooltip]
+	})
+}), g = () => {
+	let { isFullScreen: i, toggleFullScreen: o, isSupported: l } = e(), { fullscreenTool: u = !0 } = t(), { fullscreenTool: f = !0 } = n(), { isSmallScreen: g } = s(), { localeMessages: _ } = r(), v = _?.fullScreenTooltip;
+	return !u || !f ? null : g ? /* @__PURE__ */ d(h, {
+		isFullScreen: i,
+		toggleFullScreen: o,
+		isSupported: l,
+		localeMessages: _
+	}) : typeof u == "function" ? /* @__PURE__ */ d(c, {
+		content: v,
+		children: /* @__PURE__ */ d(u, {
+			isFullScreen: i,
+			toggleFullScreen: o,
+			isSupported: l
+		})
+	}) : typeof f == "function" ? /* @__PURE__ */ d(c, {
+		content: v,
+		children: /* @__PURE__ */ d(f, {
+			isFullScreen: i,
+			toggleFullScreen: o,
+			isSupported: l
+		})
+	}) : /* @__PURE__ */ d(m, {
+		localeMessages: _,
+		children: /* @__PURE__ */ d(a, {
+			disabled: !l,
+			onClick: o,
+			"aria-label": i ? "Exit full screen" : "Enter full screen",
+			children: /* @__PURE__ */ d(p, {})
+		})
+	});
 };
+//#endregion
+export { g as FullScreenTool };

package/dist/components/layout/toolbar/MenuItem.js

@@ -1,19 +1,2 @@
-import { jsx as e } from "react/jsx-runtime";
-import { I as s } from "../../../index-11f3cd64.js";
-import { c as p } from "../../../clsx-0c6e471a.js";
-import "react";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-const i = {
-  "rp-menu-item": "_rp-menu-item_cu12j_1"
-}, j = (m) => {
-  const { children: r, className: t, ...o } = m;
-  return /* @__PURE__ */ e(s, { ...o, tabIndex: 0, className: p(i["rp-menu-item"], t), children: r });
-};
-export {
-  j as MenuItem
-};
+import { t as e } from "../../../MenuItem-BJDWfzAw.js";
+export { e as MenuItem };

package/dist/components/layout/toolbar/MenuSeparator.js

@@ -1,15 +1,2 @@
-import { jsx as r } from "react/jsx-runtime";
-import { S as o } from "../../../index-11f3cd64.js";
-import "react";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-const p = {
-  "rp-menu-separator": "_rp-menu-separator_17dlz_1"
-}, l = () => /* @__PURE__ */ r(o, { className: p["rp-menu-separator"] });
-export {
-  l as MenuSeparator
-};
+import { t as e } from "../../../MenuSeparator-D1H5l8Ej.js";
+export { e as MenuSeparator };

package/dist/components/layout/toolbar/MostPageTool.js

@@ -1,82 +1,63 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { G as C } from "../../../index-11f3cd64.js";
-import { MenuItem as p } from "./MenuItem.js";
-import { u as x } from "../../../PaginationContext-87f832f2.js";
-import { useMemo as e, useCallback as a } from "react";
-import { MenuSeparator as L } from "./MenuSeparator.js";
-import { GoToDownIcon as l } from "../../icons/GoToDownIcon.js";
-import { c as N } from "../../../MostPageTool.module-13578ad6.js";
-import { useIconContext as d } from "../../../contexts/IconContext.js";
-import s from "../../ui/RPTooltip.js";
-import { useToolbarComponentContext as b } from "../../../contexts/ToolbarComponentContext.js";
-import { useLocalizationContext as v } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as u } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as F } from "../../../contexts/ToolComponentContext.js";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../utils/types.js";
-import "../../../de_DE-8145915f.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../utils/const.js";
-import "../../../utils/hooks/usePdfProperties.js";
-import "../../../utils/convertPdfDate.js";
-import "../../../utils/formatFileSize.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../utils/smoothScrollTo.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../utils/constants.js";
-import "../../../utils/getZoomLevel.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../utils/hooks/useDebounce.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../utils/getScrollDistance.js";
-import "../../../utils/calculatePage.js";
-import "../../../utils/withRef.js";
-import "../../../utils/hooks/useLocalization.js";
-const G = () => {
-  const { goToFirstPageIcon: r } = d(), { goToFirstPageIcon: i } = u();
-  return r || i || /* @__PURE__ */ o(l, { className: N["rp-go-to-Top"] });
-}, j = () => {
-  const { goToLastPageIcon: r } = d(), { goToLastPageIcon: i } = u();
-  return r || i || /* @__PURE__ */ o(l, {});
-}, c = { width: "100%" }, wo = () => {
-  const { goToPage: r, totalPages: i, focusedPage: m } = x(), { jumpNavigationTool: g = !0 } = b(), { jumpNavigationTool: T = !0 } = F(), { localeMessages: t } = v(), P = e(() => m === 1, [m]), f = e(() => m === i, [m, i]), h = a(() => {
-    r(1);
-  }, [r]), I = a(() => {
-    r(i);
-  }, [r, i]);
-  return !g || !T ? null : /* @__PURE__ */ n(C, { children: [
-    /* @__PURE__ */ o(p, { onClick: h, children: /* @__PURE__ */ o(s, { content: t == null ? void 0 : t.firstPageTooltip, style: c, children: /* @__PURE__ */ n("div", { className: "rp-menu-item", "aria-disabled": P, children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(G, {}) }),
-      /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.firstPageLabel })
-    ] }) }) }),
-    /* @__PURE__ */ o(p, { onClick: I, children: /* @__PURE__ */ o(s, { content: t == null ? void 0 : t.lastPageTooltip, style: c, children: /* @__PURE__ */ n("div", { className: "rp-menu-item", "aria-disabled": f, children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(j, {}) }),
-      /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.lastPageLabel })
-    ] }) }) }),
-    /* @__PURE__ */ o(L, {})
-  ] });
-};
-export {
-  wo as MostPageTool
+import { r as e } from "../../../PaginationContext--n91mIJ4.js";
+import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
+import { useLocalizationContext as r } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
+import { useIconContext as a } from "../../../contexts/IconContext.js";
+import { t as o } from "../../../RPTooltip-ZZoFqP7C.js";
+import { n as s } from "../../../dist-CKteKPPA.js";
+import { t as c } from "../../../MenuItem-BJDWfzAw.js";
+import { t as l } from "../../../MenuSeparator-D1H5l8Ej.js";
+import { GoToDownIcon as u } from "../../icons/GoToDownIcon.js";
+import { t as d } from "../../../MostPageTool.module-BRVv-sGz.js";
+import { useCallback as f, useMemo as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/MostPageTool.tsx
+var g = () => {
+	let { goToFirstPageIcon: e } = a(), { goToFirstPageIcon: t } = i();
+	return e || t || /* @__PURE__ */ m(u, { className: d["rp-go-to-Top"] });
+}, _ = () => {
+	let { goToLastPageIcon: e } = a(), { goToLastPageIcon: t } = i();
+	return e || t || /* @__PURE__ */ m(u, {});
+}, v = { width: "100%" }, y = () => {
+	let { goToPage: i, totalPages: a, focusedPage: u } = e(), { jumpNavigationTool: d = !0 } = t(), { jumpNavigationTool: y = !0 } = n(), { localeMessages: b } = r(), x = p(() => u === 1, [u]), S = p(() => u === a, [u, a]), C = f(() => {
+		i(1);
+	}, [i]), w = f(() => {
+		i(a);
+	}, [i, a]);
+	return !d || !y ? null : /* @__PURE__ */ h(s, { children: [
+		/* @__PURE__ */ m(c, {
+			onClick: C,
+			children: /* @__PURE__ */ m(o, {
+				content: b?.firstPageTooltip,
+				style: v,
+				children: /* @__PURE__ */ h("div", {
+					className: "rp-menu-item",
+					"aria-disabled": x,
+					children: [/* @__PURE__ */ m("div", {
+						className: "rp-menu-item-left",
+						children: /* @__PURE__ */ m(g, {})
+					}), /* @__PURE__ */ m("span", { children: b?.firstPageLabel })]
+				})
+			})
+		}),
+		/* @__PURE__ */ m(c, {
+			onClick: w,
+			children: /* @__PURE__ */ m(o, {
+				content: b?.lastPageTooltip,
+				style: v,
+				children: /* @__PURE__ */ h("div", {
+					className: "rp-menu-item",
+					"aria-disabled": S,
+					children: [/* @__PURE__ */ m("div", {
+						className: "rp-menu-item-left",
+						children: /* @__PURE__ */ m(_, {})
+					}), /* @__PURE__ */ m("span", { children: b?.lastPageLabel })]
+				})
+			})
+		}),
+		/* @__PURE__ */ m(l, {})
+	] });
 };
+//#endregion
+export { y as MostPageTool };