@pdf-viewer/react
Version:
A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.
65 lines (64 loc) • 3.62 kB
JavaScript
import { jsx as r, Fragment as g, jsxs as e } from "react/jsx-runtime";
import { useMemo as L } from "react";
import n from "../../../../ui/RPTooltip.js";
import { G } from "../../../../../index-3bf64864.js";
import { MenuSeparator as T } from "../../MenuSeparator.js";
import { MenuItem as m } from "../../MenuItem.js";
import { DualPageIcon as b } from "../../../../icons/DualPageIcon.js";
import { DualPageWithCoverIcon as v } from "../../../../icons/DualPageWithCoverIcon.js";
import { SinglePageIcon as A } from "../../../../icons/SinglePageIcon.js";
import { useViewModeContext as D } from "../../../../../contexts/ViewModeContext.js";
import { ScrollMode as E, ViewMode as o } from "../../../../../utils/types.js";
import { CheckIcon as l } from "../../../../icons/CheckIcon.js";
import { useScrollModeContext as S } from "../../../../../contexts/ScrollModeContext.js";
import { useLocalizationContext as _ } from "../../../../../contexts/LocalizationContext.js";
import "../../../../../index-c9a2990a.js";
import "react-dom";
import "../../../../../floating-ui.react-dom-d22a10b4.js";
import "../../../../../utils/withRef.js";
import "../../../../../clsx-0c6e471a.js";
import "../../../../../utils/appConsole.js";
import "../../../../../contexts/InitialStateContext.js";
import "../../../../../de_DE-a553b162.js";
import "../../../../../utils/hooks/useLocalization.js";
const M = (h) => {
const { icons: P, isToolVisible: f = !0 } = h, { singlePageIcon: a, dualPageIcon: d, dualPageWithCoverIcon: p } = P ?? {}, { viewMode: t, setDualPage: C, setDualPageWithCover: I, setSinglePage: N } = D(), { scrollMode: u } = S(), { localeMessages: i } = _(), c = L(() => [E.HORIZONTAL_SCROLLING].includes(u), [u]);
return f ? /* @__PURE__ */ r(g, { children: /* @__PURE__ */ e(G, { children: [
/* @__PURE__ */ r(
m,
{
onClick: N,
"aria-label": i == null ? void 0 : i.singlePageTooltip,
"aria-checked": t === o.SINGLE_PAGE,
children: /* @__PURE__ */ e(n, { className: "rp-menu-item", content: i == null ? void 0 : i.singlePageTooltip, children: [
/* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: a || /* @__PURE__ */ r(A, { "aria-hidden": "true" }) }),
i == null ? void 0 : i.singlePageLabel,
t === o.SINGLE_PAGE ? /* @__PURE__ */ r(l, { className: "rp-menu-item-right", "aria-hidden": "true" }) : null
] })
}
),
/* @__PURE__ */ r(
m,
{
disabled: c,
onClick: C,
"aria-label": i == null ? void 0 : i.dualPageTooltip,
"aria-checked": t === o.DUAL_PAGE,
children: /* @__PURE__ */ e(n, { className: "rp-menu-item", content: i == null ? void 0 : i.dualPageTooltip, children: [
/* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: d || /* @__PURE__ */ r(b, { "aria-hidden": "true" }) }),
i == null ? void 0 : i.dualPageLabel,
t === o.DUAL_PAGE ? /* @__PURE__ */ r(l, { className: "rp-menu-item-right", "aria-hidden": "true" }) : null
] })
}
),
/* @__PURE__ */ r(m, { disabled: c, onClick: I, children: /* @__PURE__ */ e(n, { className: "rp-menu-item", content: i == null ? void 0 : i.dualPageWithCoverTooltip, children: [
/* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: p || /* @__PURE__ */ r(v, {}) }),
i == null ? void 0 : i.dualPageWithCoverLabel,
t === o.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ r(l, { className: "rp-menu-item-right" }) : null
] }) }),
/* @__PURE__ */ r(T, {})
] }) }) : null;
};
export {
M as ViewModeTool
};