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

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

@@ -1,14 +1,53 @@
-import "react/jsx-runtime";
-import "react";
-import "../../icons/Thumbnail.js";
-import "../../ui/Button.js";
-import { V as x } from "../../../RPLayout-897cb09d.js";
-import "./RPSplitter.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/RPTooltip.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/IconToolContext.js";
+import { jsx as t, Fragment as b, jsxs as m } from "react/jsx-runtime";
+import { useState as d, useRef as f, useCallback as T, useMemo as C } from "react";
+import { ThumbnailIcon as x } from "../../icons/Thumbnail.js";
+import { UIButton as I } from "../../ui/Button.js";
+import { f as k, j as a, k as v } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { RPSplitter as w } from "./RPSplitter.js";
+import { useToolbarComponentContext as R } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as S } from "../../../contexts/IconContext.js";
+import j from "../../ui/RPTooltip.js";
+import { useLocalizationContext as y } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as N } from "../../../contexts/IconToolContext.js";
+const P = () => {
+  const { thumbnailIcon: o } = S(), { thumbnailIcon: r } = N();
+  return o || r || /* @__PURE__ */ t(x, {});
+}, G = () => {
+  const { active: o, setActive: r } = k(), [s, c] = d(200), l = f(null), { thumbnailTool: i, sidebarEnable: u } = R(), { localeMessages: n } = y(), e = T(() => {
+    r((p) => !p);
+  }, []), h = C(() => typeof i != "boolean" && i ? /* @__PURE__ */ t(i, { onClick: e, active: o }) : i ? /* @__PURE__ */ t(j, { content: n == null ? void 0 : n.thumbnailTooltip, children: /* @__PURE__ */ t(
+    I,
+    {
+      onClick: e,
+      active: o,
+      "aria-label": n == null ? void 0 : n.thumbnailTooltip,
+      children: /* @__PURE__ */ t(P, {})
+    }
+  ) }) : null, [i, o, e, n]);
+  return /* @__PURE__ */ t(b, { children: u && /* @__PURE__ */ m(
+    "div",
+    {
+      style: { "--rp-thumbnail-width": `${s}px` },
+      className: a["rp-sidebar-content-wrapper"],
+      "data-rp": "sidebar",
+      children: [
+        /* @__PURE__ */ t("div", { className: a["rp-sidebar-content"], children: h }),
+        /* @__PURE__ */ m(
+          "div",
+          {
+            "data-rp": "thumbnailSidebar",
+            hidden: !o,
+            className: a["rp-thumbnails-wrapper"],
+            children: [
+              /* @__PURE__ */ t(v, { show: o, ref: l }),
+              /* @__PURE__ */ t(w, { onWidthChange: c, thumbnailRef: l })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
 export {
-  x as RPSidebar
+  G as RPSidebar
 };

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

@@ -1,12 +1,10 @@
-import { jsx as g } from "react/jsx-runtime";
-import { useRef as a } from "react";
-import '../../../assets/RPSplitter.css';const e = {
-  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_1sd13_1",
-  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_1sd13_11"
-}, s = () => {
-  const r = a(null);
-  return /* @__PURE__ */ g("div", { ref: r, className: e["rp-thumbnail-dragger"] });
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as s } from "react";
+import { c as t } from "../../../RPSplitter.module-13d612c4.js";
+const f = () => {
+  const r = s(null);
+  return /* @__PURE__ */ e("div", { ref: r, className: t["rp-thumbnail-dragger"] });
 };
 export {
-  s as RPSplitter
+  f as RPSplitter
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { Q as b } from "../../../RPLayout-897cb09d.js";
+import { J as b } from "../../../ToolbarLayout.module-60c3d6e8.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 { U as t } from "../../../RPLayout-897cb09d.js";
+import { k as a } from "../../../ToolbarLayout.module-60c3d6e8.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,10 +1,14 @@
-import "react/jsx-runtime";
-import "react";
-import { G as _ } from "../../../RPLayout-897cb09d.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../icons/CloseIcon.js";
-import "../../../utils/dateFormatter.js";
-import "../../../contexts/RPDocumentContext.js";
+import { jsx as a, jsxs as b, Fragment as x } from "react/jsx-runtime";
+import * as c from "react";
+import { useMemo as J } from "react";
+import { c as Q, u as R, P as D, a as v, b as N, S as X, d as M, e as ee } from "../../../index-8547fbc6.js";
+import { D as te, u as P } from "../../../floating-ui.react-dom-f3f380e0.js";
+import { R as oe, h as re, u as ne, F as ie, P as ae } from "../../../Combination-da8647d4.js";
+import { useLayoutContainer as le } from "../../../contexts/LayoutContainerContext.js";
+import { p as m } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { CloseIcon as ce } from "../../icons/CloseIcon.js";
+import { dateFormatter as A } from "../../../utils/dateFormatter.js";
+import { useDocumentContext as se } from "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
@@ -20,7 +24,7 @@ import "../../../contexts/FullScreenContext.js";
 import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as pe } from "../../../contexts/LocalizationContext.js";
 import "../../../contexts/HighlightContext.js";
 import "../../../contexts/LicenseContext.js";
 import "../../../contexts/DownloadContext.js";
@@ -28,27 +32,305 @@ import "../../../contexts/SmoothScrollContext.js";
 import "../../../contexts/ElementPageContext.js";
 import "../../../contexts/PagesRotateContext.js";
 import "../../../contexts/LoaderContext.js";
-import "../../RPConfig.js";
-import "../../../contexts/ThemeContext.js";
-import "../../RPDropFileZone.js";
-import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ToolComponentContext.js";
+import "../../../contexts/IconToolContext.js";
+import { useOtherToolContext as ue } from "../../../contexts/OtherToolContext.js";
+import "../../RPConfig.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 "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
-import "../../../contexts/IconToolContext.js";
-import "../../ui/DropDown.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../../contexts/OtherToolContext.js";
-import "./RotateTool.js";
-import "./PropertyItem.js";
+import "../../ui/RPTooltip.js";
+import "../../../MenuItem.module-bc11d0d3.js";
+import "../../../DropDown.module-a78567cb.js";
+import "../../../MenuSeparator.module-89b2ff7f.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 { PropertyItem as de } from "./PropertyItem.js";
+var _ = "Dialog", [T, Tt] = Q(_), [me, p] = T(_), L = (t) => {
+  const {
+    __scopeDialog: r,
+    children: n,
+    open: i,
+    defaultOpen: e,
+    onOpenChange: o,
+    modal: l = !0
+  } = t, s = c.useRef(null), u = c.useRef(null), [d = !1, g] = ee({
+    prop: i,
+    defaultProp: e,
+    onChange: o
+  });
+  return /* @__PURE__ */ a(
+    me,
+    {
+      scope: r,
+      triggerRef: s,
+      contentRef: u,
+      contentId: P(),
+      titleId: P(),
+      descriptionId: P(),
+      open: d,
+      onOpenChange: g,
+      onOpenToggle: c.useCallback(() => g((C) => !C), [g]),
+      modal: l,
+      children: n
+    }
+  );
+};
+L.displayName = _;
+var F = "DialogTrigger", fe = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = p(F, n), o = R(r, e.triggerRef);
+    return /* @__PURE__ */ a(
+      D.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": e.open,
+        "aria-controls": e.contentId,
+        "data-state": E(e.open),
+        ...i,
+        ref: o,
+        onClick: v(t.onClick, e.onOpenToggle)
+      }
+    );
+  }
+);
+fe.displayName = F;
+var y = "DialogPortal", [ge, w] = T(y, {
+  forceMount: void 0
+}), S = (t) => {
+  const { __scopeDialog: r, forceMount: n, children: i, container: e } = t, o = p(y, r);
+  return /* @__PURE__ */ a(ge, { scope: r, forceMount: n, children: c.Children.map(i, (l) => /* @__PURE__ */ a(N, { present: n || o.open, children: /* @__PURE__ */ a(ae, { asChild: !0, container: e, children: l }) })) });
+};
+S.displayName = y;
+var h = "DialogOverlay", W = c.forwardRef(
+  (t, r) => {
+    const n = w(h, t.__scopeDialog), { forceMount: i = n.forceMount, ...e } = t, o = p(h, t.__scopeDialog);
+    return o.modal ? /* @__PURE__ */ a(N, { present: i || o.open, children: /* @__PURE__ */ a(ve, { ...e, ref: r }) }) : null;
+  }
+);
+W.displayName = h;
+var ve = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = p(h, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ a(oe, { as: X, allowPinchZoom: !0, shards: [e.contentRef], children: /* @__PURE__ */ a(
+        D.div,
+        {
+          "data-state": E(e.open),
+          ...i,
+          ref: r,
+          style: { pointerEvents: "auto", ...i.style }
+        }
+      ) })
+    );
+  }
+), f = "DialogContent", k = c.forwardRef(
+  (t, r) => {
+    const n = w(f, t.__scopeDialog), { forceMount: i = n.forceMount, ...e } = t, o = p(f, t.__scopeDialog);
+    return /* @__PURE__ */ a(N, { present: i || o.open, children: o.modal ? /* @__PURE__ */ a(De, { ...e, ref: r }) : /* @__PURE__ */ a(Ce, { ...e, ref: r }) });
+  }
+);
+k.displayName = f;
+var De = c.forwardRef(
+  (t, r) => {
+    const n = p(f, t.__scopeDialog), i = c.useRef(null), e = R(r, n.contentRef, i);
+    return c.useEffect(() => {
+      const o = i.current;
+      if (o)
+        return re(o);
+    }, []), /* @__PURE__ */ a(
+      G,
+      {
+        ...t,
+        ref: e,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: v(t.onCloseAutoFocus, (o) => {
+          var l;
+          o.preventDefault(), (l = n.triggerRef.current) == null || l.focus();
+        }),
+        onPointerDownOutside: v(t.onPointerDownOutside, (o) => {
+          const l = o.detail.originalEvent, s = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || s) && o.preventDefault();
+        }),
+        onFocusOutside: v(
+          t.onFocusOutside,
+          (o) => o.preventDefault()
+        )
+      }
+    );
+  }
+), Ce = c.forwardRef(
+  (t, r) => {
+    const n = p(f, t.__scopeDialog), i = c.useRef(!1), e = c.useRef(!1);
+    return /* @__PURE__ */ a(
+      G,
+      {
+        ...t,
+        ref: r,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (o) => {
+          var l, s;
+          (l = t.onCloseAutoFocus) == null || l.call(t, o), o.defaultPrevented || (i.current || (s = n.triggerRef.current) == null || s.focus(), o.preventDefault()), i.current = !1, e.current = !1;
+        },
+        onInteractOutside: (o) => {
+          var u, d;
+          (u = t.onInteractOutside) == null || u.call(t, o), o.defaultPrevented || (i.current = !0, o.detail.originalEvent.type === "pointerdown" && (e.current = !0));
+          const l = o.target;
+          ((d = n.triggerRef.current) == null ? void 0 : d.contains(l)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && e.current && o.preventDefault();
+        }
+      }
+    );
+  }
+), G = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, trapFocus: i, onOpenAutoFocus: e, onCloseAutoFocus: o, ...l } = t, s = p(f, n), u = c.useRef(null), d = R(r, u);
+    return ne(), /* @__PURE__ */ b(x, { children: [
+      /* @__PURE__ */ a(
+        ie,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: i,
+          onMountAutoFocus: e,
+          onUnmountAutoFocus: o,
+          children: /* @__PURE__ */ a(
+            te,
+            {
+              role: "dialog",
+              id: s.contentId,
+              "aria-describedby": s.descriptionId,
+              "aria-labelledby": s.titleId,
+              "data-state": E(s.open),
+              ...l,
+              ref: d,
+              onDismiss: () => s.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ b(x, { children: [
+        /* @__PURE__ */ a(he, { titleId: s.titleId }),
+        /* @__PURE__ */ a(Re, { contentRef: u, descriptionId: s.descriptionId })
+      ] })
+    ] });
+  }
+), O = "DialogTitle", $ = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = p(O, n);
+    return /* @__PURE__ */ a(D.h2, { id: e.titleId, ...i, ref: r });
+  }
+);
+$.displayName = O;
+var j = "DialogDescription", be = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = p(j, n);
+    return /* @__PURE__ */ a(D.p, { id: e.descriptionId, ...i, ref: r });
+  }
+);
+be.displayName = j;
+var V = "DialogClose", z = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = p(V, n);
+    return /* @__PURE__ */ a(
+      D.button,
+      {
+        type: "button",
+        ...i,
+        ref: r,
+        onClick: v(t.onClick, () => e.onOpenChange(!1))
+      }
+    );
+  }
+);
+z.displayName = V;
+function E(t) {
+  return t ? "open" : "closed";
+}
+var B = "DialogTitleWarning", [Lt, H] = M(B, {
+  contentName: f,
+  titleName: O,
+  docsSlug: "dialog"
+}), he = ({ titleId: t }) => {
+  const r = H(B), n = `\`${r.contentName}\` requires a \`${r.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${r.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${r.docsSlug}`;
+  return c.useEffect(() => {
+    t && (document.getElementById(t) || console.error(n));
+  }, [n, t]), null;
+}, Pe = "DialogDescriptionWarning", Re = ({ contentRef: t, descriptionId: r }) => {
+  const i = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${H(Pe).contentName}}.`;
+  return c.useEffect(() => {
+    var o;
+    const e = (o = t.current) == null ? void 0 : o.getAttribute("aria-describedby");
+    r && e && (document.getElementById(r) || console.warn(i));
+  }, [i, t, r]), null;
+}, Ne = L, _e = S, ye = W, Oe = k, Ee = $, Ie = z;
+const Ft = () => {
+  const { pdfProperties: t } = se(), { container: r } = le(), { activeDocumentProperties: n, setActiveDocumentProperties: i } = ue(), { localeMessages: e } = pe(), o = J(() => {
+    if (!t)
+      return [];
+    const {
+      fileSize: l,
+      filename: s,
+      title: u,
+      author: d,
+      subject: g,
+      createdOn: C,
+      creator: K,
+      keywords: q,
+      modifiedOn: I,
+      pdfProducer: U,
+      pdfVersion: Y,
+      pageCount: Z
+    } = t;
+    return [
+      { label: e == null ? void 0 : e.propertiesFilenameLabel, value: s },
+      { label: e == null ? void 0 : e.propertiesFileSizeLabel, value: l },
+      { separate: !0 },
+      { label: e == null ? void 0 : e.propertiesTitleLabel, value: u },
+      { label: e == null ? void 0 : e.propertiesAuthorLabel, value: d },
+      { label: e == null ? void 0 : e.propertiesSubjectLabel, value: g },
+      { label: e == null ? void 0 : e.propertiesKeywordLabel, value: q },
+      { label: e == null ? void 0 : e.propertiesCreatorLabel, value: K },
+      {
+        label: e == null ? void 0 : e.propertiesCreateOnLabel,
+        value: C ? A(C) : ""
+      },
+      {
+        label: e == null ? void 0 : e.propertiesModifiedOnLabel,
+        value: I ? A(I) : ""
+      },
+      { separate: !0 },
+      { label: e == null ? void 0 : e.propertiesPDFProducerLabel, value: U },
+      { label: e == null ? void 0 : e.propertiesPDFVersionLabel, value: Y },
+      { label: e == null ? void 0 : e.propertiesPageCountLabel, value: Z }
+    ];
+  }, [t, e]);
+  return /* @__PURE__ */ a(Ne, { open: n, onOpenChange: i, children: /* @__PURE__ */ a(_e, { container: r, children: /* @__PURE__ */ b("div", { className: m["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ a(ye, { className: m["rp-dialog-overlay"] }),
+    /* @__PURE__ */ b(Oe, { className: m["rp-document-dialog"], children: [
+      /* @__PURE__ */ a(Ee, { className: m["rp-dialog-title"], children: e == null ? void 0 : e.documentPropertiesLabel }),
+      /* @__PURE__ */ a("div", { className: m["rp-document-properties"], children: o.map((l, s) => /* @__PURE__ */ a("div", { children: l.separate ? /* @__PURE__ */ a("div", { className: m["rp-properties-divider"] }) : /* @__PURE__ */ a(de, { label: l.label, value: l.value }) }, s)) }),
+      /* @__PURE__ */ a(Ie, { asChild: !0, className: m["rp-dialog-close"], children: /* @__PURE__ */ a(ce, {}) })
+    ] })
+  ] }) }) });
+};
 export {
-  _ as DocumentDialog
+  Ft as DocumentDialog
 };

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

@@ -1,23 +1,27 @@
-import { jsx as t, Fragment as i, jsxs as c } from "react/jsx-runtime";
-import { MenuItem as p } from "./MenuItem.js";
-import { InfoIcon as u } from "../../icons/InfoIcon.js";
-import { useOtherToolContext as s } from "../../../contexts/OtherToolContext.js";
+import { jsxs as n, Fragment as p, jsx as t } from "react/jsx-runtime";
+import { MenuItem as u } from "./MenuItem.js";
+import { InfoIcon as s } from "../../icons/InfoIcon.js";
+import { useOtherToolContext as l } from "../../../contexts/OtherToolContext.js";
 import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as l } from "../../../contexts/IconContext.js";
-import f from "../../ui/RPTooltip.js";
-import { useLocalizationContext as P } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as x } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as C } from "../../../contexts/ToolComponentContext.js";
-const I = () => {
-  const { documentPropertiesIcon: e } = l(), { documentPropertiesIcon: r } = x();
-  return e || r || /* @__PURE__ */ t(u, {});
-}, k = () => {
-  const { setActiveDocumentProperties: e } = s(), { documentProperties: r = !0 } = d(), { documentProperties: n = !0 } = C(), { localeMessages: o } = P();
-  return !r || !n ? null : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(p, { onClick: () => e((m) => !m), children: /* @__PURE__ */ c(f, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
-    /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(I, {}) }),
-    o == null ? void 0 : o.documentPropertiesLabel
-  ] }) }) });
+import { useIconContext as f } from "../../../contexts/IconContext.js";
+import P from "../../ui/RPTooltip.js";
+import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as C } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.js";
+import { MenuSeparator as T } from "./MenuSeparator.js";
+const a = () => {
+  const { documentPropertiesIcon: e } = f(), { documentPropertiesIcon: r } = C();
+  return e || r || /* @__PURE__ */ t(s, {});
+}, F = () => {
+  const { setActiveDocumentProperties: e } = l(), { documentProperties: r = !0 } = d(), { documentProperties: m = !0, scrollModeTool: i } = I(), { localeMessages: o } = x();
+  return !r || !m ? null : /* @__PURE__ */ n(p, { children: [
+    i && /* @__PURE__ */ t(T, {}),
+    /* @__PURE__ */ t(u, { onClick: () => e((c) => !c), children: /* @__PURE__ */ n(P, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(a, {}) }),
+      o == null ? void 0 : o.documentPropertiesLabel
+    ] }) })
+  ] });
 };
 export {
-  k as DocumentProperties
+  F as DocumentProperties
 };

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

@@ -1,15 +1,25 @@
-import "react/jsx-runtime";
-import "../../icons/FileDownloadDefaultIcon.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/Button.js";
-import { H as w } from "../../../RPLayout-897cb09d.js";
-import "./MenuItem.js";
-import "../../../contexts/ViewportContext.js";
-import "../../ui/RPTooltip.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/ToolComponentContext.js";
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { FileDownloadDefaultIcon as f } from "../../icons/FileDownloadDefaultIcon.js";
+import { useToolbarComponentContext as w } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as e } from "../../../contexts/IconContext.js";
+import { UIButton as T } from "../../ui/Button.js";
+import { a as D } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { MenuItem as C } from "./MenuItem.js";
+import { useViewportContext as x } from "../../../contexts/ViewportContext.js";
+import d from "../../ui/RPTooltip.js";
+import { useLocalizationContext as F } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as I } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as h } from "../../../contexts/ToolComponentContext.js";
+const m = () => {
+  const { downloadIcon: t } = e(), { downloadIcon: o } = I();
+  return t || o || /* @__PURE__ */ n(f, {});
+}, p = ({ children: t, className: o, localeMessages: r }) => /* @__PURE__ */ n(d, { className: o, content: r == null ? void 0 : r.downloadFileTooltip, children: t }), a = ({ download: t, localeMessages: o }) => /* @__PURE__ */ n(p, { localeMessages: o, children: /* @__PURE__ */ n(T, { onClick: t, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: /* @__PURE__ */ n(m, {}) }) }), b = ({ download: t, localeMessages: o }) => /* @__PURE__ */ n(C, { onClick: t, children: /* @__PURE__ */ u(p, { className: "rp-menu-item", localeMessages: o, children: [
+  /* @__PURE__ */ n("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ n(m, {}) }),
+  o == null ? void 0 : o.downloadFileLabel
+] }) }), U = () => {
+  const { download: t } = D(), { downloadTool: o = !0 } = w(), { downloadTool: r = !0 } = h(), { isSmallScreen: c } = x(), { localeMessages: i } = F(), l = i == null ? void 0 : i.downloadFileTooltip;
+  return !o || !r ? null : c ? /* @__PURE__ */ n(b, { download: t, localeMessages: i }) : typeof o == "function" ? /* @__PURE__ */ n(d, { content: l, children: /* @__PURE__ */ n(o, { download: t }) }) : typeof r == "function" ? /* @__PURE__ */ n(d, { content: l, children: /* @__PURE__ */ n(r, { download: t }) }) : /* @__PURE__ */ n(a, { download: t, localeMessages: i });
+};
 export {
-  w as FileDownloadTool
+  U as FileDownloadTool
 };

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

@@ -1,12 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import { I as o } from "../../../index-7279fb4e.js";
+import { I as o } from "../../../index-473557b1.js";
+import { c as a } from "../../../MenuItem.module-bc11d0d3.js";
 import { c } from "../../../clsx-0c6e471a.js";
-import '../../../assets/MenuItem.css';const n = {
-  "rp-menu-item": "_rp-menu-item_cu12j_1"
-}, u = (e) => {
-  const { children: m, className: s, ...r } = e;
-  return /* @__PURE__ */ t(o, { ...r, tabIndex: 0, className: c(n["rp-menu-item"], s), children: m });
+const f = (s) => {
+  const { children: r, className: m, ...e } = s;
+  return /* @__PURE__ */ t(o, { ...e, tabIndex: 0, className: c(a["rp-menu-item"], m), children: r });
 };
 export {
-  u as MenuItem
+  f as MenuItem
 };

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

@@ -1,8 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as a } from "../../../index-7279fb4e.js";
-import '../../../assets/MenuSeparator.css';const e = {
-  "rp-menu-separator": "_rp-menu-separator_17dlz_1"
-}, p = () => /* @__PURE__ */ r(a, { className: e["rp-menu-separator"] });
+import { S as a } from "../../../index-473557b1.js";
+import { c as o } from "../../../MenuSeparator.module-89b2ff7f.js";
+const m = () => /* @__PURE__ */ r(a, { className: o["rp-menu-separator"] });
 export {
-  p as MenuSeparator
+  m as MenuSeparator
 };