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

package/dist/components/layout/sidebar/Thumbnails.js

@@ -1,140 +1,77 @@
-import "react/jsx-runtime";
-import "react";
-import { p as Eo } from "../../../ToolbarLayout.module-8d56d12b.js";
-import "../../../utils/hooks/useInfiniteScroll.js";
-import "../../../utils/withRef.js";
-import "../../icons/ChevronUpIcon.js";
-import "../../ui/Button.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as b, useImperativeHandle as v, useMemo as N, useCallback as x, useEffect as R } from "react";
+import { Thumbnail as k } from "./Thumbnail.js";
+import { useThumbnailContext as y } from "../../../contexts/ThumbnailsContext.js";
+import { useInfiniteScroll as C } from "../../../utils/hooks/useInfiniteScroll.js";
+import { u as I } from "../../../PaginationContext-9217cab4.js";
+import { withRef as S } from "../../../utils/withRef.js";
 import "../../../clsx-0c6e471a.js";
-import "../../ui/Input.js";
-import "../../../utils/types.js";
-import "../../../th_TH-d627cd51.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
+import "../../icons/LoaderIcon.js";
+import "../../../contexts/PagesRotateContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.js";
 import "../../../utils/getThumbnailViewport.js";
 import "../../../contexts/ConfigContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/appConsole.js";
 import "../../../utils/hooks/usePdfProperties.js";
 import "../../../utils/convertPdfDate.js";
 import "../../../utils/formatFileSize.js";
-import "../../../contexts/DarkModeContext.js";
-import "../../../utils/hooks/useDarkMode.js";
 import "../../../contexts/RotationContext.js";
-import "../../../contexts/LayerContext.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/EventCallbackContext.js";
+import "../../../contexts/RenderQueueProvider.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+import "../../../contexts/ScrollModeContext.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/EventCallbackContext.js";
 import "../../../utils/hooks/useDebounce.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../contexts/SelectionModeContext.js";
-import "../../../contexts/FullScreenContext.js";
-import "../../../utils/hooks/useFullScreen.js";
-import "../../../contexts/FileInputContext.js";
-import "../../../contexts/DropFileZoneContext.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/ToolComponentContext.js";
-import "../../../utils/highlight.js";
-import "../../../utils/charators.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../utils/hooks/useLocalization.js";
-import "../../../contexts/HighlightContext.js";
-import "../../../utils/hooks/useHighlight.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 "../../../utils/Queue.js";
-import "../../../utils/renderPage.js";
-import "../../../contexts/LoaderContext.js";
-import "../../icons/LoaderIcon.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/OtherToolContext.js";
-import "../../../contexts/ThemeContext.js";
-import "../../icons/Thumbnail.js";
-import "../Container.js";
-import "../../../contexts/ViewportContext.js";
-import "./RPSplitter.js";
-import "../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 "../toolbar/MenuItem.js";
-import "../toolbar/MenuSeparator.js";
-import "../../../utils/dateFormatter.js";
-import "../toolbar/PropertyItem.js";
-import "../../../RotateTool.module-67946714.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 "../toolbar/FileUploadTool.js";
-import "../../icons/FileUploadDefaultIcon.js";
-import "../toolbar/DarkModeTool.js";
-import "../../icons/MoonIcon.js";
-import "../../icons/SunIcon.js";
-import "../../icons/ThreeDotIcon.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 "../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 "../../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/useThumbnail.js";
+const d = {
+  "rp-thumbnails-container": "_rp-thumbnails-container_70k68_1",
+  "rp-thumbnails": "_rp-thumbnails_70k68_1"
+}, j = 16, D = (r, n) => {
+  const t = r == null ? void 0 : r.querySelector(`#page-${n}`);
+  r && (t != null && t.offsetTop) && (r.scrollTop = (t == null ? void 0 : t.offsetTop) - j);
+}, Nt = S((r, n) => {
+  const { show: t, width: T } = r, { focusedPage: i, totalPages: a } = I(), { thumbnailPages: e, addPage: u, thumbnailLength: m, addToPage: c } = y(), p = b(null), l = b(1);
+  v(n, () => p.current);
+  const f = N(() => Object.values(e), [e]), P = x(() => {
+    const o = m + 1;
+    o <= a && u(o);
+  }, [u, a, m]);
+  return R(() => {
+    i > m && a > m ? c(i) : t && l.current !== i && (D(p.current, i), l.current = i);
+  }, [i, m, c, t, f]), C(p.current, P), /* @__PURE__ */ s("div", { ref: p, className: d["rp-thumbnails-container"], style: { width: T }, children: /* @__PURE__ */ s("div", { className: d["rp-thumbnails"], children: t ? f.map((o, _) => {
+    var g, h;
+    return /* @__PURE__ */ s(
+      k,
+      {
+        isFocused: i === ((g = o.page) == null ? void 0 : g.pageNumber),
+        pageNumber: (h = o.page) == null ? void 0 : h.pageNumber,
+        loading: o.loading,
+        viewport: o.viewport,
+        defaultRotation: o.defaultRotation
+      },
+      _
+    );
+  }) : null }) });
+});
 export {
-  Eo as Thumbnails
+  Nt as Thumbnails
 };

package/dist/components/layout/toolbar/DarkModeTool.js

@@ -14,23 +14,25 @@ import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
 import "../../../utils/hooks/useDarkMode.js";
 import "../../../utils/appConsole.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-c0faa594.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
 import "../../../utils/hooks/useLocalization.js";
-import "../../../th_TH-d627cd51.js";
+import "../../../de_DE-a553b162.js";
 const M = () => {
   const { lightModeIcon: t } = p(), { lightModeIcon: r } = l();
   return t || r || /* @__PURE__ */ o(f, {});
 }, x = () => {
   const { darkModeIcon: t } = p(), { darkModeIcon: r } = l();
   return t || r || /* @__PURE__ */ o(a, {});
-}, J = () => {
+}, N = () => {
   const { darkMode: t, setDarkMode: r } = I(), { themeSwitcher: i = !0 } = k(), { themeSwitcher: m = !0 } = T(), { localeMessages: n } = C(), e = t ? n == null ? void 0 : n.themeEnableLightTooltip : n == null ? void 0 : n.themeEnableDarkTooltip, d = u(() => {
     r((h) => !h);
   }, [r]);
   return !i || !m ? null : typeof i == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(i, { darkMode: t, setDarkMode: r }) }) : typeof m == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(m, { darkMode: t, setDarkMode: r }) }) : /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(s, { onClick: d, "aria-label": e, children: t ? /* @__PURE__ */ o(x, {}) : /* @__PURE__ */ o(M, {}) }) });
 };
 export {
-  J as DarkModeTool
+  N as DarkModeTool
 };