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

package/dist/components/RPProvider.js

@@ -1,17 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as P, useEffect as h } from "react";
-import { DocumentProvider as v } from "../contexts/RPDocumentContext.js";
-import { DocumentPasswordProvider as u } from "../contexts/DocumentPasswordContext.js";
-import { RPController as S } from "./RPController.js";
-import { LoaderProvider as C } from "../contexts/LoaderContext.js";
-import { ToolComponentProvider as g } from "../contexts/ToolComponentContext.js";
-import { IconToolProvider as L } from "../contexts/IconToolContext.js";
-import { OtherToolProvider as T } from "../contexts/OtherToolContext.js";
-import { useFlickerSelectText as b } from "../utils/hooks/useFlickerSelectText.js";
-import { EventCallbackProvider as j } from "../contexts/EventCallbackContext.js";
-import { combinedCSS as w } from "../assets/style.js";
-import { injectGlobalCSS as x } from "../libInjectCss.js";
-import { injectPrintCSS as y } from "../utils/injectPrintCSS.js";
+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 { 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 "../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
 import "../utils/types.js";
@@ -22,128 +22,60 @@ import "../utils/hooks/usePdfProperties.js";
 import "../utils/convertPdfDate.js";
 import "../utils/formatFileSize.js";
 import "../utils/appConsole.js";
-import "../ToolbarLayout.module-37619c4b.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 "./RPConfig.js";
-import "./RPTheme.js";
-import "../contexts/ThemeContext.js";
-import "../utils/hooks/useLoadWorker.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 "../LayoutWrapper-6224491f.js";
-import "./RPDropFileZone.js";
-import "./icons/LightPdfIcon.js";
-import "./icons/DarkPdfIcon.js";
-import "../SearchCloseButton-08d57275.js";
-import "./ui/RPTooltip.js";
-import "../index-c9a2990a.js";
-import "react-dom";
-import "../index-808ea7bf.js";
-import "./icons/CloseIcon.js";
-import "./ui/Checkbox.js";
-import "./icons/CheckIcon.js";
-import "../contexts/IconContext.js";
-import "./ui/DropDown.js";
-import "../index-a48ec088.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/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/SinglePageIcon.js";
-import "./icons/DualPageIcon.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 ro = (i) => {
   const {
     children: m,
     src: o,
@@ -152,26 +84,32 @@ const ft = (i) => {
     onLoadError: n,
     loaderImage: c,
     onLoadProgress: d,
-    onPageChange: l,
-    onRotate: a,
-    onScroll: f,
-    ...s
-  } = i, t = P(() => typeof o == "string" ? o : `${Date.now()}`, [o]);
-  return b(), h(() => {
-    x(w, "rp-viewer-styles"), y();
-  }, []), /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(
-    v,
+    disableAutoFetch: l,
+    disableStream: a,
+    rangeChunkSize: s,
+    onPageChange: f,
+    onRotate: P,
+    onScroll: h,
+    ...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,
     {
       src: o,
       characterMap: p,
       onLoaded: e,
       onLoadError: n,
       onLoadProgress: d,
-      children: /* @__PURE__ */ r(j, { onPageChange: l, onRotate: a, onScroll: f, children: /* @__PURE__ */ r(S, { ...s, children: /* @__PURE__ */ r(C, { loaderImage: c, children: /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(T, { children: m }) }) }) }, t) }, t) })
+      disableAutoFetch: l,
+      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) })
     },
     t
   ) });
 };
 export {
-  ft as RPProvider
+  ro as RPProvider
 };

package/dist/components/icons/DualPageIcon.js

@@ -1,22 +1,22 @@
-import { jsx as e } from "react/jsx-runtime";
-const C = (o) => /* @__PURE__ */ e(
+import { jsx as o } from "react/jsx-runtime";
+const C = (e) => /* @__PURE__ */ o(
   "svg",
   {
-    ...o,
+    ...e,
     width: "1em",
     height: "1em",
     viewBox: "0 0 16 17",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ o(
       "path",
       {
-        d: "M12.3337 2.5H3.66699C3.40178 2.5 3.14742 2.60536 2.95989 2.79289C2.77235 2.98043 2.66699 3.23478 2.66699 3.5V13.5C2.66699 13.7652 2.77235 14.0196 2.95989 14.2071C3.14742 14.3946 3.40178 14.5 3.66699 14.5H12.3337C12.5989 14.5 12.8532 14.3946 13.0408 14.2071C13.2283 14.0196 13.3337 13.7652 13.3337 13.5V3.5C13.3337 3.23478 13.2283 2.98043 13.0408 2.79289C12.8532 2.60536 12.5989 2.5 12.3337 2.5ZM12.3337 13.5H3.66699V3.5H12.3337V13.5Z",
+        d: "M13.8337 3H2.16699C1.90178 3 1.64742 3.10536 1.45989 3.29289C1.27235 3.48043 1.16699 3.73478 1.16699 4V13C1.16699 13.2652 1.27235 13.5196 1.45989 13.7071C1.64742 13.8946 1.90178 14 2.16699 14H13.8337C14.0989 14 14.3532 13.8946 14.5408 13.7071C14.7283 13.5196 14.8337 13.2652 14.8337 13V4C14.8337 3.73478 14.7283 3.48043 14.5408 3.29289C14.3532 3.10536 14.0989 3 13.8337 3ZM2.16699 4H7.50033V13H2.16699V4ZM13.8337 13H8.50033V4H13.8337V13Z",
         fill: "currentColor"
       }
     )
   }
 );
 export {
-  C as SinglePageIcon
+  C as DualPageIcon
 };

package/dist/components/icons/SinglePageIcon.js

@@ -1,22 +1,22 @@
-import { jsx as o } from "react/jsx-runtime";
-const C = (e) => /* @__PURE__ */ o(
+import { jsx as e } from "react/jsx-runtime";
+const C = (o) => /* @__PURE__ */ e(
   "svg",
   {
-    ...e,
+    ...o,
     width: "1em",
     height: "1em",
     viewBox: "0 0 16 17",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ o(
+    children: /* @__PURE__ */ e(
       "path",
       {
-        d: "M13.8337 3H2.16699C1.90178 3 1.64742 3.10536 1.45989 3.29289C1.27235 3.48043 1.16699 3.73478 1.16699 4V13C1.16699 13.2652 1.27235 13.5196 1.45989 13.7071C1.64742 13.8946 1.90178 14 2.16699 14H13.8337C14.0989 14 14.3532 13.8946 14.5408 13.7071C14.7283 13.5196 14.8337 13.2652 14.8337 13V4C14.8337 3.73478 14.7283 3.48043 14.5408 3.29289C14.3532 3.10536 14.0989 3 13.8337 3ZM2.16699 4H7.50033V13H2.16699V4ZM13.8337 13H8.50033V4H13.8337V13Z",
+        d: "M12.3337 2.5H3.66699C3.40178 2.5 3.14742 2.60536 2.95989 2.79289C2.77235 2.98043 2.66699 3.23478 2.66699 3.5V13.5C2.66699 13.7652 2.77235 14.0196 2.95989 14.2071C3.14742 14.3946 3.40178 14.5 3.66699 14.5H12.3337C12.5989 14.5 12.8532 14.3946 13.0408 14.2071C13.2283 14.0196 13.3337 13.7652 13.3337 13.5V3.5C13.3337 3.23478 13.2283 2.98043 13.0408 2.79289C12.8532 2.60536 12.5989 2.5 12.3337 2.5ZM12.3337 13.5H3.66699V3.5H12.3337V13.5Z",
         fill: "currentColor"
       }
     )
   }
 );
 export {
-  C as DualPageIcon
+  C as SinglePageIcon
 };

package/dist/components/layout/LayoutContainer.js

@@ -1,142 +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-967bf4bc.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 Gr } from "../../ToolbarLayout.module-37619c4b.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 "../RPConfig.js";
-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 "pdfjs-dist";
-import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
-import "../../utils/getThumbnailViewport.js";
-import "../../contexts/ConfigContext.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/getWordPositionInPage.js";
-import "../../utils/smoothScrollTo.js";
-import "./toolbar/FileUploadTool.js";
-import "../icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../index-808ea7bf.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/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 "../../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 "../RPTheme.js";
-import "../../utils/hooks/useLoadWorker.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 {
-  Gr 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-967bf4bc.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
 };