@pdf-viewer/react 0.0.0-experimental.0

package/dist/contexts/SearchContext.js

@@ -0,0 +1,142 @@
+import "react/jsx-runtime";
+import "react";
+import { A as Do, e as Eo, d as Fo } from "../ToolbarLayout.module-89451ab3.js";
+import "../components/icons/ChevronUpIcon.js";
+import "../components/ui/Button.js";
+import "../clsx-0c6e471a.js";
+import "../utils/withRef.js";
+import "../components/ui/Input.js";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
+import "./ScrollModeContext.js";
+import "../utils/appConsole.js";
+import "./InitialStateContext.js";
+import "./RPDocumentContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "./DarkModeContext.js";
+import "../utils/hooks/useDarkMode.js";
+import "./RotationContext.js";
+import "./LayerContext.js";
+import "./ZoomContext.js";
+import "../utils/constants.js";
+import "../utils/getZoomLevel.js";
+import "./LayoutContainerContext.js";
+import "./ViewModeContext.js";
+import "./GlobalCurrentPage.js";
+import "../utils/hooks/useDebounce.js";
+import "./VirtualScrollContext.js";
+import "./VirtualGridContext.js";
+import "./SelectionModeContext.js";
+import "./FullScreenContext.js";
+import "../utils/hooks/useFullScreen.js";
+import "./FileInputContext.js";
+import "./DropFileZoneContext.js";
+import "./ToolbarComponentContext.js";
+import "./ToolComponentContext.js";
+import "../utils/highlight.js";
+import "../utils/charators.js";
+import "./DimensionPagesContext.js";
+import "./PagesRotateContext.js";
+import "./LocalizationContext.js";
+import "../utils/hooks/useLocalization.js";
+import "./HighlightContext.js";
+import "../utils/hooks/useHighlight.js";
+import "./LicenseContext.js";
+import "../utils/hooks/useLicense.js";
+import "./DownloadContext.js";
+import "./SmoothScrollContext.js";
+import "./ElementPageContext.js";
+import "../utils/const.js";
+import "../utils/Queue.js";
+import "../utils/renderPage.js";
+import "./LoaderContext.js";
+import "../components/icons/LoaderIcon.js";
+import "./IconToolContext.js";
+import "./OtherToolContext.js";
+import "../components/RPConfig.js";
+import "../components/RPTheme.js";
+import "./ThemeContext.js";
+import "../utils/hooks/useLoadWorker.js";
+import "../components/icons/Thumbnail.js";
+import "../components/layout/Container.js";
+import "./ViewportContext.js";
+import "../components/layout/sidebar/RPSplitter.js";
+import "../components/layout/WrapperLayout.js";
+import "../LayoutWrapper-6224491f.js";
+import "../components/RPDropFileZone.js";
+import "../components/icons/LightPdfIcon.js";
+import "../components/icons/DarkPdfIcon.js";
+import "../SearchCloseButton-08d57275.js";
+import "../components/ui/RPTooltip.js";
+import "../index-c9a2990a.js";
+import "react-dom";
+import "../floating-ui.react-dom-d22a10b4.js";
+import "../components/icons/CloseIcon.js";
+import "../components/ui/Checkbox.js";
+import "../components/icons/CheckIcon.js";
+import "./IconContext.js";
+import "../components/ui/DropDown.js";
+import "../index-3bf64864.js";
+import "../ZoomTool.module-7082af8c.js";
+import "../components/layout/toolbar/MenuItem.js";
+import "../components/layout/toolbar/MenuSeparator.js";
+import "../utils/dateFormatter.js";
+import "../components/layout/toolbar/PropertyItem.js";
+import "../RotateTool.module-67946714.js";
+import "../utils/hooks/useInfiniteScroll.js";
+import "../utils/link_service.js";
+import "../utils/annotations.js";
+import "../utils/sanitizeExternalUrl.js";
+import "../components/page/searchHighlight.js";
+import "../components/page/CustomElement.js";
+import "../utils/calculatePage.js";
+import "../utils/hooks/useMousePressed.js";
+import "../utils/hooks/useGrabScroll.js";
+import "../utils/hooks/usePinch.js";
+import "../components/ui/PasswordModal.js";
+import "../utils/getScrollDistance.js";
+import "../utils/getWordPositionInPage.js";
+import "../utils/smoothScrollTo.js";
+import "../components/layout/toolbar/FileUploadTool.js";
+import "../components/icons/FileUploadDefaultIcon.js";
+import "../components/layout/toolbar/DarkModeTool.js";
+import "../components/icons/MoonIcon.js";
+import "../components/icons/SunIcon.js";
+import "../components/icons/ThreeDotIcon.js";
+import "../components/layout/toolbar/DocumentProperties.js";
+import "../components/icons/InfoIcon.js";
+import "../components/layout/toolbar/RotateTool.js";
+import "../components/icons/ClockwiseIcon.js";
+import "../utils/hooks/useRotate.js";
+import "../components/layout/toolbar/ViewModeTool.js";
+import "../components/icons/SinglePageIcon.js";
+import "../components/icons/DualPageIcon.js";
+import "../components/layout/toolbar/ScrollModeTool.js";
+import "../components/icons/PageScrollingIcon.js";
+import "../components/icons/VerticalScrollingIcon.js";
+import "../components/icons/HorizontalScrollingIcon.js";
+import "../components/icons/FileDownloadDefaultIcon.js";
+import "../components/icons/PrintDefaultIcon.js";
+import "../components/layout/toolbar/FullScreenTool.js";
+import "../components/icons/FullScreenIcon.js";
+import "../components/icons/GoToDownIcon.js";
+import "../components/layout/toolbar/SelectionModeTool.js";
+import "../components/icons/TextSelectionDefaultIcon.js";
+import "../components/icons/HandModeDefaultIcon.js";
+import "../components/layout/toolbar/ZoomTool.js";
+import "../components/icons/ZoomInIcon.js";
+import "../components/icons/ZoomOutIcon.js";
+import "../components/icons/SearchIcon.js";
+import "../components/icons/ClearIcon.js";
+export {
+  Do as SearchContext,
+  Eo as SearchProvider,
+  Fo as useSearchContext
+};

package/dist/contexts/SelectionModeContext.js

@@ -0,0 +1,24 @@
+import { jsx as s } from "react/jsx-runtime";
+import { createContext as c, useContext as d, useState as l } from "react";
+import { appConsole as m } from "../utils/appConsole.js";
+import { SelectionMode as o } from "../utils/types.js";
+import "../th_TH-d627cd51.js";
+const t = c({
+  selectionMode: o.TEXT,
+  setSelectionMode: () => {
+  }
+}), S = () => {
+  const e = d(t);
+  return typeof e.selectionMode > "u" && m.error("Please use this hooks inside children component of RPProvider"), e;
+}, a = ({
+  children: e,
+  initialSelectionMode: n = o.TEXT
+}) => {
+  const [r, i] = l(n);
+  return /* @__PURE__ */ s(t.Provider, { value: { selectionMode: r, setSelectionMode: i }, children: e });
+};
+export {
+  t as SelectionModeContext,
+  a as SelectionModeProvider,
+  S as useSelectionModeContext
+};

package/dist/contexts/SmoothScrollContext.js

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as c, useRef as l, useContext as n } from "react";
+const o = c({
+  targetScrollPage: { current: void 0 }
+}), m = ({ children: t }) => {
+  const r = l();
+  return /* @__PURE__ */ e(o.Provider, { value: { targetScrollPage: r }, children: t });
+}, u = () => n(o);
+export {
+  m as SmoothScrollProvider,
+  u as useSmoothScrollContext
+};

package/dist/contexts/ThemeContext.js

@@ -0,0 +1,7 @@
+import { createContext as t, useContext as o } from "react";
+const e = t({}), n = () => o(e), m = e.Provider;
+export {
+  e as ThemeContext,
+  m as ThemeProvider,
+  n as useThemeContext
+};

package/dist/contexts/ThumbnailsContext.js

@@ -0,0 +1,142 @@
+import "react/jsx-runtime";
+import "react";
+import { y as Dt, T as Et, h as Ft } from "../ToolbarLayout.module-89451ab3.js";
+import "../components/icons/ChevronUpIcon.js";
+import "../components/ui/Button.js";
+import "../clsx-0c6e471a.js";
+import "../utils/withRef.js";
+import "../components/ui/Input.js";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
+import "./ScrollModeContext.js";
+import "../utils/appConsole.js";
+import "./InitialStateContext.js";
+import "./RPDocumentContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "./DarkModeContext.js";
+import "../utils/hooks/useDarkMode.js";
+import "./RotationContext.js";
+import "./LayerContext.js";
+import "./ZoomContext.js";
+import "../utils/constants.js";
+import "../utils/getZoomLevel.js";
+import "./LayoutContainerContext.js";
+import "./ViewModeContext.js";
+import "./GlobalCurrentPage.js";
+import "../utils/hooks/useDebounce.js";
+import "./VirtualScrollContext.js";
+import "./VirtualGridContext.js";
+import "./SelectionModeContext.js";
+import "./FullScreenContext.js";
+import "../utils/hooks/useFullScreen.js";
+import "./FileInputContext.js";
+import "./DropFileZoneContext.js";
+import "./ToolbarComponentContext.js";
+import "./ToolComponentContext.js";
+import "../utils/highlight.js";
+import "../utils/charators.js";
+import "./DimensionPagesContext.js";
+import "./PagesRotateContext.js";
+import "./LocalizationContext.js";
+import "../utils/hooks/useLocalization.js";
+import "./HighlightContext.js";
+import "../utils/hooks/useHighlight.js";
+import "./LicenseContext.js";
+import "../utils/hooks/useLicense.js";
+import "./DownloadContext.js";
+import "./SmoothScrollContext.js";
+import "./ElementPageContext.js";
+import "../utils/const.js";
+import "../utils/Queue.js";
+import "../utils/renderPage.js";
+import "./LoaderContext.js";
+import "../components/icons/LoaderIcon.js";
+import "./IconToolContext.js";
+import "./OtherToolContext.js";
+import "../components/RPConfig.js";
+import "../components/RPTheme.js";
+import "./ThemeContext.js";
+import "../utils/hooks/useLoadWorker.js";
+import "../components/icons/Thumbnail.js";
+import "../components/layout/Container.js";
+import "./ViewportContext.js";
+import "../components/layout/sidebar/RPSplitter.js";
+import "../components/layout/WrapperLayout.js";
+import "../LayoutWrapper-6224491f.js";
+import "../components/RPDropFileZone.js";
+import "../components/icons/LightPdfIcon.js";
+import "../components/icons/DarkPdfIcon.js";
+import "../SearchCloseButton-08d57275.js";
+import "../components/ui/RPTooltip.js";
+import "../index-c9a2990a.js";
+import "react-dom";
+import "../floating-ui.react-dom-d22a10b4.js";
+import "../components/icons/CloseIcon.js";
+import "../components/ui/Checkbox.js";
+import "../components/icons/CheckIcon.js";
+import "./IconContext.js";
+import "../components/ui/DropDown.js";
+import "../index-3bf64864.js";
+import "../ZoomTool.module-7082af8c.js";
+import "../components/layout/toolbar/MenuItem.js";
+import "../components/layout/toolbar/MenuSeparator.js";
+import "../utils/dateFormatter.js";
+import "../components/layout/toolbar/PropertyItem.js";
+import "../RotateTool.module-67946714.js";
+import "../utils/hooks/useInfiniteScroll.js";
+import "../utils/link_service.js";
+import "../utils/annotations.js";
+import "../utils/sanitizeExternalUrl.js";
+import "../components/page/searchHighlight.js";
+import "../components/page/CustomElement.js";
+import "../utils/calculatePage.js";
+import "../utils/hooks/useMousePressed.js";
+import "../utils/hooks/useGrabScroll.js";
+import "../utils/hooks/usePinch.js";
+import "../components/ui/PasswordModal.js";
+import "../utils/getScrollDistance.js";
+import "../utils/getWordPositionInPage.js";
+import "../utils/smoothScrollTo.js";
+import "../components/layout/toolbar/FileUploadTool.js";
+import "../components/icons/FileUploadDefaultIcon.js";
+import "../components/layout/toolbar/DarkModeTool.js";
+import "../components/icons/MoonIcon.js";
+import "../components/icons/SunIcon.js";
+import "../components/icons/ThreeDotIcon.js";
+import "../components/layout/toolbar/DocumentProperties.js";
+import "../components/icons/InfoIcon.js";
+import "../components/layout/toolbar/RotateTool.js";
+import "../components/icons/ClockwiseIcon.js";
+import "../utils/hooks/useRotate.js";
+import "../components/layout/toolbar/ViewModeTool.js";
+import "../components/icons/SinglePageIcon.js";
+import "../components/icons/DualPageIcon.js";
+import "../components/layout/toolbar/ScrollModeTool.js";
+import "../components/icons/PageScrollingIcon.js";
+import "../components/icons/VerticalScrollingIcon.js";
+import "../components/icons/HorizontalScrollingIcon.js";
+import "../components/icons/FileDownloadDefaultIcon.js";
+import "../components/icons/PrintDefaultIcon.js";
+import "../components/layout/toolbar/FullScreenTool.js";
+import "../components/icons/FullScreenIcon.js";
+import "../components/icons/GoToDownIcon.js";
+import "../components/layout/toolbar/SelectionModeTool.js";
+import "../components/icons/TextSelectionDefaultIcon.js";
+import "../components/icons/HandModeDefaultIcon.js";
+import "../components/layout/toolbar/ZoomTool.js";
+import "../components/icons/ZoomInIcon.js";
+import "../components/icons/ZoomOutIcon.js";
+import "../components/icons/SearchIcon.js";
+import "../components/icons/ClearIcon.js";
+export {
+  Dt as ThumbnailContext,
+  Et as ThumbnailProvider,
+  Ft as useThumbnailContext
+};

package/dist/contexts/ToolComponentContext.js

@@ -0,0 +1,52 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as u, useContext as n, useState as s } from "react";
+const i = () => {
+  throw new Error("setSlots is not initialized yet");
+}, o = u({
+  themeSwitcher: !0,
+  documentProperties: !0,
+  rotateTool: !0,
+  fullscreenTool: !0,
+  openFileTool: !0,
+  dropFileZone: !0,
+  downloadTool: !0,
+  viewModeTool: !0,
+  scrollModeTool: !0,
+  printTool: !0,
+  thumbnailTool: !0,
+  showPrintProgress: !0,
+  selectionModeTool: !0,
+  jumpNavigationTool: !0,
+  sidebarEnable: !0,
+  pageNavigationTool: !0,
+  searchTool: !0,
+  zoomTool: !0,
+  setSlots: i
+}), c = () => n(o), T = {
+  themeSwitcher: !0,
+  documentProperties: !0,
+  rotateTool: !0,
+  fullscreenTool: !0,
+  openFileTool: !0,
+  dropFileZone: !0,
+  downloadTool: !0,
+  viewModeTool: !0,
+  scrollModeTool: !0,
+  printTool: !0,
+  thumbnailTool: !0,
+  showPrintProgress: !0,
+  selectionModeTool: !0,
+  jumpNavigationTool: !0,
+  sidebarEnable: !0,
+  pageNavigationTool: !0,
+  searchTool: !0,
+  zoomTool: !0
+}, p = ({ children: e }) => {
+  const [t, r] = s(T);
+  return /* @__PURE__ */ l(o.Provider, { value: { ...t, setSlots: r }, children: e });
+};
+export {
+  o as ToolComponentContext,
+  p as ToolComponentProvider,
+  c as useToolComponentContext
+};

package/dist/contexts/ToolbarComponentContext.js

@@ -0,0 +1,48 @@
+import { jsx as u } from "react/jsx-runtime";
+import { createContext as l, useContext as n, useMemo as i } from "react";
+const e = l({
+  themeSwitcher: !0,
+  documentProperties: !0,
+  rotateTool: !0,
+  fullscreenTool: !0,
+  openFileTool: !0,
+  dropFileZone: !0,
+  downloadTool: !0,
+  viewModeTool: !0,
+  scrollModeTool: !0,
+  printTool: !0,
+  showPrintProgress: !0,
+  selectionModeTool: !0,
+  jumpNavigationTool: !0,
+  sidebarEnable: !0
+}), d = () => n(e), T = {
+  themeSwitcher: !0,
+  documentProperties: !0,
+  rotateTool: !0,
+  fullscreenTool: !0,
+  openFileTool: !0,
+  dropFileZone: !0,
+  downloadTool: !0,
+  viewModeTool: !0,
+  scrollModeTool: !0,
+  printTool: !0,
+  thumbnailTool: !0,
+  showPrintProgress: !0,
+  selectionModeTool: !0,
+  jumpNavigationTool: !0,
+  sidebarEnable: !0,
+  pageNavigationTool: !0,
+  searchTool: !0,
+  zoomTool: !0
+}, c = ({ children: r, slots: o }) => {
+  const t = i(() => ({
+    ...T,
+    ...o
+  }), [o]);
+  return /* @__PURE__ */ u(e.Provider, { value: t, children: r });
+};
+export {
+  e as ToolbarComponentContext,
+  c as ToolbarComponentProvider,
+  d as useToolbarComponentContext
+};

package/dist/contexts/ViewModeContext.js

@@ -0,0 +1,29 @@
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as l, useContext as d, useState as P, useCallback as i, useMemo as C } from "react";
+import { appConsole as p } from "../utils/appConsole.js";
+import { ViewMode as e } from "../utils/types.js";
+import { useInitialStateContext as f } from "./InitialStateContext.js";
+import "../th_TH-d627cd51.js";
+const r = l({
+  columnCount: 1,
+  setSinglePage: () => {
+  },
+  setDualPage: () => {
+  },
+  viewMode: e.SINGLE_PAGE
+}), g = () => {
+  const o = d(r);
+  return typeof o.columnCount > "u" && p.error("Please use this hooks inside children component of RPProvider"), o;
+}, v = ({ children: o }) => {
+  const { initialViewMode: s = e.SINGLE_PAGE } = f(), [t, n] = P(s === e.SINGLE_PAGE ? 1 : 2), u = i(() => {
+    n(1);
+  }, []), c = i(() => {
+    n(2);
+  }, []), m = C(() => t === 1 ? e.SINGLE_PAGE : e.DUAL_PAGE, [t]);
+  return /* @__PURE__ */ a(r.Provider, { value: { columnCount: t, setSinglePage: u, setDualPage: c, viewMode: m }, children: o });
+};
+export {
+  r as ViewModeContext,
+  v as ViewModeProvider,
+  g as useViewModeContext
+};

package/dist/contexts/ViewportContext.js

@@ -0,0 +1,85 @@
+import { jsx as k } from "react/jsx-runtime";
+import { createContext as S, useState as u, useMemo as g, useEffect as c, useContext as B } from "react";
+import { useLayoutContainer as M } from "./LayoutContainerContext.js";
+const w = {
+  xs: 320,
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+}, E = {
+  width: 0,
+  height: 0,
+  isMobile: !1,
+  currentBreakpoint: "xs",
+  orientation: "portrait",
+  breakpoints: w,
+  isBreakpoint: () => !1,
+  isMobileDevice: !1,
+  isPortrait: !0,
+  isLandscape: !1,
+  isSmallScreen: !1
+}, m = S(void 0), O = ({
+  children: l,
+  mobileWidth: p = 768,
+  onLayoutWidthChange: s
+}) => {
+  const [a, b] = u(!1), { container: t } = M(), [r, f] = u({
+    width: (t == null ? void 0 : t.clientWidth) || window.innerWidth,
+    height: (t == null ? void 0 : t.clientHeight) || window.innerHeight,
+    isMobile: !1,
+    currentBreakpoint: "xs",
+    orientation: "portrait"
+  }), n = g(() => ({
+    ...w,
+    md: p
+  }), [p]), h = (e) => {
+    const o = Object.entries(n);
+    for (let i = o.length - 1; i >= 0; i--)
+      if (e >= o[i][1])
+        return o[i][0];
+    return "xs";
+  }, x = () => {
+    const e = navigator.userAgent.toLowerCase();
+    return ["iphone", "ipod", "ipad", "android", "mobile", "phone", "tablet"].some((i) => e.includes(i));
+  };
+  c(() => {
+    const e = r.width <= n.md;
+    b(e);
+  }, [r, n]), c(() => {
+    s && s(a, r.width);
+  }, [s, a, r]), c(() => {
+    if (!t)
+      return;
+    const e = () => {
+      const i = t.clientWidth, d = t.clientHeight;
+      f({
+        width: i,
+        height: d,
+        isMobile: x(),
+        currentBreakpoint: h(i),
+        orientation: d > i ? "portrait" : "landscape"
+      });
+    };
+    e();
+    const o = new ResizeObserver(e);
+    return o.observe(t), window.addEventListener("resize", e), () => {
+      o.disconnect(), window.removeEventListener("resize", e);
+    };
+  }, [t]);
+  const v = {
+    ...r,
+    breakpoints: n,
+    isBreakpoint: (e) => r.width >= n[e],
+    isMobileDevice: r.isMobile,
+    isPortrait: r.orientation === "portrait",
+    isLandscape: r.orientation === "landscape",
+    isSmallScreen: a
+  };
+  return /* @__PURE__ */ k(m.Provider, { value: v, children: l });
+}, V = () => B(m) ?? E;
+export {
+  O as ViewportProvider,
+  V as useViewportContext
+};

package/dist/contexts/VirtualGridContext.js

@@ -0,0 +1,15 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as u, useContext as i, useState as s } from "react";
+const t = u({
+  columnCount: 1,
+  setColumnCount: () => {
+  }
+}), m = () => i(t), c = ({ children: o }) => {
+  const [r, e] = s(1);
+  return /* @__PURE__ */ n(t.Provider, { value: { columnCount: r, setColumnCount: e }, children: o });
+};
+export {
+  t as VirtualGridContext,
+  c as VirtualGridProvider,
+  m as useVirtualGridContext
+};

package/dist/contexts/VirtualScrollContext.js

@@ -0,0 +1,53 @@
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as g, useContext as R, useState as e } from "react";
+const l = g({
+  getVirtualScrollRef: () => {
+  },
+  getPageScrollElementRef: () => {
+  },
+  getVirtualScrollableElementRef: () => {
+  },
+  scrollPosition: {
+    scrollTop: 0,
+    scrollLeft: 0
+  },
+  setScrollPosition: () => {
+  },
+  totalInnerDimensions: {
+    height: 0,
+    width: 0
+  },
+  setTotalInnerDimensions: () => {
+  }
+}), E = () => R(l), h = ({ children: t }) => {
+  const [o, r] = e(), [n, s] = e(), [i, c] = e(), [a, S] = e({
+    scrollTop: 0,
+    scrollLeft: 0
+  }), [u, f] = e({
+    height: 0,
+    width: 0
+  });
+  return /* @__PURE__ */ m(
+    l.Provider,
+    {
+      value: {
+        virtualScrollRef: o,
+        getVirtualScrollRef: r,
+        pageScrollElementRef: i,
+        getPageScrollElementRef: c,
+        virtualScrollableElementRef: n,
+        getVirtualScrollableElementRef: s,
+        scrollPosition: a,
+        setScrollPosition: S,
+        totalInnerDimensions: u,
+        setTotalInnerDimensions: f
+      },
+      children: t
+    }
+  );
+};
+export {
+  l as VirtualScrollContext,
+  h as VirtualScrollProvider,
+  E as useVirtualScrollContext
+};