@lv-x-software-house/x_view 1.2.4-dev.13 → 1.2.4-dev.14

package/dist/index.js

@@ -10294,7 +10294,7 @@ function XViewScene({
         });
       }
       return {
-        node: effectiveNode || { id: nodeId, name: "Unknown" },
+        ...effectiveNode ? { node: effectiveNode } : { node: { id: nodeId, name: "Unknown" } },
         relationship: treeItem.relationship || {},
         children: (treeItem.children || []).map(recursiveBuild).filter(Boolean),
         parallel_branches: processedBranches
@@ -11098,38 +11098,6 @@ function XViewScene({
         }
       }
     }
-    function handleCancelAncestryCreation() {
-      setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
-      if (mountRef.current) mountRef.current.style.cursor = "grab";
-    }
-    function handleKeyDown(event) {
-      var _a2, _b2, _c2, _d2;
-      const context = actionHandlerContext;
-      if (event.key === "Escape") {
-        if (stateRef.current.connection.isActive) userActionHandlers.handleCancelConnection(context);
-        if (stateRef.current.relink.isActive) userActionHandlers.handleCancelRelink(context);
-        if (stateRef.current.creation.isActive) userActionHandlers.handleCancelCreation(context);
-        if ((_a2 = stateRef.current.versionMode) == null ? void 0 : _a2.isActive) userActionHandlers.handleCancelVersioning(context);
-        if (stateRef.current.ancestry.isActive) handleCancelAncestryCreation();
-        if ((_b2 = context.questMode) == null ? void 0 : _b2.isActive) context.setters.setQuestMode({ isActive: false });
-        if (stateRef.current.selectedNodes.size > 0) {
-          stateRef.current.selectedNodes.clear();
-        }
-        setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
-        setMultiContextMenu((prev) => ({ ...prev, visible: false }));
-        setRelationshipMenu((prev) => ({ ...prev, visible: false }));
-      }
-      if (event.key.toLowerCase() === "q") {
-        const isUiClear = !stateRef.current.creation.isActive && !stateRef.current.connection.isActive && !stateRef.current.relink.isActive && !stateRef.current.ancestry.isActive && !((_c2 = context.versionMode) == null ? void 0 : _c2.isActive) && !contextMenu.visible && !multiContextMenu.visible && !relationshipMenu.visible && !readingMode.isActive && !isImportModalOpen && !isAncestryBoardOpen;
-        if (isUiClear) {
-          const isView = ((_d2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _d2.toLowerCase()) === "view";
-          if (!isView) {
-            return;
-          }
-          setQuestMode({ isActive: true });
-        }
-      }
-    }
     function handleDoubleClick(event) {
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
       if (isFromUiOverlay(event) || stateRef.current.isDragging || stateRef.current.creation.isActive || stateRef.current.connection.isActive || stateRef.current.relink.isActive) return;
@@ -11182,7 +11150,6 @@ function XViewScene({
     currentMount.addEventListener("dblclick", handleDoubleClick);
     currentMount.addEventListener("pointermove", onPointerMove);
     currentMount.addEventListener("contextmenu", handleContextMenu);
-    window.addEventListener("keydown", handleKeyDown);
     const originalBackground = scene.background;
     const clock = new THREE3.Clock();
     let animationFrameId = 0;
@@ -11320,7 +11287,6 @@ function XViewScene({
     return () => {
       cancelAnimationFrame(animationFrameId);
       window.removeEventListener("resize", handleResize);
-      window.removeEventListener("keydown", handleKeyDown);
       currentMount.removeEventListener("pointerdown", onPointerDown);
       currentMount.removeEventListener("pointerup", onPointerUp);
       currentMount.removeEventListener("dblclick", handleDoubleClick);
@@ -13124,6 +13090,62 @@ function XViewScene({
       }
     }
   }, [isInitialized, sceneVersion, focusAncestryId, hasOpenedInitialAncestry, handleStartReadingAncestry]);
+  (0, import_react25.useEffect)(() => {
+    function handleKeyDown(event) {
+      var _a2, _b2, _c2, _d2;
+      const context = actionHandlerContext;
+      if (event.key === "Escape") {
+        if (stateRef.current.connection.isActive) userActionHandlers.handleCancelConnection(context);
+        if (stateRef.current.relink.isActive) userActionHandlers.handleCancelRelink(context);
+        if (stateRef.current.creation.isActive) userActionHandlers.handleCancelCreation(context);
+        if ((_a2 = stateRef.current.versionMode) == null ? void 0 : _a2.isActive) userActionHandlers.handleCancelVersioning(context);
+        if (stateRef.current.ancestry.isActive) {
+          setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+          if (mountRef.current) mountRef.current.style.cursor = "grab";
+        }
+        if ((_b2 = context.questMode) == null ? void 0 : _b2.isActive) context.setters.setQuestMode({ isActive: false });
+        if (stateRef.current.selectedNodes.size > 0) {
+          stateRef.current.selectedNodes.clear();
+        }
+        setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+        setMultiContextMenu((prev) => ({ ...prev, visible: false }));
+        setRelationshipMenu((prev) => ({ ...prev, visible: false }));
+      }
+      if (event.key.toLowerCase() === "q") {
+        const isUiClear = !stateRef.current.creation.isActive && !stateRef.current.connection.isActive && !stateRef.current.relink.isActive && !stateRef.current.ancestry.isActive && !((_c2 = context.versionMode) == null ? void 0 : _c2.isActive) && !contextMenu.visible && !multiContextMenu.visible && !relationshipMenu.visible && !readingMode.isActive && !isImportModalOpen && !isAncestryBoardOpen && !isSidebarOpen && // Condição nova
+        !detailsNode && // Condição nova
+        !detailsLink && // Condição nova
+        !ancestryLinkDetails && // Condição nova
+        !imageViewer.visible && // Condição nova
+        !editingAncestryRel.visible && // Condição nova
+        !questMode.isActive;
+        if (isUiClear) {
+          const isView = ((_d2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _d2.toLowerCase()) === "view";
+          if (!isView) return;
+          setQuestMode({ isActive: true });
+        }
+      }
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [
+    // Dependências: sempre que um painel abrir ou fechar, o React atualiza o listener com os dados frescos
+    contextMenu.visible,
+    multiContextMenu.visible,
+    relationshipMenu.visible,
+    readingMode.isActive,
+    isImportModalOpen,
+    isAncestryBoardOpen,
+    isSidebarOpen,
+    detailsNode,
+    detailsLink,
+    ancestryLinkDetails,
+    imageViewer.visible,
+    editingAncestryRel.visible,
+    questMode.isActive,
+    viewParams,
+    actionHandlerContext
+  ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
     return /* @__PURE__ */ import_react25.default.createElement(LoadingScreen, null);
   }

package/dist/index.mjs

@@ -10294,7 +10294,7 @@ function XViewScene({
         });
       }
       return {
-        node: effectiveNode || { id: nodeId, name: "Unknown" },
+        ...effectiveNode ? { node: effectiveNode } : { node: { id: nodeId, name: "Unknown" } },
         relationship: treeItem.relationship || {},
         children: (treeItem.children || []).map(recursiveBuild).filter(Boolean),
         parallel_branches: processedBranches
@@ -11098,38 +11098,6 @@ function XViewScene({
         }
       }
     }
-    function handleCancelAncestryCreation() {
-      setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
-      if (mountRef.current) mountRef.current.style.cursor = "grab";
-    }
-    function handleKeyDown(event) {
-      var _a2, _b2, _c2, _d2;
-      const context = actionHandlerContext;
-      if (event.key === "Escape") {
-        if (stateRef.current.connection.isActive) userActionHandlers.handleCancelConnection(context);
-        if (stateRef.current.relink.isActive) userActionHandlers.handleCancelRelink(context);
-        if (stateRef.current.creation.isActive) userActionHandlers.handleCancelCreation(context);
-        if ((_a2 = stateRef.current.versionMode) == null ? void 0 : _a2.isActive) userActionHandlers.handleCancelVersioning(context);
-        if (stateRef.current.ancestry.isActive) handleCancelAncestryCreation();
-        if ((_b2 = context.questMode) == null ? void 0 : _b2.isActive) context.setters.setQuestMode({ isActive: false });
-        if (stateRef.current.selectedNodes.size > 0) {
-          stateRef.current.selectedNodes.clear();
-        }
-        setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
-        setMultiContextMenu((prev) => ({ ...prev, visible: false }));
-        setRelationshipMenu((prev) => ({ ...prev, visible: false }));
-      }
-      if (event.key.toLowerCase() === "q") {
-        const isUiClear = !stateRef.current.creation.isActive && !stateRef.current.connection.isActive && !stateRef.current.relink.isActive && !stateRef.current.ancestry.isActive && !((_c2 = context.versionMode) == null ? void 0 : _c2.isActive) && !contextMenu.visible && !multiContextMenu.visible && !relationshipMenu.visible && !readingMode.isActive && !isImportModalOpen && !isAncestryBoardOpen;
-        if (isUiClear) {
-          const isView = ((_d2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _d2.toLowerCase()) === "view";
-          if (!isView) {
-            return;
-          }
-          setQuestMode({ isActive: true });
-        }
-      }
-    }
     function handleDoubleClick(event) {
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
       if (isFromUiOverlay(event) || stateRef.current.isDragging || stateRef.current.creation.isActive || stateRef.current.connection.isActive || stateRef.current.relink.isActive) return;
@@ -11182,7 +11150,6 @@ function XViewScene({
     currentMount.addEventListener("dblclick", handleDoubleClick);
     currentMount.addEventListener("pointermove", onPointerMove);
     currentMount.addEventListener("contextmenu", handleContextMenu);
-    window.addEventListener("keydown", handleKeyDown);
     const originalBackground = scene.background;
     const clock = new THREE3.Clock();
     let animationFrameId = 0;
@@ -11320,7 +11287,6 @@ function XViewScene({
     return () => {
       cancelAnimationFrame(animationFrameId);
       window.removeEventListener("resize", handleResize);
-      window.removeEventListener("keydown", handleKeyDown);
       currentMount.removeEventListener("pointerdown", onPointerDown);
       currentMount.removeEventListener("pointerup", onPointerUp);
       currentMount.removeEventListener("dblclick", handleDoubleClick);
@@ -13124,6 +13090,62 @@ function XViewScene({
       }
     }
   }, [isInitialized, sceneVersion, focusAncestryId, hasOpenedInitialAncestry, handleStartReadingAncestry]);
+  useEffect21(() => {
+    function handleKeyDown(event) {
+      var _a2, _b2, _c2, _d2;
+      const context = actionHandlerContext;
+      if (event.key === "Escape") {
+        if (stateRef.current.connection.isActive) userActionHandlers.handleCancelConnection(context);
+        if (stateRef.current.relink.isActive) userActionHandlers.handleCancelRelink(context);
+        if (stateRef.current.creation.isActive) userActionHandlers.handleCancelCreation(context);
+        if ((_a2 = stateRef.current.versionMode) == null ? void 0 : _a2.isActive) userActionHandlers.handleCancelVersioning(context);
+        if (stateRef.current.ancestry.isActive) {
+          setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+          if (mountRef.current) mountRef.current.style.cursor = "grab";
+        }
+        if ((_b2 = context.questMode) == null ? void 0 : _b2.isActive) context.setters.setQuestMode({ isActive: false });
+        if (stateRef.current.selectedNodes.size > 0) {
+          stateRef.current.selectedNodes.clear();
+        }
+        setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+        setMultiContextMenu((prev) => ({ ...prev, visible: false }));
+        setRelationshipMenu((prev) => ({ ...prev, visible: false }));
+      }
+      if (event.key.toLowerCase() === "q") {
+        const isUiClear = !stateRef.current.creation.isActive && !stateRef.current.connection.isActive && !stateRef.current.relink.isActive && !stateRef.current.ancestry.isActive && !((_c2 = context.versionMode) == null ? void 0 : _c2.isActive) && !contextMenu.visible && !multiContextMenu.visible && !relationshipMenu.visible && !readingMode.isActive && !isImportModalOpen && !isAncestryBoardOpen && !isSidebarOpen && // Condição nova
+        !detailsNode && // Condição nova
+        !detailsLink && // Condição nova
+        !ancestryLinkDetails && // Condição nova
+        !imageViewer.visible && // Condição nova
+        !editingAncestryRel.visible && // Condição nova
+        !questMode.isActive;
+        if (isUiClear) {
+          const isView = ((_d2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _d2.toLowerCase()) === "view";
+          if (!isView) return;
+          setQuestMode({ isActive: true });
+        }
+      }
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [
+    // Dependências: sempre que um painel abrir ou fechar, o React atualiza o listener com os dados frescos
+    contextMenu.visible,
+    multiContextMenu.visible,
+    relationshipMenu.visible,
+    readingMode.isActive,
+    isImportModalOpen,
+    isAncestryBoardOpen,
+    isSidebarOpen,
+    detailsNode,
+    detailsLink,
+    ancestryLinkDetails,
+    imageViewer.visible,
+    editingAncestryRel.visible,
+    questMode.isActive,
+    viewParams,
+    actionHandlerContext
+  ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
     return /* @__PURE__ */ React24.createElement(LoadingScreen, null);
   }

package/package.json

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