@react-pdf-kit/viewer 2.0.0-beta.9 → 2.0.0-rc.1

package/dist/components/RPProvider.js

@@ -1,147 +1,81 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as v, useEffect as S } from "react";
-import { DocumentProvider as C } from "../contexts/RPDocumentContext.js";
-import { DocumentPasswordProvider as g } from "../contexts/DocumentPasswordContext.js";
-import { RPController as b } from "./RPController.js";
-import { LoaderProvider as L } from "../contexts/LoaderContext.js";
-import { ToolComponentProvider as T } from "../contexts/ToolComponentContext.js";
+import { useMemo as v, useEffect as C } from "react";
+import { DocumentProvider as g } from "../contexts/RPDocumentContext.js";
+import { DocumentPasswordProvider as b } from "../contexts/DocumentPasswordContext.js";
+import { RPController as T } from "./RPController.js";
+import { LoaderProvider as x } from "../contexts/LoaderContext.js";
+import { ToolComponentProvider as L } from "../contexts/ToolComponentContext.js";
 import { IconToolProvider as j } from "../contexts/IconToolContext.js";
 import { OtherToolProvider as k } from "../contexts/OtherToolContext.js";
 import { useFlickerSelectText as w } from "../utils/hooks/useFlickerSelectText.js";
-import { EventCallbackProvider as x } from "../contexts/EventCallbackContext.js";
-import { combinedCSS as y } from "../assets/style.js";
-import { injectGlobalCSS as D } from "../libInjectCss.js";
-import { injectPrintCSS as E } from "../utils/injectPrintCSS.js";
+import { EventCallbackProvider as y } from "../contexts/EventCallbackContext.js";
+import { combinedCSS as D } from "../assets/style.js";
+import { injectGlobalCSS as E } from "../libInjectCss.js";
+import { injectPrintCSS as R } from "../utils/injectPrintCSS.js";
 import "../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
 import "../utils/types.js";
-import "../th_TH-d627cd51.js";
+import "../de_DE-a553b162.js";
 import "../utils/getThumbnailViewport.js";
 import "../contexts/ConfigContext.js";
 import "../utils/hooks/usePdfProperties.js";
 import "../utils/convertPdfDate.js";
 import "../utils/formatFileSize.js";
 import "../utils/appConsole.js";
-import "../ToolbarLayout.module-8d56d12b.js";
-import "./icons/ChevronUpIcon.js";
-import "./ui/Button.js";
-import "../clsx-0c6e471a.js";
-import "../utils/withRef.js";
-import "./ui/Input.js";
+import "../PaginationContext-9217cab4.js";
 import "../contexts/ScrollModeContext.js";
 import "../contexts/InitialStateContext.js";
-import "../contexts/DarkModeContext.js";
-import "../utils/hooks/useDarkMode.js";
-import "../contexts/RotationContext.js";
-import "../contexts/LayerContext.js";
+import "../contexts/GlobalCurrentPage.js";
+import "../contexts/ViewModeContext.js";
+import "../contexts/VirtualScrollContext.js";
+import "../contexts/VirtualGridContext.js";
+import "../utils/smoothScrollTo.js";
+import "../contexts/DimensionPagesContext.js";
 import "../contexts/ZoomContext.js";
 import "../utils/constants.js";
 import "../utils/getZoomLevel.js";
 import "../contexts/LayoutContainerContext.js";
-import "../contexts/ViewModeContext.js";
-import "../contexts/GlobalCurrentPage.js";
+import "../contexts/RotationContext.js";
 import "../utils/hooks/useDebounce.js";
-import "../contexts/VirtualScrollContext.js";
-import "../contexts/VirtualGridContext.js";
+import "../contexts/PagesRotateContext.js";
+import "../contexts/SmoothScrollContext.js";
+import "../utils/getScrollDistance.js";
+import "../utils/calculatePage.js";
+import "../contexts/DarkModeContext.js";
+import "../utils/hooks/useDarkMode.js";
+import "../contexts/LayerContext.js";
 import "../contexts/SelectionModeContext.js";
 import "../contexts/FullScreenContext.js";
 import "../utils/hooks/useFullScreen.js";
 import "../contexts/FileInputContext.js";
+import "../contexts/PrintContext.js";
+import "../utils/hooks/usePrint.js";
 import "../contexts/DropFileZoneContext.js";
 import "../contexts/ToolbarComponentContext.js";
+import "../contexts/ThumbnailsContext.js";
+import "../utils/hooks/useThumbnail.js";
+import "../contexts/SearchContext.js";
+import "../utils/hooks/useSearch.js";
 import "../utils/highlight.js";
 import "../utils/charators.js";
-import "../contexts/DimensionPagesContext.js";
-import "../contexts/PagesRotateContext.js";
+import "../utils/getWordPositionInPage.js";
 import "../contexts/LocalizationContext.js";
 import "../utils/hooks/useLocalization.js";
 import "../contexts/HighlightContext.js";
 import "../utils/hooks/useHighlight.js";
+import "../utils/hooks/useWatermark.js";
 import "../contexts/LicenseContext.js";
 import "../utils/hooks/useLicense.js";
 import "../contexts/DownloadContext.js";
-import "../contexts/SmoothScrollContext.js";
 import "../contexts/ElementPageContext.js";
 import "../utils/const.js";
-import "../utils/getScrollDistance.js";
 import "../utils/getElementPositionInPage.js";
+import "../contexts/RenderQueueProvider.js";
 import "../utils/Queue.js";
 import "../utils/renderPage.js";
-import "../contexts/ThemeContext.js";
-import "./icons/Thumbnail.js";
 import "./icons/LoaderIcon.js";
-import "./layout/Container.js";
-import "../contexts/ViewportContext.js";
-import "./layout/sidebar/RPSplitter.js";
-import "./layout/WrapperLayout.js";
-import "./RPDropFileZone.js";
-import "./icons/LightPdfIcon.js";
-import "./icons/DarkPdfIcon.js";
-import "../LayoutWrapper-6224491f.js";
-import "../SearchCloseButton-08d57275.js";
-import "./ui/RPTooltip.js";
-import "../index-c9a2990a.js";
-import "react-dom";
-import "../floating-ui.react-dom-d22a10b4.js";
-import "./icons/CloseIcon.js";
-import "./ui/Checkbox.js";
-import "./icons/CheckIcon.js";
-import "../contexts/IconContext.js";
-import "./ui/DropDown.js";
-import "../index-3bf64864.js";
-import "./layout/toolbar/MenuItem.js";
-import "./layout/toolbar/MenuSeparator.js";
-import "../utils/dateFormatter.js";
-import "./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 "./page/searchHighlight.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 "./ui/PasswordModal.js";
-import "../utils/approximateFragtion.js";
-import "../utils/hooks/useCopyText.js";
-import "../utils/getWordPositionInPage.js";
-import "../utils/smoothScrollTo.js";
-import "./layout/toolbar/FileUploadTool.js";
-import "./icons/FileUploadDefaultIcon.js";
-import "./layout/toolbar/DarkModeTool.js";
-import "./icons/MoonIcon.js";
-import "./icons/SunIcon.js";
-import "./icons/ThreeDotIcon.js";
-import "./layout/toolbar/DocumentProperties.js";
-import "./icons/InfoIcon.js";
-import "./layout/toolbar/RotateTool.js";
-import "./icons/ClockwiseIcon.js";
-import "../utils/hooks/useRotate.js";
-import "./layout/toolbar/ViewModeTool.js";
-import "./icons/DualPageIcon.js";
-import "./icons/SinglePageIcon.js";
-import "./layout/toolbar/ScrollModeTool.js";
-import "./icons/PageScrollingIcon.js";
-import "./icons/VerticalScrollingIcon.js";
-import "./icons/HorizontalScrollingIcon.js";
-import "./icons/FileDownloadDefaultIcon.js";
-import "./icons/PrintDefaultIcon.js";
-import "./layout/toolbar/FullScreenTool.js";
-import "./icons/FullScreenIcon.js";
-import "./icons/GoToDownIcon.js";
-import "./layout/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/useWatermark.js";
-const ft = (i) => {
+import "../clsx-0c6e471a.js";
+const oo = (i) => {
   const {
     children: m,
     src: o,
@@ -149,33 +83,43 @@ const ft = (i) => {
     onLoaded: e,
     onLoadError: n,
     loaderImage: c,
-    onLoadProgress: d,
-    disableAutoFetch: l,
+    onLoadProgress: l,
+    disableAutoFetch: d,
     disableStream: a,
     rangeChunkSize: s,
     onPageChange: f,
     onRotate: P,
     onScroll: h,
+    onTextSelect: S,
     ...u
   } = i, t = v(() => typeof o == "string" ? o : `${Date.now()}`, [o]);
-  return w(), S(() => {
-    D(y, "rp-viewer-styles"), E();
-  }, []), /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
-    C,
+  return w(), C(() => {
+    E(D, "rp-viewer-styles"), R();
+  }, []), /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
+    g,
     {
       src: o,
       characterMap: p,
       onLoaded: e,
       onLoadError: n,
-      onLoadProgress: d,
-      disableAutoFetch: l,
+      onLoadProgress: l,
+      disableAutoFetch: d,
       disableStream: a,
       rangeChunkSize: s,
-      children: /* @__PURE__ */ r(x, { onPageChange: f, onRotate: P, onScroll: h, children: /* @__PURE__ */ r(b, { ...u, children: /* @__PURE__ */ r(L, { loaderImage: c, children: /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(k, { children: m }) }) }) }, t) }, t) })
+      children: /* @__PURE__ */ r(
+        y,
+        {
+          onPageChange: f,
+          onRotate: P,
+          onScroll: h,
+          onTextSelect: S,
+          children: /* @__PURE__ */ r(T, { ...u, children: /* @__PURE__ */ r(x, { loaderImage: c, children: /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(k, { children: m }) }) }) }, t) }, t)
+        }
+      )
     },
     t
   ) });
 };
 export {
-  ft as RPProvider
+  oo as RPProvider
 };

package/dist/components/icons/DualPageWithCoverIcon.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+const H = (e) => /* @__PURE__ */ o(
+  "svg",
+  {
+    ...e,
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M11 1.5C11.2761 1.5 11.5 1.72386 11.5 2V7.5H14C14.2761 7.5 14.5 7.72386 14.5 8V14C14.5 14.2761 14.2761 14.5 14 14.5H2C1.72386 14.5 1.5 14.2761 1.5 14V8C1.5 7.72386 1.72386 7.5 2 7.5H4.5V2C4.5 1.72386 4.72386 1.5 5 1.5H11ZM8.5 13.5H13.5V8.5H8.5V13.5ZM2.5 13.5H7.5V8.5H2.5V13.5ZM5.5 7.5H10.5V2.5H5.5V7.5Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+export {
+  H as DualPageWithCoverIcon
+};

package/dist/components/layout/LayoutContainer.js

@@ -1,140 +1,35 @@
-import "react/jsx-runtime";
-import "../../clsx-0c6e471a.js";
-import "../../LayoutWrapper-6224491f.js";
-import "../../contexts/ThemeContext.js";
+import { jsx as l } from "react/jsx-runtime";
+import { c as d } from "../../clsx-0c6e471a.js";
+import { c as t } from "../../RPLayout.module-b4b23e29.js";
+import { useThemeContext as h } from "../../contexts/ThemeContext.js";
+import { useDarkModeContext as f } from "../../contexts/DarkModeContext.js";
+import { withRef as u } from "../../utils/withRef.js";
 import "react";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { L as Er } from "../../ToolbarLayout.module-8d56d12b.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/LayoutContainerContext.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 "../../contexts/LoaderContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../../contexts/EventCallbackContext.js";
-import "../../contexts/ConfigContext.js";
-import "pdfjs-dist";
-import "./Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "./sidebar/RPSplitter.js";
-import "./WrapperLayout.js";
-import "../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 "../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 "../../utils/withRef.js";
-import "../../utils/hooks/useLoadPdf.js";
-import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
-import "../../utils/getThumbnailViewport.js";
-import "../../utils/appConsole.js";
-import "../../utils/hooks/usePdfProperties.js";
-import "../../utils/convertPdfDate.js";
-import "../../utils/formatFileSize.js";
-import "../icons/ChevronUpIcon.js";
-import "../../utils/highlight.js";
-import "../../utils/charators.js";
-import "../../utils/Queue.js";
-import "../../utils/renderPage.js";
-import "../icons/Thumbnail.js";
-import "../../utils/hooks/useInfiniteScroll.js";
-import "../../utils/constants.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/getZoomLevel.js";
-import "../../utils/hooks/useDebounce.js";
-import "../../utils/hooks/useLicense.js";
-import "../../utils/getScrollDistance.js";
-import "../../utils/getElementPositionInPage.js";
-import "../../utils/calculatePage.js";
-import "../../utils/hooks/useMousePressed.js";
-import "../../utils/hooks/useGrabScroll.js";
-import "../../utils/hooks/usePinch.js";
-import "../ui/PasswordModal.js";
-import "../../utils/hooks/useLocalization.js";
-import "../../utils/approximateFragtion.js";
-import "../../utils/hooks/useCopyText.js";
-import "../../utils/getWordPositionInPage.js";
-import "../../utils/smoothScrollTo.js";
-import "./toolbar/FileUploadTool.js";
-import "../icons/FileUploadDefaultIcon.js";
-import "../../index-3bf64864.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../floating-ui.react-dom-d22a10b4.js";
-import "./toolbar/DarkModeTool.js";
-import "../icons/MoonIcon.js";
-import "../icons/SunIcon.js";
 import "../../utils/hooks/useDarkMode.js";
-import "../icons/ThreeDotIcon.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/DualPageIcon.js";
-import "../icons/SinglePageIcon.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 "../../utils/hooks/useFullScreen.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/useHighlight.js";
-import "../icons/LightPdfIcon.js";
-import "../icons/DarkPdfIcon.js";
+import "../../utils/appConsole.js";
+const N = u((e, s) => {
+  const { children: m, toolbarRef: r, style: a, className: i, ...c } = e, { customVariables: p, customDarkVariables: n } = h(), { darkMode: o } = f();
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ref: s,
+      ...c,
+      className: d(
+        t["rp-theme-variables"],
+        t["rp-container"],
+        o ? t["rp-dark-mode"] : "",
+        i
+      ),
+      style: {
+        "--rp-toolbar-height": `${(r == null ? void 0 : r.clientHeight) || 48}px`,
+        ...p,
+        ...o ? n : {},
+        ...a
+      },
+      children: m
+    }
+  );
+});
 export {
-  Er as LayoutContainer
+  N as LayoutContainer
 };

package/dist/components/layout/LayoutWrapper.js

@@ -1,7 +1,11 @@
-import "react/jsx-runtime";
-import { L as a } from "../../LayoutWrapper-6224491f.js";
-import "../../utils/withRef.js";
+import { jsx as s } from "react/jsx-runtime";
+import { c as e } from "../../RPLayout.module-b4b23e29.js";
+import { withRef as a } from "../../utils/withRef.js";
 import "react";
+const l = a((r, o) => {
+  const { children: t, ...p } = r;
+  return /* @__PURE__ */ s("div", { ref: o, className: e["rp-layout-wrapper"], ...p, children: t });
+});
 export {
-  a as LayoutWrapper
+  l as LayoutWrapper
 };