UNPKG

@pdf-viewer/react

Version:

A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.

146 lines (145 loc) 6.42 kB
import { jsx as o, Fragment as c } from "react/jsx-runtime"; import { h as u } from "../../../ToolbarLayout.module-f843fd79.js"; import { ThumbnailIcon as a } from "../../icons/Thumbnail.js"; import { UIButton as h } from "../../ui/Button.js"; import l from "../../ui/RPTooltip.js"; import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js"; import { useToolComponentContext as f } from "../../../contexts/ToolComponentContext.js"; import { useIconToolContext as s } from "../../../contexts/IconToolContext.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 "../../../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 "../../../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/OtherToolContext.js"; import "../../../contexts/ThemeContext.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-35c7f4a2.js"; import "react-dom"; import "../../icons/CheckIcon.js"; import "../../../contexts/IconContext.js"; import "../../ui/DropDown.js"; import "../../../index-f563c6f0.js"; import "../../../floating-ui.react-dom-6b2fe0df.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/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/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 "../../../utils/hooks/useLocalization.js"; const St = () => { const { active: t, setActive: e } = u(), { thumbnailIcon: p } = s(), { thumbnailTool: i = !0 } = f(), { localeMessages: r } = T(), m = r == null ? void 0 : r.thumbnailTooltip, n = () => { e(!t); }; return i ? typeof i == "function" ? /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(i, { onClick: n, active: t }) }) : /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(h, { onClick: n, active: t, "aria-label": m, children: p || /* @__PURE__ */ o(a, {}) }) }) }) : null; }; export { St as ThumbnailTool };