UNPKG

@pdf-viewer/react

Version:

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

56 lines (55 loc) 2.39 kB
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 { 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 "../../../../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 "../../../../utils/getZoomLevel.js"; import "../../../../contexts/LayoutContainerContext.js"; import "../../../../contexts/ViewModeContext.js"; import "../../../../contexts/RotationContext.js"; import "../../../../contexts/GlobalCurrentPage.js"; import "../../../../contexts/EventCallbackContext.js"; import "../../../../utils/hooks/useDebounce.js"; import "../../../../clsx-0c6e471a.js"; import "../../../../utils/withRef.js"; import "../../../../index-35c7f4a2.js"; import "react-dom"; import "../../../../floating-ui.react-dom-6b2fe0df.js"; import "../../../../utils/hooks/useLocalization.js"; const g = ({ icon: m }) => { const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = a(), p = c(() => { 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, { disabled: n, onClick: p, "aria-label": o == null ? void 0 : o.zoomInTooltip, children: m || /* @__PURE__ */ r(u, {}) } ) }) }); }; export { g as ZoomInTool };