@pdf-viewer/react 1.12.0-beta.3 → 1.12.0-beta.4

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

@@ -1,45 +1,178 @@
-import { jsxs as u, Fragment as h, jsx as g } from "react/jsx-runtime";
-import { useState as d, useEffect as S, useCallback as o } from "react";
-import { u as x, i as p } from "../../../../ToolbarLayout.module-e03c451b.js";
+import { jsxs as c, Fragment as h, jsx as l } from "react/jsx-runtime";
+import { useState as d, useEffect as S, useCallback as i } from "react";
+import { u as x, i as u } from "../../../../ToolbarLayout.module-1f1dd627.js";
 import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
 import y from "../../../ui/RPTooltip.js";
 import { UIInput as E } from "../../../ui/Input.js";
-const k = () => {
-  const { focusedPage: n, totalPages: s, goToPage: i } = x(), { localeMessages: a } = C(), [r, e] = d(n.toString());
+import "../../../icons/ChevronUpIcon.js";
+import "../../../ui/Button.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 "../../../../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/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 "../../../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 "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 "../../../../ZoomTool.module-7082af8c.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/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/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 "../ZoomTool.js";
+import "../../../icons/ZoomInIcon.js";
+import "../../../icons/ZoomOutIcon.js";
+import "../../../icons/SearchIcon.js";
+import "../../../icons/ClearIcon.js";
+import "../../../../utils/hooks/useLocalization.js";
+const or = () => {
+  const { focusedPage: o, totalPages: n, goToPage: e } = x(), { localeMessages: p } = C(), [m, r] = d(o.toString());
   S(() => {
-    e(n.toString());
-  }, [n]);
-  const m = o((t) => {
-    const l = t.target.value;
-    e(l);
-  }, []), c = o(async () => {
-    const t = i(r);
-    t.success || e(t.currentPage.toString());
-  }, [i, r, s]), f = o(() => {
-    e(n.toString());
-  }, [n]), P = o(
+    r(o.toString());
+  }, [o]);
+  const g = i((t) => {
+    const s = t.target.value;
+    r(s);
+  }, []), a = i(async () => {
+    const t = e(m);
+    t.success || r(t.currentPage.toString());
+  }, [e, m, n]), f = i(() => {
+    r(o.toString());
+  }, [o]), P = i(
     (t) => {
-      t.key === "Enter" && c();
+      t.key === "Enter" && a();
     },
-    [c]
+    [a]
   );
-  return /* @__PURE__ */ u(h, { children: [
-    /* @__PURE__ */ g(y, { content: a == null ? void 0 : a.currentPageTooltip, children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ c(h, { children: [
+    /* @__PURE__ */ l(y, { content: p == null ? void 0 : p.currentPageTooltip, children: /* @__PURE__ */ l(
       E,
       {
         onKeyDown: P,
         onBlur: f,
-        onChange: m,
-        value: r,
-        className: p["rp-page-input"]
+        onChange: g,
+        value: m,
+        className: u["rp-page-input"]
       }
     ) }),
-    /* @__PURE__ */ u("span", { className: p["rp-total-page"], children: [
+    /* @__PURE__ */ c("span", { className: u["rp-total-page"], children: [
       "/",
-      s
+      n
     ] })
   ] });
 };
 export {
-  k as InputPageTool
+  or as InputPageTool
 };

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

@@ -2,7 +2,7 @@ import { jsx as i, Fragment as l } from "react/jsx-runtime";
 import { useMemo as d } from "react";
 import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
 import { UIButton as f } from "../../../ui/Button.js";
-import { u as s } from "../../../../ToolbarLayout.module-e03c451b.js";
+import { u as s } from "../../../../ToolbarLayout.module-1f1dd627.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
 import "../../../../contexts/RPDocumentContext.js";
@@ -40,23 +40,104 @@ import "../../../../contexts/ViewportContext.js";
 import "../../../../contexts/ToolbarComponentContext.js";
 import "../../sidebar/RPSplitter.js";
 import "../../WrapperLayout.js";
-import "../../../../LayoutWrapper-a871c161.js";
+import "../../../../LayoutWrapper-6224491f.js";
 import "../../../../contexts/ThemeContext.js";
 import "../../../RPDropFileZone.js";
-import "../../../../SearchCloseButton-cbf182aa.js";
+import "../../../../SearchCloseButton-08d57275.js";
 import "../../../ui/Input.js";
 import "../../../ui/Checkbox.js";
 import "../../../icons/LoaderIcon.js";
 import "../../../../contexts/IconContext.js";
 import h from "../../../ui/RPTooltip.js";
 import "../../../ui/DropDown.js";
-import "../../../../ZoomTool.module-6c5eabbb.js";
+import "../../../../ZoomTool.module-7082af8c.js";
 import "../MenuItem.js";
 import "../MenuSeparator.js";
 import "../../../../utils/dateFormatter.js";
 import "../PropertyItem.js";
-import "../../../../RotateTool.module-03987eba.js";
-const Ao = ({ icon: m }) => {
+import "../../../../RotateTool.module-67946714.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../utils/highlight.js";
+import "../../../../utils/charators.js";
+import "../../../../utils/Queue.js";
+import "../../../../utils/renderPage.js";
+import "pdfjs-dist";
+import "../../../icons/Thumbnail.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/calculatePage.js";
+import "../../../../utils/hooks/useMousePressed.js";
+import "../../../../utils/hooks/useGrabScroll.js";
+import "../../../../utils/hooks/usePinch.js";
+import "../../../../utils/hooks/useDebounce.js";
+import "../../../ui/PasswordModal.js";
+import "../../../../utils/getScrollDistance.js";
+import "../../../../utils/getWordPositionInPage.js";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../utils/smoothScrollTo.js";
+import "../../../../utils/appConsole.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-c9a2990a.js";
+import "react-dom";
+import "../../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../../index-3bf64864.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 "../../../icons/GoToDownIcon.js";
+import "../SelectionModeTool.js";
+import "../../../icons/TextSelectionDefaultIcon.js";
+import "../../../icons/HandModeDefaultIcon.js";
+import "../ZoomTool.js";
+import "../../../icons/ZoomInIcon.js";
+import "../../../icons/ZoomOutIcon.js";
+import "../../../icons/SearchIcon.js";
+import "../../../icons/ClearIcon.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../th_TH-d627cd51.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../../utils/hooks/useDarkMode.js";
+import "../../../../utils/getZoomLevel.js";
+import "../../../../utils/hooks/useFullScreen.js";
+import "../../../../utils/hooks/useHighlight.js";
+import "../../../../utils/hooks/useLicense.js";
+import "../../../../utils/getElementPositionInPage.js";
+import "../../../RPTheme.js";
+import "../../../../utils/hooks/useLoadWorker.js";
+import "../../../icons/LightPdfIcon.js";
+import "../../../icons/DarkPdfIcon.js";
+const Zt = ({ icon: m }) => {
   const { focusedPage: t, nextPage: n, totalPages: r } = s(), { localeMessages: o } = u(), { viewMode: p } = g(), { scrollMode: e } = C(), a = d(() => p === x.DUAL_PAGE && e === P.PAGE_SCROLLING && t === r - 1 || t === r, [t, r, p, e]);
   return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(h, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ i(
     f,
@@ -69,5 +150,5 @@ const Ao = ({ icon: m }) => {
   ) }) });
 };
 export {
-  Ao as NextPageTool
+  Zt as NextPageTool
 };

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

@@ -1,21 +1,154 @@
-import { jsx as r, Fragment as e } from "react/jsx-runtime";
-import { ChevronUpIcon as p } from "../../../icons/ChevronUpIcon.js";
-import { UIButton as m } from "../../../ui/Button.js";
-import { u as a } from "../../../../ToolbarLayout.module-e03c451b.js";
+import { jsx as r, Fragment as m } from "react/jsx-runtime";
+import { ChevronUpIcon as n } from "../../../icons/ChevronUpIcon.js";
+import { UIButton as e } from "../../../ui/Button.js";
+import { u as a } from "../../../../ToolbarLayout.module-1f1dd627.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import P from "../../../ui/RPTooltip.js";
-const h = ({ icon: t }) => {
-  const { focusedPage: i, prevPage: n } = a(), { localeMessages: o } = u();
-  return /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(P, { content: o == null ? void 0 : o.previousPageTooltip, children: /* @__PURE__ */ r(
-    m,
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "react";
+import "../../../ui/Input.js";
+import "../../../../utils/types.js";
+import "../../../../th_TH-d627cd51.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/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 "../../../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 "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 "../../../../ZoomTool.module-7082af8c.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/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/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 "../ZoomTool.js";
+import "../../../icons/ZoomInIcon.js";
+import "../../../icons/ZoomOutIcon.js";
+import "../../../icons/SearchIcon.js";
+import "../../../icons/ClearIcon.js";
+import "../../../../utils/hooks/useLocalization.js";
+const Or = ({ icon: t }) => {
+  const { focusedPage: i, prevPage: p } = a(), { localeMessages: o } = u();
+  return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(P, { content: o == null ? void 0 : o.previousPageTooltip, children: /* @__PURE__ */ r(
+    e,
     {
-      onClick: n,
+      onClick: p,
       "aria-label": o == null ? void 0 : o.previousPageTooltip,
       "aria-disabled": i === 1,
-      children: t || /* @__PURE__ */ r(p, {})
+      children: t || /* @__PURE__ */ r(n, {})
     }
   ) }) });
 };
 export {
-  h as PreviousPageTool
+  Or as PreviousPageTool
 };