@firecms/editor 3.0.0-canary.295 → 3.0.0-canary.296

package/dist/index.es.js

@@ -478,7 +478,7 @@ const TextButtons = () => {
     const items2 = [{
       name: "bold",
       isActive: _temp$1,
-      command: _temp2$1,
+      command: _temp2,
       icon: FormatBoldIcon
     }, {
       name: "italic",
@@ -517,7 +517,7 @@ const TextButtons = () => {
 function _temp$1(editor_0) {
   return editor_0?.isActive("bold") ?? false;
 }
-function _temp2$1(editor_1) {
+function _temp2(editor_1) {
   return editor_1?.chain().focus().toggleBold().run();
 }
 function _temp3(editor_2) {
@@ -1436,7 +1436,6 @@ const suggestion = (ref, {
     let reference = null;
     return {
       onStart: (props) => {
-        console.log("[SlashCommand Debug] onStart", props);
         component = new ReactRenderer(CommandList, {
           props: {
             ...props,
@@ -1449,6 +1448,7 @@ const suggestion = (ref, {
           return;
         }
         containerEl = document.createElement("div");
+        containerEl.setAttribute("data-suggestion-menu", "true");
         containerEl.style.position = "fixed";
         containerEl.style.left = "0px";
         containerEl.style.top = "0px";
@@ -1477,7 +1477,6 @@ const suggestion = (ref, {
         });
       },
       onUpdate(props) {
-        console.log("[SlashCommand Debug] onUpdate", props);
         component.updateProps(props);
         if (!props.clientRect || !containerEl || !reference) {
           return;
@@ -1499,15 +1498,14 @@ const suggestion = (ref, {
         });
       },
       onKeyDown(props) {
-        console.log("[SlashCommand Debug] onKeyDown", props.event.key);
         if (props.event.key === "Escape") {
           props.event.preventDefault();
-          return true;
+          props.event.stopPropagation();
+          return false;
         }
         return component.ref?.onKeyDown(props);
       },
       onExit() {
-        console.log("[SlashCommand Debug] onExit called");
         if (cleanupAutoUpdate) cleanupAutoUpdate();
         if (containerEl && containerEl.parentNode) {
           containerEl.parentNode.removeChild(containerEl);
@@ -1520,25 +1518,15 @@ const suggestion = (ref, {
   }
 });
 const CommandList = forwardRef((props, ref) => {
-  const $ = c(34);
+  const $ = c(33);
   const [selectedIndex, setSelectedIndex] = useState(0);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = [];
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  useEffect(_temp2, t0);
   const {
     editor
   } = useCurrentEditor();
-  let t1;
-  if ($[1] !== editor || $[2] !== props.aiController || $[3] !== props.range || $[4] !== props.upload) {
-    t1 = (item, event) => {
-      console.log("[SlashCommand Debug] selectItem called", item?.title, event?.type);
+  let t0;
+  if ($[0] !== editor || $[1] !== props.aiController || $[2] !== props.range || $[3] !== props.upload) {
+    t0 = (item, event) => {
       if (!editor) {
-        console.error("[SlashCommand Debug] No editor instance found in selectItem");
         return;
       }
       event?.preventDefault();
@@ -1550,76 +1538,76 @@ const CommandList = forwardRef((props, ref) => {
         aiController: props.aiController
       });
     };
-    $[1] = editor;
-    $[2] = props.aiController;
-    $[3] = props.range;
-    $[4] = props.upload;
-    $[5] = t1;
+    $[0] = editor;
+    $[1] = props.aiController;
+    $[2] = props.range;
+    $[3] = props.upload;
+    $[4] = t0;
   } else {
-    t1 = $[5];
+    t0 = $[4];
   }
-  const selectItem = t1;
-  let t2;
-  if ($[6] !== props.items.length || $[7] !== selectedIndex) {
-    t2 = () => {
+  const selectItem = t0;
+  let t1;
+  if ($[5] !== props.items.length || $[6] !== selectedIndex) {
+    t1 = () => {
       setSelectedIndex((selectedIndex + props.items.length - 1) % props.items.length);
     };
-    $[6] = props.items.length;
-    $[7] = selectedIndex;
-    $[8] = t2;
+    $[5] = props.items.length;
+    $[6] = selectedIndex;
+    $[7] = t1;
   } else {
-    t2 = $[8];
+    t1 = $[7];
   }
-  const upHandler = t2;
-  let t3;
-  if ($[9] !== props.items.length || $[10] !== selectedIndex) {
-    t3 = () => {
+  const upHandler = t1;
+  let t2;
+  if ($[8] !== props.items.length || $[9] !== selectedIndex) {
+    t2 = () => {
       setSelectedIndex((selectedIndex + 1) % props.items.length);
     };
-    $[9] = props.items.length;
-    $[10] = selectedIndex;
-    $[11] = t3;
+    $[8] = props.items.length;
+    $[9] = selectedIndex;
+    $[10] = t2;
   } else {
-    t3 = $[11];
+    t2 = $[10];
   }
-  const downHandler = t3;
-  let t4;
-  if ($[12] !== props.items || $[13] !== selectItem || $[14] !== selectedIndex) {
-    t4 = () => {
+  const downHandler = t2;
+  let t3;
+  if ($[11] !== props.items || $[12] !== selectItem || $[13] !== selectedIndex) {
+    t3 = () => {
       const item_0 = props.items[selectedIndex];
       selectItem(item_0);
     };
-    $[12] = props.items;
-    $[13] = selectItem;
-    $[14] = selectedIndex;
+    $[11] = props.items;
+    $[12] = selectItem;
+    $[13] = selectedIndex;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  const enterHandler = t3;
+  let t4;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = () => setSelectedIndex(0);
     $[15] = t4;
   } else {
     t4 = $[15];
   }
-  const enterHandler = t4;
   let t5;
-  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => setSelectedIndex(0);
-    $[16] = t5;
+  if ($[16] !== props.items) {
+    t5 = [props.items];
+    $[16] = props.items;
+    $[17] = t5;
   } else {
-    t5 = $[16];
+    t5 = $[17];
   }
+  useEffect(t4, t5);
   let t6;
-  if ($[17] !== props.items) {
-    t6 = [props.items];
-    $[17] = props.items;
-    $[18] = t6;
-  } else {
-    t6 = $[18];
-  }
-  useEffect(t5, t6);
-  let t7;
-  if ($[19] !== downHandler || $[20] !== enterHandler || $[21] !== upHandler) {
-    t7 = () => ({
-      onKeyDown: (t82) => {
+  if ($[18] !== downHandler || $[19] !== enterHandler || $[20] !== upHandler) {
+    t6 = () => ({
+      onKeyDown: (t72) => {
         const {
           event: event_0
-        } = t82;
+        } = t72;
         if (event_0.key === "ArrowUp") {
           upHandler();
           return true;
@@ -1635,84 +1623,78 @@ const CommandList = forwardRef((props, ref) => {
         return false;
       }
     });
-    $[19] = downHandler;
-    $[20] = enterHandler;
-    $[21] = upHandler;
+    $[18] = downHandler;
+    $[19] = enterHandler;
+    $[20] = upHandler;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  useImperativeHandle(ref, t6);
+  let t7;
+  if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = [];
     $[22] = t7;
   } else {
     t7 = $[22];
   }
-  useImperativeHandle(ref, t7);
+  const itemRefs = useRef(t7);
   let t8;
-  if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-    t8 = [];
-    $[23] = t8;
-  } else {
-    t8 = $[23];
-  }
-  const itemRefs = useRef(t8);
-  let t10;
   let t9;
-  if ($[24] !== selectedIndex) {
-    t9 = () => {
+  if ($[23] !== selectedIndex) {
+    t8 = () => {
       if (itemRefs.current[selectedIndex]) {
         itemRefs.current[selectedIndex].scrollIntoView({
           block: "nearest"
         });
       }
     };
-    t10 = [selectedIndex];
-    $[24] = selectedIndex;
-    $[25] = t10;
-    $[26] = t9;
+    t9 = [selectedIndex];
+    $[23] = selectedIndex;
+    $[24] = t8;
+    $[25] = t9;
   } else {
-    t10 = $[25];
-    t9 = $[26];
+    t8 = $[24];
+    t9 = $[25];
   }
-  useEffect(t9, t10);
-  let t11;
-  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-    t11 = cls("text-surface-900 dark:text-white z-50 max-h-[280px] h-auto w-72 overflow-y-auto rounded-md border bg-white dark:bg-surface-900 px-1 py-2 shadow transition-all", defaultBorderMixin);
-    $[27] = t11;
+  useEffect(t8, t9);
+  let t10;
+  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = cls("text-surface-900 dark:text-white z-50 max-h-[280px] h-auto w-72 overflow-y-auto rounded-md border bg-white dark:bg-surface-900 px-1 py-2 shadow transition-all", defaultBorderMixin);
+    $[26] = t10;
   } else {
-    t11 = $[27];
+    t10 = $[26];
   }
-  let t12;
-  if ($[28] !== props.items || $[29] !== selectItem || $[30] !== selectedIndex) {
-    t12 = props.items.length ? props.items.map((item_1, index) => /* @__PURE__ */ jsxs("button", { value: item_1.title, ref: (el) => {
+  let t11;
+  if ($[27] !== props.items || $[28] !== selectItem || $[29] !== selectedIndex) {
+    t11 = props.items.length ? props.items.map((item_1, index) => /* @__PURE__ */ jsxs("button", { value: item_1.title, ref: (el) => {
       if (!el) {
         return;
       }
       itemRefs.current[index] = el;
-    }, onMouseDown: (e) => {
-      console.log("[SlashCommand Debug] onMouseDown", item_1.title);
-      e.preventDefault();
-    }, onClick: (e_0) => {
-      console.log("[SlashCommand Debug] onClick", item_1.title);
-      selectItem(item_1, e_0);
-    }, tabIndex: index === selectedIndex ? 0 : -1, "aria-selected": index === selectedIndex, className: cls("flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm hover:bg-blue-50 hover:dark:bg-surface-700 aria-selected:bg-blue-50 aria-selected:dark:bg-surface-700", index === selectedIndex ? "bg-blue-100 dark:bg-surface-accent-950" : ""), children: [
+    }, onMouseDown: _temp, onClick: (e_0) => selectItem(item_1, e_0), tabIndex: index === selectedIndex ? 0 : -1, "aria-selected": index === selectedIndex, className: cls("flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm hover:bg-blue-50 hover:dark:bg-surface-700 aria-selected:bg-blue-50 aria-selected:dark:bg-surface-700", index === selectedIndex ? "bg-blue-100 dark:bg-surface-accent-950" : ""), children: [
       /* @__PURE__ */ jsx("div", { className: cls("flex h-10 w-10 items-center justify-center rounded-md border bg-white dark:bg-surface-900", defaultBorderMixin), children: item_1.icon }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("p", { className: "font-medium", children: item_1.title }),
         /* @__PURE__ */ jsx("p", { className: "text-xs text-surface-700 dark:text-surface-accent-300", children: item_1.description })
       ] })
     ] }, item_1.title)) : /* @__PURE__ */ jsx("div", { className: "item", children: "No result" });
-    $[28] = props.items;
-    $[29] = selectItem;
-    $[30] = selectedIndex;
-    $[31] = t12;
+    $[27] = props.items;
+    $[28] = selectItem;
+    $[29] = selectedIndex;
+    $[30] = t11;
   } else {
-    t12 = $[31];
+    t11 = $[30];
   }
-  let t13;
-  if ($[32] !== t12) {
-    t13 = /* @__PURE__ */ jsx("div", { className: t11, children: t12 });
+  let t12;
+  if ($[31] !== t11) {
+    t12 = /* @__PURE__ */ jsx("div", { className: t10, children: t11 });
+    $[31] = t11;
     $[32] = t12;
-    $[33] = t13;
   } else {
-    t13 = $[33];
+    t12 = $[32];
   }
-  return t13;
+  return t12;
 });
 CommandList.displayName = "CommandList";
 const autocompleteSuggestionItem = {
@@ -1893,12 +1875,8 @@ const suggestionItems = [{
     input.click();
   }
 }];
-function _temp() {
-  return console.log("[SlashCommand Debug] CommandList unmounted");
-}
-function _temp2() {
-  console.log("[SlashCommand Debug] CommandList mounted");
-  return _temp;
+function _temp(e) {
+  return e.preventDefault();
 }
 const proseClasses = {
   "sm": "prose-sm",