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

package/dist/utils/hooks/useSearch.js

@@ -1,142 +1,148 @@
-import "react";
-import "../types.js";
-import "../highlight.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/ZoomContext.js";
-import "react/jsx-runtime";
-import "../../contexts/DocumentPasswordContext.js";
-import { B as Go } from "../../ToolbarLayout.module-37619c4b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ViewModeContext.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 "../../components/RPConfig.js";
-import "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../LayoutWrapper-6224491f.js";
-import "../../contexts/ThemeContext.js";
-import "../../components/RPDropFileZone.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-08d57275.js";
-import "../../components/ui/Input.js";
-import "../../components/ui/Checkbox.js";
-import "../../components/icons/LoaderIcon.js";
-import "../../contexts/IconContext.js";
-import "../../components/ui/RPTooltip.js";
-import "../../components/ui/DropDown.js";
-import "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.js";
-import "../getScrollDistance.js";
-import "../getWordPositionInPage.js";
+import { useState as P, useRef as b, useMemo as V, useCallback as d, useEffect as Z } from "react";
+import { ScrollMode as E } from "../types.js";
+import { findMatches as et } from "../highlight.js";
+import { useVirtualScrollContext as ot } from "../../contexts/VirtualScrollContext.js";
+import { useScrollModeContext as rt } from "../../contexts/ScrollModeContext.js";
+import { useDocumentContext as nt } from "../../contexts/RPDocumentContext.js";
+import { useZoomContext as st } from "../../contexts/ZoomContext.js";
+import { u as ct } from "../../PaginationContext-9217cab4.js";
+import { useViewModeContext as it } from "../../contexts/ViewModeContext.js";
+import { useDimensionPagesContext as at } from "../../contexts/DimensionPagesContext.js";
+import { useLayoutContainer as mt } from "../../contexts/LayoutContainerContext.js";
+import { getScrollDistance as _ } from "../getScrollDistance.js";
+import { getWordPositionInPage as ut } from "../getWordPositionInPage.js";
+import { usePagesRotateContext as pt } from "../../contexts/PagesRotateContext.js";
 import "../../th_TH-d627cd51.js";
 import "../charators.js";
+import "react/jsx-runtime";
 import "../appConsole.js";
+import "../../contexts/InitialStateContext.js";
 import "./useLoadPdf.js";
 import "pdfjs-dist";
 import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
 import "../constants.js";
 import "../getZoomLevel.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
 import "./useDebounce.js";
-import "../../components/icons/ChevronUpIcon.js";
-import "../Queue.js";
-import "../renderPage.js";
-import "../../components/icons/Thumbnail.js";
-import "../../clsx-0c6e471a.js";
-import "../withRef.js";
-import "./useInfiniteScroll.js";
-import "../link_service.js";
-import "../annotations.js";
-import "../sanitizeExternalUrl.js";
-import "../../components/page/searchHighlight.js";
-import "../const.js";
-import "../../components/page/CustomElement.js";
-import "./useLicense.js";
-import "../getElementPositionInPage.js";
-import "../calculatePage.js";
-import "./useMousePressed.js";
-import "./useGrabScroll.js";
-import "./usePinch.js";
-import "../../components/ui/PasswordModal.js";
-import "./useLocalization.js";
-import "../approximateFragtion.js";
+import "../../contexts/VirtualGridContext.js";
 import "../smoothScrollTo.js";
-import "../../components/layout/toolbar/FileUploadTool.js";
-import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../index-808ea7bf.js";
-import "../../components/layout/toolbar/DarkModeTool.js";
-import "../../components/icons/MoonIcon.js";
-import "../../components/icons/SunIcon.js";
-import "./useDarkMode.js";
-import "../../components/icons/ThreeDotIcon.js";
-import "../../components/icons/CloseIcon.js";
-import "../../components/layout/toolbar/DocumentProperties.js";
-import "../../components/icons/InfoIcon.js";
-import "../../components/layout/toolbar/RotateTool.js";
-import "../../components/icons/ClockwiseIcon.js";
-import "./useRotate.js";
-import "../../components/layout/toolbar/ViewModeTool.js";
-import "../../components/icons/SinglePageIcon.js";
-import "../../components/icons/DualPageIcon.js";
-import "../../components/icons/CheckIcon.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 "./useFullScreen.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 "../zoom.js";
-import "../../components/icons/SearchIcon.js";
-import "../../components/icons/ClearIcon.js";
-import "./useHighlight.js";
-import "../../components/RPTheme.js";
-import "./useLoadWorker.js";
-import "../../components/icons/LightPdfIcon.js";
-import "../../components/icons/DarkPdfIcon.js";
+import "../../contexts/SmoothScrollContext.js";
+import "../calculatePage.js";
+const Qt = (N = {}, k = "") => {
+  const [u, v] = P(k), [W, T] = P(!1), { pdf: y, pages: C } = nt(), { widths: f, heights: S } = at(), I = b(!u), { currentZoom: j } = st(), [s, g] = P([]), { setFocusedPage: O } = ct(), { columnCount: z } = it(), { pageRotate: F } = pt(), [c, i] = P(0), { pageScrollElementRef: D, virtualScrollableElementRef: G } = ot(), { scrollMode: h } = rt(), { pagesRef: R } = mt(), H = b({}), m = b(0), q = V(() => c === 0 ? null : s[c - 1], [c, s]), a = V(() => s.length, [s]), p = d(
+    (e) => {
+      if (e === 0)
+        return;
+      const t = s[e - 1];
+      if (!t || !C)
+        return;
+      const o = G || D;
+      if (!o || !R)
+        return;
+      const r = C.get(t.page);
+      if (h === E.PAGE_SCROLLING && O(t.page), !r)
+        return;
+      let n = 0, l = 0;
+      if (h === E.VERTICAL_SCROLLING) {
+        const x = t.page - 1, M = z, $ = x % M, tt = Math.floor(x / M);
+        n = _(S, tt), l = _(f, $);
+      }
+      h === E.HORIZONTAL_SCROLLING && (l = f.slice(0, t.page - 1).reduce((x, M) => x + M, 0));
+      const L = {
+        height: S[t.page - 1],
+        width: f[t.page - 1]
+      }, w = F[t.page], { leftInPage: K, topInPage: Q } = ut(
+        L,
+        R,
+        t.rect,
+        j,
+        w
+      ), U = l + K, X = n + Q, Y = {
+        left: Math.max(U, 0),
+        top: Math.max(X, 0)
+      };
+      o.scrollTo({
+        ...Y,
+        behavior: "smooth"
+      });
+    },
+    [
+      C,
+      O,
+      f,
+      S,
+      h,
+      G,
+      D,
+      R,
+      s
+    ]
+  );
+  Z(() => {
+    c && p(c);
+  }, [c]);
+  const B = d(() => {
+    i((e) => {
+      let t;
+      return a ? e + 1 > a ? t = 1 : t = e + 1 : t = 0, m.current = t, t;
+    }), m.current === 1 && p(m.current);
+  }, [a, p]), J = d(() => {
+    i((e) => {
+      let t;
+      return a ? e - 1 <= 0 ? t = a : t = e - 1 : t = 0, m.current = t, t;
+    }), m.current === 1 && p(m.current);
+  }, [a, p]), A = d(async (e) => {
+    if (!e)
+      return {};
+    const t = e.numPages, o = {};
+    for (let r = 1; r <= t; r++) {
+      if (I.current)
+        throw "close pop over";
+      const n = await e.getPage(r);
+      o[r.toString()] = await n.getTextContent();
+    }
+    return o;
+  }, []);
+  return Z(() => {
+    if (!u) {
+      I.current = !0, g([]), i(0);
+      return;
+    }
+    I.current = !1, T(!0), g([]), i(0), A(y).then((e) => {
+      H.current = e;
+      const o = Object.keys(e).reduce((r, n) => {
+        const l = et(
+          [u],
+          e[n],
+          Number(n) - 1,
+          N
+        ).map((L, w) => ({ ...L, page: Number(n), pageMatchIdx: w }));
+        return [...r, ...l];
+      }, []);
+      g(o), i(o.length ? 1 : 0);
+    }).catch(() => {
+      g([]), i(0);
+    }).finally(() => T(!1));
+  }, [u, A, y, N]), {
+    search: u,
+    setSearch: v,
+    loading: W,
+    matches: s,
+    totalMatches: a,
+    currentMatchPosition: c,
+    currentMatch: q,
+    nextMatch: B,
+    prevMatch: J,
+    setCurrentMatchPosition: i
+  };
+};
 export {
-  Go as useSearch
+  Qt as useSearch
 };

package/dist/utils/hooks/useThumbnail.js

@@ -1,142 +1,59 @@
-import "react";
+import { useState as f, useMemo as d, useCallback as m, useEffect as b } from "react";
+import { useDocumentContext as h } from "../../contexts/RPDocumentContext.js";
+import { getThumbnailViewport as P } from "../getThumbnailViewport.js";
 import "react/jsx-runtime";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { z as Go } 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 "../../components/RPConfig.js";
-import "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../LayoutWrapper-6224491f.js";
-import "../../contexts/ThemeContext.js";
-import "../../components/RPDropFileZone.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-08d57275.js";
-import "../../components/ui/Input.js";
-import "../../components/ui/Checkbox.js";
-import "../../components/icons/LoaderIcon.js";
-import "../../contexts/IconContext.js";
-import "../../components/ui/RPTooltip.js";
-import "../../components/ui/DropDown.js";
-import "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.js";
-import "../getThumbnailViewport.js";
 import "./useLoadPdf.js";
 import "pdfjs-dist";
 import "../types.js";
 import "../../th_TH-d627cd51.js";
 import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
 import "../appConsole.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
-import "../../components/icons/ChevronUpIcon.js";
-import "../highlight.js";
-import "../charators.js";
-import "../Queue.js";
-import "../renderPage.js";
-import "../../components/icons/Thumbnail.js";
-import "../../clsx-0c6e471a.js";
-import "../withRef.js";
-import "./useInfiniteScroll.js";
-import "../constants.js";
-import "../link_service.js";
-import "../annotations.js";
-import "../sanitizeExternalUrl.js";
-import "../../components/page/searchHighlight.js";
-import "../const.js";
-import "../../components/page/CustomElement.js";
-import "../getZoomLevel.js";
-import "./useDebounce.js";
-import "./useLicense.js";
-import "../getScrollDistance.js";
-import "../getElementPositionInPage.js";
-import "../calculatePage.js";
-import "./useMousePressed.js";
-import "./useGrabScroll.js";
-import "./usePinch.js";
-import "../../components/ui/PasswordModal.js";
-import "./useLocalization.js";
-import "../approximateFragtion.js";
-import "../getWordPositionInPage.js";
-import "../smoothScrollTo.js";
-import "../../components/layout/toolbar/FileUploadTool.js";
-import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../index-808ea7bf.js";
-import "../../components/layout/toolbar/DarkModeTool.js";
-import "../../components/icons/MoonIcon.js";
-import "../../components/icons/SunIcon.js";
-import "./useDarkMode.js";
-import "../../components/icons/ThreeDotIcon.js";
-import "../../components/icons/CloseIcon.js";
-import "../../components/layout/toolbar/DocumentProperties.js";
-import "../../components/icons/InfoIcon.js";
-import "../../components/layout/toolbar/RotateTool.js";
-import "../../components/icons/ClockwiseIcon.js";
-import "./useRotate.js";
-import "../../components/layout/toolbar/ViewModeTool.js";
-import "../../components/icons/SinglePageIcon.js";
-import "../../components/icons/DualPageIcon.js";
-import "../../components/icons/CheckIcon.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 "./useFullScreen.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 "../zoom.js";
-import "../../components/icons/SearchIcon.js";
-import "../../components/icons/ClearIcon.js";
-import "./useHighlight.js";
-import "../../components/RPTheme.js";
-import "./useLoadWorker.js";
-import "../../components/icons/LightPdfIcon.js";
-import "../../components/icons/DarkPdfIcon.js";
+const D = () => {
+  const [r, s] = f({}), { pages: t } = h(), p = d(() => Object.keys(r).length, [r]), n = m(
+    (a) => {
+      if (!t.size)
+        return;
+      const e = a > t.size ? t.size : a, c = Array.from(t.values()).slice(0, e).map((o) => {
+        const { thumbnailViewport: i, scale: g } = P(o.page, o.defaultRotation);
+        return {
+          scale: g,
+          page: o.page,
+          loading: !0,
+          viewport: i,
+          defaultRotation: o.defaultRotation
+        };
+      }).reduce((o, i) => (o[i.page.pageNumber] = i, o), {});
+      s(c);
+    },
+    [t]
+  );
+  b(() => {
+    n(10);
+  }, [n]);
+  const l = m(
+    (a) => {
+      if (!t)
+        return;
+      const e = t.get(a);
+      e && s((u) => ({
+        ...u,
+        [a]: {
+          loading: !0,
+          page: e.page,
+          viewport: e.thumbnailViewport,
+          scale: e.thumbnailScale,
+          defaultRotation: e.defaultRotation
+        }
+      }));
+    },
+    [t]
+  );
+  return { thumbnailPages: r, addPage: l, addToPage: n, thumbnailLength: p };
+};
 export {
-  Go as useThumbnail
+  D as useThumbnail
 };