@lv-x-software-house/x_view 1.2.6-dev.11 → 1.2.6-dev.13

package/dist/index.js

@@ -12961,6 +12961,8 @@ function MentionPopover({ query, items, position, onSelect, onClose }) {
         if (filtered[activeIndex]) onSelect(filtered[activeIndex]);
       } else if (e.key === "Escape") {
         e.preventDefault();
+        e.stopPropagation();
+        e.stopImmediatePropagation();
         onClose();
       }
     };
@@ -13077,6 +13079,7 @@ function RichGroupEditor({
 }) {
   const editorRef = (0, import_react28.useRef)(null);
   const isMountedRef = (0, import_react28.useRef)(false);
+  const dismissedTriggerRef = (0, import_react28.useRef)(null);
   const [mentionState, setMentionState] = (0, import_react28.useState)(null);
   const [isEmpty, setIsEmpty] = (0, import_react28.useState)(true);
   (0, import_react28.useEffect)(() => {
@@ -13092,10 +13095,17 @@ function RichGroupEditor({
     const selection = window.getSelection();
     if (!selection || selection.rangeCount === 0) return null;
     const range = selection.getRangeAt(0);
-    if (range.startContainer.nodeType !== Node.TEXT_NODE) return null;
-    const textBefore = range.startContainer.textContent.substring(0, range.startOffset);
+    const node = range.startContainer;
+    if (node.nodeType !== Node.TEXT_NODE) return null;
+    const textBefore = node.textContent.substring(0, range.startOffset);
     const atIndex = textBefore.lastIndexOf("@");
-    if (atIndex === -1) return null;
+    if (atIndex === -1) {
+      dismissedTriggerRef.current = null;
+      return null;
+    }
+    if (dismissedTriggerRef.current && dismissedTriggerRef.current.node === node && dismissedTriggerRef.current.atIndex === atIndex) {
+      return null;
+    }
     const query = textBefore.substring(atIndex + 1);
     if (query.includes("  ") || query.includes(".") || query.includes(",") || query.length > 40) {
       return null;
@@ -13230,6 +13240,21 @@ function RichGroupEditor({
   const handleBlur = (0, import_react28.useCallback)(() => {
     setTimeout(() => setMentionState(null), 200);
   }, []);
+  const handleMentionDismiss = (0, import_react28.useCallback)(() => {
+    const selection = window.getSelection();
+    if (selection && selection.rangeCount > 0) {
+      const range = selection.getRangeAt(0);
+      const node = range.startContainer;
+      if (node.nodeType === Node.TEXT_NODE) {
+        const textBefore = node.textContent.substring(0, range.startOffset);
+        const atIndex = textBefore.lastIndexOf("@");
+        if (atIndex !== -1) {
+          dismissedTriggerRef.current = { node, atIndex };
+        }
+      }
+    }
+    setMentionState(null);
+  }, []);
   return /* @__PURE__ */ import_react28.default.createElement("div", { className: "relative" }, isEmpty && !readOnly && /* @__PURE__ */ import_react28.default.createElement("div", { className: "absolute top-0 left-0 text-sm text-slate-600 pointer-events-none select-none" }, placeholder || "Escreva sobre este grupo\u2026 ou digite @ para mencionar"), /* @__PURE__ */ import_react28.default.createElement(
     "div",
     {
@@ -13251,7 +13276,7 @@ function RichGroupEditor({
       items: searchItems || [],
       position: mentionState.position,
       onSelect: insertMention,
-      onClose: () => setMentionState(null)
+      onClose: handleMentionDismiss
     }
   ));
 }

package/dist/index.mjs

@@ -13007,6 +13007,8 @@ function MentionPopover({ query, items, position, onSelect, onClose }) {
         if (filtered[activeIndex]) onSelect(filtered[activeIndex]);
       } else if (e.key === "Escape") {
         e.preventDefault();
+        e.stopPropagation();
+        e.stopImmediatePropagation();
         onClose();
       }
     };
@@ -13123,6 +13125,7 @@ function RichGroupEditor({
 }) {
   const editorRef = useRef19(null);
   const isMountedRef = useRef19(false);
+  const dismissedTriggerRef = useRef19(null);
   const [mentionState, setMentionState] = useState26(null);
   const [isEmpty, setIsEmpty] = useState26(true);
   useEffect22(() => {
@@ -13138,10 +13141,17 @@ function RichGroupEditor({
     const selection = window.getSelection();
     if (!selection || selection.rangeCount === 0) return null;
     const range = selection.getRangeAt(0);
-    if (range.startContainer.nodeType !== Node.TEXT_NODE) return null;
-    const textBefore = range.startContainer.textContent.substring(0, range.startOffset);
+    const node = range.startContainer;
+    if (node.nodeType !== Node.TEXT_NODE) return null;
+    const textBefore = node.textContent.substring(0, range.startOffset);
     const atIndex = textBefore.lastIndexOf("@");
-    if (atIndex === -1) return null;
+    if (atIndex === -1) {
+      dismissedTriggerRef.current = null;
+      return null;
+    }
+    if (dismissedTriggerRef.current && dismissedTriggerRef.current.node === node && dismissedTriggerRef.current.atIndex === atIndex) {
+      return null;
+    }
     const query = textBefore.substring(atIndex + 1);
     if (query.includes("  ") || query.includes(".") || query.includes(",") || query.length > 40) {
       return null;
@@ -13276,6 +13286,21 @@ function RichGroupEditor({
   const handleBlur = useCallback4(() => {
     setTimeout(() => setMentionState(null), 200);
   }, []);
+  const handleMentionDismiss = useCallback4(() => {
+    const selection = window.getSelection();
+    if (selection && selection.rangeCount > 0) {
+      const range = selection.getRangeAt(0);
+      const node = range.startContainer;
+      if (node.nodeType === Node.TEXT_NODE) {
+        const textBefore = node.textContent.substring(0, range.startOffset);
+        const atIndex = textBefore.lastIndexOf("@");
+        if (atIndex !== -1) {
+          dismissedTriggerRef.current = { node, atIndex };
+        }
+      }
+    }
+    setMentionState(null);
+  }, []);
   return /* @__PURE__ */ React27.createElement("div", { className: "relative" }, isEmpty && !readOnly && /* @__PURE__ */ React27.createElement("div", { className: "absolute top-0 left-0 text-sm text-slate-600 pointer-events-none select-none" }, placeholder || "Escreva sobre este grupo\u2026 ou digite @ para mencionar"), /* @__PURE__ */ React27.createElement(
     "div",
     {
@@ -13297,7 +13322,7 @@ function RichGroupEditor({
       items: searchItems || [],
       position: mentionState.position,
       onSelect: insertMention,
-      onClose: () => setMentionState(null)
+      onClose: handleMentionDismiss
     }
   ));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lv-x-software-house/x_view",
-  "version": "1.2.6-dev.11",
+  "version": "1.2.6-dev.13",
   "description": "Pacote privado contendo os componentes e lógica de renderização 3D do X View.",
   "author": "iv.x - Engenharia de Software - ivxsoftwarehouse@gmail.com",
   "license": "UNLICENSED",