@pdf-viewer/react 0.0.0-experimental.0

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

@@ -0,0 +1,153 @@
+import { jsx as t, jsxs as p, Fragment as y } from "react/jsx-runtime";
+import { useState as T, useRef as D, useCallback as x, useMemo as h, useEffect as G } from "react";
+import { useZoomContext as _ } from "../../../contexts/ZoomContext.js";
+import { ChevronUpIcon as F } from "../../icons/ChevronUpIcon.js";
+import { ZoomInIcon as H } from "../../icons/ZoomInIcon.js";
+import { ZoomOutIcon as R } from "../../icons/ZoomOutIcon.js";
+import { UIButton as z } from "../../ui/Button.js";
+import { c as e } from "../../../ZoomTool.module-7082af8c.js";
+import { UIDropDown as U } from "../../ui/DropDown.js";
+import { useLayoutContainer as j } from "../../../contexts/LayoutContainerContext.js";
+import { G as b } from "../../../index-3bf64864.js";
+import { MenuItem as u } from "./MenuItem.js";
+import { MenuSeparator as B } from "./MenuSeparator.js";
+import { useToolbarComponentContext as V } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as O } from "../../../contexts/IconContext.js";
+import { useViewportContext as X } from "../../../contexts/ViewportContext.js";
+import a from "../../ui/RPTooltip.js";
+import { ZoomLevel as c } from "../../../utils/types.js";
+import { useLocalizationContext as $ } from "../../../contexts/LocalizationContext.js";
+import { c as q } from "../../../clsx-0c6e471a.js";
+import { useIconToolContext as Z } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as J } from "../../../contexts/ToolComponentContext.js";
+import "../../../utils/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../th_TH-d627cd51.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../utils/withRef.js";
+import "../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../utils/hooks/useLocalization.js";
+const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
+  const { zoomInIcon: n } = O(), { zoomInIcon: r } = Z();
+  return n || r || /* @__PURE__ */ t(H, {});
+}, g = () => {
+  const { zoomOutIcon: n } = O(), { zoomOutIcon: r } = Z();
+  return n || r || /* @__PURE__ */ t(R, {});
+}, Xo = () => {
+  const { zoomLevel: n, setZoomLevel: r, currentZoom: i } = _(), { container: v, pagesRef: d } = j(), { zoomTool: l = !0 } = V(), { zoomTool: f = !0 } = J(), { isSmallScreen: A } = X(), { localeMessages: o } = $(), [w, L] = T(0), [s, S] = T(!1), C = D(
+    new ResizeObserver((m) => {
+      L(m[0].contentRect.height);
+    })
+  ), P = x(() => {
+    r(() => {
+      const m = Math.floor(i * 100 / 25) * 25;
+      return Math.min(m + 25, I);
+    });
+  }, [r, i]), N = x(() => {
+    r(() => {
+      const m = Math.ceil(i * 100 / 25) * 25;
+      return Math.min(m - 25, I);
+    });
+  }, [r, i]), k = h(() => i * 100 <= K, [i]), E = h(() => i * 100 >= I, [i]);
+  G(() => (d && C.current.observe(d), () => {
+    C.current.disconnect();
+  }), [d]);
+  const W = h(() => {
+    switch (n) {
+      case c.ACTUAL:
+        return o == null ? void 0 : o.zoomActualSize;
+      case c.PAGE_FIT:
+        return o == null ? void 0 : o.zoomPageFit;
+      case c.PAGE_WIDTH:
+        return o == null ? void 0 : o.zoomPageWidth;
+    }
+    return n;
+  }, [n, o]);
+  return !l || !f ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: n, setZoomLevel: r }) : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: n, setZoomLevel: r }) : /* @__PURE__ */ p("div", { className: e["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
+      z,
+      {
+        disabled: k,
+        onClick: N,
+        "aria-label": o == null ? void 0 : o.zoomOutTooltip,
+        children: /* @__PURE__ */ t(g, {})
+      }
+    ) }),
+    !A && /* @__PURE__ */ t(
+      U,
+      {
+        container: v,
+        open: s,
+        onOpenChange: S,
+        triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
+          z,
+          {
+            className: q(
+              e["rp-current-zoom-wrapper"],
+              s && e.active
+            ),
+            "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
+            children: [
+              typeof n == "number" ? /* @__PURE__ */ p(y, { children: [
+                /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: n }),
+                /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: "%" })
+              ] }) : /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: W }),
+              /* @__PURE__ */ t(F, { className: e["rp-current-zoom-icon"] })
+            ]
+          }
+        ) }) }),
+        style: { minWidth: "200px" },
+        align: "center",
+        side: "bottom",
+        avoidCollisions: !1,
+        children: /* @__PURE__ */ p(
+          "div",
+          {
+            style: { maxHeight: `${w}px`, overflow: "auto" },
+            className: e["rp-zoom-dropdown-content"],
+            children: [
+              /* @__PURE__ */ p(b, { children: [
+                /* @__PURE__ */ t(u, { onClick: () => r(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
+                /* @__PURE__ */ t(u, { onClick: () => r(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
+                /* @__PURE__ */ t(u, { onClick: () => r(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
+              ] }),
+              /* @__PURE__ */ t(B, {}),
+              /* @__PURE__ */ t(b, { children: Q.map((m) => /* @__PURE__ */ p(u, { onClick: () => r(m), children: [
+                m,
+                " %"
+              ] }, m)) })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
+      z,
+      {
+        disabled: E,
+        onClick: P,
+        "aria-label": o == null ? void 0 : o.zoomInTooltip,
+        children: /* @__PURE__ */ t(Y, {})
+      }
+    ) })
+  ] });
+};
+export {
+  Xo as ZoomTool
+};

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

@@ -0,0 +1,158 @@
+import { jsxs as p, Fragment as n, jsx as t } from "react/jsx-runtime";
+import e from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
+import { useOtherToolContext as u } from "../../../../contexts/OtherToolContext.js";
+import { InfoIcon as f } from "../../../icons/InfoIcon.js";
+import { UIButton as D } from "../../../ui/Button.js";
+import { D as P } from "../../../../ToolbarLayout.module-89451ab3.js";
+import "react";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../../utils/withRef.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../th_TH-d627cd51.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../icons/ChevronUpIcon.js";
+import "../../../ui/Input.js";
+import "../../../../utils/types.js";
+import "../../../../contexts/ScrollModeContext.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../../contexts/DarkModeContext.js";
+import "../../../../utils/hooks/useDarkMode.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../contexts/LayerContext.js";
+import "../../../../contexts/ZoomContext.js";
+import "../../../../utils/constants.js";
+import "../../../../utils/getZoomLevel.js";
+import "../../../../contexts/LayoutContainerContext.js";
+import "../../../../contexts/ViewModeContext.js";
+import "../../../../contexts/GlobalCurrentPage.js";
+import "../../../../utils/hooks/useDebounce.js";
+import "../../../../contexts/VirtualScrollContext.js";
+import "../../../../contexts/VirtualGridContext.js";
+import "../../../../contexts/SelectionModeContext.js";
+import "../../../../contexts/FullScreenContext.js";
+import "../../../../utils/hooks/useFullScreen.js";
+import "../../../../contexts/FileInputContext.js";
+import "../../../../contexts/DropFileZoneContext.js";
+import "../../../../contexts/ToolbarComponentContext.js";
+import "../../../../contexts/ToolComponentContext.js";
+import "../../../../utils/highlight.js";
+import "../../../../utils/charators.js";
+import "../../../../contexts/DimensionPagesContext.js";
+import "../../../../contexts/PagesRotateContext.js";
+import "../../../../contexts/HighlightContext.js";
+import "../../../../utils/hooks/useHighlight.js";
+import "../../../../contexts/LicenseContext.js";
+import "../../../../utils/hooks/useLicense.js";
+import "../../../../contexts/DownloadContext.js";
+import "../../../../contexts/SmoothScrollContext.js";
+import "../../../../contexts/ElementPageContext.js";
+import "../../../../utils/const.js";
+import "../../../../utils/Queue.js";
+import "../../../../utils/renderPage.js";
+import "../../../../contexts/LoaderContext.js";
+import "../../../icons/LoaderIcon.js";
+import "../../../../contexts/IconToolContext.js";
+import "../../../RPConfig.js";
+import "../../../RPTheme.js";
+import "../../../../contexts/ThemeContext.js";
+import "../../../../utils/hooks/useLoadWorker.js";
+import "../../../icons/Thumbnail.js";
+import "../../Container.js";
+import "../../../../contexts/ViewportContext.js";
+import "../../sidebar/RPSplitter.js";
+import "../../WrapperLayout.js";
+import "../../../../LayoutWrapper-6224491f.js";
+import "../../../RPDropFileZone.js";
+import "../../../icons/LightPdfIcon.js";
+import "../../../icons/DarkPdfIcon.js";
+import "../../../../SearchCloseButton-08d57275.js";
+import "../../../icons/CloseIcon.js";
+import "../../../ui/Checkbox.js";
+import "../../../icons/CheckIcon.js";
+import "../../../../contexts/IconContext.js";
+import "../../../ui/DropDown.js";
+import "../../../../index-3bf64864.js";
+import "../../../../ZoomTool.module-7082af8c.js";
+import "../MenuItem.js";
+import "../MenuSeparator.js";
+import "../../../../utils/dateFormatter.js";
+import "../PropertyItem.js";
+import "../../../../RotateTool.module-67946714.js";
+import "../../../../utils/hooks/useInfiniteScroll.js";
+import "../../../../utils/link_service.js";
+import "../../../../utils/annotations.js";
+import "../../../../utils/sanitizeExternalUrl.js";
+import "../../../page/searchHighlight.js";
+import "../../../page/CustomElement.js";
+import "../../../../utils/calculatePage.js";
+import "../../../../utils/hooks/useMousePressed.js";
+import "../../../../utils/hooks/useGrabScroll.js";
+import "../../../../utils/hooks/usePinch.js";
+import "../../../ui/PasswordModal.js";
+import "../../../../utils/getScrollDistance.js";
+import "../../../../utils/getWordPositionInPage.js";
+import "../../../../utils/smoothScrollTo.js";
+import "../FileUploadTool.js";
+import "../../../icons/FileUploadDefaultIcon.js";
+import "../DarkModeTool.js";
+import "../../../icons/MoonIcon.js";
+import "../../../icons/SunIcon.js";
+import "../../../icons/ThreeDotIcon.js";
+import "../DocumentProperties.js";
+import "../RotateTool.js";
+import "../../../icons/ClockwiseIcon.js";
+import "../../../../utils/hooks/useRotate.js";
+import "../ViewModeTool.js";
+import "../../../icons/SinglePageIcon.js";
+import "../../../icons/DualPageIcon.js";
+import "../ScrollModeTool.js";
+import "../../../icons/PageScrollingIcon.js";
+import "../../../icons/VerticalScrollingIcon.js";
+import "../../../icons/HorizontalScrollingIcon.js";
+import "../../../icons/FileDownloadDefaultIcon.js";
+import "../../../icons/PrintDefaultIcon.js";
+import "../FullScreenTool.js";
+import "../../../icons/FullScreenIcon.js";
+import "../../../icons/GoToDownIcon.js";
+import "../SelectionModeTool.js";
+import "../../../icons/TextSelectionDefaultIcon.js";
+import "../../../icons/HandModeDefaultIcon.js";
+import "../ZoomTool.js";
+import "../../../icons/ZoomInIcon.js";
+import "../../../icons/ZoomOutIcon.js";
+import "../../../icons/SearchIcon.js";
+import "../../../icons/ClearIcon.js";
+const d = ({
+  children: r,
+  className: i,
+  localeMessages: o
+}) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), Vt = ({ icon: r }) => {
+  const { setActiveDocumentProperties: i } = u(), { localeMessages: o } = c();
+  return /* @__PURE__ */ p(n, { children: [
+    /* @__PURE__ */ t(d, { localeMessages: o, children: /* @__PURE__ */ t(
+      D,
+      {
+        onClick: () => i((m) => !m),
+        "aria-label": o == null ? void 0 : o.documentPropertiesLabel,
+        children: r || /* @__PURE__ */ t(f, {})
+      }
+    ) }),
+    /* @__PURE__ */ t(P, {})
+  ] });
+};
+export {
+  Vt as DocumentPropertiesTool
+};

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

@@ -0,0 +1,144 @@
+import { jsx as i } from "react/jsx-runtime";
+import { FileDownloadDefaultIcon as m } from "../../../icons/FileDownloadDefaultIcon.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { b as n } from "../../../../ToolbarLayout.module-89451ab3.js";
+import l from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as d } from "../../../../contexts/LocalizationContext.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "react";
+import "../../../icons/ChevronUpIcon.js";
+import "../../../ui/Input.js";
+import "../../../../utils/types.js";
+import "../../../../th_TH-d627cd51.js";
+import "../../../../contexts/ScrollModeContext.js";
+import "../../../../utils/appConsole.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../../contexts/DarkModeContext.js";
+import "../../../../utils/hooks/useDarkMode.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../contexts/LayerContext.js";
+import "../../../../contexts/ZoomContext.js";
+import "../../../../utils/constants.js";
+import "../../../../utils/getZoomLevel.js";
+import "../../../../contexts/LayoutContainerContext.js";
+import "../../../../contexts/ViewModeContext.js";
+import "../../../../contexts/GlobalCurrentPage.js";
+import "../../../../utils/hooks/useDebounce.js";
+import "../../../../contexts/VirtualScrollContext.js";
+import "../../../../contexts/VirtualGridContext.js";
+import "../../../../contexts/SelectionModeContext.js";
+import "../../../../contexts/FullScreenContext.js";
+import "../../../../utils/hooks/useFullScreen.js";
+import "../../../../contexts/FileInputContext.js";
+import "../../../../contexts/DropFileZoneContext.js";
+import "../../../../contexts/ToolbarComponentContext.js";
+import "../../../../contexts/ToolComponentContext.js";
+import "../../../../utils/highlight.js";
+import "../../../../utils/charators.js";
+import "../../../../contexts/DimensionPagesContext.js";
+import "../../../../contexts/PagesRotateContext.js";
+import "../../../../contexts/HighlightContext.js";
+import "../../../../utils/hooks/useHighlight.js";
+import "../../../../contexts/LicenseContext.js";
+import "../../../../utils/hooks/useLicense.js";
+import "../../../../contexts/DownloadContext.js";
+import "../../../../contexts/SmoothScrollContext.js";
+import "../../../../contexts/ElementPageContext.js";
+import "../../../../utils/const.js";
+import "../../../../utils/Queue.js";
+import "../../../../utils/renderPage.js";
+import "../../../../contexts/LoaderContext.js";
+import "../../../icons/LoaderIcon.js";
+import "../../../../contexts/IconToolContext.js";
+import "../../../../contexts/OtherToolContext.js";
+import "../../../RPConfig.js";
+import "../../../RPTheme.js";
+import "../../../../contexts/ThemeContext.js";
+import "../../../../utils/hooks/useLoadWorker.js";
+import "../../../icons/Thumbnail.js";
+import "../../Container.js";
+import "../../../../contexts/ViewportContext.js";
+import "../../sidebar/RPSplitter.js";
+import "../../WrapperLayout.js";
+import "../../../../LayoutWrapper-6224491f.js";
+import "../../../RPDropFileZone.js";
+import "../../../icons/LightPdfIcon.js";
+import "../../../icons/DarkPdfIcon.js";
+import "../../../../SearchCloseButton-08d57275.js";
+import "../../../icons/CloseIcon.js";
+import "../../../ui/Checkbox.js";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../icons/CheckIcon.js";
+import "../../../../contexts/IconContext.js";
+import "../../../ui/DropDown.js";
+import "../../../../index-3bf64864.js";
+import "../../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../../ZoomTool.module-7082af8c.js";
+import "../MenuItem.js";
+import "../MenuSeparator.js";
+import "../../../../utils/dateFormatter.js";
+import "../PropertyItem.js";
+import "../../../../RotateTool.module-67946714.js";
+import "../../../../utils/hooks/useInfiniteScroll.js";
+import "../../../../utils/link_service.js";
+import "../../../../utils/annotations.js";
+import "../../../../utils/sanitizeExternalUrl.js";
+import "../../../page/searchHighlight.js";
+import "../../../page/CustomElement.js";
+import "../../../../utils/calculatePage.js";
+import "../../../../utils/hooks/useMousePressed.js";
+import "../../../../utils/hooks/useGrabScroll.js";
+import "../../../../utils/hooks/usePinch.js";
+import "../../../ui/PasswordModal.js";
+import "../../../../utils/getScrollDistance.js";
+import "../../../../utils/getWordPositionInPage.js";
+import "../../../../utils/smoothScrollTo.js";
+import "../FileUploadTool.js";
+import "../../../icons/FileUploadDefaultIcon.js";
+import "../DarkModeTool.js";
+import "../../../icons/MoonIcon.js";
+import "../../../icons/SunIcon.js";
+import "../../../icons/ThreeDotIcon.js";
+import "../DocumentProperties.js";
+import "../../../icons/InfoIcon.js";
+import "../RotateTool.js";
+import "../../../icons/ClockwiseIcon.js";
+import "../../../../utils/hooks/useRotate.js";
+import "../ViewModeTool.js";
+import "../../../icons/SinglePageIcon.js";
+import "../../../icons/DualPageIcon.js";
+import "../ScrollModeTool.js";
+import "../../../icons/PageScrollingIcon.js";
+import "../../../icons/VerticalScrollingIcon.js";
+import "../../../icons/HorizontalScrollingIcon.js";
+import "../../../icons/PrintDefaultIcon.js";
+import "../FullScreenTool.js";
+import "../../../icons/FullScreenIcon.js";
+import "../../../icons/GoToDownIcon.js";
+import "../SelectionModeTool.js";
+import "../../../icons/TextSelectionDefaultIcon.js";
+import "../../../icons/HandModeDefaultIcon.js";
+import "../ZoomTool.js";
+import "../../../icons/ZoomInIcon.js";
+import "../../../icons/ZoomOutIcon.js";
+import "../../../icons/SearchIcon.js";
+import "../../../icons/ClearIcon.js";
+import "../../../../utils/hooks/useLocalization.js";
+const f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(l, { className: r, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), Nt = ({ icon: t }) => {
+  const { download: r } = n(), { localeMessages: o } = d();
+  return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: t || /* @__PURE__ */ i(m, {}) }) });
+};
+export {
+  Nt as FileDownloadTool
+};

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

@@ -0,0 +1,32 @@
+import { jsx as i } from "react/jsx-runtime";
+import { FileUploadDefaultIcon as r } from "../../../icons/FileUploadDefaultIcon.js";
+import { UIButton as m } from "../../../ui/Button.js";
+import { useOpenFileContext as n } from "../../../../contexts/FileInputContext.js";
+import l from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "react";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/types.js";
+import "../../../../th_TH-d627cd51.js";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../../utils/hooks/useLocalization.js";
+const f = ({ children: t, className: p, localeMessages: o }) => /* @__PURE__ */ i(l, { className: p, content: o == null ? void 0 : o.openLocalFileTooltip, children: t }), A = ({ icon: t }) => {
+  const { openFile: p } = n(), { localeMessages: o } = e();
+  return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(m, { onClick: p, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: t || /* @__PURE__ */ i(r, {}) }) });
+};
+export {
+  A as FileUploadTool
+};

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

@@ -0,0 +1,31 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useFullScreenContext as e } from "../../../../contexts/FullScreenContext.js";
+import { UIButton as m } from "../../../ui/Button.js";
+import { FullScreenIcon as p } from "../../../icons/FullScreenIcon.js";
+import c from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
+import "react";
+import "../../../../utils/hooks/useFullScreen.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../th_TH-d627cd51.js";
+const f = ({ children: r, className: i, localeMessages: o }) => /* @__PURE__ */ t(c, { className: i, content: o == null ? void 0 : o.fullScreenTooltip, children: r }), P = ({ icon: r }) => {
+  const { isFullScreen: i, toggleFullScreen: o, isSupported: l } = e(), { localeMessages: n } = u();
+  return /* @__PURE__ */ t(f, { localeMessages: n, children: /* @__PURE__ */ t(
+    m,
+    {
+      disabled: !l,
+      onClick: o,
+      "aria-label": i ? "Exit full screen" : "Enter full screen",
+      children: r || /* @__PURE__ */ t(p, {})
+    }
+  ) });
+};
+export {
+  P as FullScreenTool
+};