@pdf-viewer/react 1.8.1-rc.0 → 1.8.1-rc.2

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as e, useId as V, useMemo as T } from "react";
-import { P as w, S as D, T as E, e as k } from "../RPDefaultLayout-c0c44afa.js";
+import { P as w, S as D, T as E, e as k } from "../RPDefaultLayout-29ba8270.js";
 import { DarkModeProvider as x } from "../contexts/DarkModeContext.js";
 import { ViewMode as F, ScrollMode as G, SelectionMode as b } from "../utils/types.js";
 import { RotateProvider as y } from "../contexts/RotationContext.js";

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as N } from "../RPDefaultLayout-c0c44afa.js";
+import { R as N } from "../RPDefaultLayout-29ba8270.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";
 import "../contexts/DocumentPasswordContext.js";

package/dist/components/layout/LayoutContainer.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../clsx-0c6e471a.js";
-import "react";
-import { L as H } from "../../RPDefaultLayout-c0c44afa.js";
+import { L as I } from "../../RPDefaultLayout-29ba8270.js";
 import "../../contexts/ThemeContext.js";
+import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";
@@ -31,6 +31,7 @@ import "../../contexts/LoaderContext.js";
 import "../RPConfig.js";
 import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
+import "../../utils/withRef.js";
 export {
-  H as LayoutContainer
+  I as LayoutContainer
 };

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a as y } from "../../RPDefaultLayout-c0c44afa.js";
+import { a as D } from "../../RPDefaultLayout-29ba8270.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "./Container.js";
@@ -10,6 +10,7 @@ import "../RPDropFileZone.js";
 import "../../contexts/ViewportContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/LoaderContext.js";
+import "../../utils/withRef.js";
 export {
-  y as RPDefaultLayout
+  D as RPDefaultLayout
 };

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import { K as s } from "../../../RPDefaultLayout-c0c44afa.js";
+import { K as s } from "../../../RPDefaultLayout-29ba8270.js";
 import "./RPSplitter.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { I as b } from "../../../RPDefaultLayout-c0c44afa.js";
+import { I as b } from "../../../RPDefaultLayout-29ba8270.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 import "../../../contexts/PagesRotateContext.js";

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

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { J as t } from "../../../RPDefaultLayout-c0c44afa.js";
+import { J as a } from "../../../RPDefaultLayout-29ba8270.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
+import "../../../utils/withRef.js";
 export {
-  t as Thumbnails
+  a as Thumbnails
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { x as L } from "../../../RPDefaultLayout-c0c44afa.js";
+import { x as L } from "../../../RPDefaultLayout-29ba8270.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";

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

@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { F as f } from "../../../RPDefaultLayout-c0c44afa.js";
+import { F as f } from "../../../RPDefaultLayout-29ba8270.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { I as o } from "../../../index-951f0f1f.js";
+import { I as o } from "../../../index-4ba3ab9a.js";
 import { c } from "../../../clsx-0c6e471a.js";
 import '../../../assets/MenuItem.css';const n = {
   "rp-menu-item": "_rp-menu-item_cu12j_1"

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as a } from "../../../index-951f0f1f.js";
+import { S as a } from "../../../index-4ba3ab9a.js";
 import '../../../assets/MenuSeparator.css';const e = {
   "rp-menu-separator": "_rp-menu-separator_17dlz_1"
 }, p = () => /* @__PURE__ */ r(a, { className: e["rp-menu-separator"] });

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../../index-951f0f1f.js";
+import "../../../index-4ba3ab9a.js";
 import "./MenuItem.js";
 import "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { M as K } from "../../../RPDefaultLayout-c0c44afa.js";
+import { M as K } from "../../../RPDefaultLayout-29ba8270.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";

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

@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as q } from "../../../RPDefaultLayout-c0c44afa.js";
+import { O as q } from "../../../RPDefaultLayout-29ba8270.js";
 import "../../../contexts/OtherToolContext.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
@@ -11,7 +11,7 @@ import "./ViewModeTool.js";
 import "./ScrollModeTool.js";
 import "../../../contexts/ViewportContext.js";
 import "./FileUploadTool.js";
-import "../../../index-951f0f1f.js";
+import "../../../index-4ba3ab9a.js";
 import "./MenuSeparator.js";
 import "./FullScreenTool.js";
 import "../../ui/RPTooltip.js";

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

@@ -3,7 +3,7 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { w as b } from "../../../RPDefaultLayout-c0c44afa.js";
+import { w as b } from "../../../RPDefaultLayout-29ba8270.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";

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

@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { y as s } from "../../../RPDefaultLayout-c0c44afa.js";
+import { y as s } from "../../../RPDefaultLayout-29ba8270.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";

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

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "react";
-import { H as a } from "../../../RPDefaultLayout-c0c44afa.js";
+import { H as a } from "../../../RPDefaultLayout-29ba8270.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
+import "../../../utils/withRef.js";
 export {
   a as RPToolbar
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { z as b } from "../../../RPDefaultLayout-c0c44afa.js";
+import { z as b } from "../../../RPDefaultLayout-29ba8270.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as u, jsxs as e } from "react/jsx-runtime";
-import { G as a } from "../../../index-951f0f1f.js";
+import { G as a } from "../../../index-4ba3ab9a.js";
 import { ClockwiseIcon as i } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as n } from "./MenuItem.js";
 import { MenuSeparator as C } from "./MenuSeparator.js";

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

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as a, jsxs as i } from "react/jsx-runtime";
-import { G as L } from "../../../index-951f0f1f.js";
+import { G as L } from "../../../index-4ba3ab9a.js";
 import { MenuSeparator as S } from "./MenuSeparator.js";
 import { MenuItem as c } from "./MenuItem.js";
 import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";

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

@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
 import "../../ui/Button.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../contexts/LocalizationContext.js";
-import { B as s } from "../../../RPDefaultLayout-c0c44afa.js";
+import { B as s } from "../../../RPDefaultLayout-29ba8270.js";
 import "../../../SearchCloseButton-ddb9877e.js";
 export {
   s as SearchResultNavigator

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

@@ -8,7 +8,7 @@ import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/LoaderIcon.js";
-import { E as R } from "../../../RPDefaultLayout-c0c44afa.js";
+import { E as R } from "../../../RPDefaultLayout-29ba8270.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -40,8 +40,8 @@ import "../../RPDropFileZone.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../ui/RPTooltip.js";
 import "../../icons/InfoIcon.js";
-import "../../../Popover-48c8394c.js";
 import "../../../contexts/ViewportContext.js";
+import "../../ui/DropDown.js";
 export {
   R as SearchTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as u, jsxs as r } from "react/jsx-runtime";
-import { G as f } from "../../../index-951f0f1f.js";
+import { G as f } from "../../../index-4ba3ab9a.js";
 import { TextSelectionDefaultIcon as a } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as h } from "../../icons/HandModeDefaultIcon.js";
 import { CheckIcon as c } from "../../icons/CheckIcon.js";

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as f, jsxs as r } from "react/jsx-runtime";
-import { G as s } from "../../../index-951f0f1f.js";
+import { G as s } from "../../../index-4ba3ab9a.js";
 import { MenuSeparator as h } from "./MenuSeparator.js";
 import { MenuItem as i } from "./MenuItem.js";
 import { DualPageIcon as P } from "../../icons/SinglePageIcon.js";

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

@@ -5,10 +5,10 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as y } from "../../../RPDefaultLayout-c0c44afa.js";
+import { Z as y } from "../../../RPDefaultLayout-29ba8270.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-951f0f1f.js";
+import "../../../index-4ba3ab9a.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/ToolbarComponentContext.js";

package/dist/components/page/AnnotationLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { A as K } from "../../RPDefaultLayout-c0c44afa.js";
+import { A as K } from "../../RPDefaultLayout-29ba8270.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/CanvasLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { C as H } from "../../RPDefaultLayout-c0c44afa.js";
+import { C as H } from "../../RPDefaultLayout-29ba8270.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as p } from "../../RPDefaultLayout-c0c44afa.js";
+import { D as p } from "../../RPDefaultLayout-29ba8270.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { r as H } from "../../RPDefaultLayout-c0c44afa.js";
+import { r as I } from "../../RPDefaultLayout-29ba8270.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";
@@ -32,6 +32,7 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../icons/LoaderIcon.js";
 import "./CustomElement.js";
+import "../../utils/withRef.js";
 export {
-  H as RPPage
+  I as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { t as i } from "../../RPDefaultLayout-c0c44afa.js";
+import { t as i } from "../../RPDefaultLayout-29ba8270.js";
 export {
   i as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { q as G } from "../../RPDefaultLayout-c0c44afa.js";
+import { q as G } from "../../RPDefaultLayout-29ba8270.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/TextLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { p as H } from "../../RPDefaultLayout-c0c44afa.js";
+import { p as H } from "../../RPDefaultLayout-29ba8270.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/ui/Button.js

@@ -1,18 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { c as u } from "../../clsx-0c6e471a.js";
+import { jsx as a } from "react/jsx-runtime";
+import { c as p } from "../../clsx-0c6e471a.js";
+import { withRef as u } from "../../utils/withRef.js";
 import '../../assets/Button.css';const t = {
   "rp-button": "_rp-button_1jswj_1",
   "rp-button-active": "_rp-button-active_1jswj_18"
-}, _ = p((o, r) => {
-  const { children: s, active: n, className: c, ...a } = o;
-  return /* @__PURE__ */ e(
+}, _ = u((o, r) => {
+  const { children: s, active: n, className: c, ...e } = o;
+  return /* @__PURE__ */ a(
     "button",
     {
       tabIndex: 0,
       ref: r,
-      ...a,
-      className: u(t["rp-button"], c, n ? t["rp-button-active"] : ""),
+      ...e,
+      className: p(t["rp-button"], c, n ? t["rp-button-active"] : ""),
       children: s
     }
   );