@questpie/admin 3.2.4 → 3.2.5

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

@@ -1,5 +1,4 @@
 import { cn } from "../../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -17,118 +16,72 @@ import tippy from "tippy.js";
 /**
 * Slash command list component
 */
-const SlashCommandList = React.forwardRef(function SlashCommandList$1(t0, ref) {
-	const $ = c(19);
-	const { items, command } = t0;
+const SlashCommandList = React.forwardRef(function SlashCommandList$1({ items, command }, ref) {
 	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;
-			}
-			if (event.key === "Tab") {
-				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", {
+	const selectItem = (index) => {
+		const item = items[index];
+		if (item) command(item);
+	};
+	React.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(safeIndex);
+			return true;
+		}
+		if (event.key === "Tab") {
+			event.preventDefault();
+			selectItem(safeIndex);
+			return true;
+		}
+		return false;
+	} }));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "qp-rich-text-editor__slash",
+		role: "listbox",
+		children: [items.length === 0 && /* @__PURE__ */ jsx("div", {
 			className: "qp-rich-text-editor__slash-empty",
 			children: "No results"
-		});
-		$[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",
-				"aria-selected": index_0 === safeIndex,
-				role: "option",
-				tabIndex: -1,
-				className: cn("qp-rich-text-editor__slash-item", index_0 === safeIndex ? "qp-rich-text-editor__slash-item--active" : ""),
-				onMouseEnter: () => setSelectedIndex(index_0),
-				onMouseDown: _temp,
-				onClick: () => selectItem(index_0),
-				children: [item_0.icon && /* @__PURE__ */ jsx("span", {
-					className: "qp-rich-text-editor__slash-icon",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ jsx(Icon, {
-						icon: item_0.icon,
-						width: 16,
-						height: 16
-					})
-				}), /* @__PURE__ */ jsxs("span", {
-					className: "qp-rich-text-editor__slash-copy",
-					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
-					})]
+		}), items.map((item, index) => /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			"aria-selected": index === safeIndex,
+			role: "option",
+			tabIndex: -1,
+			className: cn("qp-rich-text-editor__slash-item", index === safeIndex ? "qp-rich-text-editor__slash-item--active" : ""),
+			onMouseEnter: () => setSelectedIndex(index),
+			onMouseDown: (event) => event.preventDefault(),
+			onClick: () => selectItem(index),
+			children: [item.icon && /* @__PURE__ */ jsx("span", {
+				className: "qp-rich-text-editor__slash-icon",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: item.icon,
+					width: 16,
+					height: 16
+				})
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "qp-rich-text-editor__slash-copy",
+				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_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",
-			role: "listbox",
-			children: [t3, t4]
-		});
-		$[16] = t3;
-		$[17] = t4;
-		$[18] = t5;
-	} else t5 = $[18];
-	return t5;
+			})]
+		}, item.title))]
+	});
 });
 /**
 * Create slash command extension factory
@@ -201,9 +154,6 @@ function createSlashCommandExtension(getItems) {
 		}
 	});
 }
-function _temp(event_0) {
-	return event_0.preventDefault();
-}
 
 //#endregion
 export { createSlashCommandExtension };