@stll/folio-react 0.13.5 → 0.15.0

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

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

@@ -611,13 +611,6 @@ type DocxEditorProps = {
   password?: string | undefined;
   /** 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.
-   */
-  documentKey?: string;
   /** Callback when document is saved */
   onSave?: (buffer: ArrayBuffer) => void;
   /** Author name used for comments and track changes */

package/dist/{renderAsync-DWI5zwPp.js → renderAsync-nQ5eeFE1.js}

@@ -1192,14 +1192,14 @@ const HIDDEN_HOST_STYLES = {
 * HiddenProseMirror - Off-screen ProseMirror editor for keyboard input
 */
 const HiddenProseMirror = forwardRef((props, ref) => {
-	const { document, documentKey, styles, theme: _theme, widthPx = 612, readOnly = false, onTransaction, onSelectionChange, externalPlugins = EMPTY_EXTERNAL_PLUGINS, collaboration, extensionManager, onEditorViewReady, onEditorViewDestroy, onKeyDown, onCopy, onCut, onPaste, onReadOnlyEditAttempt, onRemoteSelectionsChange, precomputedInitialState } = props;
+	const { document, documentIdentity, styles, theme: _theme, widthPx = 612, readOnly = false, onTransaction, onSelectionChange, externalPlugins = EMPTY_EXTERNAL_PLUGINS, collaboration, extensionManager, onEditorViewReady, onEditorViewDestroy, onKeyDown, onCopy, onCut, onPaste, onReadOnlyEditAttempt, onRemoteSelectionsChange, precomputedInitialState } = props;
 	const [collaborationModules, setCollaborationModules] = useState(null);
 	const [collaborationModulesError, setCollaborationModulesError] = useState(null);
 	const hasCollaboration = collaboration !== void 0;
 	const hostRef = useRef(null);
 	const readOnlyRef = useRef(readOnly);
 	const documentRef = useRef(document);
-	const documentKeyRef = useRef(documentKey);
+	const documentIdentityRef = useRef(documentIdentity);
 	const stylesRef = useRef(styles);
 	const extensionManagerRef = useRef(extensionManager);
 	const externalPluginsRef = useRef(externalPlugins);
@@ -1234,7 +1234,7 @@ const HiddenProseMirror = forwardRef((props, ref) => {
 	collaborationRef.current = collaboration;
 	collaborationModulesRef.current = collaborationModules;
 	documentRef.current = document;
-	documentKeyRef.current = documentKey;
+	documentIdentityRef.current = documentIdentity;
 	const managerRef = useRef(null);
 	if (managerRef.current === null) managerRef.current = createHiddenEditorManager({
 		getHost: () => hostRef.current,
@@ -1246,7 +1246,7 @@ const HiddenProseMirror = forwardRef((props, ref) => {
 		getCollaborationModules: () => collaborationModulesRef.current,
 		getPrecomputedInitialState: () => precomputedInitialStateRef.current,
 		getReadOnly: () => readOnlyRef.current,
-		getDocumentKey: () => documentKeyRef.current,
+		getDocumentIdentity: () => documentIdentityRef.current,
 		getDocumentContext: () => documentRef.current,
 		onTransaction: (transaction, newState) => onTransactionRef.current?.(transaction, newState),
 		onSelectionChange: (state) => onSelectionChangeRef.current?.(state),
@@ -1311,7 +1311,7 @@ const HiddenProseMirror = forwardRef((props, ref) => {
 		managerRef.current?.syncExternalDocument();
 	}, [
 		document,
-		documentKey,
+		documentIdentity,
 		styles,
 		extensionManager,
 		externalPlugins,
@@ -3113,7 +3113,7 @@ function buildFootnoteRenderItems(pageFootnoteMap, footnoteContentMap, doc) {
 * PagedEditor - Main paginated editing component.
 */
 const PagedEditor = forwardRef(function PagedEditor(props, ref) {
-	const { document, documentKey, 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, 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;
@@ -6012,7 +6012,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			/* @__PURE__ */ jsx(HiddenProseMirror, {
 				ref: hiddenPMRef,
 				document,
-				...documentKey !== void 0 ? { documentKey } : {},
+				documentIdentity,
 				widthPx: contentWidth,
 				precomputedInitialState: validPrecomputedInitialState,
 				readOnly,
@@ -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("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-DhAbtuuQ.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 } : {},
+													documentIdentity: loadedDocumentIdentity,
 													...fonts !== void 0 ? { fonts } : {},
 													theme: history.state.package.theme || theme || null,
 													sectionProperties: effectiveSectionProperties ?? null,

package/package.json

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