@pdf-viewer/react 0.4.0-beta.1 → 0.5.0-beta.0

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

@@ -1,21 +1,22 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { FileUploadDefaultIcon as i } from "../../icons/FileUploadDefaultIcon.js";
-import { useToolbarComponentContext as p } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as c } from "../../../contexts/IconContext.js";
-import { UIButton as m } from "../../ui/Button.js";
-import { MenuItem as s } from "./MenuItem.js";
+import { FileUploadDefaultIcon as p } from "../../icons/FileUploadDefaultIcon.js";
+import { useToolbarComponentContext as c } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as m } from "../../../contexts/IconContext.js";
+import { UIButton as s } from "../../ui/Button.js";
+import { MenuItem as f } from "./MenuItem.js";
 import { useViewportContext as u } from "../../../contexts/ViewportContext.js";
-import { useOpenFileContext as f } from "../../../contexts/FileInputContext.js";
-const t = () => {
-  const { fileUploadIcon: o } = c();
-  return o || /* @__PURE__ */ e(i, {});
-}, a = ({ onFileChange: o }) => /* @__PURE__ */ r(s, { onClick: o, children: [
-  /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(t, {}) }),
+import { useOpenFileContext as a } from "../../../contexts/FileInputContext.js";
+import d from "../../ui/RPTooltip.js";
+const t = ({ children: o }) => /* @__PURE__ */ e(d, { content: "Open local file", children: o }), l = () => {
+  const { fileUploadIcon: o } = m();
+  return o || /* @__PURE__ */ e(p, {});
+}, C = ({ onFileChange: o }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ r(f, { onClick: o, children: [
+  /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(l, {}) }),
   "Open Local File"
-] }), d = ({ onFileChange: o }) => /* @__PURE__ */ e(m, { onClick: o, children: /* @__PURE__ */ e(t, {}) }), O = () => {
-  const { openFileTool: o = !0 } = p(), { onFileChange: n } = f(), { isSmallScreen: l } = u();
-  return o ? l ? /* @__PURE__ */ e(a, { onFileChange: n }) : typeof o == "function" ? /* @__PURE__ */ e(o, { onClick: n }) : o ? /* @__PURE__ */ e(d, { onFileChange: n }) : null : null;
+] }) }), F = ({ onFileChange: o }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(s, { onClick: o, children: /* @__PURE__ */ e(l, {}) }) }), D = () => {
+  const { openFileTool: o = !0 } = c(), { onFileChange: n } = a(), { isSmallScreen: i } = u();
+  return o ? i ? /* @__PURE__ */ e(C, { onFileChange: n }) : typeof o == "function" ? /* @__PURE__ */ e(o, { onClick: n }) : o ? /* @__PURE__ */ e(F, { onFileChange: n }) : null : null;
 };
 export {
-  O as FileUploadTool
+  D as FileUploadTool
 };

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

@@ -1,46 +1,44 @@
-import { jsx as o, jsxs as u } from "react/jsx-runtime";
-import { useFullScreenContext as i } from "../../../contexts/FullScreenContext.js";
-import { UIButton as s } from "../../ui/Button.js";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { useFullScreenContext as s } from "../../../contexts/FullScreenContext.js";
+import { UIButton as m } from "../../ui/Button.js";
 import { FullScreenIcon as t } from "../../icons/FullScreenIcon.js";
-import { useToolbarComponentContext as m } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as f } from "../../../contexts/IconContext.js";
-import { useViewportContext as p } from "../../../contexts/ViewportContext.js";
-import { MenuItem as S } from "./MenuItem.js";
-const d = () => {
-  const { fullScreenIcon: e } = f();
-  return e || /* @__PURE__ */ o(t, {});
-}, F = ({
-  toggleFullScreen: e,
-  isSupported: l
-}) => /* @__PURE__ */ u(S, { onClick: e, disabled: !l, children: [
-  /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(t, {}) }),
+import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as p } from "../../../contexts/IconContext.js";
+import { useViewportContext as S } from "../../../contexts/ViewportContext.js";
+import { MenuItem as d } from "./MenuItem.js";
+import F from "../../ui/RPTooltip.js";
+const a = () => {
+  const { fullScreenIcon: o } = p();
+  return o || /* @__PURE__ */ e(t, {});
+}, c = ({ children: o }) => /* @__PURE__ */ e(F, { content: "Full screen", children: o }), C = ({ toggleFullScreen: o, isSupported: l }) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ u(d, { onClick: o, disabled: !l, children: [
+  /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(t, {}) }),
   "Full screen"
-] }), j = () => {
-  const { isFullScreen: e, toggleFullScreen: l, isSupported: r } = i(), { fullscreenTool: n } = m(), { isSmallScreen: c } = p();
-  return n ? c ? /* @__PURE__ */ o(
-    F,
+] }) }), v = () => {
+  const { isFullScreen: o, toggleFullScreen: l, isSupported: n } = s(), { fullscreenTool: r } = f(), { isSmallScreen: i } = S();
+  return r ? i ? /* @__PURE__ */ e(
+    C,
     {
-      isFullScreen: e,
+      isFullScreen: o,
       toggleFullScreen: l,
-      isSupported: r
+      isSupported: n
     }
-  ) : typeof n == "function" ? /* @__PURE__ */ o(
-    n,
+  ) : typeof r == "function" ? /* @__PURE__ */ e(
+    r,
     {
-      isFullScreen: e,
+      isFullScreen: o,
       toggleFullScreen: l,
-      isSupported: r
+      isSupported: n
     }
-  ) : /* @__PURE__ */ o(
-    s,
+  ) : /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
+    m,
     {
-      disabled: !r,
+      disabled: !n,
       onClick: l,
-      "aria-label": e ? "Exit full screen" : "Enter full screen",
-      children: /* @__PURE__ */ o(d, {})
+      "aria-label": o ? "Exit full screen" : "Enter full screen",
+      children: /* @__PURE__ */ e(a, {})
     }
-  ) : null;
+  ) }) : null;
 };
 export {
-  j as FullScreenTool
+  v as FullScreenTool
 };

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-8049287f.js";
 import { c as n } from "../../../clsx-0c6e471a.js";
 import '../../../assets/MenuItem.css';const c = {
   "rp-menu-item": "_rp-menu-item_ogr6y_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-8049287f.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,36 +1,23 @@
 import "react/jsx-runtime";
-import "../../../index-3459164c.js";
+import "../../../index-8049287f.js";
 import "./MenuItem.js";
 import "../../../contexts/RPDocumentContext.js";
-import { M as F } from "../../../Thumbnails-06fa1aa5.js";
+import { M as k } from "../../../RPLayout-88110444.js";
 import "../../RPConfig.js";
+import "../../../contexts/ThemeContext.js";
 import "react";
-import "../../ui/Button.js";
-import "../../../RPSplitter.module-13d612c4.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/IconContext.js";
-import "../../../Container.module-cb7b45b9.js";
-import "../../../contexts/LayoutContainerContext.js";
+import "../../RPDropFileZone.js";
+import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/DarkModeContext.js";
+import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RotateContext.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/ScrollStateContext.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../contexts/SelectionModeContext.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/ThemeContext.js";
-import "../../../contexts/FullScreenContext.js";
-import "../../../WrapperLayout.module-147bc943.js";
-import "../../../contexts/DropFileZoneContext.js";
-import "../../../RPTheme.module-f756e5cd.js";
 import "../../../contexts/FileInputContext.js";
+import "../../../contexts/ZoomContext.js";
 import "./MenuSeparator.js";
 import "../../icons/GoToDownIcon.js";
+import "../../../contexts/IconContext.js";
+import "../../ui/RPTooltip.js";
 export {
-  F as MostPageTool
+  k as MostPageTool
 };

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

@@ -3,19 +3,20 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as j } from "../../../Thumbnails-06fa1aa5.js";
+import { O as k } from "../../../RPLayout-88110444.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-8049287f.js";
 import "./MenuSeparator.js";
 import "./FullScreenTool.js";
+import "../../ui/RPTooltip.js";
 import "./SelectionModeTool.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "react";
 export {
-  j as OtherTool
+  k as OtherTool
 };

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

@@ -3,10 +3,11 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { r as n } from "../../../Thumbnails-06fa1aa5.js";
+import { m as s } from "../../../RPLayout-88110444.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
+import "../../ui/RPTooltip.js";
 export {
-  n as Paginate
+  s as Paginate
 };

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

@@ -3,9 +3,10 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { w as l } from "../../../Thumbnails-06fa1aa5.js";
+import { r as n } from "../../../RPLayout-88110444.js";
 import "../../../contexts/ViewportContext.js";
 import "./MenuItem.js";
+import "../../ui/RPTooltip.js";
 export {
-  l as PrintTool
+  n as PrintTool
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { d as a } from "../../../Thumbnails-06fa1aa5.js";
+import { v as a } from "../../../RPLayout-88110444.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { x } from "../../../Thumbnails-06fa1aa5.js";
+import { s } from "../../../RPLayout-88110444.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {
-  x as RPToolbarEnd
+  s as RPToolbarEnd
 };

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

@@ -1,33 +1,34 @@
-import { jsx as o, Fragment as l, jsxs as e } from "react/jsx-runtime";
-import { G as a } from "../../../index-3459164c.js";
-import { ClockwiseIcon as c } from "../../icons/ClockwiseIcon.js";
+import { jsx as o, Fragment as a, jsxs as e } from "react/jsx-runtime";
+import { G as m } from "../../../index-8049287f.js";
+import { ClockwiseIcon as n } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as r } from "./MenuItem.js";
-import { MenuSeparator as m } from "./MenuSeparator.js";
-import { useRotate as u } from "../../../utils/hooks/useRotate.js";
-import { useToolbarComponentContext as p } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as n } from "../../../contexts/IconContext.js";
-import '../../../assets/RotateTool.css';const C = {
+import { MenuSeparator as u } from "./MenuSeparator.js";
+import { useRotate as p } from "../../../utils/hooks/useRotate.js";
+import { useToolbarComponentContext as C } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as i } from "../../../contexts/IconContext.js";
+import c from "../../ui/RPTooltip.js";
+import '../../../assets/RotateTool.css';const k = {
   "rp-rotate-counterclockwise": "_rp-rotate-counterclockwise_1s164_1"
-}, k = () => {
-  const { rotateClockwiseIcon: t } = n();
-  return t || /* @__PURE__ */ o(c, {});
+}, d = () => {
+  const { rotateClockwiseIcon: t } = i();
+  return t || /* @__PURE__ */ o(n, {});
 }, f = () => {
-  const { rotateCounterClockwiseIcon: t } = n();
-  return t || /* @__PURE__ */ o(c, { className: C["rp-rotate-counterclockwise"] });
-}, _ = () => {
-  const { handleRotateClockwise: t, handleRotateCounterclockwise: s } = u(), { rotateTool: i } = p();
-  return i ? /* @__PURE__ */ o(l, { children: /* @__PURE__ */ e(a, { children: [
-    /* @__PURE__ */ e(r, { onClick: t, children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(k, {}) }),
+  const { rotateCounterClockwiseIcon: t } = i();
+  return t || /* @__PURE__ */ o(n, { className: k["rp-rotate-counterclockwise"] });
+}, v = () => {
+  const { handleRotateClockwise: t, handleRotateCounterclockwise: s } = p(), { rotateTool: l } = C();
+  return l ? /* @__PURE__ */ o(a, { children: /* @__PURE__ */ e(m, { children: [
+    /* @__PURE__ */ o(c, { content: "Rotate clockwise", children: /* @__PURE__ */ e(r, { onClick: t, children: [
+      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(d, {}) }),
       "Rotate clockwise"
-    ] }),
-    /* @__PURE__ */ e(r, { onClick: s, children: [
+    ] }) }),
+    /* @__PURE__ */ o(c, { content: "Rotate counterclockwise", children: /* @__PURE__ */ e(r, { onClick: s, children: [
       /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(f, {}) }),
       "Rotate counterclockwise"
-    ] }),
-    /* @__PURE__ */ o(m, {})
+    ] }) }),
+    /* @__PURE__ */ o(u, {})
   ] }) }) : null;
 };
 export {
-  _ as RotateTool
+  v as RotateTool
 };

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

@@ -1,54 +1,55 @@
-import { jsx as o, Fragment as p, jsxs as l } from "react/jsx-runtime";
-import { G as u } from "../../../index-3459164c.js";
+import { jsx as o, Fragment as d, jsxs as n } from "react/jsx-runtime";
+import { G as u } from "../../../index-8049287f.js";
 import { MenuSeparator as I } from "./MenuSeparator.js";
 import { MenuItem as c } from "./MenuItem.js";
-import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
-import { PageScrollingIcon as f } from "../../icons/PageScrollingIcon.js";
-import { VerticalScrollingIcon as C } from "../../icons/VerticalScrollingIcon.js";
-import { HorizontalScrollingIcon as L } from "../../icons/HorizontalScrollingIcon.js";
-import { useScrollModeContext as S } from "../../../contexts/ScrollModeContext.js";
-import { ViewMode as g, ScrollMode as e } from "../../../utils/types.js";
+import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
+import { PageScrollingIcon as g } from "../../icons/PageScrollingIcon.js";
+import { VerticalScrollingIcon as h } from "../../icons/VerticalScrollingIcon.js";
+import { HorizontalScrollingIcon as C } from "../../icons/HorizontalScrollingIcon.js";
+import { useScrollModeContext as L } from "../../../contexts/ScrollModeContext.js";
+import { ViewMode as S, ScrollMode as e } from "../../../utils/types.js";
 import { CheckIcon as i } from "../../icons/CheckIcon.js";
 import { useViewModeContext as N } from "../../../contexts/ViewModeContext.js";
-import { useMemo as h } from "react";
-import { useIconContext as m } from "../../../contexts/IconContext.js";
-const M = () => {
-  const { pageScrollIcon: r } = m();
-  return r || /* @__PURE__ */ o(f, {});
-}, G = () => {
-  const { verticalScrollIcon: r } = m();
-  return r || /* @__PURE__ */ o(C, {});
+import { useMemo as M } from "react";
+import { useIconContext as s } from "../../../contexts/IconContext.js";
+import m from "../../ui/RPTooltip.js";
+const G = () => {
+  const { pageScrollIcon: r } = s();
+  return r || /* @__PURE__ */ o(g, {});
+}, R = () => {
+  const { verticalScrollIcon: r } = s();
+  return r || /* @__PURE__ */ o(h, {});
 }, O = () => {
-  const { horizontalScrollIcon: r } = m();
-  return r || /* @__PURE__ */ o(L, {});
-}, j = () => {
-  const { scrollModeTool: r } = d(), { viewMode: s } = N(), { scrollMode: n, setScrollMode: t } = S(), a = h(() => s === g.DUAL_PAGE, [s]);
-  return r ? /* @__PURE__ */ o(p, { children: /* @__PURE__ */ l(u, { children: [
-    /* @__PURE__ */ l(c, { onClick: () => t(e.PAGE_SCROLLING), children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(M, {}) }),
-      "Page scrolling",
-      n === e.PAGE_SCROLLING ? /* @__PURE__ */ o(i, { className: "rp-menu-item-right" }) : null
-    ] }),
-    /* @__PURE__ */ l(c, { onClick: () => t(e.VERTICAL_SCROLLING), children: [
+  const { horizontalScrollIcon: r } = s();
+  return r || /* @__PURE__ */ o(C, {});
+}, D = () => {
+  const { scrollModeTool: r } = f(), { viewMode: a } = N(), { scrollMode: l, setScrollMode: t } = L(), p = M(() => a === S.DUAL_PAGE, [a]);
+  return r ? /* @__PURE__ */ o(d, { children: /* @__PURE__ */ n(u, { children: [
+    /* @__PURE__ */ o(m, { content: "Enable page scrolling", children: /* @__PURE__ */ n(c, { onClick: () => t(e.PAGE_SCROLLING), children: [
       /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(G, {}) }),
+      "Page scrolling",
+      l === e.PAGE_SCROLLING ? /* @__PURE__ */ o(i, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ o(m, { content: "Enable vertical scrolling", children: /* @__PURE__ */ n(c, { onClick: () => t(e.VERTICAL_SCROLLING), children: [
+      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(R, {}) }),
       "Vertical scrolling",
-      n === e.VERTICAL_SCROLLING ? /* @__PURE__ */ o(i, { className: "rp-menu-item-right" }) : null
-    ] }),
-    /* @__PURE__ */ l(
+      l === e.VERTICAL_SCROLLING ? /* @__PURE__ */ o(i, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ o(m, { content: "Enable horizontal scrolling", children: /* @__PURE__ */ n(
       c,
       {
-        disabled: a,
+        disabled: p,
         onClick: () => t(e.HORIZONTAL_SCROLLING),
         children: [
           /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(O, {}) }),
           "Horizontal scrolling",
-          n === e.HORIZONTAL_SCROLLING ? /* @__PURE__ */ o(i, { className: "rp-menu-item-right" }) : null
+          l === e.HORIZONTAL_SCROLLING ? /* @__PURE__ */ o(i, { className: "rp-menu-item-right" }) : null
         ]
       }
-    ),
+    ) }),
     /* @__PURE__ */ o(I, {})
   ] }) }) : null;
 };
 export {
-  j as ScrollModeTool
+  D as ScrollModeTool
 };

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 K } from "../../../Thumbnails-06fa1aa5.js";
+import { t as z } from "../../../RPLayout-88110444.js";
 import "../../ui/Input.js";
 import "../../icons/CloseIcon.js";
 import "../../icons/ChevronUpIcon.js";
@@ -14,27 +14,16 @@ import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../RPConfig.js";
-import "../../../RPSplitter.module-13d612c4.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../Container.module-cb7b45b9.js";
+import "../../../contexts/ThemeContext.js";
+import "../../RPDropFileZone.js";
+import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/DarkModeContext.js";
+import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RotateContext.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/ScrollStateContext.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../contexts/SelectionModeContext.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/ThemeContext.js";
-import "../../../contexts/FullScreenContext.js";
-import "../../../WrapperLayout.module-147bc943.js";
-import "../../../contexts/DropFileZoneContext.js";
-import "../../../RPTheme.module-f756e5cd.js";
 import "../../../contexts/FileInputContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../ui/RPTooltip.js";
 export {
-  K as SearchTool
+  z as SearchTool
 };

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

@@ -1,34 +1,35 @@
-import { jsx as o, Fragment as s, jsxs as n } from "react/jsx-runtime";
-import { G as d } from "../../../index-3459164c.js";
-import { TextSelectionDefaultIcon as a } from "../../icons/TextSelectionDefaultIcon.js";
-import { HandModeDefaultIcon as p } from "../../icons/HandModeDefaultIcon.js";
-import { CheckIcon as i } from "../../icons/CheckIcon.js";
-import { MenuItem as l } from "./MenuItem.js";
+import { jsx as o, Fragment as d, jsxs as n } from "react/jsx-runtime";
+import { G as a } from "../../../index-8049287f.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";
+import { MenuItem as i } from "./MenuItem.js";
 import { SelectionMode as t } from "../../../utils/types.js";
-import { MenuSeparator as u } from "./MenuSeparator.js";
-import { useIconContext as m } from "../../../contexts/IconContext.js";
-import { useSelectionModeContext as f } from "../../../contexts/SelectionModeContext.js";
-import { useToolbarComponentContext as M } from "../../../contexts/ToolbarComponentContext.js";
-const h = () => {
-  const { textSelectionIcon: e } = m();
-  return e || /* @__PURE__ */ o(a, {});
-}, x = () => {
-  const { handModeIcon: e } = m();
+import { MenuSeparator as f } from "./MenuSeparator.js";
+import { useIconContext as s } from "../../../contexts/IconContext.js";
+import { useSelectionModeContext as h } from "../../../contexts/SelectionModeContext.js";
+import { useToolbarComponentContext as x } from "../../../contexts/ToolbarComponentContext.js";
+import m from "../../ui/RPTooltip.js";
+const M = () => {
+  const { textSelectionIcon: e } = s();
   return e || /* @__PURE__ */ o(p, {});
+}, T = () => {
+  const { handModeIcon: e } = s();
+  return e || /* @__PURE__ */ o(u, {});
 }, A = () => {
-  const { selectionModeTool: e } = M(), { selectionMode: r, setSelectionMode: c } = f();
-  return e ? /* @__PURE__ */ o(s, { children: /* @__PURE__ */ n(d, { children: [
-    /* @__PURE__ */ n(l, { onClick: () => c(t.TEXT), children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(h, {}) }),
+  const { selectionModeTool: e } = x(), { selectionMode: r, setSelectionMode: l } = h();
+  return e ? /* @__PURE__ */ o(d, { children: /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ o(m, { content: "Enable text selection tool", children: /* @__PURE__ */ n(i, { onClick: () => l(t.TEXT), children: [
+      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(M, {}) }),
       "Text selection tool",
-      r === t.TEXT ? /* @__PURE__ */ o(i, { className: "rp-menu-item-right" }) : null
-    ] }),
-    /* @__PURE__ */ n(l, { onClick: () => c(t.HAND), children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(x, {}) }),
+      r === t.TEXT ? /* @__PURE__ */ o(c, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ o(m, { content: "Enable hand tool", children: /* @__PURE__ */ n(i, { onClick: () => l(t.HAND), children: [
+      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(T, {}) }),
       "Hand tool",
-      r === t.HAND ? /* @__PURE__ */ o(i, { className: "rp-menu-item-right" }) : null
-    ] }),
-    /* @__PURE__ */ o(u, {})
+      r === t.HAND ? /* @__PURE__ */ o(c, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ o(f, {})
   ] }) }) : null;
 };
 export {

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-8049287f.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,37 +5,27 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as L } from "../../../Thumbnails-06fa1aa5.js";
+import { Z as B } from "../../../RPLayout-88110444.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-3459164c.js";
+import "../../../index-8049287f.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../RPConfig.js";
-import "../../../RPSplitter.module-13d612c4.js";
-import "../../../Container.module-cb7b45b9.js";
+import "../../../contexts/ThemeContext.js";
+import "../../RPDropFileZone.js";
+import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/DarkModeContext.js";
-import "../../../utils/types.js";
 import "../../../contexts/RotateContext.js";
-import "../../../contexts/LayerContext.js";
 import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../contexts/ScrollStateContext.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../contexts/SelectionModeContext.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/ThemeContext.js";
-import "../../../contexts/FullScreenContext.js";
-import "../../../WrapperLayout.module-147bc943.js";
-import "../../../contexts/DropFileZoneContext.js";
-import "../../../RPTheme.module-f756e5cd.js";
 import "../../../contexts/FileInputContext.js";
+import "../../../utils/types.js";
 import "../../../utils/constants.js";
+import "../../../contexts/ViewportContext.js";
+import "../../ui/RPTooltip.js";
 export {
-  L as ZoomTool
+  B as ZoomTool
 };