@pdf-viewer/react
Version:
A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.
56 lines (55 loc) • 2.4 kB
JavaScript
import { jsx as r, Fragment as u } from "react/jsx-runtime";
import { useMemo as l, useCallback as c } from "react";
import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
import { UIButton as f } from "../../../ui/Button.js";
import O from "../../../ui/RPTooltip.js";
import { useLocalizationContext as Z } from "../../../../contexts/LocalizationContext.js";
import { ZoomOutIcon as a } from "../../../icons/ZoomOutIcon.js";
import { MAX_ZOOM_SCALE as h } from "../../../../utils/constants.js";
import { isZoomOutDisabled as s } 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 } = Z(), p = l(() => s(t), [t]), n = c(() => {
i(() => {
const e = Math.ceil(t * 100 / 25) * 25;
return Math.min(e - 25, h);
});
}, [i, t]);
return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(O, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
f,
{
disabled: p,
onClick: n,
"aria-label": o == null ? void 0 : o.zoomOutTooltip,
children: m || /* @__PURE__ */ r(a, {})
}
) }) });
};
export {
g as ZoomOutTool
};