UNPKG

@pdf-viewer/react

Version:

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

58 lines (57 loc) 3.12 kB
import { jsx as t, Fragment as C, jsxs as i } from "react/jsx-runtime"; import { G as u } from "../../../index-f563c6f0.js"; import { ClockwiseIcon as c } from "../../icons/ClockwiseIcon.js"; import { MenuItem as n } from "./MenuItem.js"; import { c as f } from "../../../RotateTool.module-67946714.js"; import { MenuSeparator as k } from "./MenuSeparator.js"; import { useRotate as w } from "../../../utils/hooks/useRotate.js"; import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js"; import { useIconContext as p } from "../../../contexts/IconContext.js"; import m from "../../ui/RPTooltip.js"; import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js"; import { useIconToolContext as l } from "../../../contexts/IconToolContext.js"; import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.js"; import "react"; import "../../../index-35c7f4a2.js"; import "react-dom"; import "../../../floating-ui.react-dom-6b2fe0df.js"; import "../../../clsx-0c6e471a.js"; import "../../../contexts/RotationContext.js"; import "../../../utils/appConsole.js"; import "../../../contexts/InitialStateContext.js"; import "../../../contexts/RPDocumentContext.js"; import "../../../utils/hooks/useLoadPdf.js"; import "pdfjs-dist"; import "../../../utils/types.js"; import "../../../th_TH-d627cd51.js"; 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/withRef.js"; import "../../../utils/hooks/useLocalization.js"; const h = () => { const { rotateClockwiseIcon: r } = p(), { rotateClockwiseIcon: e } = l(); return r || e || /* @__PURE__ */ t(c, {}); }, x = () => { const { rotateCounterClockwiseIcon: r } = p(), { rotateCounterClockwiseIcon: e } = l(); return r || e || /* @__PURE__ */ t(c, { className: f["rp-rotate-counterclockwise"] }); }, ro = () => { const { handleRotateClockwise: r, handleRotateCounterclockwise: e } = w(), { rotateTool: a = !0 } = d(), { rotateTool: s = !0 } = I(), { localeMessages: o } = T(); return !a || !s ? null : /* @__PURE__ */ t(C, { children: /* @__PURE__ */ i(u, { children: [ /* @__PURE__ */ t(n, { onClick: r, children: /* @__PURE__ */ i(m, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [ /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }), o == null ? void 0 : o.rotateClockwiseLabel ] }) }), /* @__PURE__ */ t(n, { onClick: e, children: /* @__PURE__ */ i(m, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [ /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }), o == null ? void 0 : o.rotateCounterclockwiseLabel ] }) }), /* @__PURE__ */ t(k, {}) ] }) }); }; export { ro as RotateTool };