@pdf-viewer/react/dist/components/layout/toolbar/ViewModeTool.js

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

import { jsx as e, Fragment as I, jsxs as n } from "react/jsx-runtime";
import { G as f } from "../../../index-3bf64864.js";
import { MenuSeparator as g } from "./MenuSeparator.js";
import { MenuItem as i } from "./MenuItem.js";
import { DualPageIcon as T } from "../../icons/DualPageIcon.js";
import { DualPageWithCoverIcon as v } from "../../icons/DualPageWithCoverIcon.js";
import { SinglePageIcon as N } from "../../icons/SinglePageIcon.js";
import { useViewModeContext as x } from "../../../contexts/ViewModeContext.js";
import { ScrollMode as L, ViewMode as m } from "../../../utils/types.js";
import { CheckIcon as l } from "../../icons/CheckIcon.js";
import { useToolbarComponentContext as D } from "../../../contexts/ToolbarComponentContext.js";
import { useScrollModeContext as W } from "../../../contexts/ScrollModeContext.js";
import { useMemo as w } from "react";
import { useLocalizationContext as S } from "../../../contexts/LocalizationContext.js";
import c from "../../ui/RPTooltip.js";
import { useIconContext as u } from "../../../contexts/IconContext.js";
import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
import "../../../index-c9a2990a.js";
import "react-dom";
import "../../../floating-ui.react-dom-d22a10b4.js";
import "../../../clsx-0c6e471a.js";
import "../../../utils/appConsole.js";
import "../../../contexts/InitialStateContext.js";
import "../../../de_DE-a553b162.js";
import "../../../utils/hooks/useLocalization.js";
import "../../../utils/withRef.js";
const G = () => {
  const { singlePageIcon: t } = u(), { singlePageIcon: r } = a();
  return t || r || /* @__PURE__ */ e(N, {});
}, A = () => {
  const { dualPageIcon: t } = u(), { dualPageIcon: r } = a();
  return t || r || /* @__PURE__ */ e(T, {});
}, V = () => {
  const { dualPageWithCoverIcon: t } = u(), { dualPageWithCoverIcon: r } = a();
  return t || r || /* @__PURE__ */ e(v, {});
}, mo = () => {
  const { viewMode: t, setDualPage: r, setDualPageWithCover: s, setSinglePage: P } = x(), { viewModeTool: h = !0 } = D(), { viewModeTool: C = !0 } = b(), { scrollMode: p } = W(), { localeMessages: o } = S(), d = w(() => [L.HORIZONTAL_SCROLLING].includes(p), [p]);
  return !h || !C ? null : /* @__PURE__ */ e(I, { children: /* @__PURE__ */ n(f, { children: [
    /* @__PURE__ */ e(i, { onClick: P, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(G, {}) }),
      o == null ? void 0 : o.singlePageLabel,
      t === m.SINGLE_PAGE ? /* @__PURE__ */ e(l, { className: "rp-menu-item-right" }) : null
    ] }) }),
    /* @__PURE__ */ e(i, { disabled: d, onClick: r, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(A, {}) }),
      o == null ? void 0 : o.dualPageLabel,
      t === m.DUAL_PAGE ? /* @__PURE__ */ e(l, { className: "rp-menu-item-right" }) : null
    ] }) }),
    /* @__PURE__ */ e(i, { disabled: d, onClick: s, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageWithCoverTooltip, children: [
      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(V, {}) }),
      o == null ? void 0 : o.dualPageWithCoverLabel,
      t === m.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ e(l, { className: "rp-menu-item-right" }) : null
    ] }) }),
    /* @__PURE__ */ e(g, {})
  ] }) });
};
export {
  mo as ViewModeTool
};