@pdf-viewer/react/dist/components/layout/RPLayout.js

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

import { jsx as o, jsxs as m } from "react/jsx-runtime";
import { useEffect as h } from "react";
import { useLayoutContainer as u } from "../../contexts/LayoutContainerContext.js";
import { Container as y } from "./Container.js";
import { ViewportProvider as L } from "../../contexts/ViewportContext.js";
import { ToolbarLayout as C } from "./toolbar/ToolbarLayout.js";
import { WrapperLayout as g } from "./WrapperLayout.js";
import { useDocumentContext as x } from "../../contexts/RPDocumentContext.js";
import "../../contexts/DocumentPasswordContext.js";
import { L as b } from "../../ToolbarLayout.module-f843fd79.js";
import "../../contexts/DarkModeContext.js";
import "../../contexts/RotationContext.js";
import "../../contexts/LayerContext.js";
import "../../contexts/ZoomContext.js";
import "../../contexts/ViewModeContext.js";
import "../../contexts/ScrollModeContext.js";
import "../../contexts/VirtualScrollContext.js";
import "../../contexts/VirtualGridContext.js";
import "../../contexts/SelectionModeContext.js";
import "../../contexts/InitialStateContext.js";
import "../../contexts/FullScreenContext.js";
import "../../contexts/FileInputContext.js";
import "../../contexts/DropFileZoneContext.js";
import "../../contexts/DimensionPagesContext.js";
import "../../contexts/LocalizationContext.js";
import "../../contexts/HighlightContext.js";
import "../../contexts/LicenseContext.js";
import "../../contexts/DownloadContext.js";
import "../../contexts/SmoothScrollContext.js";
import "../../contexts/ElementPageContext.js";
import "../../contexts/PagesRotateContext.js";
import "../../contexts/GlobalCurrentPage.js";
import { useLoaderContext as j } from "../../contexts/LoaderContext.js";
import "../../contexts/ToolComponentContext.js";
import "../../contexts/IconToolContext.js";
import "../../contexts/OtherToolContext.js";
import "../../contexts/EventCallbackContext.js";
import "../../contexts/ThemeContext.js";
import "../../contexts/ConfigContext.js";
import "pdfjs-dist";
import { RPDropFileZone as v } from "../RPDropFileZone.js";
import "../ui/Button.js";
import "../../SearchCloseButton-08d57275.js";
import "../ui/Input.js";
import "../ui/Checkbox.js";
import "../icons/LoaderIcon.js";
import "../../contexts/IconContext.js";
import "../ui/RPTooltip.js";
import "../../contexts/ToolbarComponentContext.js";
import "../ui/DropDown.js";
import "./toolbar/MenuItem.js";
import "./toolbar/MenuSeparator.js";
import "../../utils/dateFormatter.js";
import "./toolbar/PropertyItem.js";
import "../../RotateTool.module-67946714.js";
import { c as w } from "../../LayoutWrapper-6224491f.js";
import "../../clsx-0c6e471a.js";
import "./toolbar/ToolbarDefault.js";
import "../../utils/constants.js";
import "./sidebar/RPSplitter.js";
import "./toolbar/tools/defaults/RPHorizontalBar.js";
import "./toolbar/tools/defaults/RPVerticalBar.js";
import "./toolbar/ThumbnailTool.js";
import "../icons/Thumbnail.js";
import "./toolbar/ToolbarCustom.js";
import "../../utils/hooks/useLoadPdf.js";
import "../../utils/types.js";
import "../../th_TH-d627cd51.js";
import "../../utils/getThumbnailViewport.js";
import "../../utils/hooks/usePdfProperties.js";
import "../../utils/convertPdfDate.js";
import "../../utils/formatFileSize.js";
import "../../utils/appConsole.js";
import "../icons/ChevronUpIcon.js";
import "../../utils/highlight.js";
import "../../utils/charators.js";
import "../../utils/Queue.js";
import "../../utils/renderPage.js";
import "../../utils/withRef.js";
import "../../utils/hooks/useInfiniteScroll.js";
import "../../utils/link_service.js";
import "../../utils/annotations.js";
import "../../utils/sanitizeExternalUrl.js";
import "../page/searchHighlight.js";
import "../../utils/const.js";
import "../page/CustomElement.js";
import "../../utils/calculatePage.js";
import "../../utils/hooks/useMousePressed.js";
import "../../utils/hooks/useGrabScroll.js";
import "../../utils/hooks/usePinch.js";
import "../../utils/hooks/useDebounce.js";
import "../ui/PasswordModal.js";
import "../../utils/hooks/useCopyText.js";
import "../../utils/getScrollDistance.js";
import "../../utils/getWordPositionInPage.js";
import "../../utils/smoothScrollTo.js";
import "./toolbar/FileUploadTool.js";
import "../icons/FileUploadDefaultIcon.js";
import "./toolbar/DarkModeTool.js";
import "../icons/MoonIcon.js";
import "../icons/SunIcon.js";
import "../icons/ThreeDotIcon.js";
import "../../index-35c7f4a2.js";
import "react-dom";
import "../../floating-ui.react-dom-6b2fe0df.js";
import "../../index-f563c6f0.js";
import "../icons/CloseIcon.js";
import "./toolbar/DocumentProperties.js";
import "../icons/InfoIcon.js";
import "./toolbar/RotateTool.js";
import "../icons/ClockwiseIcon.js";
import "../../utils/hooks/useRotate.js";
import "./toolbar/ViewModeTool.js";
import "../icons/SinglePageIcon.js";
import "../icons/DualPageIcon.js";
import "../icons/CheckIcon.js";
import "./toolbar/ScrollModeTool.js";
import "../icons/PageScrollingIcon.js";
import "../icons/VerticalScrollingIcon.js";
import "../icons/HorizontalScrollingIcon.js";
import "../icons/FileDownloadDefaultIcon.js";
import "../icons/PrintDefaultIcon.js";
import "./toolbar/FullScreenTool.js";
import "../icons/FullScreenIcon.js";
import "../icons/GoToDownIcon.js";
import "./toolbar/SelectionModeTool.js";
import "../icons/TextSelectionDefaultIcon.js";
import "../icons/HandModeDefaultIcon.js";
import "../icons/ZoomInIcon.js";
import "../icons/ZoomOutIcon.js";
import "../../utils/zoom.js";
import "../icons/SearchIcon.js";
import "../icons/ClearIcon.js";
import "../../utils/hooks/useDarkMode.js";
import "../../utils/getZoomLevel.js";
import "../../utils/hooks/useFullScreen.js";
import "../../utils/hooks/useLocalization.js";
import "../../utils/hooks/useHighlight.js";
import "../../utils/hooks/useLicense.js";
import "../../utils/getElementPositionInPage.js";
import "../icons/LightPdfIcon.js";
import "../icons/DarkPdfIcon.js";
const er = (p) => {
  const {
    children: e,
    style: n,
    className: a,
    mobileWidth: s,
    onLoaded: t,
    cleanupOnLoaded: r,
    onLayoutWidthChange: l,
    toolbar: d
  } = p, { setContainer: c } = u(), { loading: f } = x(), { LoaderImageComponent: i } = j();
  return h(() => (t && t(), () => {
    r && r();
  }), [t, r]), // TODO: deprecated in v2.0.0, remove later ("LayoutContainer") ~
  /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(L, { mobileWidth: s, onLayoutWidthChange: l, children: /* @__PURE__ */ m(y, { getContainerRef: c, style: n, className: a, children: [
    /* @__PURE__ */ m(g, { children: [
      /* @__PURE__ */ o(C, { toolbar: d, children: e }),
      /* @__PURE__ */ o(v, {})
    ] }),
    f ? /* @__PURE__ */ o(
      "div",
      {
        className: w["rp-loader"],
        style: {
          position: "absolute",
          top: 0,
          left: 0,
          right: 0,
          bottom: 0,
          width: "100%",
          height: "100%"
        },
        children: /* @__PURE__ */ o(
          "div",
          {
            style: {
              display: "flex",
              justifyContent: "center",
              alignItems: "center",
              height: "100%",
              width: "100%"
            },
            children: i && /* @__PURE__ */ o(i, {})
          }
        )
      }
    ) : null
  ] }) }) });
};
export {
  er as RPLayout
};