@stll/folio-react 0.25.3 → 0.26.0

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-DZz6gVev.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-BENP66Ly.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/dialogs.js

@@ -1,9 +1,9 @@
-import { t as FindReplaceDialog } from "./FindReplaceDialog-BUwFQWaq.js";
-import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-6XdO0zBH.js";
-import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-Dzu4hqRp.js";
-import { t as ImagePositionDialog } from "./ImagePositionDialog-9q71ka9N.js";
-import { t as ImagePropertiesDialog } from "./ImagePropertiesDialog-o79NCGk7.js";
-import { t as InsertSymbolDialog } from "./InsertSymbolDialog-Cn_Nifhg.js";
-import { t as PageSetupDialog } from "./PageSetupDialog-CMdVXCZ-.js";
-import { t as TablePropertiesDialog } from "./TablePropertiesDialog-DwPiUj4m.js";
+import { t as FindReplaceDialog } from "./FindReplaceDialog-LlVMe3EW.js";
+import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-D73t3LNP.js";
+import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-De-oslzU.js";
+import { t as ImagePositionDialog } from "./ImagePositionDialog-Cwt6R8iM.js";
+import { t as ImagePropertiesDialog } from "./ImagePropertiesDialog-GNZLBFLB.js";
+import { t as InsertSymbolDialog } from "./InsertSymbolDialog-CeEhkEvc.js";
+import { t as PageSetupDialog } from "./PageSetupDialog-DD6IEZAo.js";
+import { t as TablePropertiesDialog } from "./TablePropertiesDialog-Vu0HXQz6.js";
 export { FindReplaceDialog, FootnotePropertiesDialog, HyperlinkDialog, ImagePositionDialog, ImagePropertiesDialog, InsertImageDialog, InsertSymbolDialog, InsertTableDialog, PageSetupDialog, PasteSpecialDialog, SplitCellDialog, TablePropertiesDialog, WatermarkDialog };

package/dist/{folio-ui-DO95voaI.js → folio-ui-rCHqCEG6.js}

@@ -671,15 +671,21 @@ const DefaultMenu = {
 function DefaultOutlineRail({ items, scrollContainerRef, resolvePct, onJump, activeId, ariaLabel = "Outline", presentation = "panel" }) {
 	const listRef = useRef(null);
 	const activeIndex = items.findIndex((item) => item.id === activeId);
-	const [focusIndex, setFocusIndex] = useState(Math.max(0, activeIndex));
+	const [focus, setFocus] = useState({
+		type: "outside",
+		fallbackIndex: Math.max(0, activeIndex)
+	});
+	const focusIndex = (() => {
+		switch (focus.type) {
+			case "outside": return activeIndex >= 0 ? activeIndex : focus.fallbackIndex;
+			case "inside": return focus.index;
+			default: return focus;
+		}
+	})();
 	const lastIndex = items.length - 1;
 	const clampedFocusIndex = Math.max(0, Math.min(lastIndex, focusIndex));
 	let minLevel = Infinity;
 	for (const item_0 of items) minLevel = Math.min(minLevel, item_0.level);
-	const focusWithin = useRef(false);
-	useEffect(() => {
-		if (!focusWithin.current && activeIndex >= 0) setFocusIndex(activeIndex);
-	}, [activeIndex]);
 	useEffect(() => {
 		const list = listRef.current;
 		if (!list || presentation !== "panel" || activeIndex < 0) return;
@@ -706,7 +712,10 @@ function DefaultOutlineRail({ items, scrollContainerRef, resolvePct, onJump, act
 		})();
 		if (next === null) return;
 		event.preventDefault();
-		setFocusIndex(next);
+		setFocus({
+			type: "inside",
+			index: next
+		});
 		const buttons = listRef.current?.querySelectorAll("button");
 		if (buttons) [...buttons].at(next)?.focus();
 	}, [clampedFocusIndex, lastIndex]);
@@ -724,12 +733,12 @@ function DefaultOutlineRail({ items, scrollContainerRef, resolvePct, onJump, act
 		"aria-label": ariaLabel,
 		className: rail ? "folio-outline-ticks" : "folio-outline-list",
 		onKeyDown: handleKeyDown,
-		onFocus: () => {
-			focusWithin.current = true;
-		},
 		onBlur: (event_0) => {
 			const next_0 = event_0.relatedTarget;
-			if (!(next_0 instanceof Node && event_0.currentTarget.contains(next_0))) focusWithin.current = false;
+			if (!(next_0 instanceof Node && event_0.currentTarget.contains(next_0))) setFocus({
+				type: "outside",
+				fallbackIndex: clampedFocusIndex
+			});
 		},
 		children: items.map((item_2, index) => {
 			const isActive = item_2.id === activeId;
@@ -743,7 +752,12 @@ function DefaultOutlineRail({ items, scrollContainerRef, resolvePct, onJump, act
 					className: cn(rail ? "folio-outline-tick" : "folio-outline-item", isActive && (rail ? "folio-outline-tick--active" : "folio-outline-item--active")),
 					"data-depth": depth,
 					onClick: () => jump(item_2),
-					onFocus: () => setFocusIndex(index),
+					onFocus: () => {
+						setFocus((previous) => previous.type === "inside" && previous.index === index ? previous : {
+							type: "inside",
+							index
+						});
+					},
 					tabIndex: index === clampedFocusIndex ? 0 : -1,
 					title: rail ? void 0 : item_2.label,
 					type: "button",
@@ -770,32 +784,108 @@ const TICK_PITCH_PX = 12;
 * pushed apart so no two ticks share a hit area, and pulled back inside the
 * rail. When the rail is too short for every tick, they are spread evenly.
 */
-function useRailTickTops({ enabled, items, listRef, resolvePct, scrollContainerRef }) {
-	const [height, setHeight] = useState(0);
-	useLayoutEffect(() => {
-		const list = listRef.current;
-		if (!enabled || !list) return;
-		setHeight(list.clientHeight);
-		const observer = new ResizeObserver(() => setHeight(list.clientHeight));
-		observer.observe(list);
-		return () => observer.disconnect();
-	}, [enabled, listRef]);
-	if (!enabled || height === 0) return [];
-	const container = scrollContainerRef.current;
-	const span = Math.max(0, height - TICK_PITCH_PX);
-	if (items.length * TICK_PITCH_PX > height) {
-		const step = items.length > 1 ? span / (items.length - 1) : 0;
-		return items.map((_, index) => index * step);
+function useRailTickTops(t0) {
+	const $ = c(22);
+	const { enabled, items, listRef, resolvePct, scrollContainerRef } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
+			height: 0,
+			percentages: []
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const [measurement, setMeasurement] = useState(t1);
+	let t2;
+	let t3;
+	if ($[1] !== enabled || $[2] !== items || $[3] !== listRef || $[4] !== resolvePct || $[5] !== scrollContainerRef) {
+		t2 = () => {
+			const list = listRef.current;
+			if (!enabled || !list) return;
+			const update = () => {
+				const container = scrollContainerRef.current;
+				const height = list.clientHeight;
+				const percentages = items.map((item) => container ? resolvePct(item.id, container) : null);
+				setMeasurement((previous) => previous.height === height && previous.percentages.length === percentages.length && previous.percentages.every((value, index) => value === percentages.at(index)) ? previous : {
+					height,
+					percentages
+				});
+			};
+			update();
+			const observer = new ResizeObserver(update);
+			observer.observe(list);
+			return () => observer.disconnect();
+		};
+		t3 = [
+			enabled,
+			items,
+			listRef,
+			resolvePct,
+			scrollContainerRef
+		];
+		$[1] = enabled;
+		$[2] = items;
+		$[3] = listRef;
+		$[4] = resolvePct;
+		$[5] = scrollContainerRef;
+		$[6] = t2;
+		$[7] = t3;
+	} else {
+		t2 = $[6];
+		t3 = $[7];
 	}
-	const tops = items.map((item, index_0) => {
-		const pct = container ? resolvePct(item.id, container) : null;
-		return (pct === null ? index_0 / Math.max(1, items.length - 1) : pct / 100) * span;
-	});
-	for (let index_1 = 1; index_1 < tops.length; index_1++) tops[index_1] = Math.max(tops[index_1] ?? 0, (tops[index_1 - 1] ?? 0) + TICK_PITCH_PX);
-	for (let index_2 = tops.length - 1; index_2 >= 0; index_2--) {
-		const limit = index_2 === tops.length - 1 ? span : (tops[index_2 + 1] ?? span) - TICK_PITCH_PX;
-		tops[index_2] = Math.min(tops[index_2] ?? 0, limit);
+	useLayoutEffect(t2, t3);
+	const { height: height_0, percentages: percentages_0 } = measurement;
+	if (!enabled || height_0 === 0) {
+		let t4;
+		if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+			t4 = [];
+			$[8] = t4;
+		} else t4 = $[8];
+		return t4;
+	}
+	const span = Math.max(0, height_0 - TICK_PITCH_PX);
+	if (items.length * TICK_PITCH_PX > height_0) {
+		const step = items.length > 1 ? span / (items.length - 1) : 0;
+		let t4;
+		if ($[9] !== items || $[10] !== step) {
+			let t5;
+			if ($[12] !== step) {
+				t5 = (_, index_0) => index_0 * step;
+				$[12] = step;
+				$[13] = t5;
+			} else t5 = $[13];
+			t4 = items.map(t5);
+			$[9] = items;
+			$[10] = step;
+			$[11] = t4;
+		} else t4 = $[11];
+		return t4;
 	}
+	let tops;
+	if ($[14] !== items || $[15] !== percentages_0 || $[16] !== span) {
+		let t4;
+		if ($[18] !== items.length || $[19] !== percentages_0 || $[20] !== span) {
+			t4 = (__0, index_1) => {
+				const pct = percentages_0.at(index_1) ?? null;
+				return (pct === null ? index_1 / Math.max(1, items.length - 1) : pct / 100) * span;
+			};
+			$[18] = items.length;
+			$[19] = percentages_0;
+			$[20] = span;
+			$[21] = t4;
+		} else t4 = $[21];
+		tops = items.map(t4);
+		for (let index_2 = 1; index_2 < tops.length; index_2++) tops[index_2] = Math.max(tops[index_2] ?? 0, (tops[index_2 - 1] ?? 0) + TICK_PITCH_PX);
+		for (let index_3 = tops.length - 1; index_3 >= 0; index_3--) {
+			const limit = index_3 === tops.length - 1 ? span : (tops[index_3 + 1] ?? span) - TICK_PITCH_PX;
+			tops[index_3] = Math.min(tops[index_3] ?? 0, limit);
+		}
+		$[14] = items;
+		$[15] = percentages_0;
+		$[16] = span;
+		$[17] = tops;
+	} else tops = $[17];
 	return tops;
 }
 //#endregion

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 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-JTB5ldQI.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-DZz6gVev.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-BENP66Ly.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,13 +1,13 @@
-import { a as formatZoom, c as FormattingBar, d as AutocompleteCaretOverlay, i as clampZoom, l as ZoomControl, n as DocxEditor, o as parseZoom, r as ZOOM_PRESETS, s as useWheelZoom, t as renderAsync } from "./renderAsync-C0_y_c9Y.js";
-import { n as FolioUIProvider } from "./folio-ui-DO95voaI.js";
-import { t as FindReplaceDialog } from "./FindReplaceDialog-BUwFQWaq.js";
-import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-6XdO0zBH.js";
-import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-Dzu4hqRp.js";
-import { t as ImagePositionDialog } from "./ImagePositionDialog-9q71ka9N.js";
-import { t as ImagePropertiesDialog } from "./ImagePropertiesDialog-o79NCGk7.js";
-import { t as InsertSymbolDialog } from "./InsertSymbolDialog-Cn_Nifhg.js";
-import { t as PageSetupDialog } from "./PageSetupDialog-CMdVXCZ-.js";
-import { t as TablePropertiesDialog } from "./TablePropertiesDialog-DwPiUj4m.js";
+import { a as formatZoom, c as FormattingBar, d as AutocompleteCaretOverlay, i as clampZoom, l as ZoomControl, n as DocxEditor, o as parseZoom, r as ZOOM_PRESETS, s as useWheelZoom, t as renderAsync } from "./renderAsync-T2p_qqNU.js";
+import { n as FolioUIProvider } from "./folio-ui-rCHqCEG6.js";
+import { t as FindReplaceDialog } from "./FindReplaceDialog-LlVMe3EW.js";
+import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-D73t3LNP.js";
+import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-De-oslzU.js";
+import { t as ImagePositionDialog } from "./ImagePositionDialog-Cwt6R8iM.js";
+import { t as ImagePropertiesDialog } from "./ImagePropertiesDialog-GNZLBFLB.js";
+import { t as InsertSymbolDialog } from "./InsertSymbolDialog-CeEhkEvc.js";
+import { t as PageSetupDialog } from "./PageSetupDialog-DD6IEZAo.js";
+import { t as TablePropertiesDialog } from "./TablePropertiesDialog-Vu0HXQz6.js";
 import { applyFolioAIEditOperations, createFolioAIEditSnapshot, diffWordSegments, hashFolioAIBlockText, normalizeFolioAIBlockText } from "@stll/folio-core/ai-edits";
 import { insertImageFromFile, insertPageBreakInView, insertTableInView, insertTableOfContentsInView } from "@stll/folio-core/prosemirror";
 import { createAICitationDecorationsPlugin, setAICitationsMeta, setActiveCitationMeta } from "@stll/folio-core/prosemirror/plugins/aiCitationDecorations";