@pdf-viewer/react/dist/components/page/CustomElement.js

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

import { jsx as m, Fragment as s } from "react/jsx-runtime";
import { useRef as u, useMemo as l, useEffect as c } from "react";
import { useElementPageContext as f } from "../../contexts/ElementPageContext.js";
import "../../utils/types.js";
import "../../th_TH-d627cd51.js";
import "../../contexts/DimensionPagesContext.js";
import "../../utils/appConsole.js";
import "../../contexts/RPDocumentContext.js";
import "../../utils/hooks/useLoadPdf.js";
import "pdfjs-dist";
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 "../../contexts/ZoomContext.js";
import "../../contexts/InitialStateContext.js";
import "../../utils/constants.js";
import "../../utils/getZoomLevel.js";
import "../../contexts/LayoutContainerContext.js";
import "../../contexts/ViewModeContext.js";
import "../../contexts/RotationContext.js";
import "../../contexts/GlobalCurrentPage.js";
import "../../contexts/EventCallbackContext.js";
import "../../utils/hooks/useDebounce.js";
import "../../contexts/PagesRotateContext.js";
import "../../contexts/LicenseContext.js";
import "../../utils/hooks/useLicense.js";
import "../../utils/const.js";
import "../../utils/getScrollDistance.js";
import "../../contexts/ScrollModeContext.js";
import "../../utils/getElementPositionInPage.js";
import "../../contexts/VirtualScrollContext.js";
const a = ({ child: t }) => {
  const r = u(null);
  return c(() => {
    var i;
    return (i = r.current) == null || i.appendChild(t), () => {
      var o;
      (o = r.current) == null || o.removeChild(t);
    };
  }, [t]), /* @__PURE__ */ m("div", { ref: r });
}, X = ({ pageNumber: t }) => {
  const { elementList: r } = f(), i = u(null), o = l(() => {
    var e;
    return (e = r[t]) == null ? void 0 : e.map((p, n) => p instanceof HTMLElement ? /* @__PURE__ */ m(a, { child: p }, n) : /* @__PURE__ */ m("div", { children: p }, n));
  }, [r, t]);
  return o ? /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m("div", { ref: i, "data-rp": `page-${t}-customElement`, children: o.map((e) => e) }) }) : null;
};
export {
  X as CustomElement
};