@stll/folio-react 0.16.4 → 0.16.5

package/dist/{CommentsSidebar-BcM4a3qD.js → CommentsSidebar-DsY20BSs.js}

@@ -1,4 +1,4 @@
-import { d as containedHandler } from "./renderAsync--zG_WoQH.js";
+import { d as containedHandler } from "./renderAsync-D5MafItf.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--zG_WoQH.js";
+import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-D5MafItf.js";
 import { t as messages_exports } from "../messages.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

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--zG_WoQH.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-D5MafItf.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--zG_WoQH.js → renderAsync-D5MafItf.js}

@@ -8,6 +8,7 @@ import { closeHistory, redo, undo } from "prosemirror-history";
 import { IntlProvider, useTranslations } from "use-intl";
 import { FOLIO_DOCUMENT_OPERATION_CONTRACT_VERSION, applyFolioDocumentOperations, assertSupportedFolioDocumentOperationVersion, createFolioAIEditSnapshot, getCommentAnchorsFromDoc, getFolioDocumentOperationIssues, getTrackedChangesFromDoc } from "@stll/folio-core/ai-edits";
 import { resolveActiveEditorStory } from "@stll/folio-core/controller/activeEditorStory";
+import { FOLIO_DOCX_SERIALIZATION_MODE, createFolioEditor } from "@stll/folio-core/controller/folioEditor";
 import { normalizeBaseDirection } from "@stll/folio-core/docx/normalizeBaseDirection";
 import { getCachedNumberingMap } from "@stll/folio-core/docx/numberingParser";
 import { computeScrollPageInfo, updateScrollPageTotal } from "@stll/folio-core/paged-layout/scrollPageInfo";
@@ -44,7 +45,6 @@ import { createHeaderFooterEditorManager } from "@stll/folio-core/controller/hea
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createNoteEditorManager } from "@stll/folio-core/controller/noteEditorManager";
 import { createFolioAIEditSnapshot as createFolioAIEditSnapshot$1 } from "@stll/folio-core/ai-edits/snapshot";
-import { createFolioEditor } from "@stll/folio-core/controller/folioEditor";
 import { createFolioEditorEmitter } from "@stll/folio-core/controller/folioEditorEvents";
 import { createLatestRequestGate } from "@stll/folio-core/controller/latestRequestGate";
 import { runLayoutPipeline } from "@stll/folio-core/controller/layoutPipeline";
@@ -3129,7 +3129,7 @@ function buildFootnoteRenderItems(pageFootnoteMap, footnoteContentMap, doc) {
 * PagedEditor - Main paginated editing component.
 */
 const PagedEditor = forwardRef(function PagedEditor(props, ref) {
-	const { document, documentIdentity, fonts: hostFonts, styles, theme: _theme, sectionProperties, headerContent, footerContent, firstPageHeaderContent, firstPageFooterContent, headerContentRId, footerContentRId, firstPageHeaderContentRId, firstPageFooterContentRId, readOnly = false, pageGap = 24, zoom = 1, showMarginGuides = false, marginGuideColor, onDocumentChange, onReadOnlyEditAttempt, onCopy, onCut, onPaste, onSelectionChange, onSelectionTextChange, onEditorViewReady, externalPlugins = EMPTY_PLUGINS, showTemplateDirectives = true, collaboration, extensionManager, suggestionModeActive = false, suggestionAuthor, onActiveNoteStoryChange, onHeaderFooterDoubleClick, hfEditMode, activeHeaderFooterRId, onBodyClick, className, style, commentsSidebarOpen = false, sidebarOverlay, scrollContainerRef: scrollContainerRefProp, onHyperlinkClick, onContextMenu, onAnchorPositionsChange, onTotalPagesChange, anchorPositionMode = "comments-and-revisions", onAnonymizationTermClick, selectedAnonymizationCanonical = null, anonymizationSelectionSeq } = props;
+	const { document, documentIO, documentIdentity, fonts: hostFonts, styles, theme: _theme, sectionProperties, headerContent, footerContent, firstPageHeaderContent, firstPageFooterContent, headerContentRId, footerContentRId, firstPageHeaderContentRId, firstPageFooterContentRId, readOnly = false, pageGap = 24, zoom = 1, showMarginGuides = false, marginGuideColor, onDocumentChange, onReadOnlyEditAttempt, onCopy, onCut, onPaste, onSelectionChange, onSelectionTextChange, onEditorViewReady, externalPlugins = EMPTY_PLUGINS, showTemplateDirectives = true, collaboration, extensionManager, suggestionModeActive = false, suggestionAuthor, onActiveNoteStoryChange, onHeaderFooterDoubleClick, hfEditMode, activeHeaderFooterRId, onBodyClick, className, style, commentsSidebarOpen = false, sidebarOverlay, scrollContainerRef: scrollContainerRefProp, onHyperlinkClick, onContextMenu, onAnchorPositionsChange, onTotalPagesChange, anchorPositionMode = "comments-and-revisions", onAnonymizationTermClick, selectedAnonymizationCanonical = null, anonymizationSelectionSeq } = props;
 	const getScrollContainer = useCallback(() => {
 		if (scrollContainerRefProp && typeof scrollContainerRefProp === "object") return scrollContainerRefProp.current;
 		return containerRef.current;
@@ -3469,11 +3469,14 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	]);
 	const runLayoutPipelineRef = useRef(runLayoutPipeline$1);
 	runLayoutPipelineRef.current = runLayoutPipeline$1;
+	const documentIORef = useRef(documentIO);
+	documentIORef.current = documentIO;
 	const folioEditorRef = useRef(null);
 	if (!folioEditorRef.current) folioEditorRef.current = createFolioEditor({
 		getEditorApi: () => hiddenPMRef.current,
 		getLayout: () => layoutRef.current,
 		runLayout: (state_0, options_0) => runLayoutPipelineRef.current(state_0, options_0),
+		getDocumentIO: () => documentIORef.current,
 		emitter: folioEmitterRef.current
 	});
 	const folioEditor = folioEditorRef.current;
@@ -12649,7 +12652,7 @@ function useFolioComments({ doc, autoOpenReviewSidebar, anchorPositions, editorC
 * - Error boundary
 * - Loading states
 */
-const CommentsSidebar = lazy(() => import("./CommentsSidebar-BcM4a3qD.js").then((m) => ({ default: m.CommentsSidebar })));
+const CommentsSidebar = lazy(() => import("./CommentsSidebar-DsY20BSs.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");
@@ -14142,7 +14145,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		if (!view_16) return;
 		removeTabStop(positionTwips)(view_16.state, view_16.dispatch);
 	}, [getActiveEditorView]);
-	const handleSave = useCallback(async (options) => {
+	const serializeCurrentDocx = useCallback(async (options) => {
 		let tripwireResult = null;
 		let savedBuffer = null;
 		try {
@@ -14150,7 +14153,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 			if (!doc_1) return null;
 			const { resolveSelectiveSaveFlags } = await import("@stll/folio-core/docx/selectiveSaveFlags");
 			const flags = resolveSelectiveSaveFlags(featureFlags);
-			const useSelectiveForSave = flags.selectiveSave && options?.selective !== false;
+			const useSelectiveForSave = flags.selectiveSave && options?.mode !== FOLIO_DOCX_SERIALIZATION_MODE.full;
 			const shouldAttemptSelective = useSelectiveForSave || flags.selectiveSaveTripwire;
 			const view_17 = pagedEditorRef.current?.getView();
 			const baselineBuffer = originalBufferRef.current;
@@ -14184,8 +14187,6 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 				originalBufferRef.current = buffer;
 				view_17.dispatch(clearTrackedChanges(view_17.state));
 			}
-			commentsDirtyRef.current = false;
-			onSave?.(buffer);
 			savedBuffer = buffer;
 		} catch (error) {
 			onError?.(error instanceof Error ? error : /* @__PURE__ */ new Error("Failed to save document"));
@@ -14195,12 +14196,32 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		return savedBuffer;
 	}, [
 		buildCurrentDocument,
-		onSave,
 		onError,
 		originalBufferRef,
 		featureFlags,
-		onSelectiveSaveTripwire,
-		commentsDirtyRef
+		onSelectiveSaveTripwire
+	]);
+	const handleSave = useCallback(async (options_0) => {
+		const editor_1 = pagedEditorRef.current?.getEditor();
+		const serializationOptions = { mode: options_0?.selective === false ? FOLIO_DOCX_SERIALIZATION_MODE.full : FOLIO_DOCX_SERIALIZATION_MODE.preferSelective };
+		const buffer_0 = editor_1 ? await editor_1.getDocx(serializationOptions) : await serializeCurrentDocx(serializationOptions);
+		if (!buffer_0) return null;
+		commentsDirtyRef.current = false;
+		onSave?.(buffer_0);
+		return buffer_0;
+	}, [
+		commentsDirtyRef,
+		onSave,
+		serializeCurrentDocx
+	]);
+	const documentIO = useMemo(() => ({
+		getDocx: serializeCurrentDocx,
+		loadDocument: loadParsedDocument,
+		loadDocx: loadBuffer
+	}), [
+		loadBuffer,
+		loadParsedDocument,
+		serializeCurrentDocx
 	]);
 	const handleEditorError = useCallback((error_0) => {
 		onError?.(error_0);
@@ -14225,13 +14246,20 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		scrollToPage: (pageNumber_0) => {
 			pagedEditorRef.current?.scrollToPage(pageNumber_0);
 		},
-		scrollToParaId: (paraId, options_0) => pagedEditorRef.current?.scrollToParaId(paraId, options_0) ?? false,
+		scrollToParaId: (paraId, options_1) => pagedEditorRef.current?.scrollToParaId(paraId, options_1) ?? false,
 		openPrintPreview: handleDirectPrint,
 		print: handleDirectPrint,
-		loadDocument: loadParsedDocument,
-		loadDocumentBuffer: loadBuffer,
-		ensureEditorView: (options_1) => {
-			pagedEditorRef.current?.ensureView(options_1);
+		loadDocument: (document_0) => {
+			const editor_2 = pagedEditorRef.current?.getEditor();
+			if (editor_2) {
+				editor_2.loadDocument(document_0);
+				return;
+			}
+			loadParsedDocument(document_0);
+		},
+		loadDocumentBuffer: (buffer_1) => pagedEditorRef.current?.getEditor().loadDocx(buffer_1) ?? loadBuffer(buffer_1),
+		ensureEditorView: (options_2) => {
+			pagedEditorRef.current?.ensureView(options_2);
 		},
 		createAIEditSnapshot: () => {
 			const view_19 = pagedEditorRef.current?.getView();
@@ -14479,14 +14507,14 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 			const view_29 = pagedEditorRef.current?.getView();
 			return view_29 ? getSuggestions(view_29.state) : [];
 		},
-		acceptSuggestion: (suggestionId, options_2) => {
+		acceptSuggestion: (suggestionId, options_3) => {
 			const view_30 = pagedEditorRef.current?.getView();
 			if (!view_30) return {
 				accepted: false,
 				appliedAs: null
 			};
 			const appliedAs = getSuggestions(view_30.state).find((s_0) => s_0.suggestionId === suggestionId)?.appliedAs ?? null;
-			const accepted = acceptSuggestion(suggestionId, { author: options_2?.author ?? author })(view_30.state, view_30.dispatch);
+			const accepted = acceptSuggestion(suggestionId, { author: options_3?.author ?? author })(view_30.state, view_30.dispatch);
 			return {
 				accepted,
 				appliedAs: accepted ? appliedAs : null
@@ -14569,26 +14597,26 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 			});
 			return true;
 		},
-		setContentControlContent: (filter_1, input, options_3 = {}) => {
+		setContentControlContent: (filter_1, input, options_4 = {}) => {
 			const view_40 = pagedEditorRef.current?.getView();
 			if (!view_40) return false;
-			const tr_0 = typeof input === "string" ? setContentControlContentTr(view_40.state, filter_1, input, options_3) : setContentControlContentBlocksTr(view_40.state, filter_1, input, options_3);
+			const tr_0 = typeof input === "string" ? setContentControlContentTr(view_40.state, filter_1, input, options_4) : setContentControlContentBlocksTr(view_40.state, filter_1, input, options_4);
 			if (!tr_0) return false;
 			view_40.dispatch(tr_0);
 			return true;
 		},
-		setContentControlValue: (filter_2, input_0, options_4 = {}) => {
+		setContentControlValue: (filter_2, input_0, options_5 = {}) => {
 			const view_41 = pagedEditorRef.current?.getView();
 			if (!view_41) return false;
-			const tr_1 = setContentControlValueTr(view_41.state, filter_2, input_0, options_4);
+			const tr_1 = setContentControlValueTr(view_41.state, filter_2, input_0, options_5);
 			if (!tr_1) return false;
 			view_41.dispatch(tr_1);
 			return true;
 		},
-		removeContentControl: (filter_3, options_5 = {}) => {
+		removeContentControl: (filter_3, options_6 = {}) => {
 			const view_42 = pagedEditorRef.current?.getView();
 			if (!view_42) return false;
-			const tr_2 = removeContentControlTr(view_42.state, filter_3, options_5);
+			const tr_2 = removeContentControlTr(view_42.state, filter_3, options_6);
 			if (!tr_2) return false;
 			view_42.dispatch(tr_2);
 			return true;
@@ -15332,6 +15360,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 												/* @__PURE__ */ jsx(PagedEditor, {
 													ref: pagedEditorRef,
 													document: history.state,
+													documentIO,
 													documentIdentity: loadedDocumentIdentity,
 													...fonts !== void 0 ? { fonts } : {},
 													theme: history.state.package.theme || theme || null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/folio-react",
-  "version": "0.16.4",
+  "version": "0.16.5",
   "description": "React editor for folio: a Word-document (.docx) editor for the browser, built on @stll/folio-core and ProseMirror.",
   "keywords": [
     "document-editor",
@@ -68,7 +68,7 @@
     "@fontsource/noto-sans-arabic": "^5.2.7",
     "@fontsource/source-sans-3": "^5.2.9",
     "@fontsource/tinos": "^5.2.7",
-    "@stll/folio-core": "^0.29.0",
+    "@stll/folio-core": "^0.30.0",
     "better-result": "3.0.1",
     "lucide-react": "1.24.0",
     "prosemirror-history": "^1.5.0",