@stll/folio-react 0.10.1 → 0.10.2

package/dist/{CommentsSidebar-Bopn32H9.js → CommentsSidebar-DOSa22AJ.js}

@@ -1,4 +1,4 @@
-import { d as containedHandler } from "./renderAsync-a7G-ZAcV.js";
+import { d as containedHandler } from "./renderAsync-CLAjsAP6.js";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { CheckIcon, MoreVerticalIcon } from "lucide-react";
 import { useLocale, useTranslations } from "use-intl";

package/dist/compat/eigenpal.js

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

package/dist/{dialogs-DK8OVUT_.d.ts → dialogs-auOIiNGI.d.ts}

@@ -1,35 +1,8 @@
 import React, { CSSProperties } from "react";
-import { Document, EndnoteProperties, FootnoteProperties, SectionProperties } from "@stll/folio-core/types/document";
+import { EndnoteProperties, FootnoteProperties, SectionProperties } from "@stll/folio-core/types/document";
+import { FindMatch, FindOptions, FindResult } from "@stll/folio-core/utils/findReplace";
 import { Watermark } from "@stll/folio-core/watermark";
 
-//#region src/components/dialogs/findReplaceUtils.d.ts
-/**
- * A single match result in the document
- */
-type FindMatch = {
-  /** Index of the paragraph containing the match */paragraphIndex: number; /** Index of the run/content within the paragraph */
-  contentIndex: number; /** Character offset within the content */
-  startOffset: number; /** Character offset for end of match */
-  endOffset: number; /** The matched text */
-  text: string;
-};
-/**
- * Find options for controlling search behavior
- */
-type FindOptions = {
-  /** Whether to match case */matchCase: boolean; /** Whether to match whole words only */
-  matchWholeWord: boolean; /** Whether to use regular expressions (future) */
-  useRegex?: boolean;
-};
-/**
- * Find result with all matches
- */
-type FindResult = {
-  /** All matches found */matches: FindMatch[]; /** Total match count */
-  totalCount: number; /** Current match index (0-based) */
-  currentIndex: number;
-};
-//#endregion
 //#region src/components/dialogs/FindReplaceDialog.d.ts
 /**
  * Props for the FindReplaceDialog component

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-DK8OVUT_.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-auOIiNGI.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/index.d.ts

@@ -1,5 +1,5 @@
 import { _ as FontDefinition, a as DocxEditorApplyDocumentOperationsOptions, c as DocxEditorRef, d as FontOption, f as ColorPreset, g as OutlineItem, h as FolioUIProvider, i as renderAsync, l as ToolbarProps, m as FolioUIComponents, n as EditorHandle, o as DocxEditorCollaboration, p as FolioButtonProps, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle, u as EditorMode } from "./renderAsync-7RA6LEtu.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-DK8OVUT_.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-auOIiNGI.js";
 import React, { CSSProperties, ReactNode, RefObject } from "react";
 import { CreateEmptyDocumentOptions, createEmptyDocument } from "@stll/folio-core/utils/createDocument";
 import { FolioAIBlock, FolioAIBlockAnchor, FolioAIBlockKind, FolioAIBlockPreviewRun, FolioAIComment, FolioAIEditAppliedOperation, FolioAIEditApplyMode, FolioAIEditApplyResult, FolioAIEditOperation, FolioAIEditReviewMeta, FolioAIEditSeverity, FolioAIEditSkipReason, FolioAIEditSkippedOperation, FolioAIEditSnapshot, FolioAISignatureParty, WordDiffSegment, applyFolioAIEditOperations, createFolioAIEditSnapshot, diffWordSegments, hashFolioAIBlockText, normalizeFolioAIBlockText } from "@stll/folio-core/ai-edits";

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as formatZoom, c as FormattingBar, i as clampZoom, l as ZoomControl, n as DocxEditor, o as parseZoom, r as ZOOM_PRESETS, s as useWheelZoom, t as renderAsync, u as AutocompleteCaretOverlay } from "./renderAsync-a7G-ZAcV.js";
+import { a as formatZoom, c as FormattingBar, i as clampZoom, l as ZoomControl, n as DocxEditor, o as parseZoom, r as ZOOM_PRESETS, s as useWheelZoom, t as renderAsync, u as AutocompleteCaretOverlay } from "./renderAsync-CLAjsAP6.js";
 import { n as FolioUIProvider } from "./folio-ui-BgDDRsUX.js";
 import { t as FindReplaceDialog } from "./FindReplaceDialog-CqKK82nE.js";
 import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-CixRdIiT.js";

package/dist/{renderAsync-a7G-ZAcV.js → renderAsync-CLAjsAP6.js}

@@ -36,14 +36,9 @@ import { formatPx, pixelsToTwips, pointsToHalfPoints, twipsToPixels } from "@stl
 import { HistoryManager, classifyHistoryShortcut } from "@stll/folio-core/managers/HistoryManager";
 import { TableSelectionManager } from "@stll/folio-core/managers/TableSelectionManager";
 import { createPortal } from "react-dom";
-import { EditorState, NodeSelection, Selection, TextSelection as TextSelection$1 } from "prosemirror-state";
+import { NodeSelection, Selection, TextSelection as TextSelection$1 } from "prosemirror-state";
 import { CellSelection } from "prosemirror-tables";
-import { EditorView } from "prosemirror-view";
-import { headerFooterToProseDoc } from "@stll/folio-core/prosemirror/conversion/toProseDoc";
-import { ensureBaseDirectionInState } from "@stll/folio-core/prosemirror/extensions/features/AutoBidiDetectionExtension";
-import { ensureParaIdsInState } from "@stll/folio-core/prosemirror/extensions/features/ParaIdAllocatorExtension";
-import { createDocumentStylesPlugin } from "@stll/folio-core/prosemirror/plugins/documentStyles";
-import { schema as schema$1 } from "@stll/folio-core/prosemirror/schema";
+import { createHeaderFooterEditorManager } from "@stll/folio-core/controller/headerFooterEditorManager";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createFolioEditor } from "@stll/folio-core/controller/folioEditor";
 import { createFolioEditorEmitter } from "@stll/folio-core/controller/folioEditorEvents";
@@ -80,9 +75,11 @@ import { expectImageAttrs, expectTableAttrs, expectTableCellAttrs, mergeImageAtt
 import { extractEmbeddedFonts } from "@stll/folio-core/fonts/embeddedFonts";
 import { panic } from "better-result";
 import { collectRemoteSelections, createHiddenEditorManager, createHiddenEditorState } from "@stll/folio-core/controller/hiddenEditorManager";
+import { loadCollaborationModules } from "@stll/folio-core/controller/collaborationModules";
 import { clampRangeToDocSize, resolveFolioAIBlockRange, resolveFolioAITextRange } from "@stll/folio-core/ai-edits/blockRange";
 import { getPageTextFromLayout } from "@stll/folio-core/paged-layout/pageText";
 import { CONTENT_CONTROL_WIDGET_EVENT_NAME, dispatchDatePick, dispatchDropdownPick } from "@stll/folio-core/prosemirror/plugins/contentControlWidgets";
+import { createDefaultFindOptions, findInDocument } from "@stll/folio-core/utils/findReplace";
 import { ErrorManager } from "@stll/folio-core/managers/ErrorManager";
 import { ContextMenuManager } from "@stll/folio-core/managers/ContextMenuManager";
 import { DocumentLoaderManager } from "@stll/folio-core/managers/DocumentLoaderManager";
@@ -311,54 +308,7 @@ function useTableSelection(t0) {
 }
 //#endregion
 //#region src/components/HiddenHeaderFooterPMs.tsx
-/**
-* HiddenHeaderFooterPMs — persistent off-screen ProseMirror EditorViews for
-* every distinct header/footer part in the loaded document.
-*
-* Mounts one hidden EditorView per distinct HF `rId` from
-* `Document.package.headers ∪ Document.package.footers`. The views never
-* become the visible HF renderer — the painter is the sole visible HF
-* renderer in both edit and non-edit modes. The persistent views own the
-* source of truth for HF content while the document is loaded; the
-* painter reads each rId's `view.state.doc` through
-* `convertHeaderFooterPmDocToContent`.
-*
-* Slot keying is by `rId`, NOT by `(hdrFtrType, kind)` — two sections that
-* share a header by referencing the same `rId` (ECMA-376 §17.10.1
-* sharing-by-reference) share one EditorView, so an edit on any painted
-* instance propagates to every painted instance in one layout pass.
-*
-* Unlike upstream's in-place `hf.content` mutation, folio's history-immutable
-* model surfaces every transaction through `onTransaction`; the parent
-* (`useHeaderFooterEditor` / `DocxEditor`) is the only place that pushes
-* Document changes through history.
-*/
-function buildInitialState(hf, styles, theme, mgr) {
-	const proseDocOptions = {};
-	if (styles) proseDocOptions.styles = styles;
-	if (theme !== void 0) proseDocOptions.theme = theme;
-	const pmDoc = headerFooterToProseDoc(hf.content, proseDocOptions);
-	const styleResolverPlugin = createDocumentStylesPlugin(styles);
-	return ensureBaseDirectionInState(ensureParaIdsInState(EditorState.create({
-		doc: pmDoc,
-		schema: schema$1,
-		plugins: [...mgr.getPlugins(), styleResolverPlugin]
-	})));
-}
-function enumerateHfSlotsFromParts({ headers, footers }) {
-	const out = [];
-	if (headers) for (const rId of headers.keys()) out.push({
-		rId,
-		kind: "header"
-	});
-	if (footers) {
-		for (const rId of footers.keys()) if (!headers || !headers.has(rId)) out.push({
-			rId,
-			kind: "footer"
-		});
-	}
-	return out;
-}
+/** Thin React binding for core's persistent header/footer editor manager. */
 const HOST_STYLES = {
 	position: "fixed",
 	left: -9999,
@@ -368,105 +318,41 @@ const HOST_STYLES = {
 	pointerEvents: "none"
 };
 const HiddenHeaderFooterPMs = memo(forwardRef(function HiddenHeaderFooterPMs({ document, styles, theme, onTransaction }, ref) {
-	const onTransactionRef = useRef(onTransaction);
-	onTransactionRef.current = onTransaction;
 	const hostRef = useRef(null);
-	const mountedRef = useRef(/* @__PURE__ */ new Map());
-	const managersRef = useRef(/* @__PURE__ */ new Map());
 	const documentRef = useRef(document);
+	const stylesRef = useRef(styles);
+	const themeRef = useRef(theme);
+	const onTransactionRef = useRef(onTransaction);
 	documentRef.current = document;
-	const resolveHf = useCallback((rId, kind) => {
-		const pkg = documentRef.current?.package;
-		if (!pkg) return null;
-		return (kind === "header" ? pkg.headers : pkg.footers)?.get(rId) ?? null;
-	}, []);
+	stylesRef.current = styles;
+	themeRef.current = theme;
+	onTransactionRef.current = onTransaction;
+	const managerRef = useRef(null);
+	managerRef.current ??= createHeaderFooterEditorManager({
+		getHost: () => hostRef.current,
+		getDocument: () => documentRef.current,
+		getStyles: () => stylesRef.current,
+		getTheme: () => themeRef.current,
+		onTransaction: ({ rId, kind, view, docChanged, selectionChanged }) => {
+			onTransactionRef.current?.(rId, kind, view, docChanged, selectionChanged);
+		}
+	});
 	const headers = document?.package.headers;
 	const footers = document?.package.footers;
-	const slots = useMemo(() => enumerateHfSlotsFromParts({
-		headers,
-		footers
-	}), [headers, footers]);
 	useEffect(() => {
-		if (!hostRef.current) return;
-		const host = hostRef.current;
-		const want = new Map(slots.map((s) => [s.rId, s]));
-		const have = mountedRef.current;
-		for (const [rId_0, mounted] of have) if (!want.has(rId_0)) {
-			mounted.view.destroy();
-			mounted.mountNode.remove();
-			have.delete(rId_0);
-			managersRef.current.delete(rId_0);
-		}
-		for (const slot of slots) {
-			const hf = resolveHf(slot.rId, slot.kind);
-			if (!hf) continue;
-			const existing = have.get(slot.rId);
-			if (existing) {
-				if (existing.appliedHf === hf && existing.appliedContent === hf.content) continue;
-				const mgr = managersRef.current.get(slot.rId);
-				if (!mgr) continue;
-				const newState = buildInitialState(hf, styles, theme, mgr);
-				existing.view.updateState(newState);
-				existing.appliedHf = hf;
-				existing.appliedContent = hf.content;
-				continue;
-			}
-			const mgr_0 = new ExtensionManager(createStarterKit());
-			mgr_0.buildSchema();
-			mgr_0.initializeRuntime();
-			managersRef.current.set(slot.rId, mgr_0);
-			const node = host.ownerDocument.createElement("div");
-			node.dataset["hfRId"] = slot.rId;
-			node.dataset["hfKind"] = slot.kind;
-			host.append(node);
-			const state = buildInitialState(hf, styles, theme, mgr_0);
-			const slotRId = slot.rId;
-			const slotKind = slot.kind;
-			const view = new EditorView(node, {
-				state,
-				dispatchTransaction(tr) {
-					const newState_0 = view.state.apply(tr);
-					view.updateState(newState_0);
-					onTransactionRef.current?.(slotRId, slotKind, view, tr.docChanged, tr.selectionSet);
-				}
-			});
-			have.set(slot.rId, {
-				rId: slot.rId,
-				kind: slot.kind,
-				view,
-				mountNode: node,
-				appliedHf: hf,
-				appliedContent: hf.content
-			});
-		}
+		managerRef.current?.sync();
 	}, [
-		slots,
-		resolveHf,
+		headers,
+		footers,
 		styles,
 		theme
 	]);
-	useEffect(() => {
-		const have_0 = mountedRef.current;
-		const mgrs = managersRef.current;
-		return () => {
-			for (const { view: view_0, mountNode } of have_0.values()) {
-				view_0.destroy();
-				mountNode.remove();
-			}
-			have_0.clear();
-			mgrs.clear();
-		};
+	useEffect(() => () => {
+		managerRef.current?.destroy();
 	}, []);
 	useImperativeHandle(ref, () => ({
-		getView(rId_1) {
-			return mountedRef.current.get(rId_1)?.view ?? null;
-		},
-		listSlots() {
-			return [...mountedRef.current.values()].map(({ rId: rId_2, kind: kind_0 }) => ({
-				rId: rId_2,
-				kind: kind_0
-			}));
-		}
+		getView: (rId) => managerRef.current?.getView(rId) ?? null,
+		listSlots: () => managerRef.current?.listSlots() ?? []
 	}), []);
 	return /* @__PURE__ */ jsx("div", {
 		ref: hostRef,
@@ -923,17 +809,6 @@ async function loadHostFontFaces(fonts) {
 * so that ProseMirror's internal measurements stay valid.
 */
 const EMPTY_EXTERNAL_PLUGINS = [];
-let collaborationModulesPromise = null;
-const loadCollaborationModules = () => {
-	collaborationModulesPromise ??= Promise.all([import("y-prosemirror"), import("yjs")]).then(([yProseMirror, yjs]) => ({
-		yProseMirror,
-		yjs
-	})).catch((error) => {
-		collaborationModulesPromise = null;
-		throw error;
-	});
-	return collaborationModulesPromise;
-};
 /**
 * Hidden wrapper styles - visually hidden, focus-safe scroll isolation.
 *
@@ -6968,209 +6843,13 @@ function ContentControlDropdownItem(t0) {
 }
 //#endregion
 //#region src/components/dialogs/findReplaceUtils.ts
-/**
-* Find & Replace Utility Functions
-*
-* Pure utility functions for text search, pattern matching, and document search.
-* Extracted from FindReplaceDialog.tsx.
-*/
-/**
-* Create default find options
-*/
-function createDefaultFindOptions() {
-	return {
-		matchCase: false,
-		matchWholeWord: false,
-		useRegex: false
-	};
-}
-/**
-* Find all matches of search text in content
-*/
-function findAllMatches(content, searchText, options) {
-	if (!content || !searchText) return [];
-	const matches = [];
-	let searchFor = searchText;
-	if (!options.matchCase) searchFor = searchText.toLowerCase();
-	const escapeRegex = (str) => str.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&");
-	let pattern;
-	if (options.matchWholeWord) pattern = `\\b${escapeRegex(searchFor)}\\b`;
-	else pattern = escapeRegex(searchFor);
-	const flags = options.matchCase ? "g" : "gi";
-	const regex = new RegExp(pattern, flags);
-	let match;
-	while ((match = regex.exec(content)) !== null) {
-		matches.push({
-			start: match.index,
-			end: match.index + match[0].length
-		});
-		if (match[0].length === 0) regex.lastIndex++;
-	}
-	return matches;
-}
-/**
-* Get plain text from a run
-*/
-function getRunText(run) {
-	let text = "";
-	for (const item of run.content) if (item.type === "text") text += item.text;
-	else if (item.type === "tab") text += "	";
-	else if (item.type === "break" && item.breakType === "textWrapping") text += "\n";
-	return text;
-}
-function getHyperlinkText(hyperlink) {
-	let text = "";
-	for (const child of hyperlink.children) if (child.type === "run") text += getRunText(child);
-	return text;
-}
-function getParagraphContentText(content) {
-	if (content.type === "run") return getRunText(content);
-	if (content.type === "hyperlink") return getHyperlinkText(content);
-	if (content.type === "inlineSdt") {
-		let text = "";
-		for (const child of content.content) text += getParagraphContentText(child);
-		return text;
-	}
-	if (content.type === "simpleField") {
-		let text = "";
-		for (const child of content.content) {
-			if (child.type === "run") {
-				text += getRunText(child);
-				continue;
-			}
-			text += getHyperlinkText(child);
-		}
-		return text;
-	}
-	if (content.type === "complexField") {
-		let text = "";
-		for (const run of content.fieldResult) text += getRunText(run);
-		return text;
-	}
-	return "";
-}
-/**
-* Get plain text from a paragraph
-*/
-function getParagraphPlainText(paragraph) {
-	let text = "";
-	for (const item of paragraph.content) text += getParagraphContentText(item);
-	return text;
-}
-/**
-* Find all matches in a document
-*/
-function findInDocument(document, searchText, options) {
-	if (!document || !searchText) return [];
-	const matches = [];
-	const body = document.package.document;
-	if (!isDocumentBody(body)) return matches;
-	forEachParagraph(body.content, (block, paragraphIndex) => {
-		const paragraphMatches = findInParagraph(block, searchText, options, paragraphIndex);
-		matches.push(...paragraphMatches);
-	});
-	return matches;
-}
-function forEachParagraph(blocks, visit) {
-	let paragraphIndex = 0;
-	const walkBlocks = (items) => {
-		for (const block of items) {
-			if (isParagraph(block)) {
-				visit(block, paragraphIndex);
-				paragraphIndex++;
-				continue;
-			}
-			if (isTable(block)) {
-				walkTable(block);
-				continue;
-			}
-			if (isBlockSdt(block)) walkBlocks(block.content);
-		}
-	};
-	const walkTable = (table) => {
-		for (const row of table.rows) {
-			if (!isTableRow(row)) continue;
-			for (const cell of row.cells) {
-				if (!isTableCell(cell)) continue;
-				walkBlocks(cell.content);
-			}
-		}
-	};
-	walkBlocks(blocks);
-}
-function isRecord(value) {
-	return typeof value === "object" && value !== null;
-}
-function isDocumentBody(value) {
-	return isRecord(value) && Array.isArray(value["content"]);
-}
-function isParagraph(value) {
-	return isRecord(value) && value["type"] === "paragraph" && Array.isArray(value["content"]);
-}
-function isTable(value) {
-	return isRecord(value) && value["type"] === "table" && Array.isArray(value["rows"]);
-}
-function isTableRow(value) {
-	return isRecord(value) && Array.isArray(value["cells"]);
-}
-function isTableCell(value) {
-	return isRecord(value) && Array.isArray(value["content"]);
-}
-function isBlockSdt(value) {
-	return isRecord(value) && value["type"] === "blockSdt" && Array.isArray(value["content"]);
-}
-/**
-* Find matches in a single paragraph
-*/
-function findInParagraph(paragraph, searchText, options, paragraphIndex) {
-	const matches = [];
-	const paragraphText = getParagraphPlainText(paragraph);
-	if (!paragraphText) return matches;
-	const textMatches = findAllMatches(paragraphText, searchText, options);
-	for (const match of textMatches) {
-		const contentInfo = findContentAtOffset(paragraph, match.start);
-		matches.push({
-			paragraphIndex,
-			contentIndex: contentInfo.contentIndex,
-			startOffset: match.start,
-			endOffset: match.end,
-			text: paragraphText.slice(match.start, match.end)
-		});
-	}
-	return matches;
-}
-/**
-* Find the content (run) at a specific character offset in a paragraph
-*/
-function findContentAtOffset(paragraph, offset) {
-	let currentOffset = 0;
-	let contentIndex = 0;
-	for (const item of paragraph.content) {
-		const itemLength = getParagraphContentText(item).length;
-		if (currentOffset + itemLength > offset) return {
-			contentIndex,
-			runIndex: contentIndex,
-			offsetInContent: offset - currentOffset
-		};
-		currentOffset += itemLength;
-		contentIndex++;
-	}
-	return {
-		contentIndex: Math.max(0, paragraph.content.length - 1),
-		runIndex: Math.max(0, paragraph.content.length - 1),
-		offsetInContent: 0
-	};
-}
-/**
-* Scroll to a match in the document
-*/
-function scrollToMatch(containerElement, match) {
+const scrollToMatch = (containerElement, match) => {
 	if (!containerElement) return;
 	(containerElement.querySelector(`[data-paragraph-index="${match.paragraphIndex}"]`) ?? containerElement.querySelector(`.layout-paragraph[data-block-id="block-${match.paragraphIndex + 1}"]`) ?? containerElement.querySelectorAll(".layout-paragraph").item(match.paragraphIndex)).scrollIntoView({
 		behavior: prefersReducedMotionBehavior(),
 		block: "center"
 	});
-}
+};
 //#endregion
 //#region src/components/dialogs/useFindReplace.ts
 /**
@@ -12164,7 +11843,7 @@ function useFolioComments({ doc, autoOpenReviewSidebar, anchorPositions, editorC
 * - Error boundary
 * - Loading states
 */
-const CommentsSidebar = lazy(() => import("./CommentsSidebar-Bopn32H9.js").then((m) => ({ default: m.CommentsSidebar })));
+const CommentsSidebar = lazy(() => import("./CommentsSidebar-DOSa22AJ.js").then((m) => ({ default: m.CommentsSidebar })));
 const TextContextMenu = lazy(() => import("./TextContextMenu-Ci7-M4oU.js").then((m) => ({ default: m.TextContextMenu })));
 const loadAttemptSelectiveSave = async () => {
 	const { attemptSelectiveSave } = await import("@stll/folio-core/docx/selectiveSave");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/folio-react",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "React editor for folio: a Word-document (.docx) editor for the browser, built on @stll/folio-core and ProseMirror.",
   "keywords": [
     "document-editor",