@react-pdf-kit/viewer 2.0.0-beta.1 → 2.0.0-beta.11

package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js

@@ -1,142 +1,27 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../../contexts/RPDocumentContext.js";
-import "../../../../contexts/DocumentPasswordContext.js";
-import { Z as Fm } from "../../../../ToolbarLayout.module-37619c4b.js";
-import "../../../../contexts/DarkModeContext.js";
-import "../../../../utils/types.js";
-import "../../../../contexts/RotationContext.js";
-import "../../../../contexts/LayerContext.js";
-import "../../../../contexts/ZoomContext.js";
-import "../../../../contexts/ViewModeContext.js";
-import "../../../../contexts/ScrollModeContext.js";
-import "../../../../contexts/VirtualScrollContext.js";
-import "../../../../contexts/VirtualGridContext.js";
-import "../../../../contexts/SelectionModeContext.js";
-import "../../../../contexts/InitialStateContext.js";
-import "../../../../contexts/FullScreenContext.js";
-import "../../../../contexts/FileInputContext.js";
-import "../../../../contexts/DropFileZoneContext.js";
-import "../../../../contexts/LayoutContainerContext.js";
-import "../../../../contexts/DimensionPagesContext.js";
-import "../../../../contexts/LocalizationContext.js";
-import "../../../../contexts/HighlightContext.js";
-import "../../../../contexts/LicenseContext.js";
-import "../../../../contexts/DownloadContext.js";
-import "../../../../contexts/SmoothScrollContext.js";
-import "../../../../contexts/ElementPageContext.js";
-import "../../../../contexts/PagesRotateContext.js";
-import "../../../../contexts/GlobalCurrentPage.js";
-import "../../../../contexts/LoaderContext.js";
-import "../../../../contexts/ToolComponentContext.js";
-import "../../../../contexts/IconToolContext.js";
-import "../../../../contexts/OtherToolContext.js";
-import "../../../../contexts/EventCallbackContext.js";
-import "../../../RPConfig.js";
-import "../../Container.js";
-import "../../../../contexts/ViewportContext.js";
-import "../../../../contexts/ToolbarComponentContext.js";
-import "../../sidebar/RPSplitter.js";
-import "../../WrapperLayout.js";
-import "../../../../LayoutWrapper-6224491f.js";
-import "../../../../contexts/ThemeContext.js";
-import "../../../RPDropFileZone.js";
-import "../../../ui/Button.js";
-import "../../../../SearchCloseButton-08d57275.js";
-import "../../../ui/Input.js";
-import "../../../ui/Checkbox.js";
-import "../../../icons/LoaderIcon.js";
-import "../../../../contexts/IconContext.js";
-import "../../../ui/RPTooltip.js";
-import "../../../ui/DropDown.js";
-import "../MenuItem.js";
-import "../MenuSeparator.js";
-import "../../../../utils/dateFormatter.js";
-import "../PropertyItem.js";
-import "../../../../RotateTool.module-67946714.js";
-import "../../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../../utils/getThumbnailViewport.js";
-import "../../../../contexts/ConfigContext.js";
+import { jsx as n, Fragment as p, jsxs as u } from "react/jsx-runtime";
+import { useMemo as e, Fragment as c } from "react";
+import { ZoomLevel as o } from "../../../../utils/types.js";
+import { useLocalizationContext as h } from "../../../../contexts/LocalizationContext.js";
 import "../../../../th_TH-d627cd51.js";
 import "../../../../utils/appConsole.js";
-import "../../../../utils/hooks/usePdfProperties.js";
-import "../../../../utils/convertPdfDate.js";
-import "../../../../utils/formatFileSize.js";
-import "../../../icons/ChevronUpIcon.js";
-import "../../../../utils/highlight.js";
-import "../../../../utils/charators.js";
-import "../../../../utils/Queue.js";
-import "../../../../utils/renderPage.js";
-import "../../../icons/Thumbnail.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../utils/withRef.js";
-import "../../../../utils/hooks/useInfiniteScroll.js";
-import "../../../../utils/constants.js";
-import "../../../../utils/link_service.js";
-import "../../../../utils/annotations.js";
-import "../../../../utils/sanitizeExternalUrl.js";
-import "../../../page/searchHighlight.js";
-import "../../../../utils/const.js";
-import "../../../page/CustomElement.js";
-import "../../../../utils/getZoomLevel.js";
-import "../../../../utils/hooks/useDebounce.js";
-import "../../../../utils/hooks/useLicense.js";
-import "../../../../utils/getScrollDistance.js";
-import "../../../../utils/getElementPositionInPage.js";
-import "../../../../utils/calculatePage.js";
-import "../../../../utils/hooks/useMousePressed.js";
-import "../../../../utils/hooks/useGrabScroll.js";
-import "../../../../utils/hooks/usePinch.js";
-import "../../../ui/PasswordModal.js";
 import "../../../../utils/hooks/useLocalization.js";
-import "../../../../utils/approximateFragtion.js";
-import "../../../../utils/getWordPositionInPage.js";
-import "../../../../utils/smoothScrollTo.js";
-import "../FileUploadTool.js";
-import "../../../icons/FileUploadDefaultIcon.js";
-import "../../../../index-a48ec088.js";
-import "../../../../index-c9a2990a.js";
-import "react-dom";
-import "../../../../index-808ea7bf.js";
-import "../DarkModeTool.js";
-import "../../../icons/MoonIcon.js";
-import "../../../icons/SunIcon.js";
-import "../../../../utils/hooks/useDarkMode.js";
-import "../../../icons/ThreeDotIcon.js";
-import "../../../icons/CloseIcon.js";
-import "../DocumentProperties.js";
-import "../../../icons/InfoIcon.js";
-import "../RotateTool.js";
-import "../../../icons/ClockwiseIcon.js";
-import "../../../../utils/hooks/useRotate.js";
-import "../ViewModeTool.js";
-import "../../../icons/SinglePageIcon.js";
-import "../../../icons/DualPageIcon.js";
-import "../../../icons/CheckIcon.js";
-import "../ScrollModeTool.js";
-import "../../../icons/PageScrollingIcon.js";
-import "../../../icons/VerticalScrollingIcon.js";
-import "../../../icons/HorizontalScrollingIcon.js";
-import "../../../icons/FileDownloadDefaultIcon.js";
-import "../../../icons/PrintDefaultIcon.js";
-import "../FullScreenTool.js";
-import "../../../icons/FullScreenIcon.js";
-import "../../../../utils/hooks/useFullScreen.js";
-import "../../../icons/GoToDownIcon.js";
-import "../SelectionModeTool.js";
-import "../../../icons/TextSelectionDefaultIcon.js";
-import "../../../icons/HandModeDefaultIcon.js";
-import "../../../icons/ZoomInIcon.js";
-import "../../../icons/ZoomOutIcon.js";
-import "../../../../utils/zoom.js";
-import "../../../icons/SearchIcon.js";
-import "../../../icons/ClearIcon.js";
-import "../../../../utils/hooks/useHighlight.js";
-import "../../../RPTheme.js";
-import "../../../../utils/hooks/useLoadWorker.js";
-import "../../../icons/LightPdfIcon.js";
-import "../../../icons/DarkPdfIcon.js";
+const a = ({ zoomLevel: t, className: i }) => {
+  const { localeMessages: r } = h(), m = e(() => {
+    switch (t) {
+      case o.ACTUAL:
+        return r == null ? void 0 : r.zoomActualSize;
+      case o.PAGE_FIT:
+        return r == null ? void 0 : r.zoomPageFit;
+      case o.PAGE_WIDTH:
+        return r == null ? void 0 : r.zoomPageWidth;
+    }
+    return t.toString();
+  }, [t, r]);
+  return /* @__PURE__ */ n(p, { children: typeof t == "number" ? /* @__PURE__ */ u(c, { children: [
+    /* @__PURE__ */ n("span", { className: i, children: t }),
+    /* @__PURE__ */ n("span", { className: i, children: "%" })
+  ] }) : /* @__PURE__ */ n("span", { className: i, children: m }) });
+};
 export {
-  Fm as ZoomLevelDisplay
+  a as ZoomLevelDisplay
 };

package/dist/components/layout/toolbar/tools/ZoomLevelTool.js

@@ -2,16 +2,17 @@ import { jsx as r, Fragment as v, jsxs as m } from "react/jsx-runtime";
 import { useState as z, useRef as x, useEffect as C } from "react";
 import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
 import { UIButton as T } from "../../../ui/Button.js";
-import { j as p, Z as w } from "../../../../ToolbarLayout.module-37619c4b.js";
-import { UIDropDown as I } from "../../../ui/DropDown.js";
-import { useLayoutContainer as Z } from "../../../../contexts/LayoutContainerContext.js";
-import { G as h } from "../../../../index-a48ec088.js";
-import { MenuItem as e } from "../MenuItem.js";
+import { c as e } from "../../../../ZoomTool.module-7082af8c.js";
+import { UIDropDown as w } from "../../../ui/DropDown.js";
+import { useLayoutContainer as I } from "../../../../contexts/LayoutContainerContext.js";
+import { G as f } from "../../../../index-4baea9b5.js";
+import { MenuItem as p } from "../MenuItem.js";
 import { MenuSeparator as b } from "../MenuSeparator.js";
 import A from "../../../ui/RPTooltip.js";
 import { ZoomLevel as c } from "../../../../utils/types.js";
 import { useLocalizationContext as D } from "../../../../contexts/LocalizationContext.js";
 import { ChevronDownIcon as P } from "../../../icons/ChevronDownIcon.js";
+import { ZoomLevelDisplay as R } from "./ZoomLevelDisplay.js";
 import "../../../../utils/appConsole.js";
 import "../../../../contexts/InitialStateContext.js";
 import "../../../../contexts/RPDocumentContext.js";
@@ -33,113 +34,15 @@ import "../../../../contexts/EventCallbackContext.js";
 import "../../../../utils/hooks/useDebounce.js";
 import "../../../../clsx-0c6e471a.js";
 import "../../../../utils/withRef.js";
-import "../../../icons/ChevronUpIcon.js";
-import "../../../ui/Input.js";
-import "../../../../contexts/ScrollModeContext.js";
-import "../../../../contexts/DarkModeContext.js";
-import "../../../../utils/hooks/useDarkMode.js";
-import "../../../../contexts/LayerContext.js";
-import "../../../../contexts/VirtualScrollContext.js";
-import "../../../../contexts/VirtualGridContext.js";
-import "../../../../contexts/SelectionModeContext.js";
-import "../../../../contexts/FullScreenContext.js";
-import "../../../../utils/hooks/useFullScreen.js";
-import "../../../../contexts/FileInputContext.js";
-import "../../../../contexts/DropFileZoneContext.js";
-import "../../../../contexts/ToolbarComponentContext.js";
-import "../../../../contexts/ToolComponentContext.js";
-import "../../../../utils/highlight.js";
-import "../../../../utils/charators.js";
-import "../../../../contexts/DimensionPagesContext.js";
-import "../../../../contexts/PagesRotateContext.js";
-import "../../../../contexts/HighlightContext.js";
-import "../../../../utils/hooks/useHighlight.js";
-import "../../../../contexts/LicenseContext.js";
-import "../../../../utils/hooks/useLicense.js";
-import "../../../../contexts/DownloadContext.js";
-import "../../../../contexts/SmoothScrollContext.js";
-import "../../../../contexts/ElementPageContext.js";
-import "../../../../utils/const.js";
-import "../../../../utils/getScrollDistance.js";
-import "../../../../utils/getElementPositionInPage.js";
-import "../../../../utils/Queue.js";
-import "../../../../utils/renderPage.js";
-import "../../../../contexts/LoaderContext.js";
-import "../../../icons/LoaderIcon.js";
-import "../../../../contexts/IconToolContext.js";
-import "../../../../contexts/OtherToolContext.js";
-import "../../../RPConfig.js";
-import "../../../RPTheme.js";
-import "../../../../contexts/ThemeContext.js";
-import "../../../../utils/hooks/useLoadWorker.js";
-import "../../../icons/Thumbnail.js";
-import "../../Container.js";
-import "../../../../contexts/ViewportContext.js";
-import "../../sidebar/RPSplitter.js";
-import "../../WrapperLayout.js";
-import "../../../../LayoutWrapper-6224491f.js";
-import "../../../RPDropFileZone.js";
-import "../../../icons/LightPdfIcon.js";
-import "../../../icons/DarkPdfIcon.js";
-import "../../../../SearchCloseButton-08d57275.js";
-import "../../../icons/CloseIcon.js";
-import "../../../ui/Checkbox.js";
-import "../../../../index-c9a2990a.js";
+import "../../../../index-c0faa594.js";
 import "react-dom";
-import "../../../icons/CheckIcon.js";
-import "../../../../contexts/IconContext.js";
-import "../../../../utils/dateFormatter.js";
-import "../PropertyItem.js";
-import "../../../../RotateTool.module-67946714.js";
-import "../../../../utils/hooks/useInfiniteScroll.js";
-import "../../../../utils/link_service.js";
-import "../../../../utils/annotations.js";
-import "../../../../utils/sanitizeExternalUrl.js";
-import "../../../page/searchHighlight.js";
-import "../../../page/CustomElement.js";
-import "../../../../utils/calculatePage.js";
-import "../../../../utils/hooks/useMousePressed.js";
-import "../../../../utils/hooks/useGrabScroll.js";
-import "../../../../utils/hooks/usePinch.js";
-import "../../../ui/PasswordModal.js";
-import "../../../../utils/approximateFragtion.js";
-import "../../../../utils/getWordPositionInPage.js";
-import "../../../../utils/smoothScrollTo.js";
-import "../FileUploadTool.js";
-import "../../../icons/FileUploadDefaultIcon.js";
-import "../DarkModeTool.js";
-import "../../../icons/MoonIcon.js";
-import "../../../icons/SunIcon.js";
-import "../../../icons/ThreeDotIcon.js";
-import "../../../../index-808ea7bf.js";
-import "../DocumentProperties.js";
-import "../../../icons/InfoIcon.js";
-import "../RotateTool.js";
-import "../../../icons/ClockwiseIcon.js";
-import "../../../../utils/hooks/useRotate.js";
-import "../ViewModeTool.js";
-import "../../../icons/SinglePageIcon.js";
-import "../../../icons/DualPageIcon.js";
-import "../ScrollModeTool.js";
-import "../../../icons/PageScrollingIcon.js";
-import "../../../icons/VerticalScrollingIcon.js";
-import "../../../icons/HorizontalScrollingIcon.js";
-import "../../../icons/FileDownloadDefaultIcon.js";
-import "../../../icons/PrintDefaultIcon.js";
-import "../FullScreenTool.js";
-import "../../../icons/FullScreenIcon.js";
-import "../../../icons/GoToDownIcon.js";
-import "../SelectionModeTool.js";
-import "../../../icons/TextSelectionDefaultIcon.js";
-import "../../../icons/HandModeDefaultIcon.js";
-import "../../../icons/ZoomInIcon.js";
-import "../../../icons/ZoomOutIcon.js";
-import "../../../../utils/zoom.js";
-import "../../../icons/SearchIcon.js";
-import "../../../icons/ClearIcon.js";
+import "../../../../index-e3ee9457.js";
+import "../../../../Combination-54a77a7a.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
 import "../../../../utils/hooks/useLocalization.js";
-const R = [50, 75, 100, 125, 150, 200, 300, 400], lt = ({ icon: l }) => {
-  const { zoomLevel: f, setZoomLevel: i } = L(), { container: u, pagesRef: n } = Z(), { localeMessages: o } = D(), [a, s] = z(0), d = x(
+const S = [50, 75, 100, 125, 150, 200, 300, 400], Lo = ({ icon: l }) => {
+  const { zoomLevel: h, setZoomLevel: i } = L(), { container: u, pagesRef: n } = I(), { localeMessages: o } = D(), [a, s] = z(0), d = x(
     new ResizeObserver((t) => {
       s(t[0].contentRect.height);
     })
@@ -147,23 +50,23 @@ const R = [50, 75, 100, 125, 150, 200, 300, 400], lt = ({ icon: l }) => {
   return C(() => (n && d.current.observe(n), () => {
     d.current.disconnect();
   }), [n]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
-    I,
+    w,
     {
       container: u,
       triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ m(
         T,
         {
-          className: p["rp-current-zoom-wrapper"],
+          className: e["rp-current-zoom-wrapper"],
           "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
           children: [
             /* @__PURE__ */ r(
-              w,
+              R,
               {
-                zoomLevel: f,
-                className: p["rp-current-zoom-text"]
+                zoomLevel: h,
+                className: e["rp-current-zoom-text"]
               }
             ),
-            /* @__PURE__ */ r("div", { className: p["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
+            /* @__PURE__ */ r("div", { className: e["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
           ]
         }
       ) }) }),
@@ -173,15 +76,15 @@ const R = [50, 75, 100, 125, 150, 200, 300, 400], lt = ({ icon: l }) => {
         "div",
         {
           style: { maxHeight: `${a}px`, overflow: "auto" },
-          className: p["rp-zoom-dropdown-content"],
+          className: e["rp-zoom-dropdown-content"],
           children: [
-            /* @__PURE__ */ m(h, { children: [
-              /* @__PURE__ */ r(e, { onClick: () => i(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
-              /* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
-              /* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
+            /* @__PURE__ */ m(f, { children: [
+              /* @__PURE__ */ r(p, { onClick: () => i(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
+              /* @__PURE__ */ r(p, { onClick: () => i(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
+              /* @__PURE__ */ r(p, { onClick: () => i(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
             ] }),
             /* @__PURE__ */ r(b, {}),
-            /* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ m(e, { onClick: () => i(t), children: [
+            /* @__PURE__ */ r(f, { children: S.map((t) => /* @__PURE__ */ m(p, { onClick: () => i(t), children: [
               t,
               " %"
             ] }, t)) })
@@ -192,5 +95,5 @@ const R = [50, 75, 100, 125, 150, 200, 300, 400], lt = ({ icon: l }) => {
   ) });
 };
 export {
-  lt as ZoomLevelTool
+  Lo as ZoomLevelTool
 };

package/dist/components/layout/toolbar/tools/ZoomOutTool.js

@@ -29,11 +29,13 @@ import "../../../../contexts/EventCallbackContext.js";
 import "../../../../utils/hooks/useDebounce.js";
 import "../../../../clsx-0c6e471a.js";
 import "../../../../utils/withRef.js";
-import "../../../../index-c9a2990a.js";
+import "../../../../index-c0faa594.js";
 import "react-dom";
-import "../../../../index-808ea7bf.js";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
 import "../../../../utils/hooks/useLocalization.js";
-const g = ({ icon: m }) => {
+const to = ({ icon: m }) => {
   const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = Z(), p = l(() => s(t), [t]), n = c(() => {
     i(() => {
       const e = Math.ceil(t * 100 / 25) * 25;
@@ -51,5 +53,5 @@ const g = ({ icon: m }) => {
   ) }) });
 };
 export {
-  g as ZoomOutTool
+  to as ZoomOutTool
 };