@questpie/admin 2.0.0 → 3.0.0

package/dist/client/components/fields/rich-text-editor/link-popover.mjs

@@ -2,7 +2,7 @@ import { useTranslation } from "../../../i18n/hooks.mjs";
 import { Button } from "../../ui/button.mjs";
 import { Input } from "../../ui/input.mjs";
 import { Popover, PopoverContent, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../ui/popover.mjs";
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/fields/rich-text-editor/link-popover.tsx
@@ -11,13 +11,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 */
 function LinkPopover({ editor, open, onOpenChange, disabled }) {
 	const { t } = useTranslation();
-	const [linkUrl, setLinkUrl] = React$1.useState("");
-	React$1.useEffect(() => {
-		if (!open || !editor) return;
+	const [linkUrl, setLinkUrl] = React.useState("");
+	const prevOpenRef = React.useRef(false);
+	if (open && !prevOpenRef.current && editor) {
 		const currentLink = editor.getAttributes("link").href;
 		setLinkUrl(currentLink || "");
-	}, [editor, open]);
-	const handleApplyLink = React$1.useCallback(() => {
+	}
+	prevOpenRef.current = open;
+	const handleApplyLink = React.useCallback(() => {
 		if (!editor) return;
 		if (!linkUrl) {
 			editor.chain().focus().unsetLink().run();
@@ -35,7 +36,7 @@ function LinkPopover({ editor, open, onOpenChange, disabled }) {
 		linkUrl,
 		onOpenChange
 	]);
-	const handleRemoveLink = React$1.useCallback(() => {
+	const handleRemoveLink = React.useCallback(() => {
 		if (!editor) return;
 		editor.chain().focus().unsetLink().run();
 		onOpenChange(false);
@@ -51,14 +52,13 @@ function LinkPopover({ editor, open, onOpenChange, disabled }) {
 					value: linkUrl,
 					placeholder: "https://example.com",
 					onChange: (event) => setLinkUrl(event.target.value),
-					onKeyDown: (event) => {
-						if (event.key === "Enter") {
-							event.preventDefault();
+					onKeyDown: (event_0) => {
+						if (event_0.key === "Enter") {
+							event_0.preventDefault();
 							handleApplyLink();
 						}
 					},
-					disabled,
-					autoFocus: true
+					disabled
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "flex justify-end gap-2",
 					children: [/* @__PURE__ */ jsx(Button, {
@@ -82,5 +82,4 @@ function LinkPopover({ editor, open, onOpenChange, disabled }) {
 }
 
 //#endregion
-export { LinkPopover };
-//# sourceMappingURL=link-popover.mjs.map
+export { LinkPopover };

package/dist/client/components/fields/rich-text-editor/presets.mjs

@@ -120,5 +120,4 @@ function mergePresetFeatures(preset, overrides) {
 }
 
 //#endregion
-export { mergePresetFeatures };
-//# sourceMappingURL=presets.mjs.map
+export { mergePresetFeatures };

package/dist/client/components/fields/rich-text-editor/slash-commands.mjs

@@ -1,5 +1,6 @@
 import { cn } from "../../../lib/utils.mjs";
-import * as React$1 from "react";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ReactRenderer } from "@tiptap/react";
 import { Extension } from "@tiptap/core";
@@ -15,58 +16,98 @@ import tippy from "tippy.js";
 /**
 * Slash command list component
 */
-const SlashCommandList = React$1.forwardRef(function SlashCommandList$1({ items, command }, ref) {
-	const [selectedIndex, setSelectedIndex] = React$1.useState(0);
-	React$1.useEffect(() => {
-		if (items.length === 0) {
-			setSelectedIndex(0);
-			return;
-		}
-		setSelectedIndex((prev) => Math.min(prev, items.length - 1));
-	}, [items.length]);
-	const selectItem = (index) => {
-		const item = items[index];
-		if (item) command(item);
-	};
-	React$1.useImperativeHandle(ref, () => ({ onKeyDown: ({ event }) => {
-		if (items.length === 0) return false;
-		if (event.key === "ArrowDown") {
-			event.preventDefault();
-			setSelectedIndex((prev) => (prev + 1) % items.length);
-			return true;
-		}
-		if (event.key === "ArrowUp") {
-			event.preventDefault();
-			setSelectedIndex((prev) => (prev - 1 + items.length) % items.length);
-			return true;
-		}
-		if (event.key === "Enter") {
-			event.preventDefault();
-			selectItem(selectedIndex);
-			return true;
-		}
-		return false;
-	} }));
-	return /* @__PURE__ */ jsxs("div", {
-		className: "qp-rich-text-editor__slash",
-		children: [items.length === 0 && /* @__PURE__ */ jsx("div", {
+const SlashCommandList = React.forwardRef(function SlashCommandList$1(t0, ref) {
+	const $ = c(19);
+	const { items, command } = t0;
+	const [selectedIndex, setSelectedIndex] = React.useState(0);
+	const safeIndex = Math.min(selectedIndex, Math.max(0, items.length - 1));
+	let t1;
+	if ($[0] !== command || $[1] !== items) {
+		t1 = (index) => {
+			const item = items[index];
+			if (item) command(item);
+		};
+		$[0] = command;
+		$[1] = items;
+		$[2] = t1;
+	} else t1 = $[2];
+	const selectItem = t1;
+	let t2;
+	if ($[3] !== items.length || $[4] !== safeIndex || $[5] !== selectItem) {
+		t2 = () => ({ onKeyDown: (t3$1) => {
+			const { event } = t3$1;
+			if (items.length === 0) return false;
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				setSelectedIndex((prev) => (prev + 1) % items.length);
+				return true;
+			}
+			if (event.key === "ArrowUp") {
+				event.preventDefault();
+				setSelectedIndex((prev_0) => (prev_0 - 1 + items.length) % items.length);
+				return true;
+			}
+			if (event.key === "Enter") {
+				event.preventDefault();
+				selectItem(safeIndex);
+				return true;
+			}
+			return false;
+		} });
+		$[3] = items.length;
+		$[4] = safeIndex;
+		$[5] = selectItem;
+		$[6] = t2;
+	} else t2 = $[6];
+	React.useImperativeHandle(ref, t2);
+	let t3;
+	if ($[7] !== items.length) {
+		t3 = items.length === 0 && /* @__PURE__ */ jsx("div", {
 			className: "qp-rich-text-editor__slash-empty",
 			children: "No results"
-		}), items.map((item, index) => /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			tabIndex: -1,
-			className: cn("qp-rich-text-editor__slash-item", index === selectedIndex ? "qp-rich-text-editor__slash-item--active" : ""),
-			onMouseDown: (event) => event.preventDefault(),
-			onClick: () => selectItem(index),
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "qp-rich-text-editor__slash-title",
-				children: item.title
-			}), item.description && /* @__PURE__ */ jsx("span", {
-				className: "qp-rich-text-editor__slash-description",
-				children: item.description
-			})]
-		}, item.title))]
-	});
+		});
+		$[7] = items.length;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== items || $[10] !== safeIndex || $[11] !== selectItem) {
+		let t5$1;
+		if ($[13] !== safeIndex || $[14] !== selectItem) {
+			t5$1 = (item_0, index_0) => /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				tabIndex: -1,
+				className: cn("qp-rich-text-editor__slash-item", index_0 === safeIndex ? "qp-rich-text-editor__slash-item--active" : ""),
+				onMouseDown: _temp,
+				onClick: () => selectItem(index_0),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "qp-rich-text-editor__slash-title",
+					children: item_0.title
+				}), item_0.description && /* @__PURE__ */ jsx("span", {
+					className: "qp-rich-text-editor__slash-description",
+					children: item_0.description
+				})]
+			}, item_0.title);
+			$[13] = safeIndex;
+			$[14] = selectItem;
+			$[15] = t5$1;
+		} else t5$1 = $[15];
+		t4 = items.map(t5$1);
+		$[9] = items;
+		$[10] = safeIndex;
+		$[11] = selectItem;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[16] !== t3 || $[17] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: "qp-rich-text-editor__slash",
+			children: [t3, t4]
+		});
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+	} else t5 = $[18];
+	return t5;
 });
 /**
 * Create slash command extension factory
@@ -139,7 +180,9 @@ function createSlashCommandExtension(getItems) {
 		}
 	});
 }
+function _temp(event_0) {
+	return event_0.preventDefault();
+}
 
 //#endregion
-export { createSlashCommandExtension };
-//# sourceMappingURL=slash-commands.mjs.map
+export { createSlashCommandExtension };