@pdf-viewer/react 1.9.0-beta.3 → 1.9.0-beta.5

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

@@ -1,10 +1,10 @@
-import "react/jsx-runtime";
-import "../../../index-7279fb4e.js";
-import "./MenuItem.js";
-import "react";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { G as C } from "../../../index-473557b1.js";
+import { MenuItem as p } from "./MenuItem.js";
+import { useMemo as e, useCallback as a } from "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { M as $ } from "../../../RPLayout-897cb09d.js";
+import { u as x, o as L } from "../../../ToolbarLayout.module-60c3d6e8.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";
@@ -20,7 +20,7 @@ import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as N } from "../../../contexts/LocalizationContext.js";
 import "../../../contexts/HighlightContext.js";
 import "../../../contexts/LicenseContext.js";
 import "../../../contexts/DownloadContext.js";
@@ -28,28 +28,54 @@ import "../../../contexts/SmoothScrollContext.js";
 import "../../../contexts/ElementPageContext.js";
 import "../../../contexts/PagesRotateContext.js";
 import "../../../contexts/LoaderContext.js";
+import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
+import { useIconToolContext as l } from "../../../contexts/IconToolContext.js";
+import "../../../contexts/OtherToolContext.js";
 import "../../RPConfig.js";
-import "../../../contexts/ThemeContext.js";
-import "../../RPDropFileZone.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/ToolComponentContext.js";
 import "../../ui/Button.js";
-import "../../../SearchCloseButton-ddb9877e.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 { useIconContext as d } from "../../../contexts/IconContext.js";
+import { useToolbarComponentContext as v } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
-import "../../../contexts/IconToolContext.js";
-import "../../ui/DropDown.js";
-import "./MenuSeparator.js";
+import s from "../../ui/RPTooltip.js";
+import "../../../DropDown.module-a78567cb.js";
 import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../contexts/OtherToolContext.js";
-import "./RotateTool.js";
-import "../../icons/GoToDownIcon.js";
+import "../../../PropertyItem.module-db0150cc.js";
+import { MenuSeparator as F } from "./MenuSeparator.js";
+import "../../../RotateTool.module-03987eba.js";
+import "../../../SearchTool.module-016f3a8d.js";
+import "../../../Checkbox.module-3edaacbb.js";
+import "../../icons/LoaderIcon.js";
+import "../../../RPSplitter.module-13d612c4.js";
+import "../../../Container.module-f8b5c306.js";
+import "../../../WrapperLayout.module-147bc943.js";
+import "../../../RPTheme.module-bd9038da.js";
+import "../../../contexts/ThemeContext.js";
+import { GoToDownIcon as u } from "../../icons/GoToDownIcon.js";
+const G = () => {
+  const { goToFirstPageIcon: r } = d(), { goToFirstPageIcon: i } = l();
+  return r || i || /* @__PURE__ */ o(u, { className: L["rp-go-to-Top"] });
+}, j = () => {
+  const { goToLastPageIcon: r } = d(), { goToLastPageIcon: i } = l();
+  return r || i || /* @__PURE__ */ o(u, {});
+}, c = { width: "100%" }, yo = () => {
+  const { goToPage: r, totalPages: i, focusedPage: m } = x(), { jumpNavigationTool: g = !0 } = v(), { jumpNavigationTool: T = !0 } = b(), { localeMessages: t } = N(), P = e(() => m === 1, [m]), f = e(() => m === i, [m, i]), h = a(() => {
+    r(1);
+  }, [r]), I = a(() => {
+    r(i);
+  }, [r, i]);
+  return !g || !T ? null : /* @__PURE__ */ n(C, { children: [
+    /* @__PURE__ */ o(p, { onClick: h, children: /* @__PURE__ */ o(s, { content: t == null ? void 0 : t.firstPageTooltip, style: c, children: /* @__PURE__ */ n("div", { className: "rp-menu-item", "aria-disabled": P, children: [
+      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(G, {}) }),
+      /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.firstPageLabel })
+    ] }) }) }),
+    /* @__PURE__ */ o(p, { onClick: I, children: /* @__PURE__ */ o(s, { content: t == null ? void 0 : t.lastPageTooltip, style: c, children: /* @__PURE__ */ n("div", { className: "rp-menu-item", "aria-disabled": f, children: [
+      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(j, {}) }),
+      /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.lastPageLabel })
+    ] }) }) }),
+    /* @__PURE__ */ o(F, {})
+  ] });
+};
 export {
-  $ as MostPageTool
+  yo as MostPageTool
 };

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

@@ -1,24 +1,117 @@
-import "react/jsx-runtime";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../icons/ThreeDotIcon.js";
-import "../../ui/Button.js";
-import "../../ui/DropDown.js";
-import { O as q } from "../../../RPLayout-897cb09d.js";
-import "./DocumentProperties.js";
-import "./RotateTool.js";
-import "./ViewModeTool.js";
-import "./ScrollModeTool.js";
-import "../../../contexts/ViewportContext.js";
-import "./FileUploadTool.js";
-import "../../../index-7279fb4e.js";
-import "./MenuSeparator.js";
-import "./FullScreenTool.js";
-import "../../ui/RPTooltip.js";
-import "./SelectionModeTool.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "react";
-import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/ToolComponentContext.js";
+import { jsxs as n, Fragment as y, jsx as o } from "react/jsx-runtime";
+import { useLayoutContainer as G } from "../../../contexts/LayoutContainerContext.js";
+import { ThreeDotIcon as L } from "../../icons/ThreeDotIcon.js";
+import { UIButton as V } from "../../ui/Button.js";
+import { UIDropDown as B } from "../../ui/DropDown.js";
+import { DocumentDialog as E } from "./DocumentDialog.js";
+import { n as $ } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { DocumentProperties as q } from "./DocumentProperties.js";
+import { RotateTool as A } from "./RotateTool.js";
+import { ViewModeTool as J } from "./ViewModeTool.js";
+import { ScrollModeTool as K } from "./ScrollModeTool.js";
+import { useViewportContext as Q } from "../../../contexts/ViewportContext.js";
+import { FileUploadTool as W } from "./FileUploadTool.js";
+import { G as X } from "../../../index-473557b1.js";
+import { MenuSeparator as Y } from "./MenuSeparator.js";
+import { FileDownloadTool as Z } from "./FileDownloadTool.js";
+import { PrintTool as _ } from "./PrintTool.js";
+import { FullScreenTool as oo } from "./FullScreenTool.js";
+import { MostPageTool as eo } from "./MostPageTool.js";
+import to from "../../ui/RPTooltip.js";
+import { SelectionModeTool as ro } from "./SelectionModeTool.js";
+import { useToolbarComponentContext as lo } from "../../../contexts/ToolbarComponentContext.js";
+import { useState as C, useRef as no, useMemo as F, useEffect as io } from "react";
+import { useLocalizationContext as so } from "../../../contexts/LocalizationContext.js";
+import { useToolComponentContext as mo } from "../../../contexts/ToolComponentContext.js";
+const Ho = () => {
+  const [P, S] = C(!1), { container: R, pagesRef: r } = G(), { isSmallScreen: t } = Q(), {
+    openFileTool: i,
+    downloadTool: s,
+    documentProperties: m,
+    scrollModeTool: p,
+    rotateTool: T,
+    selectionModeTool: c,
+    jumpNavigationTool: a,
+    printTool: d,
+    fullscreenTool: f,
+    viewModeTool: j
+  } = lo(), {
+    openFileTool: u,
+    downloadTool: h,
+    documentProperties: O,
+    scrollModeTool: w,
+    rotateTool: M,
+    selectionModeTool: v,
+    jumpNavigationTool: D,
+    printTool: b,
+    fullscreenTool: g,
+    viewModeTool: k
+  } = mo(), { localeMessages: e } = so(), [I, N] = C(0), x = no(
+    new ResizeObserver((l) => {
+      N(l[0].contentRect.height);
+    })
+  ), z = F(() => a || T || c || p || m || j || t && (i || s || d || f), [
+    i,
+    s,
+    d,
+    f,
+    m,
+    p,
+    T,
+    c,
+    a,
+    t
+  ]), H = F(() => D || M || v || w || O || k || t && (u || h || b || g), [
+    u,
+    h,
+    b,
+    g,
+    O,
+    w,
+    M,
+    v,
+    D,
+    t
+  ]);
+  return io(() => (r && x.current.observe(r), () => {
+    x.current.disconnect();
+  }), [r]), !z || !H ? null : /* @__PURE__ */ n(y, { children: [
+    /* @__PURE__ */ o(
+      B,
+      {
+        container: R,
+        onOpenChange: S,
+        triggerComponent: /* @__PURE__ */ o("div", { role: "button", children: /* @__PURE__ */ o(to, { content: e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ o(V, { active: P, "aria-label": e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ o(L, {}) }) }) }),
+        side: "bottom",
+        avoidCollisions: !1,
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            style: { maxHeight: `${I}px`, overflow: "auto" },
+            className: $["rp-other-tool-content"],
+            "data-rp": "moreOptionsDropdown",
+            children: [
+              t && /* @__PURE__ */ n(X, { children: [
+                /* @__PURE__ */ o(W, {}),
+                /* @__PURE__ */ o(Z, {}),
+                /* @__PURE__ */ o(_, {}),
+                /* @__PURE__ */ o(oo, {}),
+                /* @__PURE__ */ o(Y, {})
+              ] }),
+              /* @__PURE__ */ o(eo, {}),
+              /* @__PURE__ */ o(A, {}),
+              /* @__PURE__ */ o(ro, {}),
+              /* @__PURE__ */ o(J, {}),
+              /* @__PURE__ */ o(K, {}),
+              /* @__PURE__ */ o(q, {})
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ o(E, {})
+  ] });
+};
 export {
-  q as OtherTool
+  Ho as OtherTool
 };

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

@@ -1,19 +1,101 @@
-import "react/jsx-runtime";
-import "react";
-import "../../icons/ChevronUpIcon.js";
-import "../../ui/Button.js";
-import "../../ui/Input.js";
-import { l as d } from "../../../RPLayout-897cb09d.js";
-import "../../../contexts/IconContext.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/ViewportContext.js";
-import "../../ui/RPTooltip.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../utils/types.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/ToolComponentContext.js";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { useState as k, useEffect as D, useCallback as c, useMemo as L } from "react";
+import { ChevronUpIcon as S } from "../../icons/ChevronUpIcon.js";
+import { UIButton as T } from "../../ui/Button.js";
+import { UIInput as V } from "../../ui/Input.js";
+import { u as A, g } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { useIconContext as N } from "../../../contexts/IconContext.js";
+import { useToolbarComponentContext as B } from "../../../contexts/ToolbarComponentContext.js";
+import { useViewportContext as G } from "../../../contexts/ViewportContext.js";
+import d from "../../ui/RPTooltip.js";
+import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
+import { useViewModeContext as K } from "../../../contexts/ViewModeContext.js";
+import { useScrollModeContext as O } from "../../../contexts/ScrollModeContext.js";
+import { ViewMode as R, ScrollMode as _ } from "../../../utils/types.js";
+import { useIconToolContext as b } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as z } from "../../../contexts/ToolComponentContext.js";
+const F = () => {
+  const { prevIcon: o } = N(), { prevIcon: n } = b();
+  return o || n || /* @__PURE__ */ e(S, {});
+}, q = () => {
+  const { nextIcon: o } = N(), { nextIcon: n } = b();
+  return o || n || /* @__PURE__ */ e(S, { style: { transform: "rotate(180deg" } });
+}, co = () => {
+  const { focusedPage: o, totalPages: n, setFocusedPage: f, nextPage: p, prevPage: l, goToPage: i } = A(), [u, a] = k(o.toString()), { pageNavigationTool: s = !0 } = B(), { pageNavigationTool: m = !0 } = z(), { isSmallScreen: P } = G(), { viewMode: x } = K(), { scrollMode: C } = O(), { localeMessages: t } = j();
+  D(() => {
+    a(o.toString());
+  }, [o]);
+  const w = c((r) => {
+    const v = r.target.value;
+    a(v);
+  }, []), I = c(async () => {
+    const r = i(u);
+    r.success || a(r.currentPage.toString());
+  }, [i, u, n]), y = c(() => {
+    a(o.toString());
+  }, [o]), E = c(
+    (r) => {
+      r.key === "Enter" && I();
+    },
+    [I]
+  ), U = L(() => x === R.DUAL_PAGE && C === _.PAGE_SCROLLING && o === n - 1 || o === n, [o, n, x, C]);
+  return !s || !m ? null : typeof s != "boolean" ? /* @__PURE__ */ e(
+    s,
+    {
+      total: n,
+      current: o,
+      nextPage: p,
+      prevPage: l,
+      goToPage: i,
+      changePage: f
+    }
+  ) : typeof m != "boolean" ? /* @__PURE__ */ e(
+    m,
+    {
+      total: n,
+      current: o,
+      nextPage: p,
+      prevPage: l,
+      goToPage: i,
+      changePage: f
+    }
+  ) : /* @__PURE__ */ h("div", { className: g["rp-paginate"], children: [
+    !P && /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.previousPageTooltip, children: /* @__PURE__ */ e(
+      T,
+      {
+        onClick: l,
+        "aria-label": t == null ? void 0 : t.previousPageTooltip,
+        "aria-disabled": o === 1,
+        children: /* @__PURE__ */ e(F, {})
+      }
+    ) }),
+    /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.currentPageTooltip, children: /* @__PURE__ */ e(
+      V,
+      {
+        onKeyDown: E,
+        onBlur: y,
+        onChange: w,
+        value: u,
+        className: g["rp-page-input"],
+        id: "page-input",
+        name: "page-input"
+      }
+    ) }),
+    /* @__PURE__ */ h("span", { className: g["rp-total-page"], children: [
+      "/",
+      n
+    ] }),
+    !P && /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.nextPageTooltip, children: /* @__PURE__ */ e(
+      T,
+      {
+        onClick: p,
+        "aria-label": t == null ? void 0 : t.nextPageTooltip,
+        "aria-disabled": U,
+        children: /* @__PURE__ */ e(q, {})
+      }
+    ) })
+  ] });
+};
 export {
-  d as Paginate
+  co as Paginate
 };

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

@@ -1,15 +1,45 @@
-import "react/jsx-runtime";
-import "../../icons/PrintDefaultIcon.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/Button.js";
-import { I } from "../../../RPLayout-897cb09d.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../contexts/LocalizationContext.js";
-import "./MenuItem.js";
-import "../../ui/RPTooltip.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/ToolComponentContext.js";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { PrintDefaultTool as d } from "../../icons/PrintDefaultIcon.js";
+import { useToolbarComponentContext as I } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as h } from "../../../contexts/IconContext.js";
+import { UIButton as b } from "../../ui/Button.js";
+import { b as O } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { useViewportContext as k } from "../../../contexts/ViewportContext.js";
+import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
+import { MenuItem as y } from "./MenuItem.js";
+import c from "../../ui/RPTooltip.js";
+import { useIconToolContext as D } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as L } from "../../../contexts/ToolComponentContext.js";
+const l = () => {
+  const { printIcon: n } = h(), { printIcon: t } = D();
+  return n || t || /* @__PURE__ */ o(d, {});
+}, C = ({ children: n, className: t, localeMessages: r }) => /* @__PURE__ */ o(c, { className: t, content: r == null ? void 0 : r.printTooltip, children: n }), N = ({ print: n, localeMessages: t }) => /* @__PURE__ */ o(C, { localeMessages: t, children: /* @__PURE__ */ o(b, { onClick: n, "aria-label": t == null ? void 0 : t.printTooltip, children: /* @__PURE__ */ o(l, {}) }) }), S = ({ print: n, localeMessages: t }) => /* @__PURE__ */ o(y, { onClick: n, children: /* @__PURE__ */ x(C, { className: "rp-menu-item", localeMessages: t, children: [
+  /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(l, {}) }),
+  t == null ? void 0 : t.printLabel
+] }) }), H = () => {
+  const { print: n, cancel: t, setOnProgress: r, setOnComplete: u, setOnError: f, progress: T } = O(), { printTool: p = !0 } = I(), { printTool: m = !0 } = L(), { isSmallScreen: P } = k(), { localeMessages: i } = j(), e = i == null ? void 0 : i.printTooltip;
+  return !p || !m ? null : P ? /* @__PURE__ */ o(S, { print: n, localeMessages: i }) : typeof p == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(
+    p,
+    {
+      print: n,
+      cancel: t,
+      setOnProgress: r,
+      setOnError: f,
+      setOnComplete: u,
+      progress: T
+    }
+  ) }) : typeof m == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(
+    m,
+    {
+      print: n,
+      cancel: t,
+      setOnProgress: r,
+      setOnError: f,
+      setOnComplete: u,
+      progress: T
+    }
+  ) }) : /* @__PURE__ */ o(N, { print: n, localeMessages: i });
+};
 export {
-  I as PrintTool
+  H as PrintTool
 };

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

@@ -1,12 +1,9 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import '../../../assets/PropertyItem.css';const r = {
-  "rp-property-item-wrapper": "_rp-property-item-wrapper_jno3l_1",
-  "rp-property-item-label": "_rp-property-item-label_jno3l_11",
-  "rp-property-item-value": "_rp-property-item-value_jno3l_15"
-}, a = ({ label: p, value: t }) => /* @__PURE__ */ l("div", { className: r["rp-property-item-wrapper"], children: [
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { c as r } from "../../../PropertyItem.module-db0150cc.js";
+const m = ({ label: p, value: s }) => /* @__PURE__ */ t("div", { className: r["rp-property-item-wrapper"], children: [
   /* @__PURE__ */ e("div", { className: r["rp-property-item-label"], children: p }),
-  /* @__PURE__ */ e("div", { className: r["rp-property-item-value"], children: t || "-" })
+  /* @__PURE__ */ e("div", { className: r["rp-property-item-value"], children: s || "-" })
 ] });
 export {
-  a as PropertyItem
+  m as PropertyItem
 };

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

@@ -1,9 +1,30 @@
-import "react/jsx-runtime";
-import "react";
-import { N as b } from "../../../RPLayout-897cb09d.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../contexts/ToolComponentContext.js";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { b as p, i as r } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { Paginate as d } from "./Paginate.js";
+import { RPToolbarEnd as c } from "./RPToolbarEnd.js";
+import { ZoomTool as f } from "./ZoomTool.js";
+import { SearchTool as g } from "./SearchTool.js";
+import P from "../../ui/LoadingIndicator.js";
+import { useToolbarComponentContext as h } from "../../../contexts/ToolbarComponentContext.js";
+import { useViewportContext as u } from "../../../contexts/ViewportContext.js";
+import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
+const j = () => {
+  const { showPrintProgress: s = !0 } = h(), { showPrintProgress: a = !0 } = b(), { progress: n } = p(), { isSmallScreen: i } = u(), { percentage: e } = n || {}, m = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, l = () => {
+    if (!(!s || !a || !e))
+      return /* @__PURE__ */ o(P, { percentage: e });
+  };
+  return /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ o("div", { "data-rp": "topBar", className: r["rp-toolbar-content"], children: /* @__PURE__ */ t("div", { className: r["rp-toolbar-wrapper"], style: m(), children: [
+      /* @__PURE__ */ t("div", { "data-rp": "topBarLeft", className: r["rp-toolbar-start"], children: [
+        /* @__PURE__ */ o(g, {}),
+        /* @__PURE__ */ o(d, {})
+      ] }),
+      /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: r["rp-toolbar-middle"], children: /* @__PURE__ */ o(f, {}) }),
+      /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: r["rp-toolbar-end"], children: /* @__PURE__ */ o(c, {}) })
+    ] }) }),
+    /* @__PURE__ */ o(l, {})
+  ] });
+};
 export {
-  b as RPToolbar
+  j as RPToolbar
 };

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

@@ -1,9 +1,24 @@
-import "react/jsx-runtime";
-import "./FileUploadTool.js";
-import "./DarkModeTool.js";
-import { m as b } from "../../../RPLayout-897cb09d.js";
-import "./FullScreenTool.js";
-import "../../../contexts/ViewportContext.js";
+import { jsxs as r, Fragment as m, jsx as o } from "react/jsx-runtime";
+import { FileUploadTool as l } from "./FileUploadTool.js";
+import { DarkModeTool as e } from "./DarkModeTool.js";
+import { OtherTool as i } from "./OtherTool.js";
+import { FullScreenTool as n } from "./FullScreenTool.js";
+import { FileDownloadTool as p } from "./FileDownloadTool.js";
+import { PrintTool as f } from "./PrintTool.js";
+import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
+const S = () => {
+  const { isSmallScreen: t } = s();
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ o(e, {}),
+    !t && /* @__PURE__ */ r(m, { children: [
+      /* @__PURE__ */ o(l, {}),
+      /* @__PURE__ */ o(p, {}),
+      /* @__PURE__ */ o(f, {}),
+      /* @__PURE__ */ o(n, {})
+    ] }),
+    /* @__PURE__ */ o(i, {})
+  ] });
+};
 export {
-  b as RPToolbarEnd
+  S as RPToolbarEnd
 };

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

@@ -1,31 +1,30 @@
-import { jsx as t, Fragment as C, jsxs as n } from "react/jsx-runtime";
-import { G as p } from "../../../index-7279fb4e.js";
-import { ClockwiseIcon as l } from "../../icons/ClockwiseIcon.js";
+import { jsx as t, Fragment as u, jsxs as n } from "react/jsx-runtime";
+import { G as p } from "../../../index-473557b1.js";
+import { ClockwiseIcon as m } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as c } from "./MenuItem.js";
+import { c as f } from "../../../RotateTool.module-03987eba.js";
 import { MenuSeparator as k } from "./MenuSeparator.js";
 import { useRotate as w } from "../../../utils/hooks/useRotate.js";
-import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as m } from "../../../contexts/IconContext.js";
+import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as l } from "../../../contexts/IconContext.js";
 import i from "../../ui/RPTooltip.js";
-import { useLocalizationContext as d } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as T } from "../../../contexts/ToolComponentContext.js";
-import '../../../assets/RotateTool.css';const I = {
-  "rp-rotate-counterclockwise": "_rp-rotate-counterclockwise_1nqcb_1"
-}, h = () => {
-  const { rotateClockwiseIcon: e } = m(), { rotateClockwiseIcon: r } = s();
-  return e || r || /* @__PURE__ */ t(l, {});
+import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.js";
+const h = () => {
+  const { rotateClockwiseIcon: r } = l(), { rotateClockwiseIcon: e } = a();
+  return r || e || /* @__PURE__ */ t(m, {});
 }, x = () => {
-  const { rotateCounterClockwiseIcon: e } = m(), { rotateCounterClockwiseIcon: r } = s();
-  return e || r || /* @__PURE__ */ t(l, { className: I["rp-rotate-counterclockwise"] });
-}, O = () => {
-  const { handleRotateClockwise: e, handleRotateCounterclockwise: r } = w(), { rotateTool: a = !0 } = f(), { rotateTool: u = !0 } = T(), { localeMessages: o } = d();
-  return !a || !u ? null : /* @__PURE__ */ t(C, { children: /* @__PURE__ */ n(p, { children: [
-    /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
+  const { rotateCounterClockwiseIcon: r } = l(), { rotateCounterClockwiseIcon: e } = a();
+  return r || e || /* @__PURE__ */ t(m, { className: f["rp-rotate-counterclockwise"] });
+}, q = () => {
+  const { handleRotateClockwise: r, handleRotateCounterclockwise: e } = w(), { rotateTool: s = !0 } = d(), { rotateTool: C = !0 } = I(), { localeMessages: o } = T();
+  return !s || !C ? null : /* @__PURE__ */ t(u, { children: /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ t(c, { onClick: r, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
       /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }),
       o == null ? void 0 : o.rotateClockwiseLabel
     ] }) }),
-    /* @__PURE__ */ t(c, { onClick: r, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
+    /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
       /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }),
       o == null ? void 0 : o.rotateCounterclockwiseLabel
     ] }) }),
@@ -33,5 +32,5 @@ import '../../../assets/RotateTool.css';const I = {
   ] }) });
 };
 export {
-  O as RotateTool
+  q as RotateTool
 };