@pdf-viewer/react 0.8.0-beta.0 → 0.9.0-beta.0

package/dist/{RPDefaultLayout-3d9595ed.js → RPDefaultLayout-6a828c29.js}

@@ -54,8 +54,9 @@ import { FileUploadTool as Yt } from "./components/layout/toolbar/FileUploadTool
 import { DarkModeTool as mr } from "./components/layout/toolbar/DarkModeTool.js";
 import { ThreeDotIcon as fr } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as ft } from "./components/ui/DropDown.js";
-import { u as gt, a as Le, c as Re, b as vt, d as gr, e as vr, h as _r, f as wr, F as br, D as Cr, g as Ke, i as Pr, G as ke } from "./index-3459164c.js";
-import { c as Tr, e as Sr, a as yr } from "./index-743c36f0.js";
+import { u as gt, a as Le, c as Re, b as vt, d as gr, e as vr, h as _r, f as wr, F as br, D as Cr, g as Pr, G as ke } from "./index-316854c1.js";
+import { c as Tr, e as Sr, b as yr } from "./index-71898eb9.js";
+import { e as Ke } from "./floating-ui.react-dom-e6d5fe8f.js";
 import { CloseIcon as Qt } from "./components/icons/CloseIcon.js";
 import { PropertyItem as Ir } from "./components/layout/toolbar/PropertyItem.js";
 import { useOtherToolContext as xr, OtherToolProvider as Rr } from "./contexts/OtherToolContext.js";
@@ -153,7 +154,7 @@ import './assets/RPDefaultLayout.css';const nn = () => {
 }), oe = () => {
   const e = $e(rn);
   return typeof (e == null ? void 0 : e.focusedPage) > "u" && hr.error("Please use this hooks inside children component of RPController or RPLayout"), e;
-}, zs = ({ children: e }) => {
+}, Fs = ({ children: e }) => {
   const { initialPage: t = 1 } = Un(), { pdf: n } = ne(), { focusedPage: r, totalPages: o, setFocusedPage: a, setTotalPages: c, goToPage: i, nextPage: l, prevPage: p } = Wr(t);
   return F(() => {
     n != null && n.numPages && c(n.numPages);
@@ -354,7 +355,7 @@ const Hr = () => {
       console.error("Error in setOnError callback:", t);
     }
   }
-}), Fs = ({ children: e }) => {
+}), ks = ({ children: e }) => {
   const [t, n] = W(null), [r, o] = W(null), { print: a, cancel: c, progress: i, isComplete: l, isError: p, error: h } = Hr(), f = M((v) => {
     v && typeof v == "function" && o(() => v);
   }, []), u = (v) => {
@@ -478,7 +479,7 @@ const Hr = () => {
   setActive: (e) => {
   },
   active: !1
-}), sn = () => $e(an), ks = ({
+}), sn = () => $e(an), Ws = ({
   children: e,
   initialThumbnailsVisible: t
 }) => {
@@ -596,7 +597,7 @@ const Hr = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (e) => {
   }
-}), Ws = ({
+}), Hs = ({
   children: e,
   initialSearch: t
 }) => {
@@ -1710,7 +1711,7 @@ const wo = ({ widths: e, heights: t }) => {
     },
     o
   );
-}, fo), Hs = () => {
+}, fo), $s = () => {
   const { getContainer: e, container: t } = cr(), { scrollToPage: n } = nn(), {
     virtualScrollRef: r,
     getVirtualScrollRef: o,
@@ -1920,7 +1921,7 @@ const wo = ({ widths: e, heights: t }) => {
     !p && /* @__PURE__ */ s(ee, { content: "Next page", children: /* @__PURE__ */ s(X, { onClick: r, disabled: e === t, children: /* @__PURE__ */ s(To, {}) }) })
   ] }) : null;
 };
-var Ct = "Dialog", [gn, $s] = Tr(Ct), [yo, ae] = gn(Ct), vn = (e) => {
+var Ct = "Dialog", [gn, Gs] = Tr(Ct), [yo, ae] = gn(Ct), vn = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -2125,7 +2126,7 @@ xn.displayName = In;
 function St(e) {
   return e ? "open" : "closed";
 }
-var Rn = "DialogTitleWarning", [Gs, Mn] = Sr(Rn, {
+var Rn = "DialogTitleWarning", [Vs, Mn] = Sr(Rn, {
   contentName: ve,
   titleName: Tt,
   docsSlug: "dialog"
@@ -2647,7 +2648,7 @@ const ge = {
       ]
     }
   );
-}, Vs = Ge((e, t) => {
+}, Us = Ge((e, t) => {
   const { children: n, slots: r, icons: o, style: a, className: c, onLoaded: i, cleanupOnLoaded: l } = e, [p, h] = W(null), { setContainer: f, setContentRef: u } = Ne();
   return F(() => (i && i(), () => {
     l && l();
@@ -2682,13 +2683,13 @@ export {
   ia as L,
   Jo as M,
   Yo as O,
-  zs as P,
-  Hs as R,
-  Ws as S,
-  ks as T,
+  Fs as P,
+  $s as R,
+  Hs as S,
+  Ws as T,
   oa as Z,
-  Fs as a,
-  Vs as b,
+  ks as a,
+  Us as b,
   Vo as c,
   wt as d,
   ln as e,

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { P as u, S as M, T as C, a as R } from "../RPDefaultLayout-3d9595ed.js";
+import { P as u, S as M, T as C, a as R } from "../RPDefaultLayout-6a828c29.js";
 import { DarkModeProvider as L } from "../contexts/DarkModeContext.js";
 import { ScrollMode as T, SelectionMode as V } from "../utils/types.js";
 import { RotateProvider as b } from "../contexts/RotationContext.js";

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as D } from "../RPDefaultLayout-3d9595ed.js";
+import { R as D } from "../RPDefaultLayout-6a828c29.js";
 import "../utils/hooks/useWatermark.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";

package/dist/components/RPProvider.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { DocumentProvider as c } from "../contexts/RPDocumentContext.js";
 import { RPController as d } from "./RPController.js";
-import "../RPDefaultLayout-3d9595ed.js";
+import "../RPDefaultLayout-6a828c29.js";
 import "./RPConfig.js";
 import "./RPTheme.js";
 import "./RPDropFileZone.js";

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as l } from "../../RPDefaultLayout-3d9595ed.js";
+import { b as l } from "../../RPDefaultLayout-6a828c29.js";
 import "../../Container-83627c27.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";

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 { G as f } from "../../../RPDefaultLayout-3d9595ed.js";
+import { G as f } from "../../../RPDefaultLayout-6a828c29.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 { B as a } from "../../../RPDefaultLayout-3d9595ed.js";
+import { B as a } from "../../../RPDefaultLayout-6a828c29.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 export {

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { E as t } from "../../../RPDefaultLayout-3d9595ed.js";
+import { E as t } from "../../../RPDefaultLayout-6a828c29.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 export {
   t as Thumbnails

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { v as C } from "../../../RPDefaultLayout-3d9595ed.js";
+import { v as C } from "../../../RPDefaultLayout-6a828c29.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 d } from "../../../RPDefaultLayout-3d9595ed.js";
+import { F as d } from "../../../RPDefaultLayout-6a828c29.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

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

@@ -4,8 +4,8 @@ import { useToolbarComponentContext as c } from "../../../contexts/ToolbarCompon
 import { useIconContext as m } from "../../../contexts/IconContext.js";
 import { UIButton as s } from "../../ui/Button.js";
 import { MenuItem as u } from "./MenuItem.js";
-import { useViewportContext as f } from "../../../contexts/ViewportContext.js";
-import { useOpenFileContext as a } from "../../../contexts/FileInputContext.js";
+import { useViewportContext as a } from "../../../contexts/ViewportContext.js";
+import { useOpenFileContext as f } from "../../../contexts/FileInputContext.js";
 import d from "../../ui/RPTooltip.js";
 const t = () => {
   const { openFileIcon: o } = m();
@@ -16,10 +16,10 @@ const t = () => {
 }) => /* @__PURE__ */ e(d, { className: n, content: "Open local file", children: o }), F = ({ onFileChange: o }) => /* @__PURE__ */ e(u, { onClick: o, children: /* @__PURE__ */ r(l, { className: "rp-menu-item", children: [
   /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(t, {}) }),
   "Open Local File"
-] }) }), C = ({ onFileChange: o }) => /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(s, { onClick: o, children: /* @__PURE__ */ e(t, {}) }) }), D = () => {
-  const { openFileTool: o = !0 } = c(), { onFileChange: n } = a(), { isSmallScreen: i } = f();
-  return o ? i ? /* @__PURE__ */ e(F, { onFileChange: n }) : typeof o == "function" ? /* @__PURE__ */ e(o, { onClick: n }) : o ? /* @__PURE__ */ e(C, { onFileChange: n }) : null : null;
+] }) }), C = ({ onFileChange: o }) => /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(s, { onClick: o, children: /* @__PURE__ */ e(t, {}) }) }), j = () => {
+  const { openFileTool: o = !0 } = c(), { openFile: n } = f(), { isSmallScreen: i } = a();
+  return o ? i ? /* @__PURE__ */ e(F, { onFileChange: n }) : typeof o == "function" ? /* @__PURE__ */ e(o, { openFile: n }) : o ? /* @__PURE__ */ e(C, { onFileChange: n }) : null : null;
 };
 export {
-  D as FileUploadTool
+  j as FileUploadTool
 };

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-3459164c.js";
+import { I as o } from "../../../index-316854c1.js";
 import { c as n } from "../../../clsx-0c6e471a.js";
 import '../../../assets/MenuItem.css';const c = {
   "rp-menu-item": "_rp-menu-item_gqbz3_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-3459164c.js";
+import { S as a } from "../../../index-316854c1.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,9 +1,9 @@
 import "react/jsx-runtime";
-import "../../../index-3459164c.js";
+import "../../../index-316854c1.js";
 import "./MenuItem.js";
 import "../../../contexts/RPDocumentContext.js";
 import "react";
-import { M as C } from "../../../RPDefaultLayout-3d9595ed.js";
+import { M as C } from "../../../RPDefaultLayout-6a828c29.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";

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

@@ -3,14 +3,14 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as k } from "../../../RPDefaultLayout-3d9595ed.js";
+import { O as k } from "../../../RPDefaultLayout-6a828c29.js";
 import "../../../contexts/OtherToolContext.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ScrollModeTool.js";
 import "../../../contexts/ViewportContext.js";
 import "./FileUploadTool.js";
-import "../../../index-3459164c.js";
+import "../../../index-316854c1.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 { t as s } from "../../../RPDefaultLayout-3d9595ed.js";
+import { t as s } from "../../../RPDefaultLayout-6a828c29.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 { w as n } from "../../../RPDefaultLayout-3d9595ed.js";
+import { w as n } from "../../../RPDefaultLayout-6a828c29.js";
 import "../../../contexts/ViewportContext.js";
 import "./MenuItem.js";
 import "../../ui/RPTooltip.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { z as a } from "../../../RPDefaultLayout-3d9595ed.js";
+import { z as a } from "../../../RPDefaultLayout-6a828c29.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { x } from "../../../RPDefaultLayout-3d9595ed.js";
+import { x } from "../../../RPDefaultLayout-6a828c29.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as m, jsxs as t } from "react/jsx-runtime";
-import { G as a } from "../../../index-3459164c.js";
+import { G as a } from "../../../index-316854c1.js";
 import { ClockwiseIcon as n } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as r } from "./MenuItem.js";
 import { MenuSeparator as u } from "./MenuSeparator.js";

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as u, jsxs as n } from "react/jsx-runtime";
-import { G as d } from "../../../index-3459164c.js";
+import { G as d } from "../../../index-316854c1.js";
 import { MenuSeparator as I } from "./MenuSeparator.js";
 import { MenuItem as c } from "./MenuItem.js";
 import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";

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

@@ -4,7 +4,7 @@ import "../../icons/SearchIcon.js";
 import "react";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import { y as I } from "../../../RPDefaultLayout-3d9595ed.js";
+import { y as I } from "../../../RPDefaultLayout-6a828c29.js";
 import "../../ui/Input.js";
 import "../../icons/CloseIcon.js";
 import "../../icons/ChevronUpIcon.js";

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as a, jsxs as n } from "react/jsx-runtime";
-import { G as d } from "../../../index-3459164c.js";
+import { G as d } from "../../../index-316854c1.js";
 import { TextSelectionDefaultIcon as p } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as u } 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 u, jsxs as o } from "react/jsx-runtime";
-import { G as p } from "../../../index-3459164c.js";
+import { G as p } from "../../../index-316854c1.js";
 import { MenuSeparator as d } from "./MenuSeparator.js";
 import { MenuItem as t } from "./MenuItem.js";
 import { DualPageIcon as f } 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 J } from "../../../RPDefaultLayout-3d9595ed.js";
+import { Z as J } from "../../../RPDefaultLayout-6a828c29.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-3459164c.js";
+import "../../../index-316854c1.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/ToolbarComponentContext.js";

package/dist/components/page/AnnotationLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { A as D } from "../../RPDefaultLayout-3d9595ed.js";
+import { A as D } from "../../RPDefaultLayout-6a828c29.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/CanvasLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { C as w } from "../../RPDefaultLayout-3d9595ed.js";
+import { C as w } from "../../RPDefaultLayout-6a828c29.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-3d9595ed.js";
+import { D as p } from "../../RPDefaultLayout-6a828c29.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { q as y } from "../../RPDefaultLayout-3d9595ed.js";
+import { q as y } from "../../RPDefaultLayout-6a828c29.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { s as m } from "../../RPDefaultLayout-3d9595ed.js";
+import { s as m } from "../../RPDefaultLayout-6a828c29.js";
 export {
   m as SinglePage
 };

package/dist/components/page/TextLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { p as z } from "../../RPDefaultLayout-3d9595ed.js";
+import { p as z } from "../../RPDefaultLayout-6a828c29.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/ui/Checkbox.js

@@ -1,6 +1,6 @@
 import { jsx as f, Fragment as q, jsxs as M } from "react/jsx-runtime";
 import * as i from "react";
-import { u as A, c as B, a as K, b as z } from "../../index-743c36f0.js";
+import { a as A, c as B, b as K, d as z } from "../../index-71898eb9.js";
 import "react-dom";
 import { CheckIcon as X } from "../icons/CheckIcon.js";
 import '../../assets/Checkbox.css';function S(e, t) {

package/dist/components/ui/DropDown.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as d } from "react/jsx-runtime";
-import { R as l, T as c, P as p, C as _ } from "../../index-3459164c.js";
+import { R as l, T as c, P as p, C as _ } from "../../index-316854c1.js";
 import { c as A } from "../../clsx-0c6e471a.js";
 import '../../assets/DropDown.css';const F = "_slideDownAndFade_1000s_1", w = "_slideLeftAndFade_1000s_1", m = "_slideUpAndFade_1000s_1", f = "_slideRightAndFade_1000s_1", g = {
   "rp-dropdown-content": "_rp-dropdown-content_1000s_1",

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as p } from "../../RPDefaultLayout-3d9595ed.js";
+import { L as p } from "../../RPDefaultLayout-6a828c29.js";
 import "../../clsx-0c6e471a.js";
 export {
   p as default