@stll/folio-react 0.29.0 → 0.31.0

package/README.md

@@ -107,3 +107,5 @@ original license and copyright are preserved in [`NOTICE.md`](./NOTICE.md).
 ## License
 
 [Apache-2.0](./LICENSE)
+
+See [document search](../../docs/document-search.md) for highlighting, navigation, and result callbacks.

package/dist/{CommentsSidebar-D7eTgHpL.js → CommentsSidebar-jIMSYslR.js}

@@ -1,4 +1,4 @@
-import { f as containedHandler, u as useDrawerFocus } from "./renderAsync-D3Bxr14I.js";
+import { a as useDrawerFocus, s as containedHandler } from "./renderAsync-CXgKj7iM.js";
 import { useCallback, useEffect, useEffectEvent, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { CheckIcon, MoreVerticalIcon } from "lucide-react";
 import { useLocale, useTranslations } from "use-intl";
@@ -6,6 +6,7 @@ import { scrollEditorTo } from "@stll/folio-core/paged-layout/editorScrollRoot";
 import { closestHtmlElement, queryHtmlElement } from "@stll/folio-core/utils/domGuards";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { sliceText } from "@stll/folio-core/utils/sliceText";
+import { getFindParagraphText } from "@stll/folio-core/utils/findReplace";
 import { PANEL_METRICS } from "@stll/folio-core/panel-layout";
 import { commentAnchorSelector } from "@stll/folio-core/render-dom/commentAnchorAttributes";
 //#region src/components/CommentsSidebar.tsx
@@ -19,11 +20,11 @@ import { commentAnchorSelector } from "@stll/folio-core/render-dom/commentAnchor
 * Tracked changes are rendered purely inline (Word-style) and do not appear
 * in this sidebar.
 */
-/** Extract plain text from a Comment's paragraph content */
-function getCommentText(paragraphs) {
-	if (!paragraphs?.length) return "";
-	return paragraphs.flatMap((p) => p.content.filter((c) => c.type === "run").flatMap((r) => "content" in r ? r.content : []).filter((c) => c.type === "text").map((t) => "text" in t ? t.text : "")).join("");
-}
+const renderCommentText = (comment) => comment.content.map((paragraph, index) => /* @__PURE__ */ jsx("span", {
+	"data-find-comment-id": comment.id,
+	"data-find-comment-paragraph": index,
+	children: getFindParagraphText(paragraph)
+}, index));
 function formatDate(dateStr, locale) {
 	if (!dateStr) return "";
 	const d = new Date(dateStr);
@@ -36,12 +37,13 @@ function formatDate(dateStr, locale) {
 	}).format(d);
 }
 function getInitials(name) {
+	const initials = name.split(/\s+/u).map((word) => sliceText({
+		text: word,
+		units: "graphemes",
+		end: 1
+	})).join("").toUpperCase();
 	return sliceText({
-		text: name.split(/\s+/u).map((word) => sliceText({
-			text: word,
-			units: "graphemes",
-			end: 1
-		})).join("").toUpperCase(),
+		text: initials,
 		units: "graphemes",
 		end: 2
 	});
@@ -108,13 +110,13 @@ const CANCEL_BUTTON_STYLE = {
 	fontWeight: 500,
 	fontFamily: "inherit"
 };
-const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onCommentReply, onCommentResolve, onCommentDelete, onAddComment, onCancelAddComment, onAcceptChange: _onAcceptChange, onRejectChange: _onRejectChange, onTrackedChangeReply: _onTrackedChangeReply, topOffset = 0, showResolved = false, isAddingComment = false, addCommentYPosition = null, pageWidth = 816, editorContainerRef, anchorPositions, surface = "column", onDismiss }) => {
+const CommentsSidebar = ({ comments, onCommentClick, activeCommentId, onCommentReply, onCommentResolve, onCommentDelete, onAddComment, onCancelAddComment, onAcceptChange: _onAcceptChange, onRejectChange: _onRejectChange, onTrackedChangeReply: _onTrackedChangeReply, topOffset = 0, showResolved = false, isAddingComment = false, addCommentYPosition = null, pageWidth = 816, editorContainerRef, anchorPositions, surface = "column", onDismiss }) => {
 	const t = useTranslations("folio");
 	const locale = useLocale();
 	const [replyingTo, setReplyingTo] = useState(null);
 	const [replyText, setReplyText] = useState("");
 	const [newCommentText, setNewCommentText] = useState("");
-	const [expandedCard, setExpandedCard] = useState(activeCommentId === null ? null : `comment-${activeCommentId}`);
+	const expandedCard = activeCommentId === null ? null : `comment-${activeCommentId}`;
 	const [menuOpenFor, setMenuOpenFor] = useState(null);
 	const [{ positions: cardPositions, knownCards }, setCardGeometry] = useState(() => ({
 		positions: /* @__PURE__ */ new Map(),
@@ -304,12 +306,11 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 			if (pagesEl_0.contains(target)) {
 				const commentEl = closestHtmlElement(target, "[data-comment-id]");
 				if (commentEl?.dataset["commentId"]) {
-					setExpandedCard(`comment-${commentEl.dataset["commentId"]}`);
-					onCommentClick?.(Number(commentEl.dataset["commentId"]));
+					onCommentClick(Number(commentEl.dataset["commentId"]));
 					return;
 				}
 			}
-			setExpandedCard(null);
+			onCommentClick(null);
 			setMenuOpenFor(null);
 		};
 		container_0.addEventListener("click", handleDocClick);
@@ -387,17 +388,11 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 			if (onAddComment?.(newCommentText.trim()) !== false) setNewCommentText("");
 		}
 	};
-	const [previousActiveCommentId, setPreviousActiveCommentId] = useState(activeCommentId);
-	if (previousActiveCommentId !== activeCommentId) {
-		setPreviousActiveCommentId(activeCommentId);
-		if (activeCommentId !== null) setExpandedCard(`comment-${activeCommentId}`);
-	}
 	const handleCardClick = (cardId_1, commentId_0) => {
 		const nextExpandedCard = expandedCard === cardId_1 ? null : cardId_1;
-		setExpandedCard(nextExpandedCard);
 		setMenuOpenFor(null);
-		if (commentId_0 !== void 0) onCommentClick?.(nextExpandedCard === null && activeCommentId === commentId_0 ? null : commentId_0);
-		if (isDrawer && commentId_0 !== void 0 && nextExpandedCard !== null) revealAnchor(cardId_1);
+		onCommentClick(nextExpandedCard === null ? null : commentId_0);
+		if (isDrawer && nextExpandedCard !== null) revealAnchor(cardId_1);
 	};
 	const revealAnchor = (cardId_2) => {
 		const scrollEl_1 = editorContainerRef?.current;
@@ -520,7 +515,7 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 							WebkitBoxOrient: "vertical"
 						} : {}
 					},
-					children: getCommentText(reply.content)
+					children: renderCommentText(reply)
 				})]
 			}, reply.id)), !isExpanded_0 && replies.length > 1 && /* @__PURE__ */ jsx("div", {
 				style: {
@@ -765,7 +760,7 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 						lineHeight: "17px",
 						marginTop: 5
 					},
-					children: getCommentText(comment_0.content)
+					children: renderCommentText(comment_0)
 				}),
 				renderReplies(replies_0, isExpanded_1),
 				isExpanded_1 && !comment_0.done && renderReplySection(comment_0.id, onCommentReply)
@@ -796,6 +791,7 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 		},
 		onMouseDown: containedHandler((e_20) => e_20.stopPropagation()),
 		children: /* @__PURE__ */ jsxs("div", {
+			"data-folio-scroll": isDrawer ? "" : void 0,
 			style: isDrawer ? {
 				position: "sticky",
 				top: 0,

package/dist/{FindReplaceDialog-CUd8xdgd.js → FindReplaceDialog-C3njN6OI.js}

@@ -5,7 +5,9 @@ import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from
 import { ChevronDownIcon, ChevronUpIcon, SearchIcon, XIcon } from "lucide-react";
 import { useTranslations } from "use-intl";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { replaceEligibility } from "@stll/folio-core/utils/findReplace";
 import "@stll/folio-core/managers/FindReplaceManager";
+import { createFindQueryKey } from "@stll/folio-core/utils/findSearchKey";
 //#region src/components/dialogs/findReplaceDialogLayout.ts
 const FIND_REPLACE_DIALOG_TOP = "var(--folio-find-replace-top, 7rem)";
 const FIND_REPLACE_DIALOG_LEFT = "var(--folio-find-replace-left, 5.5rem)";
@@ -78,11 +80,6 @@ function FindReplaceDialog(props) {
 	} else t2 = $[7];
 	return t2;
 }
-const getFindQueryKey = (text, { matchCase, matchWholeWord }) => JSON.stringify([
-	text,
-	matchCase,
-	matchWholeWord
-]);
 const getQueryResult = (state, queryKey) => {
 	switch (state.status) {
 		case "cleared": return null;
@@ -90,12 +87,16 @@ const getQueryResult = (state, queryKey) => {
 		default: return state;
 	}
 };
-function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrevious, onHighlightMatches, onClearHighlights, initialSearchText = "", currentResult, className, style, matchCase, matchWholeWord, onMatchCaseChange, onMatchWholeWordChange }) {
+function FindReplaceDialogForm({ isOpen, onClose, onFind, onQueryChange, onFindNext, onFindPrevious, onReplace, onReplaceAll, replaceMode = false, readOnly = false, onHighlightMatches, onClearHighlights, initialSearchText = "", currentSearch, className, style, matchCase, matchWholeWord, onMatchCaseChange, onMatchWholeWordChange }) {
 	const id = React.useId();
 	const t = useTranslations("folio");
 	const { Button, Input, Checkbox } = useFolioUI();
 	const [searchText, setSearchText] = useState(initialSearchText);
-	const queryKey = getFindQueryKey(searchText, {
+	const [replaceText, setReplaceText] = useState("");
+	const [replacementSummary, setReplacementSummary] = useState(null);
+	const currentResult = currentSearch === null ? null : currentSearch?.result;
+	const currentQueryKey = currentSearch?.queryKey;
+	const queryKey = createFindQueryKey(searchText, {
 		matchCase,
 		matchWholeWord
 	});
@@ -103,13 +104,24 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 	const [previousCurrentResult, setPreviousCurrentResult] = useState(currentResult);
 	if (currentResult !== previousCurrentResult) {
 		setPreviousCurrentResult(currentResult);
-		if (findResult.status === "ready" && findResult.queryKey === queryKey && currentResult !== void 0) setFindResult(currentResult ? {
+		if (findResult.status === "ready" && findResult.queryKey === queryKey && currentQueryKey === queryKey && currentResult !== void 0) setFindResult(currentResult ? {
 			status: "ready",
 			queryKey,
 			result: currentResult
 		} : { status: "cleared" });
 	}
-	const result = getQueryResult(findResult, queryKey);
+	const result = currentResult !== void 0 && currentQueryKey !== queryKey ? null : getQueryResult(findResult, queryKey);
+	useLayoutEffect(() => {
+		onQueryChange?.(searchText, {
+			matchCase,
+			matchWholeWord
+		});
+	}, [
+		onQueryChange,
+		searchText,
+		matchCase,
+		matchWholeWord
+	]);
 	const searchInputRef = useRef(null);
 	useEffect(() => {
 		const timeout = setTimeout(() => {
@@ -130,7 +142,7 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 		const searchResult = onFind(text, options);
 		setFindResult(searchResult ? {
 			status: "ready",
-			queryKey: getFindQueryKey(text, options),
+			queryKey: createFindQueryKey(text, options),
 			result: searchResult
 		} : { status: "cleared" });
 		if (searchResult?.matches && onHighlightMatches) onHighlightMatches(searchResult.matches);
@@ -166,17 +178,44 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 		matchWholeWord
 	]);
 	const handleMatchCaseChange = useCallback((value) => {
+		setReplacementSummary(null);
 		setFindResult({ status: "cleared" });
+		onQueryChange?.(searchText, {
+			matchCase: value,
+			matchWholeWord
+		});
 		onMatchCaseChange(value);
-	}, [onMatchCaseChange, setFindResult]);
+	}, [
+		onMatchCaseChange,
+		onQueryChange,
+		searchText,
+		matchWholeWord,
+		setFindResult
+	]);
 	const handleMatchWholeWordChange = useCallback((value_0) => {
+		setReplacementSummary(null);
 		setFindResult({ status: "cleared" });
+		onQueryChange?.(searchText, {
+			matchCase,
+			matchWholeWord: value_0
+		});
 		onMatchWholeWordChange(value_0);
-	}, [onMatchWholeWordChange, setFindResult]);
+	}, [
+		onMatchWholeWordChange,
+		onQueryChange,
+		searchText,
+		matchCase,
+		setFindResult
+	]);
 	const handleSearchChange = useCallback((e) => {
 		const text_0 = e.target.value;
+		setReplacementSummary(null);
 		setSearchText(text_0);
 		setFindResult({ status: "cleared" });
+		onQueryChange?.(text_0, {
+			matchCase,
+			matchWholeWord
+		});
 		if (!text_0.trim()) {
 			onFind(text_0, {
 				matchCase,
@@ -186,6 +225,7 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 		}
 	}, [
 		onFind,
+		onQueryChange,
 		matchCase,
 		matchWholeWord,
 		onClearHighlights,
@@ -283,12 +323,41 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 	const handleOverlayClick = useCallback((e_1) => {
 		if (e_1.target === e_1.currentTarget) {}
 	}, []);
+	const handleReplacementChange = useCallback((event) => {
+		setReplaceText(event.target.value);
+		setReplacementSummary(null);
+	}, []);
+	const handleReplaceCurrent = useCallback(() => {
+		setReplacementSummary(null);
+		if (onReplace(replaceText)) performSearch();
+	}, [
+		onReplace,
+		replaceText,
+		performSearch
+	]);
+	const handleReplaceAll = useCallback(() => {
+		const summary = onReplaceAll(searchText, replaceText, {
+			matchCase,
+			matchWholeWord
+		});
+		performSearch();
+		setReplacementSummary(summary);
+	}, [
+		onReplaceAll,
+		searchText,
+		replaceText,
+		matchCase,
+		matchWholeWord,
+		performSearch
+	]);
 	const handleDialogKeyDown = useCallback((e_2) => {
 		if (e_2.key === "Escape") onClose();
 	}, [onClose]);
 	if (!isOpen) return null;
 	const hasMatches = result && result.totalCount > 0;
 	const noMatches = result && result.totalCount === 0 && searchText.trim();
+	const currentMatch = result?.matches.at(result.currentIndex);
+	const canReplaceCurrent = !readOnly && currentMatch !== void 0 && replaceEligibility(currentMatch).status === "allowed";
 	const overlayStyle = getFindReplaceOverlayStyle(style);
 	const titleId = `${id}-find-replace-dialog-title`;
 	const findTextId = `${id}-find-text`;
@@ -380,6 +449,39 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 						className: "text-destructive ms-20 text-xs",
 						children: t("findReplace.noResults")
 					}),
+					replaceMode && /* @__PURE__ */ jsxs("div", {
+						className: "ms-20 flex flex-col gap-2",
+						children: [
+							/* @__PURE__ */ jsx(Input, {
+								value: replaceText,
+								onChange: handleReplacementChange,
+								"aria-label": t("findReplace.replaceText"),
+								placeholder: t("findReplace.replacePlaceholder"),
+								disabled: readOnly
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ jsx(Button, {
+									disabled: !canReplaceCurrent,
+									onClick: handleReplaceCurrent,
+									children: t("findReplace.replaceCurrent")
+								}), /* @__PURE__ */ jsx(Button, {
+									disabled: readOnly || !hasMatches,
+									onClick: handleReplaceAll,
+									children: t("findReplace.replaceAll")
+								})]
+							}),
+							replacementSummary && /* @__PURE__ */ jsx("div", {
+								role: "status",
+								"aria-live": "polite",
+								className: "text-muted-foreground text-xs",
+								children: t("findReplace.replaceAllSummary", {
+									replacedCount: String(replacementSummary.replacedCount),
+									skippedCount: String(replacementSummary.skippedCount)
+								})
+							})
+						]
+					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "ms-20 flex flex-wrap items-center gap-x-4 gap-y-2",
 						children: [/* @__PURE__ */ jsxs("label", {

package/dist/{InsertSymbolDialog-Drm40-9j.js → InsertSymbolDialog-CepZECp0.js}

@@ -120,10 +120,11 @@ function InsertSymbolDialog(t0) {
 			t6 = !search && /* @__PURE__ */ jsx("div", {
 				className: "flex flex-wrap gap-0.5",
 				children: SYMBOL_CATEGORIES.map((category_0) => {
+					const active = activeCategory === category_0.name;
 					return /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => setActiveCategory(category_0.name),
-						className: `rounded px-2 py-1 text-[11px] ${activeCategory === category_0.name ? "bg-accent text-accent-foreground font-semibold" : "text-muted-foreground hover:bg-muted"}`,
+						className: `rounded px-2 py-1 text-[11px] ${active ? "bg-accent text-accent-foreground font-semibold" : "text-muted-foreground hover:bg-muted"}`,
 						children: t(category_0.nameKey)
 					}, category_0.name);
 				})

package/dist/{TextContextMenu-DZ3AUFKh.js → TextContextMenu-DHe4vOW7.js}

@@ -367,7 +367,6 @@ const TextContextMenu = ({ isOpen, position, hasSelection, isEditable, hasClipbo
 					}
 					break;
 				}
-				default: break;
 			}
 		};
 		document.addEventListener("keydown", handleKeyDown);

package/dist/compat/eigenpal.d.ts

@@ -1,19 +1,19 @@
-import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-DsMKdbU5.js";
+import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-CZ_bTgOh.js";
 import { ReactNode } from "react";
 import { CreateEmptyDocumentOptions, createDocumentWithText, createEmptyDocument } from "@stll/folio-core/utils/createDocument";
 //#region src/compat/eigenpal.d.ts
-declare const VERSION = "folio-compat-eigenpal";
+export declare const VERSION = "folio-compat-eigenpal";
 type LegacyTranslations = {
   _lang?: string;
 };
-type LocaleCode = "en" | "de" | "fr" | "he" | "hi" | "pl" | "pt-BR" | "tr" | "zh-CN";
-type LocaleProviderProps = {
+export type LocaleCode = "en" | "de" | "fr" | "he" | "hi" | "pl" | "pt-BR" | "tr" | "zh-CN";
+export type LocaleProviderProps = {
   children?: ReactNode | undefined;
   i18n?: LegacyTranslations | undefined;
   locale?: string | undefined;
 };
-type TFunction = (key: string, vars?: Record<string, string | number>) => string;
-type LegacyDocxEditorProps = DocxEditorProps & {
+export type TFunction = (key: string, vars?: Record<string, string | number>) => string;
+export type LegacyDocxEditorProps = DocxEditorProps & {
   agentPanel?: unknown;
   colorMode?: "light" | "dark" | "system";
   commentsSidebarOpen?: boolean;
@@ -43,39 +43,39 @@ type LegacyDocxEditorProps = DocxEditorProps & {
   showOutlineButton?: boolean;
   watermarkPresets?: readonly string[];
 };
-declare const en: {
+export declare const en: {
   _lang: string;
 };
-declare const de: {
+export declare const de: {
   _lang: string;
 };
-declare const fr: {
+export declare const fr: {
   _lang: string;
 };
-declare const he: {
+export declare const he: {
   _lang: string;
 };
-declare const hi: {
+export declare const hi: {
   _lang: string;
 };
-declare const pl: {
+export declare const pl: {
   _lang: string;
 };
-declare const ptBR: {
+export declare const ptBR: {
   _lang: string;
 };
-declare const tr: {
+export declare const tr: {
   _lang: string;
 };
-declare const zhCN: {
+export declare const zhCN: {
   _lang: string;
 };
-declare const locales: Record<LocaleCode, LegacyTranslations>;
-declare const LocaleProvider: ({ children, i18n, locale }: LocaleProviderProps) => import("react").JSX.Element;
-declare const useTranslation: () => {
+export declare const locales: Record<LocaleCode, LegacyTranslations>;
+export declare const LocaleProvider: ({ children, i18n, locale }: LocaleProviderProps) => import("react").JSX.Element;
+export declare const useTranslation: () => {
   t: TFunction;
 };
-declare const DocxEditor: import("react").ForwardRefExoticComponent<DocxEditorProps & {
+export declare const DocxEditor: import("react").ForwardRefExoticComponent<DocxEditorProps & {
   agentPanel?: unknown;
   colorMode?: "light" | "dark" | "system";
   commentsSidebarOpen?: boolean;
@@ -106,4 +106,4 @@ declare const DocxEditor: import("react").ForwardRefExoticComponent<DocxEditorPr
   watermarkPresets?: readonly string[];
 } & import("react").RefAttributes<DocxEditorRef>>;
 //#endregion
-export { type CreateEmptyDocumentOptions, DocxEditor, type DocxEditorHandle, type DocxEditorRef, type EditorHandle, LegacyDocxEditorProps, LocaleCode, LocaleProvider, LocaleProviderProps, type RenderAsyncOptions, TFunction, VERSION, createDocumentWithText, createEmptyDocument, de, en, fr, he, hi, locales, pl, ptBR, renderAsync, tr, useTranslation, zhCN };
+export { type CreateEmptyDocumentOptions, type DocxEditorHandle, type DocxEditorRef, type EditorHandle, type RenderAsyncOptions, createDocumentWithText, createEmptyDocument, renderAsync };

package/dist/compat/eigenpal.js

@@ -1,4 +1,4 @@
-import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-D3Bxr14I.js";
+import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-CXgKj7iM.js";
 import { t as messages_exports } from "../messages.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

package/dist/{dialogs-BENP66Ly.d.ts → dialogs-CMAVdDEV.d.ts}

@@ -1,7 +1,7 @@
 import React, { CSSProperties } from "react";
 import { EndnoteProperties, FootnoteProperties, SectionProperties } from "@stll/folio-core/types/document";
+import { FindMatch as FindMatch$1, FindOptions as FindOptions$1, FindResult as FindResult$1, ReplaceAllSummary } from "@stll/folio-core/utils/findReplace";
 import { TablePropertiesCommand } from "@stll/folio-core/utils/tableOperations";
-import { FindMatch, FindOptions, FindResult } from "@stll/folio-core/utils/findReplace";
 import { Watermark } from "@stll/folio-core/watermark";
 //#region src/components/dialogs/FindReplaceDialog.d.ts
 /**
@@ -13,25 +13,31 @@ type FindReplaceDialogProps = {
   /** Callback when dialog is closed */
   onClose: () => void;
   /** Callback when searching for text */
-  onFind: (searchText: string, options: FindOptions) => FindResult | null;
+  onFind: (searchText: string, options: FindOptions$1) => FindResult$1 | null;
+  /** Publish edits immediately, before the delayed search. */
+  onQueryChange?: (searchText: string, options: FindOptions$1) => void;
   /** Callback when navigating to next match */
-  onFindNext: () => FindMatch | null;
+  onFindNext: () => FindMatch$1 | null;
   /** Callback when navigating to previous match */
-  onFindPrevious: () => FindMatch | null;
+  onFindPrevious: () => FindMatch$1 | null;
   /** Callback when replacing current match */
   onReplace: (replaceText: string) => boolean;
   /** Callback when replacing all matches */
-  onReplaceAll: (searchText: string, replaceText: string, options: FindOptions) => number;
+  onReplaceAll: (searchText: string, replaceText: string, options: FindOptions$1) => ReplaceAllSummary;
+  readOnly?: boolean;
   /** Callback to highlight matches in document */
-  onHighlightMatches?: (matches: FindMatch[]) => void;
+  onHighlightMatches?: (matches: FindMatch$1[]) => void;
   /** Callback to clear highlights */
   onClearHighlights?: () => void;
   /** Initial search text (e.g., from selected text) */
   initialSearchText?: string;
   /** Whether to start in replace mode */
   replaceMode?: boolean;
-  /** Current match result (from external state) */
-  currentResult?: FindResult | null;
+  /** External result paired with the query that produced it. */
+  currentSearch?: {
+    queryKey: string;
+    result: FindResult$1;
+  } | null;
   /** Additional CSS class */
   className?: string;
   /** Additional inline styles */

package/dist/dialogs.d.ts

@@ -1,2 +1,2 @@
-import { A as HyperlinkDialog, C as ImagePropertiesData, D as ImagePositionDialog, E as ImagePositionData, F as FindReplaceDialog, I as FindReplaceDialogProps, M as HyperlinkDialogProps, N as FootnotePropertiesDialog, O as ImagePositionDialogProps, P as FootnotePropertiesDialogProps, S as InsertImageDialogProps, T as ImagePropertiesDialogProps, _ as InsertTableStyleOption, a as TablePropertiesDialogProps, b as InsertImageDialog, c as SplitCellDialogProps, d as PasteSpecialMode, f as PageSetupDialog, g as InsertTableDialogProps, h as InsertTableDialogData, i as TablePropertiesDialog, j as HyperlinkDialogData, k as HyperlinkBookmarkOption, l as PasteSpecialDialog, m as InsertTableDialog, n as WatermarkDialogProps, o as SplitCellDialog, p as PageSetupDialogProps, r as TableProperties, s as SplitCellDialogData, t as WatermarkDialog, u as PasteSpecialDialogProps, v as InsertSymbolDialog, w as ImagePropertiesDialog, x as InsertImageDialogData, y as InsertSymbolDialogProps } from "./dialogs-BENP66Ly.js";
+import { A as HyperlinkDialog, C as ImagePropertiesData, D as ImagePositionDialog, E as ImagePositionData, F as FindReplaceDialog, I as FindReplaceDialogProps, M as HyperlinkDialogProps, N as FootnotePropertiesDialog, O as ImagePositionDialogProps, P as FootnotePropertiesDialogProps, S as InsertImageDialogProps, T as ImagePropertiesDialogProps, _ as InsertTableStyleOption, a as TablePropertiesDialogProps, b as InsertImageDialog, c as SplitCellDialogProps, d as PasteSpecialMode, f as PageSetupDialog, g as InsertTableDialogProps, h as InsertTableDialogData, i as TablePropertiesDialog, j as HyperlinkDialogData, k as HyperlinkBookmarkOption, l as PasteSpecialDialog, m as InsertTableDialog, n as WatermarkDialogProps, o as SplitCellDialog, p as PageSetupDialogProps, r as TableProperties, s as SplitCellDialogData, t as WatermarkDialog, u as PasteSpecialDialogProps, v as InsertSymbolDialog, w as ImagePropertiesDialog, x as InsertImageDialogData, y as InsertSymbolDialogProps } from "./dialogs-CMAVdDEV.js";
 export { FindReplaceDialog, type FindReplaceDialogProps, FootnotePropertiesDialog, type FootnotePropertiesDialogProps, type HyperlinkBookmarkOption, HyperlinkDialog, type HyperlinkDialogData, type HyperlinkDialogProps, type ImagePositionData, ImagePositionDialog, type ImagePositionDialogProps, type ImagePropertiesData, ImagePropertiesDialog, type ImagePropertiesDialogProps, InsertImageDialog, type InsertImageDialogData, type InsertImageDialogProps, InsertSymbolDialog, type InsertSymbolDialogProps, InsertTableDialog, type InsertTableDialogData, type InsertTableDialogProps, type InsertTableStyleOption, PageSetupDialog, type PageSetupDialogProps, PasteSpecialDialog, type PasteSpecialDialogProps, type PasteSpecialMode, SplitCellDialog, type SplitCellDialogData, type SplitCellDialogProps, type TableProperties, TablePropertiesDialog, type TablePropertiesDialogProps, WatermarkDialog, type WatermarkDialogProps };

package/dist/dialogs.js

@@ -1,9 +1,9 @@
-import { t as FindReplaceDialog } from "./FindReplaceDialog-CUd8xdgd.js";
+import { t as FindReplaceDialog } from "./FindReplaceDialog-C3njN6OI.js";
 import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-BEs7N62_.js";
 import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-DGrcp10A.js";
 import { t as ImagePositionDialog } from "./ImagePositionDialog-Oap9knQ-.js";
 import { t as ImagePropertiesDialog } from "./ImagePropertiesDialog-lLMKHv0u.js";
-import { t as InsertSymbolDialog } from "./InsertSymbolDialog-Drm40-9j.js";
+import { t as InsertSymbolDialog } from "./InsertSymbolDialog-CepZECp0.js";
 import { t as PageSetupDialog } from "./PageSetupDialog-DTWCdPkX.js";
 import { t as TablePropertiesDialog } from "./TablePropertiesDialog-uSTmyEcu.js";
 export { FindReplaceDialog, FootnotePropertiesDialog, HyperlinkDialog, ImagePositionDialog, ImagePropertiesDialog, InsertImageDialog, InsertSymbolDialog, InsertTableDialog, PageSetupDialog, PasteSpecialDialog, SplitCellDialog, TablePropertiesDialog, WatermarkDialog };

package/dist/i18n/messages/ar.js

@@ -1,2 +1 @@
-import ar_default, { messages } from "@stll/folio-core/i18n/messages/ar";
-export { ar_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/ar";

package/dist/i18n/messages/cs.js

@@ -1,2 +1 @@
-import cs_default, { messages } from "@stll/folio-core/i18n/messages/cs";
-export { cs_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/cs";

package/dist/i18n/messages/de.js

@@ -1,2 +1 @@
-import de_default, { messages } from "@stll/folio-core/i18n/messages/de";
-export { de_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/de";

package/dist/i18n/messages/en.js

@@ -1,2 +1 @@
-import en_default, { messages } from "@stll/folio-core/i18n/messages/en";
-export { en_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/en";

package/dist/i18n/messages/es.js

@@ -1,2 +1 @@
-import es_default, { messages } from "@stll/folio-core/i18n/messages/es";
-export { es_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/es";

package/dist/i18n/messages/et.js

@@ -1,2 +1 @@
-import et_default, { messages } from "@stll/folio-core/i18n/messages/et";
-export { et_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/et";

package/dist/i18n/messages/fr.js

@@ -1,2 +1 @@
-import fr_default, { messages } from "@stll/folio-core/i18n/messages/fr";
-export { fr_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/fr";

package/dist/i18n/messages/he.js

@@ -1,2 +1 @@
-import he_default, { messages } from "@stll/folio-core/i18n/messages/he";
-export { he_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/he";

package/dist/i18n/messages/hi.js

@@ -1,2 +1 @@
-import hi_default, { messages } from "@stll/folio-core/i18n/messages/hi";
-export { hi_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/hi";

package/dist/i18n/messages/hu.js

@@ -1,2 +1 @@
-import hu_default, { messages } from "@stll/folio-core/i18n/messages/hu";
-export { hu_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/hu";

package/dist/i18n/messages/locales.js

@@ -1,2 +1 @@
-import { FOLIO_LOCALES } from "@stll/folio-core/i18n/messages/locales";
-export { FOLIO_LOCALES };
+export { FOLIO_LOCALES } from "@stll/folio-core/i18n/messages/locales";

package/dist/i18n/messages/lt.js

@@ -1,2 +1 @@
-import lt_default, { messages } from "@stll/folio-core/i18n/messages/lt";
-export { lt_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/lt";

package/dist/i18n/messages/lv.js

@@ -1,2 +1 @@
-import lv_default, { messages } from "@stll/folio-core/i18n/messages/lv";
-export { lv_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/lv";

package/dist/i18n/messages/pl.js

@@ -1,2 +1 @@
-import pl_default, { messages } from "@stll/folio-core/i18n/messages/pl";
-export { pl_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/pl";

package/dist/i18n/messages/pt-BR.js

@@ -1,2 +1 @@
-import pt_BR_default, { messages } from "@stll/folio-core/i18n/messages/pt-BR";
-export { pt_BR_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/pt-BR";

package/dist/i18n/messages/sk.js

@@ -1,2 +1 @@
-import sk_default, { messages } from "@stll/folio-core/i18n/messages/sk";
-export { sk_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/sk";

package/dist/i18n/messages/tr.js

@@ -1,2 +1 @@
-import tr_default, { messages } from "@stll/folio-core/i18n/messages/tr";
-export { tr_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/tr";

package/dist/i18n/messages/zh-CN.js

@@ -1,2 +1 @@
-import zh_CN_default, { messages } from "@stll/folio-core/i18n/messages/zh-CN";
-export { zh_CN_default as default, messages };
+export { default, messages } from "@stll/folio-core/i18n/messages/zh-CN";