@lv-x-software-house/x_view 1.2.6-dev.10 → 1.2.6-dev.12

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();
       }
     };
@@ -13343,7 +13345,6 @@ function AncestryBoard({
   onSave,
   userRole
 }) {
-  const [searchTerm, setSearchTerm] = (0, import_react29.useState)("");
   const [groups, setGroups] = (0, import_react29.useState)([]);
   const [isLoaded, setIsLoaded] = (0, import_react29.useState)(false);
   const [saveStatus, setSaveStatus] = (0, import_react29.useState)("idle");
@@ -13360,13 +13361,6 @@ function AncestryBoard({
       setIsLoaded(true);
     }
   }, [initialGroups, isLoaded]);
-  const nodeNamesMap = (0, import_react29.useMemo)(() => {
-    const map = /* @__PURE__ */ new Map();
-    availableNodes.forEach((n) => {
-      if (n == null ? void 0 : n.id) map.set(String(n.id), n.name);
-    });
-    return map;
-  }, [availableNodes]);
   const allSearchableItems = (0, import_react29.useMemo)(() => {
     const items = [];
     availableAncestries.forEach((anc) => {
@@ -13393,20 +13387,6 @@ function AncestryBoard({
     });
     return items;
   }, [availableAncestries, availableNodes]);
-  const filtered = (0, import_react29.useMemo)(() => {
-    const term = searchTerm.toLowerCase().trim();
-    return allSearchableItems.filter((item) => {
-      if (!term) return true;
-      const labelMatch = (item.searchLabel || "").toLowerCase().includes(term);
-      const descMatch = (item.searchDesc || "").toLowerCase().includes(term);
-      let parentMatch = false;
-      if (item.type === "ancestry") {
-        const parentName = nodeNamesMap.get(String(item.ancestral_node)) || "";
-        parentMatch = parentName.toLowerCase().includes(term);
-      }
-      return labelMatch || descMatch || parentMatch;
-    });
-  }, [allSearchableItems, searchTerm, nodeNamesMap]);
   const sanitizeGroups = (list) => list.map((g) => ({
     id: g.id,
     content: g.content || [],
@@ -13529,40 +13509,7 @@ function AncestryBoard({
         },
         /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiX, { size: 16 })
       ))),
-      /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col border-r border-white/10 w-[20%] min-w-[280px] max-w-[460px] bg-slate-900 flex-none" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "relative group" }, /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiSearch, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-500 group-focus-within:text-indigo-400 transition-colors" }), /* @__PURE__ */ import_react29.default.createElement(
-        "input",
-        {
-          type: "text",
-          placeholder: "Navegar nas ancestralidades e nodes\u2026",
-          className: "w-full rounded-md pl-9 pr-4 py-2 text-sm bg-slate-950 border border-white/10 text-slate-200 placeholder-slate-600 focus:outline-none focus:ring-1 focus:ring-indigo-500 transition-all",
-          value: searchTerm,
-          onChange: (e) => setSearchTerm(e.target.value),
-          autoFocus: true
-        }
-      ))), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
-        const parentNodeName = nodeNamesMap.get(String(anc.ancestral_node)) || "Node Desconhecido";
-        return /* @__PURE__ */ import_react29.default.createElement(
-          "div",
-          {
-            key: anc.id,
-            className: "group relative flex items-start gap-3 p-3 text-left rounded-lg border border-white/5 bg-slate-800/40 hover:bg-indigo-600/10 hover:border-indigo-500/30 cursor-default transition-all duration-200"
-          },
-          /* @__PURE__ */ import_react29.default.createElement("div", { className: "mt-0.5 w-8 h-8 rounded-md grid place-content-center shrink-0 border bg-slate-800 border-white/5 group-hover:bg-indigo-500 group-hover:text-white transition-all shadow-lg" }, anc.type === "quest" ? /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiCheckSquare, { size: 14, className: "text-emerald-400 group-hover:text-white" }) : anc.type === "version" ? /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiGitBranch, { size: 14, className: "text-amber-400 group-hover:text-white" }) : anc.type === "node" ? /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiBox, { size: 14, className: "text-slate-400 group-hover:text-white" }) : /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiLayers, { size: 14, className: "text-indigo-400 group-hover:text-white" })),
-          /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ import_react29.default.createElement("h4", { className: "text-sm font-medium text-slate-200 group-hover:text-white truncate transition-colors" }, anc.searchLabel || "Sem Nome"), /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[9px] px-1.5 py-0.5 rounded-full bg-white/5 text-slate-500 border border-white/5 uppercase tracking-tighter" }, anc.type)), anc.type === "ancestry" && /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center gap-1.5 mt-0.5 text-[11px] text-slate-500 group-hover:text-indigo-200/70 transition-colors" }, /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiCornerUpRight, { size: 10 }), /* @__PURE__ */ import_react29.default.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.searchDesc && /* @__PURE__ */ import_react29.default.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.searchDesc)),
-          /* @__PURE__ */ import_react29.default.createElement(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                if (onSelect) onSelect(anc);
-              },
-              className: "absolute right-2 bottom-2 opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0 z-10",
-              title: "Focar no cen\xE1rio"
-            },
-            /* @__PURE__ */ import_react29.default.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiPlay, { size: 14, className: "ml-0.5" }))
-          )
-        );
-      }))), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiLayers, { size: 24, className: "opacity-20" }), /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ import_react29.default.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ import_react29.default.createElement(
+      /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar bg-slate-950/30 p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiLayers, { size: 24, className: "opacity-20" }), /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ import_react29.default.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ import_react29.default.createElement(
         GroupItem,
         {
           key: group.id,
@@ -13577,8 +13524,8 @@ function AncestryBoard({
           onMentionClick: handleMentionClick,
           canEdit
         }
-      ))))),
-      /* @__PURE__ */ import_react29.default.createElement("div", { className: "px-5 py-2 border-t border-white/10 bg-slate-950/50 text-xs text-slate-500 flex justify-between flex-shrink-0" }, /* @__PURE__ */ import_react29.default.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ import_react29.default.createElement("span", null, groups.length, " grupos raiz"))
+      ))),
+      /* @__PURE__ */ import_react29.default.createElement("div", { className: "px-5 py-2 border-t border-white/10 bg-slate-950/50 text-xs text-slate-500 flex justify-end flex-shrink-0" }, /* @__PURE__ */ import_react29.default.createElement("span", null, groups.length, " grupos raiz"))
     )
   );
 }

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();
       }
     };
@@ -13389,7 +13391,6 @@ function AncestryBoard({
   onSave,
   userRole
 }) {
-  const [searchTerm, setSearchTerm] = useState27("");
   const [groups, setGroups] = useState27([]);
   const [isLoaded, setIsLoaded] = useState27(false);
   const [saveStatus, setSaveStatus] = useState27("idle");
@@ -13406,13 +13407,6 @@ function AncestryBoard({
       setIsLoaded(true);
     }
   }, [initialGroups, isLoaded]);
-  const nodeNamesMap = useMemo12(() => {
-    const map = /* @__PURE__ */ new Map();
-    availableNodes.forEach((n) => {
-      if (n == null ? void 0 : n.id) map.set(String(n.id), n.name);
-    });
-    return map;
-  }, [availableNodes]);
   const allSearchableItems = useMemo12(() => {
     const items = [];
     availableAncestries.forEach((anc) => {
@@ -13439,20 +13433,6 @@ function AncestryBoard({
     });
     return items;
   }, [availableAncestries, availableNodes]);
-  const filtered = useMemo12(() => {
-    const term = searchTerm.toLowerCase().trim();
-    return allSearchableItems.filter((item) => {
-      if (!term) return true;
-      const labelMatch = (item.searchLabel || "").toLowerCase().includes(term);
-      const descMatch = (item.searchDesc || "").toLowerCase().includes(term);
-      let parentMatch = false;
-      if (item.type === "ancestry") {
-        const parentName = nodeNamesMap.get(String(item.ancestral_node)) || "";
-        parentMatch = parentName.toLowerCase().includes(term);
-      }
-      return labelMatch || descMatch || parentMatch;
-    });
-  }, [allSearchableItems, searchTerm, nodeNamesMap]);
   const sanitizeGroups = (list) => list.map((g) => ({
     id: g.id,
     content: g.content || [],
@@ -13575,40 +13555,7 @@ function AncestryBoard({
         },
         /* @__PURE__ */ React28.createElement(FiX8, { size: 16 })
       ))),
-      /* @__PURE__ */ React28.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col border-r border-white/10 w-[20%] min-w-[280px] max-w-[460px] bg-slate-900 flex-none" }, /* @__PURE__ */ React28.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ React28.createElement("div", { className: "relative group" }, /* @__PURE__ */ React28.createElement(FiSearch8, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-500 group-focus-within:text-indigo-400 transition-colors" }), /* @__PURE__ */ React28.createElement(
-        "input",
-        {
-          type: "text",
-          placeholder: "Navegar nas ancestralidades e nodes\u2026",
-          className: "w-full rounded-md pl-9 pr-4 py-2 text-sm bg-slate-950 border border-white/10 text-slate-200 placeholder-slate-600 focus:outline-none focus:ring-1 focus:ring-indigo-500 transition-all",
-          value: searchTerm,
-          onChange: (e) => setSearchTerm(e.target.value),
-          autoFocus: true
-        }
-      ))), /* @__PURE__ */ React28.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
-        const parentNodeName = nodeNamesMap.get(String(anc.ancestral_node)) || "Node Desconhecido";
-        return /* @__PURE__ */ React28.createElement(
-          "div",
-          {
-            key: anc.id,
-            className: "group relative flex items-start gap-3 p-3 text-left rounded-lg border border-white/5 bg-slate-800/40 hover:bg-indigo-600/10 hover:border-indigo-500/30 cursor-default transition-all duration-200"
-          },
-          /* @__PURE__ */ React28.createElement("div", { className: "mt-0.5 w-8 h-8 rounded-md grid place-content-center shrink-0 border bg-slate-800 border-white/5 group-hover:bg-indigo-500 group-hover:text-white transition-all shadow-lg" }, anc.type === "quest" ? /* @__PURE__ */ React28.createElement(FiCheckSquare4, { size: 14, className: "text-emerald-400 group-hover:text-white" }) : anc.type === "version" ? /* @__PURE__ */ React28.createElement(FiGitBranch4, { size: 14, className: "text-amber-400 group-hover:text-white" }) : anc.type === "node" ? /* @__PURE__ */ React28.createElement(FiBox2, { size: 14, className: "text-slate-400 group-hover:text-white" }) : /* @__PURE__ */ React28.createElement(FiLayers7, { size: 14, className: "text-indigo-400 group-hover:text-white" })),
-          /* @__PURE__ */ React28.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React28.createElement("h4", { className: "text-sm font-medium text-slate-200 group-hover:text-white truncate transition-colors" }, anc.searchLabel || "Sem Nome"), /* @__PURE__ */ React28.createElement("span", { className: "text-[9px] px-1.5 py-0.5 rounded-full bg-white/5 text-slate-500 border border-white/5 uppercase tracking-tighter" }, anc.type)), anc.type === "ancestry" && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1.5 mt-0.5 text-[11px] text-slate-500 group-hover:text-indigo-200/70 transition-colors" }, /* @__PURE__ */ React28.createElement(FiCornerUpRight4, { size: 10 }), /* @__PURE__ */ React28.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.searchDesc && /* @__PURE__ */ React28.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.searchDesc)),
-          /* @__PURE__ */ React28.createElement(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                if (onSelect) onSelect(anc);
-              },
-              className: "absolute right-2 bottom-2 opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0 z-10",
-              title: "Focar no cen\xE1rio"
-            },
-            /* @__PURE__ */ React28.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ React28.createElement(FiPlay, { size: 14, className: "ml-0.5" }))
-          )
-        );
-      }))), /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ React28.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ React28.createElement(FiLayers7, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React28.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ React28.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React28.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar bg-slate-950/30 p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ React28.createElement(FiLayers7, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React28.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ React28.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ React28.createElement(
         GroupItem,
         {
           key: group.id,
@@ -13623,8 +13570,8 @@ function AncestryBoard({
           onMentionClick: handleMentionClick,
           canEdit
         }
-      ))))),
-      /* @__PURE__ */ React28.createElement("div", { className: "px-5 py-2 border-t border-white/10 bg-slate-950/50 text-xs text-slate-500 flex justify-between flex-shrink-0" }, /* @__PURE__ */ React28.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ React28.createElement("span", null, groups.length, " grupos raiz"))
+      ))),
+      /* @__PURE__ */ React28.createElement("div", { className: "px-5 py-2 border-t border-white/10 bg-slate-950/50 text-xs text-slate-500 flex justify-end flex-shrink-0" }, /* @__PURE__ */ React28.createElement("span", null, groups.length, " grupos raiz"))
     )
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lv-x-software-house/x_view",
-  "version": "1.2.6-dev.10",
+  "version": "1.2.6-dev.12",
   "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",