@pdf-viewer/react 1.14.0-beta.2 → 1.14.0-beta.3

package/dist/{ToolbarLayout.module-c133fcc0.js → ToolbarLayout.module-f62490d8.js}

@@ -38,33 +38,33 @@ import { useToolComponentContext as Ie } from "./contexts/ToolComponentContext.j
 import { useIconToolContext as me } from "./contexts/IconToolContext.js";
 import { useOtherToolContext as Lo } from "./contexts/OtherToolContext.js";
 import { useEventCallbackContext as Eo } from "./contexts/EventCallbackContext.js";
-import "./components/RPConfig.js";
-import { ThumbnailIcon as No } from "./components/icons/Thumbnail.js";
+import { useThemeContext as No } from "./contexts/ThemeContext.js";
+import "./contexts/ConfigContext.js";
+import * as Oo from "pdfjs-dist";
+import { PixelsPerInch as Do, AnnotationMode as zo, RenderingCancelledException as Ao, AnnotationLayer as Fo } from "pdfjs-dist";
+import { ThumbnailIcon as ko } from "./components/icons/Thumbnail.js";
 import { c as se } from "./clsx-0c6e471a.js";
 import { LoaderIcon as mn } from "./components/icons/LoaderIcon.js";
-import { Container as Oo } from "./components/layout/Container.js";
-import { useViewportContext as Se, ViewportProvider as Do } from "./contexts/ViewportContext.js";
-import { useToolbarComponentContext as Ce, ToolbarComponentProvider as zo } from "./contexts/ToolbarComponentContext.js";
-import { RPSplitter as Ao } from "./components/layout/sidebar/RPSplitter.js";
-import { WrapperLayout as Fo } from "./components/layout/WrapperLayout.js";
-import { c as Pe, L as ko } from "./LayoutWrapper-6224491f.js";
-import { useThemeContext as Wo } from "./contexts/ThemeContext.js";
-import { RPDropFileZone as Mo } from "./components/RPDropFileZone.js";
+import { Container as Wo } from "./components/layout/Container.js";
+import { useViewportContext as Se, ViewportProvider as Mo } from "./contexts/ViewportContext.js";
+import { useToolbarComponentContext as Ce, ToolbarComponentProvider as Ho } from "./contexts/ToolbarComponentContext.js";
+import { RPSplitter as $o } from "./components/layout/sidebar/RPSplitter.js";
+import { WrapperLayout as Go } from "./components/layout/WrapperLayout.js";
+import { c as Pe, L as qo } from "./LayoutWrapper-6224491f.js";
+import { RPDropFileZone as Uo } from "./components/RPDropFileZone.js";
 import { c as ne, S as Mt } from "./SearchCloseButton-08d57275.js";
 import { UICheckbox as Ht } from "./components/ui/Checkbox.js";
-import { useIconContext as ge, IconProvider as Ho } from "./contexts/IconContext.js";
+import { useIconContext as ge, IconProvider as Vo } from "./contexts/IconContext.js";
 import K from "./components/ui/RPTooltip.js";
 import { UIDropDown as yt } from "./components/ui/DropDown.js";
 import { MenuItem as ye } from "./components/layout/toolbar/MenuItem.js";
 import { MenuSeparator as It } from "./components/layout/toolbar/MenuSeparator.js";
 import { dateFormatter as $t } from "./utils/dateFormatter.js";
-import { PropertyItem as $o } from "./components/layout/toolbar/PropertyItem.js";
+import { PropertyItem as Bo } from "./components/layout/toolbar/PropertyItem.js";
 import "./RotateTool.module-67946714.js";
 import { withRef as rt } from "./utils/withRef.js";
-import { useInfiniteScroll as Go } from "./utils/hooks/useInfiniteScroll.js";
-import { MAX_ZOOM_SCALE as Gt, THUMBNAIL_MIN_WIDTH as qo } from "./utils/constants.js";
-import * as Uo from "pdfjs-dist";
-import { PixelsPerInch as Vo, AnnotationMode as Bo, RenderingCancelledException as Zo, AnnotationLayer as jo } from "pdfjs-dist";
+import { useInfiniteScroll as Zo } from "./utils/hooks/useInfiniteScroll.js";
+import { MAX_ZOOM_SCALE as Gt, THUMBNAIL_MIN_WIDTH as jo } from "./utils/constants.js";
 import { SimpleLinkService as Ko } from "./utils/link_service.js";
 import { annotationsEvents as Xo, annotationEventsHandler as Qo, handleClick as qt, handleAnnotationWidget as Yo, handleAnnotationLink as Jo, bindLayerEvents as er, unbindLayerEvents as Ut } from "./utils/annotations.js";
 import { normalizeSingleKeyword as tr, sortHighlightPosition as nr, unwrap as or } from "./components/page/searchHighlight.js";
@@ -309,7 +309,7 @@ const bn = () => {
       T();
       return;
     }
-    const O = x / Vo.PDF;
+    const O = x / Do.PDF;
     l.width = Math.floor(I.width * O), l.height = Math.floor(I.height * O);
     const D = l.getContext("2d");
     D.save(), D.fillStyle = "rgb(255, 255, 255)", D.fillRect(0, 0, l.width, l.height), D.restore();
@@ -326,14 +326,14 @@ const bn = () => {
       transform: [O, 0, 0, O, 0, 0],
       viewport: F.getViewport({ scale: 1, rotation: I.rotation }),
       intent: "print",
-      annotationMode: Bo.ENABLE_STORAGE,
+      annotationMode: zo.ENABLE_STORAGE,
       optionalContentConfigPromise: S,
       printAnnotationStorage: E
     };
     try {
       return F.render(R).promise;
     } catch (A) {
-      throw A instanceof Zo || console.error(A), A;
+      throw A instanceof Ao || console.error(A), A;
     }
   }, y = N(() => {
     const l = window.print;
@@ -912,7 +912,7 @@ const bn = () => {
     const f = r.current;
     return a.current && a.current.cancel(), p.page.getTextContent().then((h) => {
       const l = p.page.getViewport({ scale: 1 });
-      return a.current = new Uo.TextLayer({
+      return a.current = new Oo.TextLayer({
         viewport: l,
         textContentSource: h,
         container: f
@@ -996,7 +996,7 @@ const Kr = (t) => {
     const p = new AbortController();
     return (async () => {
       var v;
-      s.current && (s.current.div.replaceChildren(), s.current = void 0), n.current && (n.current.innerText = ""), s.current = new jo({
+      s.current && (s.current.div.replaceChildren(), s.current = void 0), n.current && (n.current.innerText = ""), s.current = new Fo({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
@@ -2074,7 +2074,7 @@ const gi = un(({ widths: t, heights: e }) => {
       };
   }, [n, b]);
 }, Nn = rt((t, e) => {
-  const { children: n, toolbarRef: r, style: o, className: s, ...c } = t, { customVariables: d, customDarkVariables: a } = Wo(), { darkMode: m } = mo();
+  const { children: n, toolbarRef: r, style: o, className: s, ...c } = t, { customVariables: d, customDarkVariables: a } = No(), { darkMode: m } = mo();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2256,7 +2256,7 @@ const gi = un(({ widths: t, heights: e }) => {
     p,
     q
   ]), /* @__PURE__ */ W(he, { children: [
-    /* @__PURE__ */ i(ko, { ref: s, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(qo, { ref: s, children: /* @__PURE__ */ i(
       Nn,
       {
         id: n,
@@ -2699,7 +2699,7 @@ const Ee = {
     /* @__PURE__ */ i(Fi, { className: Ee["rp-dialog-overlay"] }),
     /* @__PURE__ */ W(ki, { className: Ee["rp-document-dialog"], children: [
       /* @__PURE__ */ i(Wi, { className: Ee["rp-dialog-title"], children: o == null ? void 0 : o.documentPropertiesLabel }),
-      /* @__PURE__ */ i("div", { className: Ee["rp-document-properties"], children: s.map((c, d) => /* @__PURE__ */ i("div", { children: c.separate ? /* @__PURE__ */ i("div", { className: Ee["rp-properties-divider"] }) : /* @__PURE__ */ i($o, { label: c.label, value: c.value }) }, d)) }),
+      /* @__PURE__ */ i("div", { className: Ee["rp-document-properties"], children: s.map((c, d) => /* @__PURE__ */ i("div", { children: c.separate ? /* @__PURE__ */ i("div", { className: Ee["rp-properties-divider"] }) : /* @__PURE__ */ i(Bo, { label: c.label, value: c.value }) }, d)) }),
       /* @__PURE__ */ i(Mi, { asChild: !0, className: Ee["rp-dialog-close"], children: /* @__PURE__ */ i(Sr, {}) })
     ] })
   ] }) }) });
@@ -3357,7 +3357,7 @@ const Ee = {
   }, [d, s, a]);
   return z(() => {
     o > a && s > a ? m(o) : n && C.current !== o && (hs(g.current, o), C.current = o);
-  }, [o, a, m, n, u]), Go(g.current, b), /* @__PURE__ */ i("div", { ref: g, className: ln["rp-thumbnails-container"], style: { width: r }, children: /* @__PURE__ */ i("div", { className: ln["rp-thumbnails"], children: n ? u.map((T, P) => {
+  }, [o, a, m, n, u]), Zo(g.current, b), /* @__PURE__ */ i("div", { ref: g, className: ln["rp-thumbnails-container"], style: { width: r }, children: /* @__PURE__ */ i("div", { className: ln["rp-thumbnails"], children: n ? u.map((T, P) => {
     var w, y;
     return /* @__PURE__ */ i(
       us,
@@ -3373,9 +3373,9 @@ const Ee = {
   }) : null }) });
 }), ms = () => {
   const { thumbnailIcon: t } = ge(), { thumbnailIcon: e } = me();
-  return t || e || /* @__PURE__ */ i(No, {});
+  return t || e || /* @__PURE__ */ i(ko, {});
 }, gs = () => {
-  const { active: t, setActive: e } = yn(), [n, r] = $(qo), o = M(null), s = M(null), { thumbnailTool: c, sidebarEnable: d } = Ce(), { localeMessages: a } = de(), m = N(() => {
+  const { active: t, setActive: e } = yn(), [n, r] = $(jo), o = M(null), s = M(null), { thumbnailTool: c, sidebarEnable: d } = Ce(), { localeMessages: a } = de(), m = N(() => {
     e((C) => !C);
   }, []), g = k(() => typeof c != "boolean" && c ? /* @__PURE__ */ i(c, { onClick: m, active: t }) : c ? /* @__PURE__ */ i(K, { content: a == null ? void 0 : a.thumbnailTooltip, children: /* @__PURE__ */ i(
     ce,
@@ -3403,7 +3403,7 @@ const Ee = {
             children: [
               /* @__PURE__ */ i(fs, { show: t, ref: o }),
               /* @__PURE__ */ i(
-                Ao,
+                $o,
                 {
                   onWidthChange: r,
                   thumbnailRef: o,
@@ -3431,8 +3431,8 @@ const Ee = {
   return z(() => (a && a(), () => {
     m && m();
   }), [a, m]), // TODO: deprecated in v2.0.0, remove later ~
-  /* @__PURE__ */ i(Nn, { toolbarRef: C, ref: e, children: /* @__PURE__ */ i(Do, { mobileWidth: d, onLayoutWidthChange: g, children: /* @__PURE__ */ i(zo, { slots: r, children: /* @__PURE__ */ i(Ho, { icons: o, children: /* @__PURE__ */ W(Oo, { getContainerRef: b, style: s, className: c, children: [
-    /* @__PURE__ */ W(Fo, { children: [
+  /* @__PURE__ */ i(Nn, { toolbarRef: C, ref: e, children: /* @__PURE__ */ i(Mo, { mobileWidth: d, onLayoutWidthChange: g, children: /* @__PURE__ */ i(Ho, { slots: r, children: /* @__PURE__ */ i(Vo, { icons: o, children: /* @__PURE__ */ W(Wo, { getContainerRef: b, style: s, className: c, children: [
+    /* @__PURE__ */ W(Go, { children: [
       /* @__PURE__ */ W("div", { className: Pe["rp-layout"], children: [
         /* @__PURE__ */ i(
           ds,
@@ -3445,7 +3445,7 @@ const Ee = {
           /* @__PURE__ */ i("div", { ref: T, className: Pe["rp-pages"], children: n })
         ] })
       ] }),
-      /* @__PURE__ */ i(Mo, {})
+      /* @__PURE__ */ i(Uo, {})
     ] }),
     P ? /* @__PURE__ */ i(
       "div",