@pdf-viewer/react
Version:
A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.
155 lines (154 loc) • 7.65 kB
JavaScript
import { jsx as o, jsxs as c } from "react/jsx-runtime";
import { useState as d, useEffect as f } from "react";
import "../../../../../contexts/RPDocumentContext.js";
import "../../../../../contexts/DocumentPasswordContext.js";
import { k as t, S as y, l as C, m as R, n as v } from "../../../../../ToolbarLayout.module-f843fd79.js";
import "../../../../../contexts/DarkModeContext.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 { useToolComponentContext as x } from "../../../../../contexts/ToolComponentContext.js";
import { useIconToolContext as I } from "../../../../../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 { useViewportContext as T } from "../../../../../contexts/ViewportContext.js";
import "../../../../../contexts/ToolbarComponentContext.js";
import "../../../sidebar/RPSplitter.js";
import "../../../WrapperLayout.js";
import "../../../../../LayoutWrapper-6224491f.js";
import "../../../../RPDropFileZone.js";
import "../../../../ui/Button.js";
import "../../../../ui/RPTooltip.js";
import "../../../../ui/Input.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/types.js";
import "../../../../../th_TH-d627cd51.js";
import "../../../../../utils/getThumbnailViewport.js";
import "../../../../../utils/hooks/usePdfProperties.js";
import "../../../../../utils/convertPdfDate.js";
import "../../../../../utils/formatFileSize.js";
import "../../../../../utils/appConsole.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 "../../../../icons/LoaderIcon.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 "../../../../../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/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/hooks/useCopyText.js";
import "../../../../../utils/getScrollDistance.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 "../../../../../floating-ui.react-dom-6b2fe0df.js";
import "../../../../../index-f563c6f0.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/useDarkMode.js";
import "../../../../../utils/getZoomLevel.js";
import "../../../../../utils/hooks/useFullScreen.js";
import "../../../../../utils/hooks/useLocalization.js";
import "../../../../../utils/hooks/useHighlight.js";
import "../../../../../utils/hooks/useLicense.js";
import "../../../../../utils/getElementPositionInPage.js";
import "../../../../icons/LightPdfIcon.js";
import "../../../../icons/DarkPdfIcon.js";
const $t = (u) => {
const { icons: i, slots: m } = u, { setIcons: p } = I(), { setSlots: s } = x(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = T(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
return f(() => {
p((r) => ({ ...r, ...i })), a(!0);
}, [i, p, e, a]), f(() => {
s((r) => ({ ...r, ...m })), n(!0);
}, [m, s, l, n]), !e || !l ? null : /* @__PURE__ */ o("div", { "data-rp": "topBar", style: { width: "100%" }, children: /* @__PURE__ */ c("div", { className: t["rp-toolbar-wrapper"], style: h(), children: [
/* @__PURE__ */ c("div", { "data-rp": "topBarLeft", className: t["rp-toolbar-start"], children: [
/* @__PURE__ */ o(y, {}),
/* @__PURE__ */ o(C, {})
] }),
/* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(R, {}) }),
/* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(v, {}) })
] }) });
};
export {
$t as RPHorizontalBar
};