@stll/folio-react 0.20.0 → 0.20.2

package/dist/{CommentsSidebar-CWkHy9z2.js → CommentsSidebar-D6n3ifAJ.js}

@@ -1,4 +1,4 @@
-import { d as containedHandler } from "./renderAsync-oGOp455L.js";
+import { d as containedHandler } from "./renderAsync-dUCMzc_W.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-oGOp455L.js";
+import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-dUCMzc_W.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-oGOp455L.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-dUCMzc_W.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-oGOp455L.js → renderAsync-dUCMzc_W.js}

@@ -13,7 +13,7 @@ import { cloneDocumentWithParagraphPropertySources } from "@stll/folio-core/docx
 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";
-import { TextSelection, addColumnLeft, addColumnRight, addRowAbove, addRowBelow, applyFormatMarks, applyStyle, applyTableStyle, autoFitContents, captureFormatMarks, clearFormatting, clearTextColor, createStyleResolver, decreaseIndent, decreaseListLevel, deleteColumn, deleteRow, deleteTable, distributeColumns, extractSelectionState, getSelectedText, getTableContext, increaseIndent, increaseListLevel, mergeCells, removeTabStop, removeTableBorders, schema, selectColumn, selectRow, selectTable, setAlignment, setAllTableBorders, setCellBorder, setCellFillColor, setCellMargins, setCellTextDirection, setCellVerticalAlign, setFontFamily, setFontSize, setHighlight, setIndentFirstLine, setIndentLeft, setIndentRight, setInsideTableBorders, setLineSpacing, setLtr, setOutsideTableBorders, setRowHeight, setRtl, setTableBorderColor, setTableBorderPreset, setTableBorderWidth, setTableProperties, setTextColor, splitCell, toggleBidi, toggleBold, toggleBulletList, toggleHeaderRow, toggleItalic, toggleNoWrap, toggleNumberedList, toggleStrike, toggleSubscript, toggleSuperscript, toggleUnderline } from "@stll/folio-core/prosemirror";
+import { TextSelection, addColumnLeft, addColumnRight, addRowAbove, addRowBelow, applyFormatMarks, applyStyle, applyTableStyle, autoFitContents, captureFormatMarks, clearFormatting, clearTextColor, createStyleResolver, decreaseIndent, decreaseListLevel, deleteColumn, deleteRow, deleteTable, distributeColumns, extractSelectionState, getDocumentBuiltInStyles, getSelectedText, getTableContext, increaseIndent, increaseListLevel, mergeCells, removeTabStop, removeTableBorders, schema, selectColumn, selectRow, selectTable, setAlignment, setAllTableBorders, setCellBorder, setCellFillColor, setCellMargins, setCellTextDirection, setCellVerticalAlign, setFontFamily, setFontSize, setHighlight, setIndentFirstLine, setIndentLeft, setIndentRight, setInsideTableBorders, setLineSpacing, setLtr, setOutsideTableBorders, setRowHeight, setRtl, setTableBorderColor, setTableBorderPreset, setTableBorderWidth, setTableProperties, setTextColor, splitCell, toggleBidi, toggleBold, toggleBulletList, toggleHeaderRow, toggleItalic, toggleNoWrap, toggleNumberedList, toggleStrike, toggleSubscript, toggleSuperscript, toggleUnderline } from "@stll/folio-core/prosemirror";
 import { acceptAIEditRevision, acceptChange, acceptSuggestion, findAIEditRevisionRange, findChangeAtPosition, findNextChange, findParagraphBoundaryChangeAtPosition, findPreviousChange, findSuggestionRange, getSuggestions, rejectAIEditRevision, rejectChange, rejectSuggestion } from "@stll/folio-core/prosemirror/commands/comments";
 import { blockSdtAttrsToSdtProperties, findBlockSdtMatch, findBlockSdtMatches, removeContentControlTr, setContentControlContentTr, setContentControlValueTr } from "@stll/folio-core/prosemirror/commands/contentControls";
 import { setContentControlContentBlocksTr } from "@stll/folio-core/prosemirror/commands/contentControlsBlockFill";
@@ -103,7 +103,7 @@ import { DISPLAY_MODES, EditorModeManager, isReadOnlyMode, isTrackChangesMode, t
 import { FindReplaceManager } from "@stll/folio-core/managers/FindReplaceManager";
 import { createEmptyHeaderFooter, pickActiveHeaderFooterRId, removeHeaderFooter, resolveEffectiveSectionProperties, resolveHeaderFooterContent, saveHeaderFooterContent } from "@stll/folio-core/utils/headerFooter";
 import { editHyperlinkAtCursor, removeHyperlinkAtCursor } from "@stll/folio-core/prosemirror/commands/hyperlink";
-import { sanitizeExternalUrl } from "@stll/folio-core/utils/urlSecurity";
+import { anchorTargetAttrs, sanitizeExternalUrl, windowFeaturesFor } from "@stll/folio-core/utils/urlSecurity";
 import { applyImagePosition, applyImageProperties, applyImageTransform, applyImageWrapType, insertImageFromFile } from "@stll/folio-core/prosemirror/commands/image";
 import { classifyEditorKeydown, deleteSelectedTable, isFocusInInputLike, isKeydownInShortcutScope, isMacPlatform } from "@stll/folio-core/managers/editorShortcuts";
 import { getScrollTopForZoomAnchor, getViewportCenterZoomAnchorForZoomChange } from "@stll/folio-core/paged-layout/zoomScrollAnchor";
@@ -10350,7 +10350,10 @@ const useHyperlinkHandlers = (t0) => {
 };
 function _temp$3(href) {
 	const safeHref = sanitizeExternalUrl(href);
-	if (safeHref) window.open(safeHref, "_blank", "noopener,noreferrer");
+	if (safeHref) {
+		const anchor = anchorTargetAttrs(void 0);
+		window.open(safeHref, anchor.target, windowFeaturesFor(anchor));
+	}
 }
 function _temp2$2(href_0) {
 	navigator.clipboard.writeText(href_0);
@@ -11321,7 +11324,7 @@ function areSelectionFormattingEqual(a, b) {
 * Edit mode: text + URL inputs with Apply.
 */
 function HyperlinkPopup(t0) {
-	const $ = c(88);
+	const $ = c(89);
 	const { data, onNavigate, onCopy, onEdit, onRemove, onClose, readOnly } = t0;
 	const t = useTranslations("folio");
 	const [mode, setMode] = useState("view");
@@ -11641,70 +11644,75 @@ function HyperlinkPopup(t0) {
 		t15 = /* @__PURE__ */ jsx(GlobeIcon, { className: "text-muted-foreground size-4.5 shrink-0" });
 		$[60] = t15;
 	} else t15 = $[60];
-	let t16;
+	const t16 = data.href;
+	let t17;
 	if ($[61] !== data.href || $[62] !== onNavigate) {
-		t16 = (e_6) => {
+		t17 = (e_6) => {
 			e_6.preventDefault();
 			onNavigate(data.href);
 		};
 		$[61] = data.href;
 		$[62] = onNavigate;
-		$[63] = t16;
-	} else t16 = $[63];
-	let t17;
-	if ($[64] !== data.href || $[65] !== t16) {
-		t17 = /* @__PURE__ */ jsx("a", {
+		$[63] = t17;
+	} else t17 = $[63];
+	let t18;
+	if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = anchorTargetAttrs(void 0);
+		$[64] = t18;
+	} else t18 = $[64];
+	let t19;
+	if ($[65] !== data.href || $[66] !== t17) {
+		t19 = /* @__PURE__ */ jsx("a", {
 			className: "text-primary truncate text-sm hover:underline",
-			href: data.href,
-			onClick: t16,
-			rel: "noopener noreferrer",
-			target: "_blank",
+			href: t16,
+			onClick: t17,
+			...t18,
 			title: data.href,
 			children: data.href
 		});
-		$[64] = data.href;
-		$[65] = t16;
+		$[65] = data.href;
 		$[66] = t17;
-	} else t17 = $[66];
-	let t18;
-	if ($[67] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = /* @__PURE__ */ jsx("span", { className: "bg-border h-5 w-px shrink-0" });
-		$[67] = t18;
-	} else t18 = $[67];
-	let t19;
-	if ($[68] !== data.href || $[69] !== onCopy) {
-		t19 = () => onCopy(data.href);
-		$[68] = data.href;
-		$[69] = onCopy;
-		$[70] = t19;
-	} else t19 = $[70];
+		$[67] = t19;
+	} else t19 = $[67];
 	let t20;
-	if ($[71] !== t) {
-		t20 = t("copyLink");
-		$[71] = t;
-		$[72] = t20;
-	} else t20 = $[72];
+	if ($[68] === Symbol.for("react.memo_cache_sentinel")) {
+		t20 = /* @__PURE__ */ jsx("span", { className: "bg-border h-5 w-px shrink-0" });
+		$[68] = t20;
+	} else t20 = $[68];
 	let t21;
-	if ($[73] === Symbol.for("react.memo_cache_sentinel")) {
-		t21 = /* @__PURE__ */ jsx(ClipboardCopyIcon, { size: 16 });
-		$[73] = t21;
-	} else t21 = $[73];
+	if ($[69] !== data.href || $[70] !== onCopy) {
+		t21 = () => onCopy(data.href);
+		$[69] = data.href;
+		$[70] = onCopy;
+		$[71] = t21;
+	} else t21 = $[71];
 	let t22;
-	if ($[74] !== t19 || $[75] !== t20) {
-		t22 = /* @__PURE__ */ jsx("button", {
+	if ($[72] !== t) {
+		t22 = t("copyLink");
+		$[72] = t;
+		$[73] = t22;
+	} else t22 = $[73];
+	let t23;
+	if ($[74] === Symbol.for("react.memo_cache_sentinel")) {
+		t23 = /* @__PURE__ */ jsx(ClipboardCopyIcon, { size: 16 });
+		$[74] = t23;
+	} else t23 = $[74];
+	let t24;
+	if ($[75] !== t21 || $[76] !== t22) {
+		t24 = /* @__PURE__ */ jsx("button", {
 			className: "flex size-7 items-center justify-center rounded text-[var(--doc-text-muted)] hover:bg-[var(--doc-bg-hover)] transition-colors",
-			onClick: t19,
-			title: t20,
+			onClick: t21,
+			title: t22,
 			type: "button",
-			children: t21
+			children: t23
 		});
-		$[74] = t19;
-		$[75] = t20;
+		$[75] = t21;
 		$[76] = t22;
-	} else t22 = $[76];
-	let t23;
-	if ($[77] !== data.displayText || $[78] !== data.href || $[79] !== onRemove || $[80] !== readOnly || $[81] !== t) {
-		t23 = !readOnly && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+		$[77] = t24;
+	} else t24 = $[77];
+	let t25;
+	if ($[78] !== data.displayText || $[79] !== data.href || $[80] !== onRemove || $[81] !== readOnly || $[82] !== t) {
+		t25 = !readOnly && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
 			className: "flex size-7 items-center justify-center rounded text-[var(--doc-text-muted)] hover:bg-[var(--doc-bg-hover)] transition-colors",
 			onClick: () => {
 				setEditText(data.displayText);
@@ -11721,16 +11729,16 @@ function HyperlinkPopup(t0) {
 			type: "button",
 			children: /* @__PURE__ */ jsx(UnlinkIcon, { size: 16 })
 		})] });
-		$[77] = data.displayText;
-		$[78] = data.href;
-		$[79] = onRemove;
-		$[80] = readOnly;
-		$[81] = t;
-		$[82] = t23;
-	} else t23 = $[82];
-	let t24;
-	if ($[83] !== t14 || $[84] !== t17 || $[85] !== t22 || $[86] !== t23) {
-		t24 = /* @__PURE__ */ jsxs("div", {
+		$[78] = data.displayText;
+		$[79] = data.href;
+		$[80] = onRemove;
+		$[81] = readOnly;
+		$[82] = t;
+		$[83] = t25;
+	} else t25 = $[83];
+	let t26;
+	if ($[84] !== t14 || $[85] !== t19 || $[86] !== t24 || $[87] !== t25) {
+		t26 = /* @__PURE__ */ jsxs("div", {
 			ref: popupRef,
 			className: "fixed z-[10000] flex max-w-[400px] items-center gap-2 rounded-lg border border-[var(--doc-border)] bg-[var(--doc-page)] px-3 py-2 shadow-lg",
 			onMouseDown: t13,
@@ -11738,19 +11746,19 @@ function HyperlinkPopup(t0) {
 			style: t14,
 			children: [
 				t15,
-				t17,
-				t18,
-				t22,
-				t23
+				t19,
+				t20,
+				t24,
+				t25
 			]
 		});
-		$[83] = t14;
-		$[84] = t17;
-		$[85] = t22;
-		$[86] = t23;
-		$[87] = t24;
-	} else t24 = $[87];
-	return t24;
+		$[84] = t14;
+		$[85] = t19;
+		$[86] = t24;
+		$[87] = t25;
+		$[88] = t26;
+	} else t26 = $[88];
+	return t26;
 }
 function _temp2(e_5) {
 	return e_5.stopPropagation();
@@ -12271,7 +12279,7 @@ function useFolioComments({ doc, autoOpenReviewSidebar, anchorPositions, editorC
 * - Error boundary
 * - Loading states
 */
-const CommentsSidebar = lazy(() => import("./CommentsSidebar-CWkHy9z2.js").then((m) => ({ default: m.CommentsSidebar })));
+const CommentsSidebar = lazy(() => import("./CommentsSidebar-D6n3ifAJ.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");
@@ -12503,7 +12511,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		if (!showOutline) return;
 		const view_2 = pagedEditorRef.current?.getView();
 		if (!view_2) return;
-		const headings = collectHeadings(view_2.state.doc);
+		const headings = collectHeadings(view_2.state.doc, getDocumentBuiltInStyles(view_2.state));
 		setHeadingInfos(headings);
 		let attempts = 0;
 		let timer = null;
@@ -12786,7 +12794,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 			collectHeadingsTimerRef.current = setTimeout(() => {
 				const view_4 = pagedEditorRef.current?.getView();
 				if (view_4) {
-					const headings_0 = collectHeadings(view_4.state.doc);
+					const headings_0 = collectHeadings(view_4.state.doc, getDocumentBuiltInStyles(view_4.state));
 					const pagedRef_0 = pagedEditorRef.current;
 					for (const heading_0 of headings_0) heading_0.pageNumber = pagedRef_0?.getPageNumberForPmPos(heading_0.pmPos) ?? null;
 					setHeadingInfos(headings_0);

package/package.json

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