@react-pdf-kit/viewer 2.0.0-beta.8 → 2.0.0-rc.0

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
-import { G as a } from "../../../index-3bf64864.js";
+import { G as a } from "../../../index-61f59539.js";
 import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
 import { CheckIcon as l } from "../../icons/CheckIcon.js";
@@ -14,11 +14,14 @@ import { useLocalizationContext as C } from "../../../contexts/LocalizationConte
 import { useIconToolContext as T } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as M } from "../../../contexts/ToolComponentContext.js";
 import "react";
-import "../../../index-c9a2990a.js";
+import "../../../index-c0faa594.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-136ff99c.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
 import "../../../clsx-0c6e471a.js";
-import "../../../th_TH-d627cd51.js";
+import "../../../de_DE-a553b162.js";
 import "../../../utils/appConsole.js";
 import "../../../utils/withRef.js";
 import "../../../utils/hooks/useLocalization.js";
@@ -28,7 +31,7 @@ const N = () => {
 }, D = () => {
   const { handModeIcon: e } = u(), { handModeIcon: n } = T();
   return e || n || /* @__PURE__ */ t(s, {});
-}, W = () => {
+}, _ = () => {
   const { selectionModeTool: e = !0 } = S(), { selectionModeTool: n = !0 } = M(), { selectionMode: m, setSelectionMode: c } = I(), { localeMessages: o } = C();
   return !e || !n ? null : /* @__PURE__ */ t(f, { children: /* @__PURE__ */ i(a, { children: [
     /* @__PURE__ */ t(p, { onClick: () => c(r.TEXT), children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.textSelectionTooltip, children: [
@@ -45,5 +48,5 @@ const N = () => {
   ] }) });
 };
 export {
-  W as SelectionModeTool
+  _ as SelectionModeTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import { e as u } from "../../../ToolbarLayout.module-0aa7a2aa.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,140 +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 "../../../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/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 "../../../contexts/ThemeContext.js";
-import "../Container.js";
-import "../../../contexts/ViewportContext.js";
-import "../sidebar/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 "../../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-3bf64864.js";
-import "../../../floating-ui.react-dom-d22a10b4.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/hooks/useCopyText.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/DualPageIcon.js";
-import "../../icons/SinglePageIcon.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 Vt = () => {
-  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 {
-  Vt as ThumbnailTool
+  V as ThumbnailTool
 };

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

@@ -1,176 +1,108 @@
-import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
-import { useRef as c, useState as w } from "react";
-import { e as x, c as N, o as i, p as C, q as R } from "../../../ToolbarLayout.module-0aa7a2aa.js";
-import { useToolbarComponentContext as y } 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 "../../../contexts/ThemeContext.js";
-import "../../../contexts/ConfigContext.js";
-import "pdfjs-dist";
-import "../Container.js";
-import "../../../contexts/ViewportContext.js";
-import { RPSplitter as I } from "../sidebar/RPSplitter.js";
-import { THUMBNAIL_MIN_WIDTH as W } from "../../../utils/constants.js";
-import "../WrapperLayout.js";
-import "../../RPDropFileZone.js";
-import "../../../LayoutWrapper-6224491f.js";
-import "../../ui/Button.js";
-import "../../../SearchCloseButton-08d57275.js";
-import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
+import { jsxs as i, Fragment as e, jsx as r } from "react/jsx-runtime";
+import { useRef as d, useState as N } from "react";
+import { c as t } from "../../../ToolbarLayout.module-6e339802.js";
+import { Thumbnails as T } from "../sidebar/Thumbnails.js";
+import { useThumbnailContext as x } from "../../../contexts/ThumbnailsContext.js";
+import { useToolbarComponentContext as C } from "../../../contexts/ToolbarComponentContext.js";
+import { usePrintContext as R } from "../../../contexts/PrintContext.js";
+import D from "../../ui/LoadingIndicator.js";
+import { THUMBNAIL_MIN_WIDTH as I } from "../../../utils/constants.js";
+import { R as W } from "../../../RPSplitter-f6acf13b.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 "../../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 "../../../de_DE-a553b162.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/hooks/useCopyText.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 "../../../floating-ui.react-dom-d22a10b4.js";
-import "../../../index-3bf64864.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/DualPageIcon.js";
-import "../../icons/SinglePageIcon.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 "../../icons/LightPdfIcon.js";
-import "../../icons/DarkPdfIcon.js";
-const mo = (d) => {
-  const { children: h, toolbar: u } = d, n = c(null), { active: e } = x(), { showPrintProgress: b } = y(), { progress: f, showDefaultProgress: g } = N(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, P] = w(W), T = g ?? b;
-  return /* @__PURE__ */ o(s, { 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 }),
-      /* @__PURE__ */ o("div", { className: i["rp-content"], children: [
-        /* @__PURE__ */ o(s, { children: [
-          p && /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: l, className: i["rp-sidebar-content"], children: p == null ? void 0 : p.component }),
-          /* @__PURE__ */ o(
+const Wr = (h) => {
+  const { children: u, toolbar: b } = h, n = d(null), { active: a } = x(), { showPrintProgress: f } = C(), { progress: g, showDefaultProgress: w } = R(), { percentage: s } = g || {}, o = b, m = o == null ? void 0 : o.topbar, p = o == null ? void 0 : o.leftSidebar, l = d(null), [c, P] = N(I), v = w ?? f;
+  return /* @__PURE__ */ i(e, { children: [
+    /* @__PURE__ */ i("div", { className: t["rp-toolbar-layout"], children: [
+      m && /* @__PURE__ */ r("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: m == null ? void 0 : m.component }) }),
+      /* @__PURE__ */ i("div", { className: t["rp-content"], children: [
+        /* @__PURE__ */ i(e, { children: [
+          p && /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(
+            "div",
+            {
+              "data-rp": "sidebar",
+              ref: l,
+              className: t["rp-sidebar-content"],
+              children: p == null ? void 0 : p.component
+            }
+          ) }),
+          /* @__PURE__ */ i(
             "div",
             {
               "data-rp": "thumbnailSidebar",
-              hidden: !e,
-              className: i["rp-thumbnails-wrapper"],
-              style: { ...e && { position: "relative", display: "flex" } },
+              className: `${t["rp-thumbnails-wrapper"]} ${a ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
+              style: { "--rp-thumbnail-width": `${c}px` },
               children: [
-                /* @__PURE__ */ t(C, { show: e, ref: n, width: v }),
-                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-                  I,
+                /* @__PURE__ */ r(T, { show: a, ref: n, width: c }),
+                /* @__PURE__ */ r(
+                  W,
                   {
                     onWidthChange: P,
                     thumbnailRef: n,
                     leftSidebarRef: l,
                     isRPLayout: !0
                   }
-                ) })
+                )
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ t(s, { children: h })
+        /* @__PURE__ */ r(
+          "main",
+          {
+            id: "rp-main-content",
+            role: "main",
+            "aria-label": "PDF document pages",
+            className: t["rp-pages"],
+            children: u
+          }
+        )
       ] })
     ] }),
-    T && a ? /* @__PURE__ */ t(R, { percentage: a }) : null
+    v && s ? /* @__PURE__ */ r(D, { percentage: s }) : null
   ] });
 };
 export {
-  mo as ToolbarCustom
+  Wr as ToolbarCustom
 };