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

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

@@ -1,154 +1,46 @@
 import { jsx as o, Fragment as n } from "react/jsx-runtime";
-import { e as l } from "../../../../ToolbarLayout.module-8d56d12b.js";
-import { ThumbnailIcon as h } from "../../../icons/Thumbnail.js";
-import { UIButton as u } from "../../../ui/Button.js";
-import a from "../../../ui/RPTooltip.js";
+import { useThumbnailContext as l } from "../../../../contexts/ThumbnailsContext.js";
+import { ThumbnailIcon as a } from "../../../icons/Thumbnail.js";
+import { UIButton as h } from "../../../ui/Button.js";
+import u from "../../../ui/RPTooltip.js";
 import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
 import "react";
-import "../../../icons/ChevronUpIcon.js";
-import "../../../ui/Input.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../utils/withRef.js";
-import "../../../../utils/types.js";
-import "../../../../th_TH-d627cd51.js";
-import "../../../../contexts/ScrollModeContext.js";
-import "../../../../utils/appConsole.js";
-import "../../../../contexts/InitialStateContext.js";
+import "../../../../utils/hooks/useThumbnail.js";
 import "../../../../contexts/RPDocumentContext.js";
 import "../../../../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
+import "../../../../utils/types.js";
+import "../../../../de_DE-a553b162.js";
 import "../../../../utils/getThumbnailViewport.js";
 import "../../../../contexts/ConfigContext.js";
 import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../utils/appConsole.js";
 import "../../../../utils/hooks/usePdfProperties.js";
 import "../../../../utils/convertPdfDate.js";
 import "../../../../utils/formatFileSize.js";
-import "../../../../contexts/DarkModeContext.js";
-import "../../../../utils/hooks/useDarkMode.js";
-import "../../../../contexts/RotationContext.js";
-import "../../../../contexts/LayerContext.js";
-import "../../../../contexts/ZoomContext.js";
-import "../../../../utils/constants.js";
-import "../../../../utils/getZoomLevel.js";
-import "../../../../contexts/LayoutContainerContext.js";
-import "../../../../contexts/ViewModeContext.js";
-import "../../../../contexts/GlobalCurrentPage.js";
-import "../../../../contexts/EventCallbackContext.js";
-import "../../../../utils/hooks/useDebounce.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 "../../../../contexts/ThemeContext.js";
-import "../../Container.js";
-import "../../../../contexts/ViewportContext.js";
-import "../../sidebar/RPSplitter.js";
-import "../../WrapperLayout.js";
-import "../../../RPDropFileZone.js";
-import "../../../icons/LightPdfIcon.js";
-import "../../../icons/DarkPdfIcon.js";
-import "../../../../LayoutWrapper-6224491f.js";
-import "../../../../SearchCloseButton-08d57275.js";
-import "../../../icons/CloseIcon.js";
-import "../../../ui/Checkbox.js";
-import "../../../../index-c9a2990a.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../index-c0faa594.js";
 import "react-dom";
-import "../../../icons/CheckIcon.js";
-import "../../../../contexts/IconContext.js";
-import "../../../ui/DropDown.js";
-import "../../../../index-3bf64864.js";
-import "../../../../floating-ui.react-dom-d22a10b4.js";
-import "../MenuItem.js";
-import "../MenuSeparator.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/hooks/useCopyText.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 "../DocumentProperties.js";
-import "../../../icons/InfoIcon.js";
-import "../RotateTool.js";
-import "../../../icons/ClockwiseIcon.js";
-import "../../../../utils/hooks/useRotate.js";
-import "../ViewModeTool.js";
-import "../../../icons/DualPageIcon.js";
-import "../../../icons/SinglePageIcon.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 "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
 import "../../../../utils/hooks/useLocalization.js";
-const Oo = ({ icon: i }) => {
-  const { active: r, setActive: m } = l(), { localeMessages: t } = c(), p = () => {
-    m(!r);
+const K = ({ icon: r }) => {
+  const { active: i, setActive: m } = l(), { localeMessages: t } = c(), p = () => {
+    m(!i);
   };
-  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(a, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
-    u,
+  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(u, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
+    h,
     {
       onClick: p,
-      active: r,
+      active: i,
       "aria-label": t == null ? void 0 : t.thumbnailTooltip,
-      children: i || /* @__PURE__ */ o(h, {})
+      "aria-pressed": i,
+      children: r || /* @__PURE__ */ o(a, {})
     }
   ) }) });
 };
 export {
-  Oo as ThumbnailTool
+  K as ThumbnailTool
 };

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

@@ -0,0 +1,37 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "../../../ui/RPTooltip.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { VerticalScrollingIcon as l } from "../../../icons/VerticalScrollingIcon.js";
+import { ScrollMode as n } from "../../../../utils/types.js";
+import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
+import { useScrollModeContext as S } from "../../../../contexts/ScrollModeContext.js";
+import "react";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/withRef.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../contexts/InitialStateContext.js";
+const f = ({
+  children: r,
+  className: i,
+  localeMessages: o
+}) => /* @__PURE__ */ t(m, { className: i, content: o == null ? void 0 : o.verticalScrollingTooltip, children: r }), G = ({ icon: r }) => {
+  const { setScrollMode: i } = S(), { localeMessages: o } = c();
+  return /* @__PURE__ */ t(f, { localeMessages: o, children: /* @__PURE__ */ t(
+    p,
+    {
+      onClick: () => i(n.VERTICAL_SCROLLING),
+      "aria-label": o == null ? void 0 : o.verticalScrollingTooltip,
+      children: r || /* @__PURE__ */ t(l, {})
+    }
+  ) });
+};
+export {
+  G as VerticalScrollingTool
+};

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

@@ -1,14 +1,14 @@
 import { jsx as r, Fragment as l } from "react/jsx-runtime";
-import { useCallback as c, useMemo as f } from "react";
-import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
-import { ZoomInIcon as u } from "../../../icons/ZoomInIcon.js";
-import { UIButton as I } from "../../../ui/Button.js";
-import Z from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
+import { useCallback as d, useMemo as a } from "react";
+import { useZoomContext as c } from "../../../../contexts/ZoomContext.js";
+import { ZoomInIcon as f } from "../../../icons/ZoomInIcon.js";
+import { UIButton as u } from "../../../ui/Button.js";
+import I from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as Z } from "../../../../contexts/LocalizationContext.js";
 import { MAX_ZOOM_SCALE as s } from "../../../../utils/constants.js";
 import { isZoomInDisabled as h } from "../../../../utils/zoom.js";
 import "../../../../utils/types.js";
-import "../../../../th_TH-d627cd51.js";
+import "../../../../de_DE-a553b162.js";
 import "../../../../utils/appConsole.js";
 import "../../../../contexts/InitialStateContext.js";
 import "../../../../contexts/RPDocumentContext.js";
@@ -29,27 +29,30 @@ 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 "../../../../floating-ui.react-dom-d22a10b4.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 { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = a(), p = c(() => {
+const to = ({ icon: m }) => {
+  const { currentZoom: t, setZoomLevel: i } = c(), { localeMessages: o } = Z(), n = d(() => {
     i(() => {
       const e = Math.floor(t * 100 / 25) * 25;
       return Math.min(e + 25, s);
     });
-  }, [i, t]), n = f(() => h(t), [t]);
-  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
-    I,
+  }, [i, t]), p = a(() => h(t), [t]);
+  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(I, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
+    u,
     {
-      disabled: n,
-      onClick: p,
+      disabled: p,
+      onClick: n,
       "aria-label": o == null ? void 0 : o.zoomInTooltip,
-      children: m || /* @__PURE__ */ r(u, {})
+      "aria-disabled": p,
+      children: m || /* @__PURE__ */ r(f, { "aria-hidden": "true" })
     }
   ) }) });
 };
 export {
-  g as ZoomInTool
+  to as ZoomInTool
 };

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

@@ -1,140 +1,27 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../../contexts/RPDocumentContext.js";
-import "../../../../contexts/DocumentPasswordContext.js";
-import { Z as Cm } from "../../../../ToolbarLayout.module-8d56d12b.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 "../../../../contexts/ThemeContext.js";
-import "../../../../contexts/ConfigContext.js";
-import "pdfjs-dist";
-import "../../Container.js";
-import "../../../../contexts/ViewportContext.js";
-import "../../../../contexts/ToolbarComponentContext.js";
-import "../../sidebar/RPSplitter.js";
-import "../../WrapperLayout.js";
-import "../../../RPDropFileZone.js";
-import "../../../../LayoutWrapper-6224491f.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 "../../../../utils/getThumbnailViewport.js";
-import "../../../../th_TH-d627cd51.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 "../../../../de_DE-a553b162.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/hooks/useCopyText.js";
-import "../../../../utils/getWordPositionInPage.js";
-import "../../../../utils/smoothScrollTo.js";
-import "../FileUploadTool.js";
-import "../../../icons/FileUploadDefaultIcon.js";
-import "../../../../index-3bf64864.js";
-import "../../../../index-c9a2990a.js";
-import "react-dom";
-import "../../../../floating-ui.react-dom-d22a10b4.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/DualPageIcon.js";
-import "../../../icons/SinglePageIcon.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 "../../../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 {
-  Cm as ZoomLevelDisplay
+  a as ZoomLevelDisplay
 };