@stll/folio-react 0.13.4 → 0.14.0

package/dist/{CommentsSidebar-Dlm746vL.js → CommentsSidebar-tKYg7bKy.js}

@@ -1,4 +1,4 @@
-import { d as containedHandler } from "./renderAsync-DWI5zwPp.js";
+import { d as containedHandler } from "./renderAsync-jai-gbWC.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.d.ts

@@ -1,4 +1,4 @@
-import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-B_Bi9oSr.js";
+import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-ssuGUIDc.js";
 import { ReactNode } from "react";
 import { CreateEmptyDocumentOptions, createDocumentWithText, createEmptyDocument } from "@stll/folio-core/utils/createDocument";
 //#region src/compat/eigenpal.d.ts

package/dist/compat/eigenpal.js

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

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { _ as FolioUIProvider, a as DocxEditorApplyDocumentOperationsOptions, c as DocxEditorRef, d as ToolbarProps, f as EditorMode, g as FolioUIComponents, h as FolioButtonProps, i as renderAsync, l as HighlightPassageOptions, m as ColorPreset, n as EditorHandle, o as DocxEditorCollaboration, p as FontOption, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle, u as HighlightPassageResult, v as OutlineItem, y as FontDefinition } from "./renderAsync-B_Bi9oSr.js";
+import { _ as FolioUIProvider, a as DocxEditorApplyDocumentOperationsOptions, c as DocxEditorRef, d as ToolbarProps, f as EditorMode, g as FolioUIComponents, h as FolioButtonProps, i as renderAsync, l as HighlightPassageOptions, m as ColorPreset, n as EditorHandle, o as DocxEditorCollaboration, p as FontOption, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle, u as HighlightPassageResult, v as OutlineItem, y as FontDefinition } from "./renderAsync-ssuGUIDc.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-lCOx21mG.js";
 import React, { CSSProperties, ReactNode, RefObject } from "react";
 import { CreateEmptyDocumentOptions, createEmptyDocument } from "@stll/folio-core/utils/createDocument";

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-DWI5zwPp.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-jai-gbWC.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-DWI5zwPp.js → renderAsync-jai-gbWC.js}

@@ -10146,9 +10146,10 @@ function useContextMenu(t0) {
 * callbacks each render.
 */
 const useDocumentLoader = (t0) => {
-	const $ = c(20);
+	const $ = c(21);
 	const { documentBuffer, initialDocument, password, history, onError, onCompatibilityChange, onReset, setDocumentLoadState } = t0;
 	const originalBufferRef = useRef(null);
+	const [loadedDocumentIdentity, setLoadedDocumentIdentity] = useState(void 0);
 	let t1;
 	if ($[0] !== history || $[1] !== onCompatibilityChange || $[2] !== onError || $[3] !== onReset || $[4] !== setDocumentLoadState) {
 		t1 = () => {
@@ -10157,7 +10158,8 @@ const useDocumentLoader = (t0) => {
 				onError,
 				onCompatibilityChange,
 				onReset,
-				setDocumentLoadState
+				setDocumentLoadState,
+				setLoadedDocumentIdentity
 			});
 			return {
 				manager: instance,
@@ -10182,7 +10184,8 @@ const useDocumentLoader = (t0) => {
 		onError,
 		onCompatibilityChange,
 		onReset,
-		setDocumentLoadState
+		setDocumentLoadState,
+		setLoadedDocumentIdentity
 	});
 	let t3;
 	let t4;
@@ -10237,18 +10240,20 @@ const useDocumentLoader = (t0) => {
 	}
 	useEffect(t5, t6);
 	let t7;
-	if ($[16] !== api.loadBuffer || $[17] !== api.loadParsedDocument || $[18] !== api.resetForNewDocument) {
+	if ($[16] !== api.loadBuffer || $[17] !== api.loadParsedDocument || $[18] !== api.resetForNewDocument || $[19] !== loadedDocumentIdentity) {
 		t7 = {
 			loadBuffer: api.loadBuffer,
 			loadParsedDocument: api.loadParsedDocument,
 			resetForNewDocument: api.resetForNewDocument,
-			originalBufferRef
+			originalBufferRef,
+			loadedDocumentIdentity
 		};
 		$[16] = api.loadBuffer;
 		$[17] = api.loadParsedDocument;
 		$[18] = api.resetForNewDocument;
-		$[19] = t7;
-	} else t7 = $[19];
+		$[19] = loadedDocumentIdentity;
+		$[20] = t7;
+	} else t7 = $[20];
 	return t7;
 };
 //#endregion
@@ -12593,7 +12598,7 @@ function useFolioComments({ doc, autoOpenReviewSidebar, anchorPositions, editorC
 * - Error boundary
 * - Loading states
 */
-const CommentsSidebar = lazy(() => import("./CommentsSidebar-Dlm746vL.js").then((m) => ({ default: m.CommentsSidebar })));
+const CommentsSidebar = lazy(() => import("./CommentsSidebar-tKYg7bKy.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");
@@ -12655,7 +12660,7 @@ function areActiveTrackedChangesEqual(a, b) {
 /**
 * DocxEditor - Complete DOCX editor component
 */
-const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, document: initialDocument, documentKey, onSave, author = "User", onChange, onSelectionChange, onSelectionTextChange, onError, onFontsLoaded: onFontsLoadedCallback, fontFamilies, fonts, theme, showToolbar = true, showZoomControl = true, showReviewControls = true, showHeaderFooterEditing = true, showMarginGuides = false, marginGuideColor, showRuler: showRulerProp = false, rulerUnit = "inch", initialZoom = 1, enableWheelZoom = true, readOnly: readOnlyProp = false, autoOpenReviewSidebar = true, components, toolbarExtra, className = "", style, placeholder, loadingIndicator, preserveDocumentWhileLoading = false, initialScrollTop, onScrollTopChange, showOutline: showOutlineProp = true, onPrint, onInsertImage, onInsertTable, showTableInsert = true, onInsertPageBreak, onInsertTOC, onCopy, onCut, onPaste, mode: modeProp, onModeChange, onReadonlyEditAttempt, onCompatibilityChange, onEditorViewReady, onAnonymizationMatchesChange, onAnonymizationTermClick, selectedAnonymizationCanonical = null, anonymizationSelectionSeq, showTemplateDirectives = false, onSlashMenuChange, onSlashMenuKeyAction, customContextMenuItems, onCustomContextAction, comments: commentsProp, onCommentsChange, collaboration, featureFlags, onSelectiveSaveTripwire }, ref) {
+const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, document: initialDocument, onSave, author = "User", onChange, onSelectionChange, onSelectionTextChange, onError, onFontsLoaded: onFontsLoadedCallback, fontFamilies, fonts, theme, showToolbar = true, showZoomControl = true, showReviewControls = true, showHeaderFooterEditing = true, showMarginGuides = false, marginGuideColor, showRuler: showRulerProp = false, rulerUnit = "inch", initialZoom = 1, enableWheelZoom = true, readOnly: readOnlyProp = false, autoOpenReviewSidebar = true, components, toolbarExtra, className = "", style, placeholder, loadingIndicator, preserveDocumentWhileLoading = false, initialScrollTop, onScrollTopChange, showOutline: showOutlineProp = true, onPrint, onInsertImage, onInsertTable, showTableInsert = true, onInsertPageBreak, onInsertTOC, onCopy, onCut, onPaste, mode: modeProp, onModeChange, onReadonlyEditAttempt, onCompatibilityChange, onEditorViewReady, onAnonymizationMatchesChange, onAnonymizationTermClick, selectedAnonymizationCanonical = null, anonymizationSelectionSeq, showTemplateDirectives = false, onSlashMenuChange, onSlashMenuKeyAction, customContextMenuItems, onCustomContextAction, comments: commentsProp, onCommentsChange, collaboration, featureFlags, onSelectiveSaveTripwire }, ref) {
 	const t = useTranslations("folio");
 	useEffect(() => {
 		const onClipboardReadError = () => {
@@ -12990,7 +12995,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		focusActiveEditor,
 		pmImageContext: state.pmImageContext
 	});
-	const { loadBuffer, loadParsedDocument, originalBufferRef } = useDocumentLoader({
+	const { loadBuffer, loadParsedDocument, originalBufferRef, loadedDocumentIdentity } = useDocumentLoader({
 		documentBuffer: documentBuffer ?? null,
 		initialDocument: initialDocument ?? null,
 		password,
@@ -15267,7 +15272,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 												/* @__PURE__ */ jsx(PagedEditor, {
 													ref: pagedEditorRef,
 													document: history.state,
-													...documentKey !== void 0 ? { documentKey } : {},
+													...loadedDocumentIdentity !== void 0 ? { documentKey: loadedDocumentIdentity } : {},
 													...fonts !== void 0 ? { fonts } : {},
 													theme: history.state.package.theme || theme || null,
 													sectionProperties: effectiveSectionProperties ?? null,

package/dist/{renderAsync-B_Bi9oSr.d.ts → renderAsync-ssuGUIDc.d.ts}

@@ -612,10 +612,12 @@ type DocxEditorProps = {
   /** Pre-parsed document (alternative to documentBuffer) */
   document?: Document | null;
   /**
-   * Stable identity of the loaded document (same across internal edits, distinct
-   * per loaded file, e.g. a file/document id). Used to distinguish a genuine
-   * external load from an edited document round-tripped back through state.
-   * Falls back to a document-metadata signature when omitted.
+   * @deprecated Ignored. The editor tracks its own load sequence, so every
+   * `document` / `documentBuffer` load resets the hidden editor and a document
+   * round-tripped back through state after an internal edit never does; a
+   * host-supplied key cannot express that boundary (an unchanged key across a
+   * reload left the hidden editor on the previous document). Kept until the
+   * next breaking release for host and adapter-parity compatibility.
    */
   documentKey?: string;
   /** Callback when document is saved */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/folio-react",
-  "version": "0.13.4",
+  "version": "0.14.0",
   "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.17.0",
+    "@stll/folio-core": "^0.19.0",
     "better-result": "2.10.0",
     "lucide-react": "1.24.0",
     "prosemirror-history": "^1.5.0",