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

package/dist/contexts/RenderQueueProvider.js

@@ -1,14 +1,9 @@
-import "react/jsx-runtime";
-import "react";
-import "../utils/Queue.js";
-import "../utils/renderPage.js";
-import { E as Bo, f as Do, F as Go } from "../ToolbarLayout.module-37619c4b.js";
+import { jsx as f } from "react/jsx-runtime";
+import { createContext as l, useRef as g, useState as P, useCallback as s, useMemo as R, useEffect as a, useContext as h } from "react";
+import { Queue as v } from "../utils/Queue.js";
+import { renderPage as x } from "../utils/renderPage.js";
+import { u as y } from "../PaginationContext-9217cab4.js";
 import "pdfjs-dist";
-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";
@@ -22,123 +17,56 @@ 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 "./EventCallbackContext.js";
-import "../utils/hooks/useDebounce.js";
+import "./ViewModeContext.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 "../utils/smoothScrollTo.js";
 import "./DimensionPagesContext.js";
+import "./ZoomContext.js";
+import "../utils/constants.js";
+import "../utils/getZoomLevel.js";
+import "./LayoutContainerContext.js";
+import "./RotationContext.js";
+import "../utils/hooks/useDebounce.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/getScrollDistance.js";
-import "../utils/getElementPositionInPage.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 "../index-808ea7bf.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-a48ec088.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/approximateFragtion.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/icons/ZoomInIcon.js";
-import "../components/icons/ZoomOutIcon.js";
-import "../utils/zoom.js";
-import "../components/icons/SearchIcon.js";
-import "../components/icons/ClearIcon.js";
+const c = l(null), ie = ({ children: o }) => {
+  const m = g(!1), [d, n] = P([]), p = s((e) => {
+    n((r) => [...r, { id: e.page.pageNumber.toString(), data: e, priority: 0 }]);
+  }, []), t = R(() => new v(p), [p]), { focusedPage: i } = y(), u = s((e) => (m.current = !0, x(
+    e.data.page,
+    e.data.canvasElem,
+    e.data.options
+  ).promise.then(() => {
+    e.data.canvasElem.hidden = !1;
+  }).finally(() => {
+    e.data.onLoaded && e.data.onLoaded();
+  })), []);
+  return a(() => {
+    i && (t.changePagePriority(`^page-${i}`, 0), t.changePagePriority(`^thumbnail-${i}`, 1));
+  }, [i]), a(() => {
+    if (t.isEmpty() || m.current)
+      return;
+    const e = () => {
+      const r = t.dequeue();
+      r ? u(r).finally(() => {
+        e();
+      }) : (m.current = !1, n(t.peekAll()));
+    };
+    e();
+  }, [t, u, d]), /* @__PURE__ */ f(c.Provider, { value: t, children: o });
+}, me = () => {
+  const o = h(c);
+  if (!o)
+    throw new Error("RenderQueue not found");
+  return o;
+};
 export {
-  Bo as RenderQueueContext,
-  Do as RenderQueueProvider,
-  Go as useRenderQueue
+  c as RenderQueueContext,
+  ie as RenderQueueProvider,
+  me as useRenderQueue
 };

package/dist/contexts/SearchContext.js

@@ -1,13 +1,11 @@
-import "react/jsx-runtime";
-import "react";
-import { C as Fo, e as Go, d as Ho } from "../ToolbarLayout.module-37619c4b.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 { jsx as S } from "react/jsx-runtime";
+import { createContext as x, useState as v, useContext as C } from "react";
+import { useSearch as P } from "../utils/hooks/useSearch.js";
 import "../utils/types.js";
 import "../th_TH-d627cd51.js";
+import "../utils/highlight.js";
+import "../utils/charators.js";
+import "./VirtualScrollContext.js";
 import "./ScrollModeContext.js";
 import "../utils/appConsole.js";
 import "./InitialStateContext.js";
@@ -20,125 +18,79 @@ 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 "./RotationContext.js";
 import "./GlobalCurrentPage.js";
 import "./EventCallbackContext.js";
 import "../utils/hooks/useDebounce.js";
-import "./VirtualScrollContext.js";
+import "../PaginationContext-9217cab4.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 "../utils/smoothScrollTo.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/getScrollDistance.js";
-import "../utils/getElementPositionInPage.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 "../index-808ea7bf.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-a48ec088.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/approximateFragtion.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/icons/ZoomInIcon.js";
-import "../components/icons/ZoomOutIcon.js";
-import "../utils/zoom.js";
-import "../components/icons/SearchIcon.js";
-import "../components/icons/ClearIcon.js";
+const o = x({
+  search: "",
+  setSearch: (t) => {
+  },
+  loading: !1,
+  matches: [],
+  totalMatches: 0,
+  currentMatchPosition: 0,
+  currentMatch: null,
+  nextMatch: () => {
+  },
+  prevMatch: () => {
+  },
+  searchOptions: {},
+  setSearchOptions: (t) => t,
+  setCurrentMatchPosition: (t) => t
+}), et = ({
+  children: t,
+  initialSearch: i
+}) => {
+  const [r, e] = v({}), {
+    loading: p,
+    setSearch: m,
+    totalMatches: c,
+    currentMatchPosition: a,
+    currentMatch: s,
+    search: n,
+    matches: h,
+    nextMatch: u,
+    prevMatch: M,
+    setCurrentMatchPosition: l
+  } = P(r, i);
+  return /* @__PURE__ */ S(
+    o.Provider,
+    {
+      value: {
+        searchOptions: r,
+        setSearchOptions: e,
+        loading: p,
+        setSearch: m,
+        totalMatches: c,
+        currentMatchPosition: a,
+        currentMatch: s,
+        nextMatch: u,
+        prevMatch: M,
+        search: n,
+        matches: h,
+        setCurrentMatchPosition: l
+      },
+      children: t
+    }
+  );
+}, pt = () => C(o);
 export {
-  Fo as SearchContext,
-  Go as SearchProvider,
-  Ho as useSearchContext
+  o as SearchContext,
+  et as SearchProvider,
+  pt as useSearchContext
 };

package/dist/contexts/ThumbnailsContext.js

@@ -1,144 +1,43 @@
-import "react/jsx-runtime";
-import "react";
-import { A as Ft, T as Gt, h as Ht } from "../ToolbarLayout.module-37619c4b.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 { jsx as u } from "react/jsx-runtime";
+import { createContext as s, useContext as l, useState as c } from "react";
+import { useThumbnail as d } from "../utils/hooks/useThumbnail.js";
 import "./RPDocumentContext.js";
 import "../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
 import "../utils/getThumbnailViewport.js";
 import "./ConfigContext.js";
 import "./DocumentPasswordContext.js";
+import "../utils/appConsole.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 "./EventCallbackContext.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/getScrollDistance.js";
-import "../utils/getElementPositionInPage.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 "../index-808ea7bf.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-a48ec088.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/approximateFragtion.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/icons/ZoomInIcon.js";
-import "../components/icons/ZoomOutIcon.js";
-import "../utils/zoom.js";
-import "../components/icons/SearchIcon.js";
-import "../components/icons/ClearIcon.js";
+const e = s({
+  thumbnailPages: {},
+  addPage: (t) => {
+  },
+  addToPage: (t) => {
+  },
+  thumbnailLength: 0,
+  setActive: (t) => {
+  },
+  active: !1
+}), q = () => l(e), w = ({
+  children: t,
+  initialThumbnailsVisible: o
+}) => {
+  const { thumbnailPages: i, addPage: r, addToPage: a, thumbnailLength: m } = d(), [n, p] = c(o);
+  return /* @__PURE__ */ u(
+    e.Provider,
+    {
+      value: { thumbnailPages: i, addPage: r, addToPage: a, thumbnailLength: m, active: n, setActive: p },
+      children: t
+    }
+  );
+};
 export {
-  Ft as ThumbnailContext,
-  Gt as ThumbnailProvider,
-  Ht as useThumbnailContext
+  e as ThumbnailContext,
+  w as ThumbnailProvider,
+  q as useThumbnailContext
 };