@react-pdf-kit/viewer 2.6.0-beta.1 → 2.6.0-rc.0

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

@@ -1,268 +1,227 @@
-import { jsx as o, Fragment as pt, jsxs as x } from "react/jsx-runtime";
-import { UIButton as mt } from "../../ui/Button.js";
-import { SearchIcon as A } from "../../icons/SearchIcon.js";
-import { useState as S, useCallback as i, useEffect as h, useMemo as W } from "react";
-import { useLayoutContainer as st } from "../../../contexts/LayoutContainerContext.js";
-import { c as n } from "../../../SearchTool.module-99f60dc7.js";
-import { UIInput as lt } from "../../ui/Input.js";
-import { UICheckbox as $ } from "../../ui/Checkbox.js";
-import { ClearIcon as ht } from "../../icons/ClearIcon.js";
-import { LoaderIcon as dt } from "../../icons/LoaderIcon.js";
-import { useSearchContext as ut } from "../../../contexts/SearchContext.js";
-import { useIconContext as F } from "../../../contexts/IconContext.js";
-import { useDocumentContext as ft } from "../../../contexts/RPDocumentContext.js";
-import v from "../../ui/RPTooltip.js";
-import { useToolbarComponentContext as It } from "../../../contexts/ToolbarComponentContext.js";
-import { useLocalizationContext as Ct } from "../../../contexts/LocalizationContext.js";
-import { InfoIcon as j } from "../../icons/InfoIcon.js";
-import { useViewportContext as bt } from "../../../contexts/ViewportContext.js";
-import { SearchResultNavigator as q } from "./SearchResultNavigator.js";
-import { SearchCloseButton as z } from "./SearchCloseButton.js";
-import { UIDropDown as xt } from "../../ui/DropDown.js";
-import { useIconToolContext as H } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as St } from "../../../contexts/ToolComponentContext.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../utils/withRef.js";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-ada501c4.js";
-import "../../icons/CheckIcon.js";
-import "../../../utils/hooks/useSearch.js";
-import "../../../utils/types.js";
-import "../../../de_DE-8145915f.js";
-import "../../../utils/highlight.js";
-import "../../../utils/charators.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../utils/constants.js";
-import "../../../utils/getZoomLevel.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../utils/const.js";
-import "../../../utils/hooks/usePdfProperties.js";
-import "../../../utils/convertPdfDate.js";
-import "../../../utils/formatFileSize.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../../utils/hooks/useDebounce.js";
-import "../../../PaginationContext-87f832f2.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../utils/smoothScrollTo.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../utils/getScrollDistance.js";
-import "../../../utils/calculatePage.js";
-import "../../../utils/getWordPositionInPage.js";
-import "../../../index-23911b43.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../utils/hooks/useLocalization.js";
-import "../../icons/ChevronUpIcon.js";
-import "../../icons/CloseIcon.js";
-import "../../../index-11f3cd64.js";
-import "../../../Combination-17ab8af1.js";
-const yt = () => {
-  const { searchIcon: s } = F(), { searchIcon: d } = H();
-  return s ?? d ?? /* @__PURE__ */ o(A, {});
-}, Tt = () => {
-  const { searchClearIcon: s } = F(), { searchClearIcon: d } = H();
-  return s ?? d ?? /* @__PURE__ */ o(ht, {});
-}, zo = ({ icon: s }) => {
-  const { container: d } = st(), [u, L] = S(!1), { pdf: y } = ft(), [k, G] = S(null), {
-    searchOptions: D,
-    setSearchOptions: T,
-    loading: J,
-    setSearch: c,
-    totalMatches: K,
-    currentMatchPosition: B,
-    nextMatch: O,
-    prevMatch: P,
-    search: e
-  } = ut(), { searchTool: Q = !0 } = It(), { searchTool: X = !0 } = St(), [f, I] = S(e), { localeMessages: t } = Ct(), { isSmallScreen: C } = bt(), [E, Y] = S(null), [Z, _] = S(!1), g = i(() => {
-    L(!0);
-  }, []), l = i(() => {
-    c(""), I(""), L(!1);
-  }, [c]), R = (r) => {
-    const a = r.key === "Enter", b = r.key === " ";
-    (a || b) && l();
-  }, w = i(
-    (r) => {
-      r.key === "Escape" && u && l();
-    },
-    [u]
-  ), M = i(
-    (r) => {
-      r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== f ? c(f) : r.key === "Enter" && O();
-    },
-    [f, P, O, c, e]
-  );
-  h(() => {
-    I(e);
-  }, [e]), h(() => {
-    e && y && _(!0);
-  }, [e, y]), h(() => {
-    e && e.trim() !== "" && (I(e), c(e));
-  }, []), h(() => (window.addEventListener("keydown", w), () => {
-    window.removeEventListener("keydown", w);
-  }), [w]), h(() => {
-    k && setTimeout(() => {
-      k.focus();
-    }, 0);
-  }, [k]);
-  const tt = i((r) => {
-    I(r.target.value);
-  }, []), U = i(() => {
-    I(""), c("");
-  }, [c]), ot = W(() => `${B} / ${K}`, [B, K]), { wholeWords: rt, matchCase: et } = W(() => D, [D]), nt = i(
-    (r) => {
-      T((a) => ({ ...a, matchCase: r }));
-    },
-    [T]
-  ), it = i(
-    (r) => {
-      T((a) => ({ ...a, wholeWords: r }));
-    },
-    [T]
-  );
-  h(() => {
-    y && Z && l();
-  }, [y, l]);
-  const p = W(() => (E == null ? void 0 : E.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [E]), at = i(
-    (r) => {
-      if (r.key === "Tab") {
-        const a = document.activeElement;
-        let b = -1;
-        p.forEach((m, ct) => {
-          m === a && (b = ct);
-        });
-        let N = b + 1;
-        r.shiftKey && (N = b - 1);
-        const V = p[N];
-        if (V)
-          V.focus();
-        else if (N > p.length - 1) {
-          const m = p[0];
-          m && m.focus();
-        } else {
-          const m = p[p.length - 1];
-          m && m.focus();
-        }
-      }
-    },
-    [p]
-  );
-  return !Q || !X ? null : /* @__PURE__ */ o(pt, { children: /* @__PURE__ */ o(
-    xt,
-    {
-      open: u,
-      container: d,
-      side: "bottom",
-      align: "start",
-      tabIndex: 0,
-      avoidCollisions: !1,
-      triggerComponent: /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchButtonTooltip, children: /* @__PURE__ */ o(
-        mt,
-        {
-          active: u,
-          onClick: g,
-          "aria-label": t == null ? void 0 : t.searchButtonTooltip,
-          "aria-expanded": u,
-          "aria-haspopup": "dialog",
-          children: s || /* @__PURE__ */ o(yt, {})
-        }
-      ) }),
-      children: /* @__PURE__ */ x(
-        "div",
-        {
-          ref: Y,
-          className: n["rp-search-tool-content"],
-          tabIndex: -1,
-          onKeyDown: at,
-          role: "dialog",
-          "aria-label": (t == null ? void 0 : t.searchInputTooltip) || "Search dialog",
-          children: [
-            /* @__PURE__ */ x("div", { className: n["rp-search-tool-input-wrapper"], children: [
-              /* @__PURE__ */ x("div", { className: n["rp-search-tool-input"], children: [
-                /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchInputTooltip, children: /* @__PURE__ */ o(
-                  lt,
-                  {
-                    value: f,
-                    onKeyDown: M,
-                    onChange: tt,
-                    icon: /* @__PURE__ */ o(A, {}),
-                    placeholder: t == null ? void 0 : t.searchInputPlaceholder,
-                    className: n["rp-search-input"],
-                    ref: G,
-                    id: "search-input",
-                    name: "search-input",
-                    tabIndex: 0,
-                    "aria-label": (t == null ? void 0 : t.searchInputTooltip) || (t == null ? void 0 : t.searchInputPlaceholder),
-                    "aria-describedby": "search-results-count",
-                    children: !!f && /* @__PURE__ */ o(
-                      "span",
-                      {
-                        className: n["rp-search-tool-input-clear"],
-                        onClick: U,
-                        role: "button",
-                        tabIndex: 0,
-                        "aria-label": (t == null ? void 0 : t.searchCloseButtonTooltip) || "Clear search",
-                        onKeyDown: (r) => {
-                          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), U());
-                        },
-                        children: /* @__PURE__ */ o(Tt, {})
-                      }
-                    )
-                  }
-                ) }),
-                J ? /* @__PURE__ */ o("span", { "aria-live": "polite", "aria-label": "Searching", children: /* @__PURE__ */ o(dt, { className: n["rp-search-loader-icon"], "aria-hidden": "true" }) }) : /* @__PURE__ */ o("span", { id: "search-results-count", "aria-live": "polite", children: ot }),
-                C && /* @__PURE__ */ o("div", { className: n["rp-search-tool-controls"], children: /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: l }) })
-              ] }),
-              /* @__PURE__ */ x("div", { className: n["rp-search-tool-input-checkboxes"], children: [
-                C && /* @__PURE__ */ o(q, {}),
-                /* @__PURE__ */ o(
-                  $,
-                  {
-                    tabIndex: 0,
-                    name: "matchCase",
-                    value: et,
-                    onChange: nt,
-                    "aria-label": t == null ? void 0 : t.searchMatchCaseLabel,
-                    children: t == null ? void 0 : t.searchMatchCaseLabel
-                  }
-                ),
-                !C && /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchMatchCaseTooltip, children: /* @__PURE__ */ o("div", { className: n["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ o(j, {}) }) }),
-                /* @__PURE__ */ o(
-                  $,
-                  {
-                    tabIndex: 0,
-                    name: "wholeWord",
-                    value: rt,
-                    onChange: it,
-                    "aria-label": t == null ? void 0 : t.searchWholeWordsLabel,
-                    children: t == null ? void 0 : t.searchWholeWordsLabel
-                  }
-                ),
-                !C && /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchWholeWordsTooltip, children: /* @__PURE__ */ o("div", { tabIndex: 0, className: n["rp-search-icon-info"], children: /* @__PURE__ */ o(j, {}) }) })
-              ] })
-            ] }),
-            !C && /* @__PURE__ */ x("div", { className: n["rp-search-tool-controls"], children: [
-              /* @__PURE__ */ o(q, {}),
-              /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: l })
-            ] })
-          ]
-        }
-      )
-    }
-  ) });
-};
-export {
-  zo as SearchTool
+import { useDocumentContext as e } from "../../../contexts/RPDocumentContext.js";
+import { useLayoutContainer as t } from "../../../contexts/LayoutContainerContext.js";
+import { useToolbarComponentContext as n } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as r } from "../../../contexts/ToolComponentContext.js";
+import { useSearchContext as i } from "../../../contexts/SearchContext.js";
+import { useLocalizationContext as a } from "../../../contexts/LocalizationContext.js";
+import { t as o } from "../../../LoaderIcon-D9YjinGf.js";
+import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
+import { t as c } from "../../../Button-jStpvb3T.js";
+import { t as ee } from "../../../Input-Bb_-ljl1.js";
+import { useIconContext as l } from "../../../contexts/IconContext.js";
+import { useViewportContext as te } from "../../../contexts/ViewportContext.js";
+import { t as u } from "../../../RPTooltip-ZZoFqP7C.js";
+import { t as d } from "../../../DropDown-DikL-krI.js";
+import { InfoIcon as f } from "../../icons/InfoIcon.js";
+import { SearchIcon as p } from "../../icons/SearchIcon.js";
+import { t as m } from "../../../SearchTool.module-DUkVXfOn.js";
+import { t as h } from "../../../Checkbox-Brta-YKG.js";
+import { ClearIcon as g } from "../../icons/ClearIcon.js";
+import { SearchResultNavigator as _ } from "./SearchResultNavigator.js";
+import { SearchCloseButton as v } from "./SearchCloseButton.js";
+import { useCallback as y, useEffect as b, useMemo as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/SearchTool.tsx
+var ne = () => {
+	let { searchIcon: e } = l(), { searchIcon: t } = s();
+	return e ?? t ?? /* @__PURE__ */ w(p, {});
+}, re = () => {
+	let { searchClearIcon: e } = l(), { searchClearIcon: t } = s();
+	return e ?? t ?? /* @__PURE__ */ w(g, {});
+}, E = ({ icon: s }) => {
+	let { container: l } = t(), [g, E] = S(!1), { pdf: D } = e(), [O, k] = S(null), { searchOptions: A, setSearchOptions: j, loading: ie, setSearch: M, totalMatches: N, currentMatchPosition: P, nextMatch: F, prevMatch: I, search: L } = i(), { searchTool: R = !0 } = n(), { searchTool: z = !0 } = r(), [B, V] = S(L), { localeMessages: H } = a(), { isSmallScreen: U } = te(), [W, G] = S(null), [K, q] = S(!1), J = y(() => {
+		E(!0);
+	}, []), Y = y(() => {
+		M(""), V(""), E(!1);
+	}, [M]), X = (e) => {
+		let t = e.key === "Enter", n = e.key === " ";
+		(t || n) && Y();
+	}, Z = y((e) => {
+		e.key === "Escape" && g && Y();
+	}, [g]), ae = y((e) => {
+		e.shiftKey && e.key === "Enter" ? I() : e.key === "Enter" && L !== B ? M(B) : e.key === "Enter" && F();
+	}, [
+		B,
+		I,
+		F,
+		M,
+		L
+	]);
+	b(() => {
+		V(L);
+	}, [L]), b(() => {
+		L && D && q(!0);
+	}, [L, D]), b(() => {
+		L && L.trim() !== "" && (V(L), M(L));
+	}, []), b(() => (window.addEventListener("keydown", Z), () => {
+		window.removeEventListener("keydown", Z);
+	}), [Z]), b(() => {
+		O && setTimeout(() => {
+			O.focus();
+		}, 0);
+	}, [O]);
+	let oe = y((e) => {
+		V(e.target.value);
+	}, []), Q = y(() => {
+		V(""), M("");
+	}, [M]), se = x(() => `${P} / ${N}`, [P, N]), { wholeWords: ce, matchCase: le } = x(() => A, [A]), ue = y((e) => {
+		j((t) => ({
+			...t,
+			matchCase: e
+		}));
+	}, [j]), de = y((e) => {
+		j((t) => ({
+			...t,
+			wholeWords: e
+		}));
+	}, [j]);
+	b(() => {
+		D && K && Y();
+	}, [D, Y]);
+	let $ = x(() => W?.querySelectorAll("[tabindex]:not([tabindex=\"-1\"])") || [], [W]), fe = y((e) => {
+		if (e.key === "Tab") {
+			let t = document.activeElement, n = -1;
+			$.forEach((e, r) => {
+				e === t && (n = r);
+			});
+			let r = n + 1;
+			e.shiftKey && (r = n - 1);
+			let i = $[r];
+			if (i) i.focus();
+			else if (r > $.length - 1) {
+				let e = $[0];
+				e && e.focus();
+			} else {
+				let e = $[$.length - 1];
+				e && e.focus();
+			}
+		}
+	}, [$]);
+	return !R || !z ? null : /* @__PURE__ */ w(C, { children: /* @__PURE__ */ w(d, {
+		open: g,
+		container: l,
+		side: "bottom",
+		align: "start",
+		tabIndex: 0,
+		avoidCollisions: !1,
+		triggerComponent: /* @__PURE__ */ w(u, {
+			content: H?.searchButtonTooltip,
+			children: /* @__PURE__ */ w(c, {
+				active: g,
+				onClick: J,
+				"aria-label": H?.searchButtonTooltip,
+				"aria-expanded": g,
+				"aria-haspopup": "dialog",
+				children: s || /* @__PURE__ */ w(ne, {})
+			})
+		}),
+		children: /* @__PURE__ */ T("div", {
+			ref: G,
+			className: m["rp-search-tool-content"],
+			tabIndex: -1,
+			onKeyDown: fe,
+			role: "dialog",
+			"aria-label": H?.searchInputTooltip || "Search dialog",
+			children: [/* @__PURE__ */ T("div", {
+				className: m["rp-search-tool-input-wrapper"],
+				children: [/* @__PURE__ */ T("div", {
+					className: m["rp-search-tool-input"],
+					children: [
+						/* @__PURE__ */ w(u, {
+							content: H?.searchInputTooltip,
+							children: /* @__PURE__ */ w(ee, {
+								value: B,
+								onKeyDown: ae,
+								onChange: oe,
+								icon: /* @__PURE__ */ w(p, {}),
+								placeholder: H?.searchInputPlaceholder,
+								className: m["rp-search-input"],
+								ref: k,
+								id: "search-input",
+								name: "search-input",
+								tabIndex: 0,
+								"aria-label": H?.searchInputTooltip || H?.searchInputPlaceholder,
+								"aria-describedby": "search-results-count",
+								children: !!B && /* @__PURE__ */ w("span", {
+									className: m["rp-search-tool-input-clear"],
+									onClick: Q,
+									role: "button",
+									tabIndex: 0,
+									"aria-label": H?.searchCloseButtonTooltip || "Clear search",
+									onKeyDown: (e) => {
+										(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Q());
+									},
+									children: /* @__PURE__ */ w(re, {})
+								})
+							})
+						}),
+						ie ? /* @__PURE__ */ w("span", {
+							"aria-live": "polite",
+							"aria-label": "Searching",
+							children: /* @__PURE__ */ w(o, {
+								className: m["rp-search-loader-icon"],
+								"aria-hidden": "true"
+							})
+						}) : /* @__PURE__ */ w("span", {
+							id: "search-results-count",
+							"aria-live": "polite",
+							children: se
+						}),
+						U && /* @__PURE__ */ w("div", {
+							className: m["rp-search-tool-controls"],
+							children: /* @__PURE__ */ w(v, {
+								onKeyPress: X,
+								handleClose: Y
+							})
+						})
+					]
+				}), /* @__PURE__ */ T("div", {
+					className: m["rp-search-tool-input-checkboxes"],
+					children: [
+						U && /* @__PURE__ */ w(_, {}),
+						/* @__PURE__ */ w(h, {
+							tabIndex: 0,
+							name: "matchCase",
+							value: le,
+							onChange: ue,
+							"aria-label": H?.searchMatchCaseLabel,
+							children: H?.searchMatchCaseLabel
+						}),
+						!U && /* @__PURE__ */ w(u, {
+							content: H?.searchMatchCaseTooltip,
+							children: /* @__PURE__ */ w("div", {
+								className: m["rp-search-icon-info"],
+								tabIndex: 0,
+								children: /* @__PURE__ */ w(f, {})
+							})
+						}),
+						/* @__PURE__ */ w(h, {
+							tabIndex: 0,
+							name: "wholeWord",
+							value: ce,
+							onChange: de,
+							"aria-label": H?.searchWholeWordsLabel,
+							children: H?.searchWholeWordsLabel
+						}),
+						!U && /* @__PURE__ */ w(u, {
+							content: H?.searchWholeWordsTooltip,
+							children: /* @__PURE__ */ w("div", {
+								tabIndex: 0,
+								className: m["rp-search-icon-info"],
+								children: /* @__PURE__ */ w(f, {})
+							})
+						})
+					]
+				})]
+			}), !U && /* @__PURE__ */ T("div", {
+				className: m["rp-search-tool-controls"],
+				children: [/* @__PURE__ */ w(_, {}), /* @__PURE__ */ w(v, {
+					onKeyPress: X,
+					handleClose: Y
+				})]
+			})]
+		})
+	}) });
 };
+//#endregion
+export { E as SearchTool };

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

@@ -1,52 +1,60 @@
-import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
-import { G as a } from "../../../index-11f3cd64.js";
-import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
-import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
-import { CheckIcon as l } from "../../icons/CheckIcon.js";
-import { MenuItem as p } from "./MenuItem.js";
-import { SelectionMode as r } from "../../../utils/types.js";
-import { MenuSeparator as x } from "./MenuSeparator.js";
-import { useIconContext as u } from "../../../contexts/IconContext.js";
-import { useSelectionModeContext as I } from "../../../contexts/SelectionModeContext.js";
-import { useToolbarComponentContext as S } from "../../../contexts/ToolbarComponentContext.js";
-import d from "../../ui/RPTooltip.js";
-import { useLocalizationContext as C } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as T } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as M } from "../../../contexts/ToolComponentContext.js";
-import "react";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../de_DE-8145915f.js";
-import "../../../utils/appConsole.js";
-import "../../../utils/withRef.js";
-import "../../../utils/hooks/useLocalization.js";
-const N = () => {
-  const { textSelectionIcon: e } = u(), { textSelectionIcon: n } = T();
-  return e || n || /* @__PURE__ */ t(h, {});
-}, D = () => {
-  const { handModeIcon: e } = u(), { handModeIcon: n } = T();
-  return e || n || /* @__PURE__ */ t(s, {});
-}, _ = () => {
-  const { selectionModeTool: e = !0 } = S(), { selectionModeTool: n = !0 } = M(), { selectionMode: m, setSelectionMode: c } = I(), { localeMessages: o } = C();
-  return !e || !n ? null : /* @__PURE__ */ t(f, { children: /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(p, { onClick: () => c(r.TEXT), children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.textSelectionTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(N, {}) }),
-      o == null ? void 0 : o.textSelectionLabel,
-      m === r.TEXT ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ t(p, { onClick: () => c(r.HAND), children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.handToolTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(D, {}) }),
-      o == null ? void 0 : o.handToolLabel,
-      m === r.HAND ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ t(x, {})
-  ] }) });
-};
-export {
-  _ as SelectionModeTool
+import { SelectionMode as e } from "../../../utils/types.js";
+import { useSelectionModeContext as t } from "../../../contexts/SelectionModeContext.js";
+import { useToolbarComponentContext as n } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as r } from "../../../contexts/ToolComponentContext.js";
+import { useLocalizationContext as i } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
+import { useIconContext as o } from "../../../contexts/IconContext.js";
+import { t as s } from "../../../RPTooltip-ZZoFqP7C.js";
+import { n as c } from "../../../dist-CKteKPPA.js";
+import { t as l } from "../../../MenuItem-BJDWfzAw.js";
+import { t as u } from "../../../MenuSeparator-D1H5l8Ej.js";
+import { CheckIcon as d } from "../../icons/CheckIcon.js";
+import { TextSelectionDefaultIcon as f } from "../../icons/TextSelectionDefaultIcon.js";
+import { HandModeDefaultIcon as p } from "../../icons/HandModeDefaultIcon.js";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/SelectionModeTool.tsx
+var _ = () => {
+	let { textSelectionIcon: e } = o(), { textSelectionIcon: t } = a();
+	return e || t || /* @__PURE__ */ h(f, {});
+}, v = () => {
+	let { handModeIcon: e } = o(), { handModeIcon: t } = a();
+	return e || t || /* @__PURE__ */ h(p, {});
+}, y = () => {
+	let { selectionModeTool: a = !0 } = n(), { selectionModeTool: o = !0 } = r(), { selectionMode: f, setSelectionMode: p } = t(), { localeMessages: y } = i();
+	return !a || !o ? null : /* @__PURE__ */ h(m, { children: /* @__PURE__ */ g(c, { children: [
+		/* @__PURE__ */ h(l, {
+			onClick: () => p(e.TEXT),
+			children: /* @__PURE__ */ g(s, {
+				className: "rp-menu-item",
+				content: y?.textSelectionTooltip,
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "rp-menu-item-left",
+						children: /* @__PURE__ */ h(_, {})
+					}),
+					y?.textSelectionLabel,
+					f === e.TEXT ? /* @__PURE__ */ h(d, { className: "rp-menu-item-right" }) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ h(l, {
+			onClick: () => p(e.HAND),
+			children: /* @__PURE__ */ g(s, {
+				className: "rp-menu-item",
+				content: y?.handToolTooltip,
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "rp-menu-item-left",
+						children: /* @__PURE__ */ h(v, {})
+					}),
+					y?.handToolLabel,
+					f === e.HAND ? /* @__PURE__ */ h(d, { className: "rp-menu-item-right" }) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ h(u, {})
+	] }) });
 };
+//#endregion
+export { y as SelectionModeTool };