@stll/folio-react 0.6.0 → 0.8.0

package/dist/{TextContextMenu-CG0V37wi.js → TextContextMenu-Ci7-M4oU.js}

@@ -1,3 +1,4 @@
+import { c } from "react-compiler-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { ArrowDownToLine, ArrowLeftToLine, ArrowRightToLine, ArrowUpToLine, ClipboardPaste, Copy, Grid3x3, MessageSquarePlus, Scissors, SquareDashed, TextSelect, Trash2 } from "lucide-react";
 import { createPortal } from "react-dom";
@@ -94,67 +95,187 @@ function itemIconColor(item) {
 	if (item.emphasis) return EMPHASIS_COLOR;
 	return "var(--muted-foreground, var(--doc-text-muted, #737373))";
 }
-const MenuItemComponent = ({ item, onClick, isHighlighted, onMouseEnter }) => {
-	if (item.action === "separator") return /* @__PURE__ */ jsx("div", {
-		className: "docx-text-context-menu-separator",
-		style: {
-			height: "1px",
-			backgroundColor: "var(--border, var(--doc-border, #e5e7eb))",
-			margin: "4px 12px"
-		}
-	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("button", {
-		type: "button",
-		className: `docx-text-context-menu-item ${isHighlighted ? "docx-text-context-menu-item-highlighted" : ""} ${item.disabled ? "docx-text-context-menu-item-disabled" : ""}`,
-		onClick,
-		onMouseEnter,
-		disabled: item.disabled,
-		role: "menuitem",
-		"aria-disabled": item.disabled,
-		style: {
+const MenuItemComponent = (t0) => {
+	const $ = c(45);
+	const { item, isHighlighted, navigableIndex, onItemClick, onItemEnter } = t0;
+	let t1;
+	if ($[0] !== item || $[1] !== onItemClick) {
+		t1 = () => onItemClick(item);
+		$[0] = item;
+		$[1] = onItemClick;
+		$[2] = t1;
+	} else t1 = $[2];
+	const handleClick = t1;
+	let t2;
+	if ($[3] !== item.disabled || $[4] !== navigableIndex || $[5] !== onItemEnter) {
+		t2 = () => {
+			if (navigableIndex !== -1 && !item.disabled) onItemEnter(navigableIndex);
+		};
+		$[3] = item.disabled;
+		$[4] = navigableIndex;
+		$[5] = onItemEnter;
+		$[6] = t2;
+	} else t2 = $[6];
+	const handleMouseEnter = t2;
+	if (item.action === "separator") {
+		let t3;
+		if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = /* @__PURE__ */ jsx("div", {
+				className: "docx-text-context-menu-separator",
+				style: {
+					height: "1px",
+					backgroundColor: "var(--border, var(--doc-border, #e5e7eb))",
+					margin: "4px 12px"
+				}
+			});
+			$[7] = t3;
+		} else t3 = $[7];
+		return t3;
+	}
+	const t3 = `docx-text-context-menu-item ${isHighlighted ? "docx-text-context-menu-item-highlighted" : ""} ${item.disabled ? "docx-text-context-menu-item-disabled" : ""}`;
+	const t4 = item.disabled;
+	const t5 = item.disabled;
+	const t6 = isHighlighted && !item.disabled ? "var(--accent, var(--doc-primary-light, #f3f4f6))" : "transparent";
+	const t7 = item.disabled ? "not-allowed" : "pointer";
+	let t8;
+	if ($[8] !== item) {
+		t8 = itemTextColor(item);
+		$[8] = item;
+		$[9] = t8;
+	} else t8 = $[9];
+	const t9 = item.emphasis ? 500 : 400;
+	const t10 = item.disabled ? .6 : 1;
+	let t11;
+	if ($[10] !== t10 || $[11] !== t6 || $[12] !== t7 || $[13] !== t8 || $[14] !== t9) {
+		t11 = {
 			display: "flex",
 			alignItems: "center",
 			gap: "10px",
 			width: "100%",
 			padding: "8px 12px",
 			border: "none",
-			background: isHighlighted && !item.disabled ? "var(--accent, var(--doc-primary-light, #f3f4f6))" : "transparent",
-			cursor: item.disabled ? "not-allowed" : "pointer",
+			background: t6,
+			cursor: t7,
 			fontSize: "13px",
-			color: itemTextColor(item),
-			fontWeight: item.emphasis ? 500 : 400,
+			color: t8,
+			fontWeight: t9,
 			textAlign: "left",
-			opacity: item.disabled ? .6 : 1
-		},
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				style: {
-					display: "flex",
-					color: itemIconColor(item)
-				},
-				children: item.icon ?? getActionIcon(item.action)
-			}),
-			/* @__PURE__ */ jsx("span", {
-				style: { flex: 1 },
-				children: item.label
-			}),
-			item.shortcut && /* @__PURE__ */ jsx("span", {
-				style: {
-					fontSize: "11px",
-					color: "var(--muted-foreground, var(--doc-text-subtle, #737373))",
-					fontFamily: "monospace"
-				},
-				children: item.shortcut
-			})
-		]
-	}), item.dividerAfter && /* @__PURE__ */ jsx("div", {
-		className: "docx-text-context-menu-separator",
-		style: {
-			height: "1px",
-			backgroundColor: "var(--border, var(--doc-border, #e5e7eb))",
-			margin: "4px 12px"
-		}
-	})] });
+			opacity: t10
+		};
+		$[10] = t10;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+		$[14] = t9;
+		$[15] = t11;
+	} else t11 = $[15];
+	let t12;
+	if ($[16] !== item) {
+		t12 = itemIconColor(item);
+		$[16] = item;
+		$[17] = t12;
+	} else t12 = $[17];
+	let t13;
+	if ($[18] !== t12) {
+		t13 = {
+			display: "flex",
+			color: t12
+		};
+		$[18] = t12;
+		$[19] = t13;
+	} else t13 = $[19];
+	let t14;
+	if ($[20] !== item.action || $[21] !== item.icon) {
+		t14 = item.icon ?? getActionIcon(item.action);
+		$[20] = item.action;
+		$[21] = item.icon;
+		$[22] = t14;
+	} else t14 = $[22];
+	let t15;
+	if ($[23] !== t13 || $[24] !== t14) {
+		t15 = /* @__PURE__ */ jsx("span", {
+			style: t13,
+			children: t14
+		});
+		$[23] = t13;
+		$[24] = t14;
+		$[25] = t15;
+	} else t15 = $[25];
+	let t16;
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = { flex: 1 };
+		$[26] = t16;
+	} else t16 = $[26];
+	let t17;
+	if ($[27] !== item.label) {
+		t17 = /* @__PURE__ */ jsx("span", {
+			style: t16,
+			children: item.label
+		});
+		$[27] = item.label;
+		$[28] = t17;
+	} else t17 = $[28];
+	let t18;
+	if ($[29] !== item.shortcut) {
+		t18 = item.shortcut && /* @__PURE__ */ jsx("span", {
+			style: {
+				fontSize: "11px",
+				color: "var(--muted-foreground, var(--doc-text-subtle, #737373))",
+				fontFamily: "monospace"
+			},
+			children: item.shortcut
+		});
+		$[29] = item.shortcut;
+		$[30] = t18;
+	} else t18 = $[30];
+	let t19;
+	if ($[31] !== handleClick || $[32] !== handleMouseEnter || $[33] !== item.disabled || $[34] !== t11 || $[35] !== t15 || $[36] !== t17 || $[37] !== t18 || $[38] !== t3) {
+		t19 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: t3,
+			onClick: handleClick,
+			onMouseEnter: handleMouseEnter,
+			disabled: t4,
+			role: "menuitem",
+			"aria-disabled": t5,
+			style: t11,
+			children: [
+				t15,
+				t17,
+				t18
+			]
+		});
+		$[31] = handleClick;
+		$[32] = handleMouseEnter;
+		$[33] = item.disabled;
+		$[34] = t11;
+		$[35] = t15;
+		$[36] = t17;
+		$[37] = t18;
+		$[38] = t3;
+		$[39] = t19;
+	} else t19 = $[39];
+	let t20;
+	if ($[40] !== item.dividerAfter) {
+		t20 = item.dividerAfter && /* @__PURE__ */ jsx("div", {
+			className: "docx-text-context-menu-separator",
+			style: {
+				height: "1px",
+				backgroundColor: "var(--border, var(--doc-border, #e5e7eb))",
+				margin: "4px 12px"
+			}
+		});
+		$[40] = item.dividerAfter;
+		$[41] = t20;
+	} else t20 = $[41];
+	let t21;
+	if ($[42] !== t19 || $[43] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(Fragment, { children: [t19, t20] });
+		$[42] = t19;
+		$[43] = t20;
+		$[44] = t21;
+	} else t21 = $[44];
+	return t21;
 };
 const TextContextMenu = ({ isOpen, position, hasSelection, isEditable, hasClipboardContent = true, onAction, onClose, items, className = "" }) => {
 	const menuRef = useRef(null);
@@ -193,7 +314,7 @@ const TextContextMenu = ({ isOpen, position, hasSelection, isEditable, hasClipbo
 		if (item.dividerAfter !== void 0) menuItem.dividerAfter = item.dividerAfter;
 		return menuItem;
 	});
-	const navigableItems = menuItems.filter((item) => item.action !== "separator");
+	const navigableItems = menuItems.filter((item_0) => item_0.action !== "separator");
 	useEffect(() => {
 		if (!isOpen) return;
 		const handleClickOutside = (e) => {
@@ -209,22 +330,22 @@ const TextContextMenu = ({ isOpen, position, hasSelection, isEditable, hasClipbo
 	}, [isOpen, onClose]);
 	useEffect(() => {
 		if (!isOpen) return;
-		const handleKeyDown = (e) => {
-			switch (e.key) {
+		const handleKeyDown = (e_0) => {
+			switch (e_0.key) {
 				case "Escape":
-					e.preventDefault();
+					e_0.preventDefault();
 					onClose();
 					break;
 				case "ArrowDown":
-					e.preventDefault();
-					setHighlightedIndex((prev) => {
-						let next = (prev + 1) % navigableItems.length;
-						while (navigableItems[next]?.disabled && next !== prev) next = (next + 1) % navigableItems.length;
-						return next;
+					e_0.preventDefault();
+					setHighlightedIndex((prev_0) => {
+						let next_0 = (prev_0 + 1) % navigableItems.length;
+						while (navigableItems[next_0]?.disabled && next_0 !== prev_0) next_0 = (next_0 + 1) % navigableItems.length;
+						return next_0;
 					});
 					break;
 				case "ArrowUp":
-					e.preventDefault();
+					e_0.preventDefault();
 					setHighlightedIndex((prev) => {
 						let next = (prev - 1 + navigableItems.length) % navigableItems.length;
 						while (navigableItems[next]?.disabled && next !== prev) next = (next - 1 + navigableItems.length) % navigableItems.length;
@@ -232,10 +353,10 @@ const TextContextMenu = ({ isOpen, position, hasSelection, isEditable, hasClipbo
 					});
 					break;
 				case "Enter": {
-					e.preventDefault();
-					const item = navigableItems[highlightedIndex];
-					if (item && !item.disabled) {
-						onAction(item.action);
+					e_0.preventDefault();
+					const item_1 = navigableItems[highlightedIndex];
+					if (item_1 && !item_1.disabled) {
+						onAction(item_1.action);
 						onClose();
 					}
 					break;
@@ -282,11 +403,11 @@ const TextContextMenu = ({ isOpen, position, hasSelection, isEditable, hasClipbo
 		position,
 		menuItems.length
 	]);
-	const handleItemClick = (item) => {
-		if (item.disabled) return;
-		onAction(item.action);
+	const handleItemClick = useCallback((item_2) => {
+		if (item_2.disabled) return;
+		onAction(item_2.action);
 		onClose();
-	};
+	}, [onAction, onClose]);
 	if (!isOpen) return null;
 	const menu = /* @__PURE__ */ jsx("div", {
 		ref: menuRef,
@@ -294,16 +415,15 @@ const TextContextMenu = ({ isOpen, position, hasSelection, isEditable, hasClipbo
 		style: getMenuStyle(),
 		role: "menu",
 		"aria-label": "Text editing menu",
-		children: menuItems.map((item, index) => {
-			const navigableIndex = navigableItems.indexOf(item);
+		children: menuItems.map((item_3, index) => {
+			const navigableIndex = navigableItems.indexOf(item_3);
 			return /* @__PURE__ */ jsx(MenuItemComponent, {
-				item,
-				onClick: () => handleItemClick(item),
+				item: item_3,
 				isHighlighted: navigableIndex === highlightedIndex,
-				onMouseEnter: () => {
-					if (navigableIndex !== -1 && !item.disabled) setHighlightedIndex(navigableIndex);
-				}
-			}, `${item.action}-${index}`);
+				navigableIndex,
+				onItemClick: handleItemClick,
+				onItemEnter: setHighlightedIndex
+			}, `${item_3.action}-${index}`);
 		})
 	});
 	if (typeof document === "undefined") return menu;

package/dist/compat/eigenpal.d.ts

@@ -1,4 +1,4 @@
-import { i as renderAsync, n as EditorHandle, o as DocxEditorProps, r as RenderAsyncOptions, s as DocxEditorRef, t as DocxEditorHandle } from "../renderAsync-B7UJsZye.js";
+import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-BmxQE7iO.js";
 import { ReactNode } from "react";
 import { CreateEmptyDocumentOptions, createDocumentWithText, createEmptyDocument } from "@stll/folio-core/utils/createDocument";
 

package/dist/compat/eigenpal.js

@@ -1,5 +1,6 @@
-import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-CwHTsxBN.js";
+import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-BtWYvQMT.js";
 import { t as messages_exports } from "../messages.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { IntlProvider, useTranslations } from "use-intl";
 import { jsx } from "react/jsx-runtime";
@@ -26,25 +27,96 @@ const locales = {
 	tr,
 	"zh-CN": zhCN
 };
-const LocaleProvider = ({ children, i18n, locale }) => {
-	const resolvedLocale = resolveLocale(locale, i18n);
-	return /* @__PURE__ */ jsx(IntlProvider, {
-		locale: resolvedLocale,
-		messages: (0, messages_exports.getFolioMessages)(resolvedLocale),
-		children
-	});
+const LocaleProvider = (t0) => {
+	const $ = c(10);
+	const { children, i18n, locale } = t0;
+	let T0;
+	let t1;
+	let t2;
+	if ($[0] !== i18n || $[1] !== locale) {
+		const resolvedLocale = resolveLocale(locale, i18n);
+		T0 = IntlProvider;
+		t1 = resolvedLocale;
+		t2 = (0, messages_exports.getFolioMessages)(resolvedLocale);
+		$[0] = i18n;
+		$[1] = locale;
+		$[2] = T0;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		T0 = $[2];
+		t1 = $[3];
+		t2 = $[4];
+	}
+	let t3;
+	if ($[5] !== T0 || $[6] !== children || $[7] !== t1 || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(T0, {
+			locale: t1,
+			messages: t2,
+			children
+		});
+		$[5] = T0;
+		$[6] = children;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 };
 const useTranslation = () => {
-	return { t: useTranslations("folio") };
+	const $ = c(2);
+	const t0 = useTranslations("folio");
+	let t1;
+	if ($[0] !== t0) {
+		t1 = { t: t0 };
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 };
-const DocxEditor = forwardRef(({ agentPanel: _agentPanel, colorMode: _colorMode, commentsSidebarOpen: _commentsSidebarOpen, disableFindReplaceShortcuts: _disableFindReplaceShortcuts, documentName: _documentName, documentNameEditable: _documentNameEditable, externalContent: _externalContent, externalPlugins: _externalPlugins, i18n, locale, onCommentAdd: _onCommentAdd, onCommentDelete: _onCommentDelete, onCommentReply: _onCommentReply, onCommentResolve: _onCommentResolve, onCommentsSidebarOpenChange: _onCommentsSidebarOpenChange, onDocumentNameChange: _onDocumentNameChange, onOpen: _onOpen, onRenderedDomContextReady: _onRenderedDomContextReady, pluginOverlays: _pluginOverlays, pluginRenderedDomContext: _pluginRenderedDomContext, pluginSidebarItems: _pluginSidebarItems, printOptions: _printOptions, renderLogo: _renderLogo, renderTitleBarRight: _renderTitleBarRight, showFileOpen: _showFileOpen, showHelpMenu: _showHelpMenu, showOutlineButton: _showOutlineButton, watermarkPresets: _watermarkPresets, ...props }, ref) => /* @__PURE__ */ jsx(LocaleProvider, {
-	i18n,
-	locale,
-	children: /* @__PURE__ */ jsx(DocxEditor$1, {
-		...props,
-		ref
-	})
-}));
+const DocxEditor = forwardRef((t0, ref) => {
+	const $ = c(11);
+	let i18n;
+	let locale;
+	let props;
+	if ($[0] !== t0) {
+		const { agentPanel: _agentPanel, colorMode: _colorMode, commentsSidebarOpen: _commentsSidebarOpen, disableFindReplaceShortcuts: _disableFindReplaceShortcuts, documentName: _documentName, documentNameEditable: _documentNameEditable, externalContent: _externalContent, externalPlugins: _externalPlugins, i18n: t1, locale: t2, onCommentAdd: _onCommentAdd, onCommentDelete: _onCommentDelete, onCommentReply: _onCommentReply, onCommentResolve: _onCommentResolve, onCommentsSidebarOpenChange: _onCommentsSidebarOpenChange, onDocumentNameChange: _onDocumentNameChange, onOpen: _onOpen, onRenderedDomContextReady: _onRenderedDomContextReady, pluginOverlays: _pluginOverlays, pluginRenderedDomContext: _pluginRenderedDomContext, pluginSidebarItems: _pluginSidebarItems, printOptions: _printOptions, renderLogo: _renderLogo, renderTitleBarRight: _renderTitleBarRight, showFileOpen: _showFileOpen, showHelpMenu: _showHelpMenu, showOutlineButton: _showOutlineButton, watermarkPresets: _watermarkPresets, ...t3 } = t0;
+		i18n = t1;
+		locale = t2;
+		props = t3;
+		$[0] = t0;
+		$[1] = i18n;
+		$[2] = locale;
+		$[3] = props;
+	} else {
+		i18n = $[1];
+		locale = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== props || $[5] !== ref) {
+		t1 = /* @__PURE__ */ jsx(DocxEditor$1, {
+			...props,
+			ref
+		});
+		$[4] = props;
+		$[5] = ref;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== i18n || $[8] !== locale || $[9] !== t1) {
+		t2 = /* @__PURE__ */ jsx(LocaleProvider, {
+			i18n,
+			locale,
+			children: t1
+		});
+		$[7] = i18n;
+		$[8] = locale;
+		$[9] = t1;
+		$[10] = t2;
+	} else t2 = $[10];
+	return t2;
+});
 DocxEditor.displayName = "EigenpalCompatDocxEditor";
 const resolveLocale = (locale, i18n) => locale ?? i18n?._lang ?? "en";
 //#endregion

package/dist/dialogChrome-BoGYPgeu.js

@@ -0,0 +1,26 @@
+import { c } from "react-compiler-runtime";
+import "react";
+//#region src/components/dialogs/dialogChrome.ts
+function useCloseOnDialogOpenChange(onClose) {
+	const $ = c(2);
+	let t0;
+	if ($[0] !== onClose) {
+		t0 = (open) => {
+			if (!open) onClose();
+		};
+		$[0] = onClose;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+const DIALOG_BACKDROP_CLASS = "fixed inset-0 z-[10000] bg-black/50";
+const DIALOG_POPUP_CLASS = "bg-popover fixed start-1/2 top-1/2 z-[10001] w-full max-w-[520px] min-w-[360px] -translate-x-1/2 -translate-y-1/2 rounded-lg border shadow-xl";
+const DIALOG_TITLE_CLASS = "border-b px-5 py-3 text-base font-semibold";
+const DIALOG_BODY_CLASS = "flex flex-col gap-4 px-5 py-4";
+const DIALOG_FOOTER_CLASS = "flex justify-end gap-2 border-t px-5 py-3";
+const DIALOG_LABEL_CLASS = "text-muted-foreground text-[13px]";
+const DIALOG_INPUT_CLASS = "border-input bg-background text-foreground rounded border px-2 py-1.5 text-[13px] outline-none";
+const DIALOG_SECONDARY_BUTTON_CLASS = "border-input rounded border px-4 py-1.5 text-[13px]";
+const DIALOG_PRIMARY_BUTTON_CLASS = "bg-primary text-primary-foreground rounded px-4 py-1.5 text-[13px] font-medium disabled:cursor-not-allowed disabled:opacity-50";
+//#endregion
+export { DIALOG_LABEL_CLASS as a, DIALOG_SECONDARY_BUTTON_CLASS as c, DIALOG_INPUT_CLASS as i, DIALOG_TITLE_CLASS as l, DIALOG_BODY_CLASS as n, DIALOG_POPUP_CLASS as o, DIALOG_FOOTER_CLASS as r, DIALOG_PRIMARY_BUTTON_CLASS as s, DIALOG_BACKDROP_CLASS as t, useCloseOnDialogOpenChange as u };