UNPKG

@pdf-viewer/react

Version:

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

42 lines (41 loc) 2.6 kB
import { jsx as r, Fragment as h, jsxs as i } from "react/jsx-runtime"; import { useMemo as I } from "react"; import l from "../../../../ui/RPTooltip.js"; import { G as N } from "../../../../../index-f563c6f0.js"; import { MenuSeparator as L } from "../../MenuSeparator.js"; import { MenuItem as p } from "../../MenuItem.js"; import { DualPageIcon as C } from "../../../../icons/SinglePageIcon.js"; import { SinglePageIcon as S } from "../../../../icons/DualPageIcon.js"; import { useViewModeContext as x } from "../../../../../contexts/ViewModeContext.js"; import { ScrollMode as G, ViewMode as c } from "../../../../../utils/types.js"; import { CheckIcon as u } from "../../../../icons/CheckIcon.js"; import { useScrollModeContext as T } from "../../../../../contexts/ScrollModeContext.js"; import { useLocalizationContext as b } from "../../../../../contexts/LocalizationContext.js"; import "../../../../../index-35c7f4a2.js"; import "react-dom"; import "../../../../../floating-ui.react-dom-6b2fe0df.js"; import "../../../../../utils/withRef.js"; import "../../../../../clsx-0c6e471a.js"; import "../../../../../utils/appConsole.js"; import "../../../../../contexts/InitialStateContext.js"; import "../../../../../th_TH-d627cd51.js"; import "../../../../../utils/hooks/useLocalization.js"; const Q = (a) => { const { icons: d, isToolVisible: s = !0 } = a, { singlePageIcon: t, dualPageIcon: e } = d ?? {}, { viewMode: m, setDualPage: f, setSinglePage: P } = x(), { scrollMode: n } = T(), { localeMessages: o } = b(), g = I(() => [G.HORIZONTAL_SCROLLING].includes(n), [n]); return s ? /* @__PURE__ */ r(h, { children: /* @__PURE__ */ i(N, { children: [ /* @__PURE__ */ r(p, { onClick: P, children: /* @__PURE__ */ i(l, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [ /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ r(S, {}) }), o == null ? void 0 : o.singlePageLabel, m === c.SINGLE_PAGE ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null ] }) }), /* @__PURE__ */ r(p, { disabled: g, onClick: f, children: /* @__PURE__ */ i(l, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [ /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: e || /* @__PURE__ */ r(C, {}) }), o == null ? void 0 : o.dualPageLabel, m === c.DUAL_PAGE ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null ] }) }), /* @__PURE__ */ r(L, {}) ] }) }) : null; }; export { Q as ViewModeTool };