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

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import { h as u } from "../../../ToolbarLayout.module-37619c4b.js";
+import { useThumbnailContext as u } from "../../../contexts/ThumbnailsContext.js";
 import { ThumbnailIcon as a } from "../../icons/Thumbnail.js";
 import { UIButton as h } from "../../ui/Button.js";
 import l from "../../ui/RPTooltip.js";
@@ -7,142 +7,33 @@ import { useLocalizationContext as T } from "../../../contexts/LocalizationConte
 import { useToolComponentContext as f } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
 import "react";
-import "../../icons/ChevronUpIcon.js";
-import "../../ui/Input.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../utils/withRef.js";
-import "../../../utils/types.js";
-import "../../../th_TH-d627cd51.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
+import "../../../utils/hooks/useThumbnail.js";
 import "../../../contexts/RPDocumentContext.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 "../../../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/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 "../../../utils/highlight.js";
-import "../../../utils/charators.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/PagesRotateContext.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/OtherToolContext.js";
-import "../../RPConfig.js";
-import "../../RPTheme.js";
-import "../../../contexts/ThemeContext.js";
-import "../../../utils/hooks/useLoadWorker.js";
-import "../Container.js";
-import "../../../contexts/ViewportContext.js";
-import "../sidebar/RPSplitter.js";
-import "../WrapperLayout.js";
-import "../../../LayoutWrapper-6224491f.js";
-import "../../RPDropFileZone.js";
-import "../../icons/LightPdfIcon.js";
-import "../../icons/DarkPdfIcon.js";
-import "../../../SearchCloseButton-08d57275.js";
-import "../../icons/CloseIcon.js";
-import "../../ui/Checkbox.js";
-import "../../../index-c9a2990a.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../index-c0faa594.js";
 import "react-dom";
-import "../../icons/CheckIcon.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/DropDown.js";
-import "../../../index-a48ec088.js";
-import "../../../index-808ea7bf.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../../utils/dateFormatter.js";
-import "./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 "./FileUploadTool.js";
-import "../../icons/FileUploadDefaultIcon.js";
-import "./DarkModeTool.js";
-import "../../icons/MoonIcon.js";
-import "../../icons/SunIcon.js";
-import "../../icons/ThreeDotIcon.js";
-import "./DocumentProperties.js";
-import "../../icons/InfoIcon.js";
-import "./RotateTool.js";
-import "../../icons/ClockwiseIcon.js";
-import "../../../utils/hooks/useRotate.js";
-import "./ViewModeTool.js";
-import "../../icons/SinglePageIcon.js";
-import "../../icons/DualPageIcon.js";
-import "./ScrollModeTool.js";
-import "../../icons/PageScrollingIcon.js";
-import "../../icons/VerticalScrollingIcon.js";
-import "../../icons/HorizontalScrollingIcon.js";
-import "../../icons/FileDownloadDefaultIcon.js";
-import "../../icons/PrintDefaultIcon.js";
-import "./FullScreenTool.js";
-import "../../icons/FullScreenIcon.js";
-import "../../icons/GoToDownIcon.js";
-import "./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 "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
 import "../../../utils/hooks/useLocalization.js";
-const Xt = () => {
-  const { active: t, setActive: e } = u(), { thumbnailIcon: p } = s(), { thumbnailTool: i = !0 } = f(), { localeMessages: r } = T(), m = r == null ? void 0 : r.thumbnailTooltip, n = () => {
+const V = () => {
+  const { active: t, setActive: e } = u(), { thumbnailIcon: n } = s(), { thumbnailTool: i = !0 } = f(), { localeMessages: r } = T(), m = r == null ? void 0 : r.thumbnailTooltip, p = () => {
     e(!t);
   };
-  return i ? typeof i == "function" ? /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(i, { onClick: n, active: t }) }) : /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(h, { onClick: n, active: t, "aria-label": m, children: p || /* @__PURE__ */ o(a, {}) }) }) }) : null;
+  return i ? typeof i == "function" ? /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(i, { onClick: p, active: t }) }) : /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(h, { onClick: p, active: t, "aria-label": m, children: n || /* @__PURE__ */ o(a, {}) }) }) }) : null;
 };
 export {
-  Xt as ThumbnailTool
+  V as ThumbnailTool
 };

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

@@ -1,144 +1,58 @@
 import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
-import { useRef as c, useState as x } from "react";
-import { h as N, c as g, o as i, p as C, q as w } from "../../../ToolbarLayout.module-37619c4b.js";
-import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../contexts/DocumentPasswordContext.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 { RPSplitter as R } from "../sidebar/RPSplitter.js";
-import { THUMBNAIL_MIN_WIDTH as y } from "../../../utils/constants.js";
-import "../WrapperLayout.js";
-import "../../../LayoutWrapper-6224491f.js";
-import "../../../contexts/ThemeContext.js";
-import "../../RPDropFileZone.js";
-import "../../ui/Button.js";
-import "../../../SearchCloseButton-08d57275.js";
-import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
+import { useRef as c, useState as w } from "react";
+import { c as i } from "../../../ToolbarLayout.module-1fee0a18.js";
+import { Thumbnails as x } from "../sidebar/Thumbnails.js";
+import { useThumbnailContext as N } from "../../../contexts/ThumbnailsContext.js";
+import { useToolbarComponentContext as C } from "../../../contexts/ToolbarComponentContext.js";
+import { usePrintContext as R } from "../../../contexts/PrintContext.js";
+import y from "../../ui/LoadingIndicator.js";
+import { THUMBNAIL_MIN_WIDTH as I } from "../../../utils/constants.js";
+import { RPSplitter as W } from "../sidebar/RPSplitter.js";
+import "../sidebar/Thumbnail.js";
+import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/RPTooltip.js";
-import "../../ui/DropDown.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../RotateTool.module-67946714.js";
-import "../../icons/ChevronUpIcon.js";
+import "../../../PaginationContext-9217cab4.js";
 import "../../../utils/types.js";
 import "../../../th_TH-d627cd51.js";
-import "../../../utils/highlight.js";
-import "../../../utils/charators.js";
-import "../../../utils/Queue.js";
-import "../../../utils/renderPage.js";
-import "pdfjs-dist";
-import "../../icons/Thumbnail.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../utils/withRef.js";
-import "../../../utils/hooks/useInfiniteScroll.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 "../../../contexts/ScrollModeContext.js";
 import "../../../utils/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/RPDocumentContext.js";
 import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
 import "../../../utils/getThumbnailViewport.js";
 import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
 import "../../../utils/hooks/usePdfProperties.js";
 import "../../../utils/convertPdfDate.js";
 import "../../../utils/formatFileSize.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/EventCallbackContext.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/getZoomLevel.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/RotationContext.js";
 import "../../../utils/hooks/useDebounce.js";
-import "../../../utils/hooks/useLicense.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/SmoothScrollContext.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/approximateFragtion.js";
-import "../../../utils/getWordPositionInPage.js";
-import "../../../utils/smoothScrollTo.js";
-import "./FileUploadTool.js";
-import "../../icons/FileUploadDefaultIcon.js";
-import "./DarkModeTool.js";
-import "../../icons/MoonIcon.js";
-import "../../icons/SunIcon.js";
-import "../../icons/ThreeDotIcon.js";
-import "../../../index-c9a2990a.js";
-import "react-dom";
-import "../../../index-808ea7bf.js";
-import "../../../index-a48ec088.js";
-import "../../icons/CloseIcon.js";
-import "./DocumentProperties.js";
-import "../../icons/InfoIcon.js";
-import "./RotateTool.js";
-import "../../icons/ClockwiseIcon.js";
-import "../../../utils/hooks/useRotate.js";
-import "./ViewModeTool.js";
-import "../../icons/SinglePageIcon.js";
-import "../../icons/DualPageIcon.js";
-import "../../icons/CheckIcon.js";
-import "./ScrollModeTool.js";
-import "../../icons/PageScrollingIcon.js";
-import "../../icons/VerticalScrollingIcon.js";
-import "../../icons/HorizontalScrollingIcon.js";
-import "../../icons/FileDownloadDefaultIcon.js";
-import "../../icons/PrintDefaultIcon.js";
-import "./FullScreenTool.js";
-import "../../icons/FullScreenIcon.js";
-import "../../icons/GoToDownIcon.js";
-import "./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/useDarkMode.js";
-import "../../../utils/hooks/useFullScreen.js";
+import "../../../contexts/RenderQueueProvider.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+import "../../../utils/hooks/useInfiniteScroll.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useThumbnail.js";
+import "../../../utils/hooks/usePrint.js";
+import "../../../contexts/LocalizationContext.js";
 import "../../../utils/hooks/useLocalization.js";
-import "../../../utils/hooks/useHighlight.js";
-import "../../RPTheme.js";
-import "../../../utils/hooks/useLoadWorker.js";
-import "../../icons/LightPdfIcon.js";
-import "../../icons/DarkPdfIcon.js";
-const mo = (d) => {
-  const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: b } = P(), { progress: f } = g(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, T] = x(y);
+const Wt = (d) => {
+  const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: f } = C(), { progress: b, showDefaultProgress: g } = R(), { percentage: a } = b || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, P] = w(I), T = g ?? f;
   return /* @__PURE__ */ o(n, { children: [
     /* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
       m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
@@ -153,11 +67,11 @@ const mo = (d) => {
               className: i["rp-thumbnails-wrapper"],
               style: { ...e && { position: "relative", display: "flex" } },
               children: [
-                /* @__PURE__ */ t(C, { show: e, ref: s, width: v }),
+                /* @__PURE__ */ t(x, { show: e, ref: s, width: v }),
                 /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-                  R,
+                  W,
                   {
-                    onWidthChange: T,
+                    onWidthChange: P,
                     thumbnailRef: s,
                     leftSidebarRef: l,
                     isRPLayout: !0
@@ -170,9 +84,9 @@ const mo = (d) => {
         /* @__PURE__ */ t(n, { children: h })
       ] })
     ] }),
-    b && a ? /* @__PURE__ */ t(w, { percentage: a }) : null
+    T && a ? /* @__PURE__ */ t(y, { percentage: a }) : null
   ] });
 };
 export {
-  mo as ToolbarCustom
+  Wt as ToolbarCustom
 };