@react-pdf-kit/viewer 2.0.0-beta.1 → 2.0.0-beta.10

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

@@ -1,21 +1,26 @@
-import "react/jsx-runtime";
-import "../../ui/RPTooltip.js";
-import "../../ui/Button.js";
-import "../../icons/ChevronUpIcon.js";
-import "../../../contexts/LocalizationContext.js";
-import { Y as Do } from "../../../ToolbarLayout.module-37619c4b.js";
-import "../../../SearchCloseButton-08d57275.js";
+import { jsxs as e, Fragment as h, jsx as r } from "react/jsx-runtime";
+import p from "../../ui/RPTooltip.js";
+import { UIButton as m } from "../../ui/Button.js";
+import { ChevronUpIcon as a } from "../../icons/ChevronUpIcon.js";
+import { useLocalizationContext as l } from "../../../contexts/LocalizationContext.js";
+import { useSearchContext as s } from "../../../contexts/SearchContext.js";
+import { c as o } from "../../../SearchTool.module-99f60dc7.js";
 import "react";
-import "../../../index-c9a2990a.js";
+import "../../../index-c0faa594.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
 import "../../../utils/withRef.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/appConsole.js";
 import "../../../utils/hooks/useLocalization.js";
 import "../../../th_TH-d627cd51.js";
-import "../../ui/Input.js";
+import "../../../utils/hooks/useSearch.js";
 import "../../../utils/types.js";
+import "../../../utils/highlight.js";
+import "../../../utils/charators.js";
+import "../../../contexts/VirtualScrollContext.js";
 import "../../../contexts/ScrollModeContext.js";
 import "../../../contexts/InitialStateContext.js";
 import "../../../contexts/RPDocumentContext.js";
@@ -27,116 +32,58 @@ 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/RotationContext.js";
 import "../../../contexts/GlobalCurrentPage.js";
 import "../../../contexts/EventCallbackContext.js";
 import "../../../utils/hooks/useDebounce.js";
-import "../../../contexts/VirtualScrollContext.js";
+import "../../../PaginationContext-9217cab4.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 "../../../utils/smoothScrollTo.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/getScrollDistance.js";
-import "../../../utils/getElementPositionInPage.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 "../../ui/Checkbox.js";
-import "../../icons/CheckIcon.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/DropDown.js";
-import "../../../index-a48ec088.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/approximateFragtion.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 "../../icons/CloseIcon.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/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 "../../icons/ZoomInIcon.js";
-import "../../icons/ZoomOutIcon.js";
-import "../../../utils/zoom.js";
-import "../../icons/SearchIcon.js";
-import "../../icons/ClearIcon.js";
+const lt = () => {
+  const { totalMatches: i, nextMatch: n, prevMatch: c } = s(), { localeMessages: t } = l();
+  return /* @__PURE__ */ e(h, { children: [
+    /* @__PURE__ */ r(
+      p,
+      {
+        content: t == null ? void 0 : t.searchPrevTooltip,
+        className: o["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(m, { tabIndex: 0, onClick: c, "aria-label": t == null ? void 0 : t.searchPrevTooltip, children: /* @__PURE__ */ r(
+          a,
+          {
+            className: o["rp-search-tool-input-icon"],
+            "aria-disabled": !i
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ r(
+      p,
+      {
+        content: t == null ? void 0 : t.searchNextTooltip,
+        className: o["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(m, { tabIndex: 0, onClick: n, "aria-label": t == null ? void 0 : t.searchNextTooltip, children: /* @__PURE__ */ r(
+          a,
+          {
+            style: { transform: "rotate(180deg" },
+            className: o["rp-search-tool-input-icon"],
+            "aria-disabled": !i
+          }
+        ) })
+      }
+    )
+  ] });
+};
 export {
-  Do as SearchResultNavigator
+  lt as SearchResultNavigator
 };

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

@@ -1,142 +1,243 @@
-import "react/jsx-runtime";
-import "../../ui/Button.js";
-import "../../icons/SearchIcon.js";
-import "react";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../SearchCloseButton-08d57275.js";
-import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
-import "../../icons/ClearIcon.js";
-import "../../icons/LoaderIcon.js";
-import { S as Fr } from "../../../ToolbarLayout.module-37619c4b.js";
-import "../../../contexts/IconContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../contexts/DarkModeContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/LayerContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../contexts/SelectionModeContext.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/FullScreenContext.js";
-import "../../../contexts/FileInputContext.js";
-import "../../../contexts/DropFileZoneContext.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/HighlightContext.js";
-import "../../../contexts/LicenseContext.js";
-import "../../../contexts/DownloadContext.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../contexts/ElementPageContext.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/LoaderContext.js";
-import "../../../contexts/ToolComponentContext.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/OtherToolContext.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../RPConfig.js";
-import "../Container.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../sidebar/RPSplitter.js";
-import "../WrapperLayout.js";
-import "../../../LayoutWrapper-6224491f.js";
-import "../../../contexts/ThemeContext.js";
-import "../../RPDropFileZone.js";
-import "../../ui/RPTooltip.js";
-import "../../ui/DropDown.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../icons/InfoIcon.js";
-import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../RotateTool.module-67946714.js";
+import { jsx as t, Fragment as ct, jsxs as I } from "react/jsx-runtime";
+import { UIButton as at } from "../../ui/Button.js";
+import { SearchIcon as z } from "../../icons/SearchIcon.js";
+import { useState as C, useCallback as i, useEffect as l, 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 pt } from "../../ui/Input.js";
+import { UICheckbox as V } from "../../ui/Checkbox.js";
+import { ClearIcon as mt } from "../../icons/ClearIcon.js";
+import { LoaderIcon as lt } from "../../icons/LoaderIcon.js";
+import { useSearchContext as ht } from "../../../contexts/SearchContext.js";
+import { useIconContext as dt } from "../../../contexts/IconContext.js";
+import { useDocumentContext as ut } from "../../../contexts/RPDocumentContext.js";
+import T from "../../ui/RPTooltip.js";
+import { useToolbarComponentContext as ft } from "../../../contexts/ToolbarComponentContext.js";
+import { useLocalizationContext as It } from "../../../contexts/LocalizationContext.js";
+import { InfoIcon as $ } from "../../icons/InfoIcon.js";
+import { useViewportContext as Ct } from "../../../contexts/ViewportContext.js";
+import { SearchResultNavigator as j } from "./SearchResultNavigator.js";
+import { SearchCloseButton as q } from "./SearchCloseButton.js";
+import { UIDropDown as xt } from "../../ui/DropDown.js";
+import { useIconToolContext as St } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as bt } from "../../../contexts/ToolComponentContext.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
-import "../../icons/CloseIcon.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-c0faa594.js";
 import "react-dom";
+import "../../../index-655864a7.js";
 import "../../icons/CheckIcon.js";
-import "../../icons/ChevronUpIcon.js";
+import "../../../utils/hooks/useSearch.js";
 import "../../../utils/types.js";
 import "../../../th_TH-d627cd51.js";
 import "../../../utils/highlight.js";
 import "../../../utils/charators.js";
-import "../../../utils/Queue.js";
-import "../../../utils/renderPage.js";
-import "pdfjs-dist";
-import "../../icons/Thumbnail.js";
-import "../../../utils/hooks/useInfiniteScroll.js";
-import "../../../utils/constants.js";
-import "../../../utils/link_service.js";
-import "../../../utils/annotations.js";
-import "../../../utils/sanitizeExternalUrl.js";
-import "../../page/searchHighlight.js";
-import "../../../utils/const.js";
-import "../../page/CustomElement.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/hooks/usePdfProperties.js";
 import "../../../utils/convertPdfDate.js";
 import "../../../utils/formatFileSize.js";
-import "../../../utils/getZoomLevel.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/EventCallbackContext.js";
 import "../../../utils/hooks/useDebounce.js";
-import "../../../utils/hooks/useLicense.js";
+import "../../../PaginationContext-9217cab4.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/getElementPositionInPage.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/hooks/useLocalization.js";
-import "../../../utils/approximateFragtion.js";
 import "../../../utils/getWordPositionInPage.js";
-import "../../../utils/smoothScrollTo.js";
-import "./FileUploadTool.js";
-import "../../icons/FileUploadDefaultIcon.js";
-import "../../../index-a48ec088.js";
-import "../../../index-808ea7bf.js";
-import "./DarkModeTool.js";
-import "../../icons/MoonIcon.js";
-import "../../icons/SunIcon.js";
-import "../../../utils/hooks/useDarkMode.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 "../../../utils/hooks/useFullScreen.js";
-import "../../icons/GoToDownIcon.js";
-import "./SelectionModeTool.js";
-import "../../icons/TextSelectionDefaultIcon.js";
-import "../../icons/HandModeDefaultIcon.js";
-import "../../icons/ZoomInIcon.js";
-import "../../icons/ZoomOutIcon.js";
-import "../../../utils/zoom.js";
-import "../../../utils/hooks/useHighlight.js";
-import "../../RPTheme.js";
-import "../../../utils/hooks/useLoadWorker.js";
-import "../../icons/LightPdfIcon.js";
-import "../../icons/DarkPdfIcon.js";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../icons/ChevronUpIcon.js";
+import "../../icons/CloseIcon.js";
+import "../../../index-4baea9b5.js";
+import "../../../Combination-54a77a7a.js";
+const Et = () => {
+  const { searchIcon: x } = dt(), { searchIcon: v } = St();
+  return x || v || /* @__PURE__ */ t(z, {});
+}, jo = ({ icon: x }) => {
+  const { container: v } = st(), [S, K] = C(!1), { pdf: b } = ut(), [w, A] = C(null), {
+    searchOptions: L,
+    setSearchOptions: E,
+    loading: F,
+    setSearch: a,
+    totalMatches: D,
+    currentMatchPosition: O,
+    nextMatch: B,
+    prevMatch: P,
+    search: e
+  } = ht(), { searchTool: H = !0 } = ft(), { searchTool: G = !0 } = bt(), [h, d] = C(e), { localeMessages: o } = It(), { isSmallScreen: u } = Ct(), [y, J] = C(null), [Q, X] = C(!1), Y = i(() => {
+    K(!0);
+  }, []), m = i(() => {
+    a(""), d(""), K(!1);
+  }, [a]), R = (r) => {
+    const c = r.key === "Enter", f = r.key === " ";
+    (c || f) && m();
+  }, k = i(
+    (r) => {
+      r.key === "Escape" && S && m();
+    },
+    [S]
+  ), Z = i(
+    (r) => {
+      r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== h ? a(h) : r.key === "Enter" && B();
+    },
+    [h, P, B, a, e]
+  );
+  l(() => {
+    d(e);
+  }, [e]), l(() => {
+    e && b && X(!0);
+  }, [e, b]), l(() => {
+    e && e.trim() !== "" && (d(e), a(e));
+  }, []), l(() => (window.addEventListener("keydown", k), () => {
+    window.removeEventListener("keydown", k);
+  }), [k]), l(() => {
+    w && setTimeout(() => {
+      w.focus();
+    }, 0);
+  }, [w]);
+  const _ = i((r) => {
+    d(r.target.value);
+  }, []), g = i(() => {
+    d(""), a("");
+  }, [a]), M = W(() => `${O} / ${D}`, [O, D]), { wholeWords: tt, matchCase: ot } = W(() => L, [L]), rt = i(
+    (r) => {
+      E((c) => ({ ...c, matchCase: r }));
+    },
+    [E]
+  ), et = i(
+    (r) => {
+      E((c) => ({ ...c, wholeWords: r }));
+    },
+    [E]
+  );
+  l(() => {
+    b && Q && m();
+  }, [b, m]);
+  const s = W(() => (y == null ? void 0 : y.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [y]), nt = i(
+    (r) => {
+      if (r.key === "Tab") {
+        const c = document.activeElement;
+        let f = 0;
+        s.forEach((p, it) => {
+          p === c && (f = it);
+        });
+        let N = f + 1;
+        r.shiftKey && (N = f - 1);
+        const U = s[N];
+        if (U)
+          U.focus();
+        else if (N > s.length - 1) {
+          const p = s[0];
+          p && p.focus();
+        } else {
+          const p = s[s.length - 1];
+          p && p.focus();
+        }
+      }
+    },
+    [s]
+  );
+  return !H || !G ? null : /* @__PURE__ */ t(ct, { children: /* @__PURE__ */ t(
+    xt,
+    {
+      open: S,
+      container: v,
+      side: "bottom",
+      align: "start",
+      tabIndex: 0,
+      avoidCollisions: !1,
+      triggerComponent: /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchButtonTooltip, children: /* @__PURE__ */ t(
+        at,
+        {
+          active: S,
+          onClick: Y,
+          "aria-label": o == null ? void 0 : o.searchButtonTooltip,
+          children: x || /* @__PURE__ */ t(Et, {})
+        }
+      ) }),
+      children: /* @__PURE__ */ I(
+        "div",
+        {
+          ref: J,
+          className: n["rp-search-tool-content"],
+          tabIndex: 0,
+          onKeyDown: nt,
+          children: [
+            /* @__PURE__ */ I("div", { className: n["rp-search-tool-input-wrapper"], children: [
+              /* @__PURE__ */ I("div", { className: n["rp-search-tool-input"], children: [
+                /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchInputTooltip, children: /* @__PURE__ */ t(
+                  pt,
+                  {
+                    value: h,
+                    onKeyDown: Z,
+                    onChange: _,
+                    icon: /* @__PURE__ */ t(z, {}),
+                    placeholder: o == null ? void 0 : o.searchInputPlaceholder,
+                    className: n["rp-search-input"],
+                    ref: A,
+                    id: "search-input",
+                    name: "search-input",
+                    tabIndex: 0,
+                    children: !!h && /* @__PURE__ */ t("span", { className: n["rp-search-tool-input-clear"], onClick: g, children: /* @__PURE__ */ t(mt, {}) })
+                  }
+                ) }),
+                F ? /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(lt, { className: n["rp-search-loader-icon"] }) }) : /* @__PURE__ */ t("span", { children: M }),
+                u && /* @__PURE__ */ t("div", { className: n["rp-search-tool-controls"], children: /* @__PURE__ */ t(q, { onKeyPress: R, handleClose: m }) })
+              ] }),
+              /* @__PURE__ */ I("div", { className: n["rp-search-tool-input-checkboxes"], children: [
+                u && /* @__PURE__ */ t(j, {}),
+                /* @__PURE__ */ t(
+                  V,
+                  {
+                    tabIndex: 0,
+                    name: "matchCase",
+                    value: ot,
+                    onChange: rt,
+                    children: o == null ? void 0 : o.searchMatchCaseLabel
+                  }
+                ),
+                !u && /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchMatchCaseTooltip, children: /* @__PURE__ */ t("div", { className: n["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ t($, {}) }) }),
+                /* @__PURE__ */ t(
+                  V,
+                  {
+                    tabIndex: 0,
+                    name: "wholeWord",
+                    value: tt,
+                    onChange: et,
+                    children: o == null ? void 0 : o.searchWholeWordsLabel
+                  }
+                ),
+                !u && /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchWholeWordsTooltip, children: /* @__PURE__ */ t("div", { tabIndex: 0, className: n["rp-search-icon-info"], children: /* @__PURE__ */ t($, {}) }) })
+              ] })
+            ] }),
+            !u && /* @__PURE__ */ I("div", { className: n["rp-search-tool-controls"], children: [
+              /* @__PURE__ */ t(j, {}),
+              /* @__PURE__ */ t(q, { onKeyPress: R, handleClose: m })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+};
 export {
-  Fr as SearchTool
+  jo as SearchTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
-import { G as a } from "../../../index-a48ec088.js";
+import { G as a } from "../../../index-4baea9b5.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";
@@ -14,9 +14,12 @@ import { useLocalizationContext as C } from "../../../contexts/LocalizationConte
 import { useIconToolContext as T } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as M } from "../../../contexts/ToolComponentContext.js";
 import "react";
-import "../../../index-c9a2990a.js";
+import "../../../index-c0faa594.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../th_TH-d627cd51.js";
 import "../../../utils/appConsole.js";
@@ -28,7 +31,7 @@ const N = () => {
 }, D = () => {
   const { handModeIcon: e } = u(), { handModeIcon: n } = T();
   return e || n || /* @__PURE__ */ t(s, {});
-}, W = () => {
+}, _ = () => {
   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: [
@@ -45,5 +48,5 @@ const N = () => {
   ] }) });
 };
 export {
-  W as SelectionModeTool
+  _ as SelectionModeTool
 };