@pdf-viewer/react 1.9.0-beta.2 → 1.9.0-beta.4

package/dist/components/layout/toolbar/tools/InputPageTool.js

@@ -1,6 +1,6 @@
 import { jsxs as u, Fragment as h, jsx as g } from "react/jsx-runtime";
 import { useState as d, useEffect as S, useCallback as o } from "react";
-import { u as x, i as p } from "../../../../RPLayout-81cd4970.js";
+import { u as x, i as p } from "../../../../RPLayout-5892502c.js";
 import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
 import y from "../../../ui/RPTooltip.js";
 import { UIInput as E } from "../../../ui/Input.js";

package/dist/components/layout/toolbar/tools/NextPageTool.js

@@ -2,7 +2,7 @@ import { jsx as i, Fragment as l } from "react/jsx-runtime";
 import { useMemo as d } from "react";
 import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
 import { UIButton as f } from "../../../ui/Button.js";
-import { u as s } from "../../../../RPLayout-81cd4970.js";
+import { u as s } from "../../../../RPLayout-5892502c.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
 import "../../../../contexts/RPDocumentContext.js";
@@ -34,23 +34,22 @@ import "../../../../contexts/ThemeContext.js";
 import "../../../RPDropFileZone.js";
 import "../../../../contexts/ToolbarComponentContext.js";
 import "../../../../contexts/ToolComponentContext.js";
-import "../../../../SearchCloseButton-ddb9877e.js";
+import "../../../../SearchCloseButton-cbf182aa.js";
 import "../../../ui/Input.js";
 import "../../../ui/Checkbox.js";
 import "../../../icons/LoaderIcon.js";
 import "../../../../contexts/IconContext.js";
 import h from "../../../ui/RPTooltip.js";
-import "../../../../Popover-1faa77f6.js";
 import "../../../../contexts/ViewportContext.js";
-import "../../../../contexts/IconToolContext.js";
 import "../../../ui/DropDown.js";
+import "../../../../contexts/IconToolContext.js";
 import "../MenuItem.js";
 import "../MenuSeparator.js";
 import "../../../../utils/dateFormatter.js";
 import "../PropertyItem.js";
 import "../../../../contexts/OtherToolContext.js";
 import "../RotateTool.js";
-const ho = ({ icon: m }) => {
+const Co = ({ icon: m }) => {
   const { focusedPage: t, nextPage: n, totalPages: r } = s(), { localeMessages: o } = u(), { viewMode: p } = g(), { scrollMode: e } = C(), a = d(() => p === x.DUAL_PAGE && e === P.PAGE_SCROLLING && t === r - 1 || t === r, [t, r, p, e]);
   return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(h, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ i(
     f,
@@ -63,5 +62,5 @@ const ho = ({ icon: m }) => {
   ) }) });
 };
 export {
-  ho as NextPageTool
+  Co as NextPageTool
 };

package/dist/components/layout/toolbar/tools/PreviousPageTool.js

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as e } from "react/jsx-runtime";
 import { ChevronUpIcon as p } from "../../../icons/ChevronUpIcon.js";
 import { UIButton as m } from "../../../ui/Button.js";
-import { u as a } from "../../../../RPLayout-81cd4970.js";
+import { u as a } from "../../../../RPLayout-5892502c.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import P from "../../../ui/RPTooltip.js";
 const h = ({ icon: t }) => {

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { PrintDefaultTool as n } from "../../../icons/PrintDefaultIcon.js";
 import { UIButton as p } from "../../../ui/Button.js";
-import { d as m } from "../../../../RPLayout-81cd4970.js";
+import { d as m } from "../../../../RPLayout-5892502c.js";
 import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
 import T from "../../../ui/RPTooltip.js";
 const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), h = ({ icon: o }) => {

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as l } from "react/jsx-runtime";
-import { h } from "../../../../RPLayout-81cd4970.js";
+import { h } from "../../../../RPLayout-5892502c.js";
 import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
 import { UIButton as u } from "../../../ui/Button.js";
 import a from "../../../ui/RPTooltip.js";

package/dist/components/layout/toolbar/tools/ZoomLevelTool.js

@@ -2,10 +2,10 @@ import { jsx as e, Fragment as Z, jsxs as p } from "react/jsx-runtime";
 import { useState as G, useRef as N, useMemo as S, useCallback as z, useEffect as W } from "react";
 import { useZoomContext as k } from "../../../../contexts/ZoomContext.js";
 import { UIButton as E } from "../../../ui/Button.js";
-import { u as y, j as i } from "../../../../RPLayout-81cd4970.js";
+import { u as y, j as i } from "../../../../RPLayout-5892502c.js";
 import { UIDropDown as F } from "../../../ui/DropDown.js";
 import { useLayoutContainer as j } from "../../../../contexts/LayoutContainerContext.js";
-import { G as C } from "../../../../index-7279fb4e.js";
+import { G as C } from "../../../../index-00f8683a.js";
 import { MenuItem as l } from "../MenuItem.js";
 import { MenuSeparator as R } from "../MenuSeparator.js";
 import { PAGE_PADDING as g } from "../../../../utils/constants.js";

package/dist/components/layout/toolbar/tools/defaults/TopbarDefaultTools.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { useState as d, useEffect as f } from "react";
 import "../../../../../contexts/RPDocumentContext.js";
 import "../../../../../contexts/DocumentPasswordContext.js";
-import { k as t, S as T, l as y, Z as C, m as b } from "../../../../../RPLayout-81cd4970.js";
+import { k as t, S as T, l as y, Z as C, m as b } from "../../../../../RPLayout-5892502c.js";
 import "../../../../../contexts/DarkModeContext.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../contexts/LayerContext.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 ro } from "../../RPLayout-81cd4970.js";
+import { A as oo } from "../../RPLayout-5892502c.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";
@@ -33,16 +33,15 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../ui/Button.js";
-import "../../SearchCloseButton-ddb9877e.js";
+import "../../SearchCloseButton-cbf182aa.js";
 import "../ui/Input.js";
 import "../ui/Checkbox.js";
 import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
 import "../../contexts/ViewportContext.js";
-import "../../contexts/IconToolContext.js";
 import "../ui/DropDown.js";
+import "../../contexts/IconToolContext.js";
 import "../layout/toolbar/MenuItem.js";
 import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
@@ -53,5 +52,5 @@ import "pdfjs-dist";
 import "../../utils/link_service.js";
 import "../../utils/annotations.js";
 export {
-  ro as AnnotationLayer
+  oo as AnnotationLayer
 };

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 _ } from "../../RPLayout-81cd4970.js";
+import { C as Z } from "../../RPLayout-5892502c.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -32,16 +32,15 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../ui/Button.js";
-import "../../SearchCloseButton-ddb9877e.js";
+import "../../SearchCloseButton-cbf182aa.js";
 import "../ui/Input.js";
 import "../ui/Checkbox.js";
 import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
 import "../../contexts/ViewportContext.js";
-import "../../contexts/IconToolContext.js";
 import "../ui/DropDown.js";
+import "../../contexts/IconToolContext.js";
 import "../layout/toolbar/MenuItem.js";
 import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
@@ -50,5 +49,5 @@ import "../../contexts/OtherToolContext.js";
 import "../layout/toolbar/RotateTool.js";
 import "../../utils/renderPage.js";
 export {
-  _ as CanvasLayer
+  Z as CanvasLayer
 };

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as p } from "../../RPLayout-81cd4970.js";
+import { D as p } from "../../RPLayout-5892502c.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { z as _ } from "../../RPLayout-81cd4970.js";
+import { z as _ } from "../../RPLayout-5892502c.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";
@@ -32,16 +32,15 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../ui/Button.js";
-import "../../SearchCloseButton-ddb9877e.js";
+import "../../SearchCloseButton-cbf182aa.js";
 import "../ui/Input.js";
 import "../ui/Checkbox.js";
 import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
 import "../../contexts/ViewportContext.js";
-import "../../contexts/IconToolContext.js";
 import "../ui/DropDown.js";
+import "../../contexts/IconToolContext.js";
 import "../layout/toolbar/MenuItem.js";
 import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
@@ -49,6 +48,7 @@ import "../layout/toolbar/PropertyItem.js";
 import "../../contexts/OtherToolContext.js";
 import "../layout/toolbar/RotateTool.js";
 import "./CustomElement.js";
+import "../../utils/withRef.js";
 export {
   _ as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { E as m } from "../../RPLayout-81cd4970.js";
+import { E as m } from "../../RPLayout-5892502c.js";
 export {
   m 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 { y as $ } from "../../RPLayout-81cd4970.js";
+import { y as _ } from "../../RPLayout-5892502c.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -32,16 +32,15 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../ui/Button.js";
-import "../../SearchCloseButton-ddb9877e.js";
+import "../../SearchCloseButton-cbf182aa.js";
 import "../ui/Input.js";
 import "../ui/Checkbox.js";
 import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
 import "../../contexts/ViewportContext.js";
-import "../../contexts/IconToolContext.js";
 import "../ui/DropDown.js";
+import "../../contexts/IconToolContext.js";
 import "../layout/toolbar/MenuItem.js";
 import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
@@ -51,5 +50,5 @@ import "../layout/toolbar/RotateTool.js";
 import "./searchHighlight.js";
 import "../../utils/highlight.js";
 export {
-  $ as TextHighlightLayer
+  _ as TextHighlightLayer
 };

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 { x as $ } from "../../RPLayout-81cd4970.js";
+import { x as _ } from "../../RPLayout-5892502c.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -32,16 +32,15 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../ui/Button.js";
-import "../../SearchCloseButton-ddb9877e.js";
+import "../../SearchCloseButton-cbf182aa.js";
 import "../ui/Input.js";
 import "../ui/Checkbox.js";
 import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
 import "../../contexts/ViewportContext.js";
-import "../../contexts/IconToolContext.js";
 import "../ui/DropDown.js";
+import "../../contexts/IconToolContext.js";
 import "../layout/toolbar/MenuItem.js";
 import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
@@ -51,5 +50,5 @@ import "../layout/toolbar/RotateTool.js";
 import "pdfjs-dist";
 import "../../utils/highlight.js";
 export {
-  $ as TextLayer
+  _ as TextLayer
 };

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
     }
   );