@lv-x-software-house/x_view 1.2.5-dev.53 → 1.2.5-dev.55

package/dist/index.js

@@ -242,7 +242,7 @@ var computeNodeMaterialProps = (colorHex) => {
     emissive: emissiveColor
   };
 };
-var createNodeMesh = (nodeData, position, glowTexture) => {
+var createNodeMesh = (nodeData, position, glowTexture, forceShowQuestDate = false) => {
   let geometry, material, mesh;
   const colorHex = nodeData.color || "#ffffff";
   const userIntensity = nodeData.intensity !== void 0 ? Number(nodeData.intensity) : 0;
@@ -325,7 +325,7 @@ var createNodeMesh = (nodeData, position, glowTexture) => {
   label.name = "label";
   mesh.userData.labelObject = label;
   mesh.userData.labelOffset = new THREE.Vector3(0, 3.8, 0);
-  if (nodeData.is_quest && nodeData.Date) {
+  if (nodeData.is_quest && nodeData.Date && forceShowQuestDate) {
     const timeInfo = parseDateProp(nodeData.Date);
     if (!timeInfo.isUndated && timeInfo.label) {
       const dateSprite = createTextSprite(timeInfo.label, 36);
@@ -344,6 +344,7 @@ var updateExistingNodeVisuals = (state, updatedNode) => {
   const oldLabelOffset = existingMesh.userData.labelOffset;
   const oldTimelineBar = existingMesh.userData.timelineIntervalBar;
   const oldTimelineEndLabel = existingMesh.userData.timelineEndLabel;
+  const hadQuestDateLabel = !!existingMesh.getObjectByName("questDateLabel");
   const currentIsImage = existingMesh.userData.useImageAsTexture === true || String(existingMesh.userData.useImageAsTexture) === "true";
   const newIsImage = updatedNode.useImageAsTexture === true || String(updatedNode.useImageAsTexture) === "true";
   const urlChanged = existingMesh.userData.textureImageUrl !== updatedNode.textureImageUrl;
@@ -369,7 +370,7 @@ var updateExistingNodeVisuals = (state, updatedNode) => {
         if (oldLabelObject.material) oldLabelObject.material.dispose();
       }
     }
-    const newMesh = createNodeMesh(updatedNode, position, state.glowTexture);
+    const newMesh = createNodeMesh(updatedNode, position, state.glowTexture, hadQuestDateLabel);
     if (oldTimelineBar) {
       newMesh.userData.timelineIntervalBar = oldTimelineBar;
     }
@@ -918,10 +919,10 @@ var removeNodeFromScene = (state, nodeId) => {
     });
   }
 };
-var addStandaloneNodeToScene = (state, nodeData, position) => {
+var addStandaloneNodeToScene = (state, nodeData, position, forceShowQuestDate = false) => {
   const { graphGroup, nodeObjects, clickableNodes, glowTexture } = state;
   if (!graphGroup) return;
-  const mesh = createNodeMesh(nodeData, position, glowTexture);
+  const mesh = createNodeMesh(nodeData, position, glowTexture, forceShowQuestDate);
   mesh.scale.set(0.01, 0.01, 0.01);
   graphGroup.add(mesh);
   if (mesh.userData.labelObject) {
@@ -2329,7 +2330,7 @@ var userActionHandlers = {
             if (stateRef.current && stateRef.current.graphGroup) {
               const pos = oldMeshPosition.clone();
               pos.x += 12;
-              addStandaloneNodeToScene(stateRef.current, nextQuestNode, pos);
+              addStandaloneNodeToScene(stateRef.current, nextQuestNode, pos, true);
             }
           }, 2e3);
         }
@@ -2774,7 +2775,8 @@ var IGNORED_KEYS = [
   "recurrence_config",
   "reviewStack",
   "timeline",
-  "milestone_ids"
+  "milestone_ids",
+  "dependency_ids"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -10915,7 +10917,8 @@ function QuestDetailsPanel({
   currentUser,
   milestones = [],
   onUpdateMilestones = () => {
-  }
+  },
+  onFocusNode
 }) {
   var _a, _b;
   const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
@@ -11887,12 +11890,24 @@ ${noteText}` : noteText : entry.notes,
         "span",
         {
           key: depId,
-          className: `flex items-center gap-2 px-2 py-1 rounded-lg text-xs font-medium border ${isDone ? "bg-green-500/10 text-green-300 border-green-500/20" : "bg-amber-500/10 text-amber-300 border-amber-500/20"}`,
-          title: isDone ? "Pronta" : "Pendente"
+          onClick: () => onFocusNode == null ? void 0 : onFocusNode(depNode),
+          className: `flex items-center gap-2 px-2 py-1 rounded-lg text-xs font-medium border cursor-pointer hover:brightness-110 transition-all ${isDone ? "bg-green-500/10 text-green-300 border-green-500/20" : "bg-amber-500/10 text-amber-300 border-amber-500/20"}`,
+          title: isDone ? `Pronta - Clique para focar` : `Pendente - Clique para focar`
         },
         /* @__PURE__ */ import_react20.default.createElement("span", { className: `w-1.5 h-1.5 rounded-full ${isDone ? "bg-green-400" : "bg-amber-400 animate-pulse"}` }),
         depNode.raw_title || depNode.name,
-        canEdit && /* @__PURE__ */ import_react20.default.createElement("button", { type: "button", onClick: () => handleRemoveDependency(depId), className: "hover:text-white transition-colors opacity-60 hover:opacity-100" }, /* @__PURE__ */ import_react20.default.createElement(import_fi19.FiX, { size: 12 }))
+        canEdit && /* @__PURE__ */ import_react20.default.createElement(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              handleRemoveDependency(depId);
+            },
+            className: "hover:text-white transition-colors opacity-60 hover:opacity-100 Ml-1"
+          },
+          /* @__PURE__ */ import_react20.default.createElement(import_fi19.FiX, { size: 12 })
+        )
       );
     }), canEdit && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex-1 min-w-[120px] relative" }, /* @__PURE__ */ import_react20.default.createElement(
       "input",
@@ -14553,7 +14568,7 @@ function XViewScene({
     return !!objs[key];
   }, []);
   const addOrUpdateNodeMesh = (0, import_react29.useCallback)(
-    (nodeData, position, suppressVersionUpdate = false) => {
+    (nodeData, position, suppressVersionUpdate = false, forceShowQuestDate = false) => {
       const {
         graphGroup,
         nodeObjects,
@@ -14574,7 +14589,8 @@ function XViewScene({
       const mesh = createNodeMesh(
         nodeData,
         position || new THREE3.Vector3(),
-        glowTexture
+        glowTexture,
+        forceShowQuestDate
       );
       graphGroup.add(mesh);
       if (mesh.userData.labelObject) {
@@ -17831,8 +17847,14 @@ function XViewScene({
   }, []);
   const handleFocusNode = (0, import_react29.useCallback)(
     (nodeData) => {
+      var _a2;
       if (!nodeData) return;
-      const nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
+      let nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
+      if (!nodeMesh) {
+        const spawnPos = ((_a2 = stateRef.current.controls) == null ? void 0 : _a2.target.clone()) || new THREE3.Vector3();
+        addStandaloneNodeToScene(stateRef.current, nodeData, spawnPos);
+        nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
+      }
       if (nodeMesh) {
         tweenToTarget(nodeMesh, 1.2);
       }
@@ -18309,6 +18331,7 @@ function XViewScene({
       {
         node: detailsNode,
         onClose: () => setDetailsNode(null),
+        onFocusNode: handleFocusNode,
         onSave: (data) => userActionHandlers.handleSaveNodeDetails(actionHandlerContext, data),
         onNameChange: handleDetailNodeNameChange,
         onColorChange: handleDetailNodeColorChange,

package/dist/index.mjs

@@ -203,7 +203,7 @@ var computeNodeMaterialProps = (colorHex) => {
     emissive: emissiveColor
   };
 };
-var createNodeMesh = (nodeData, position, glowTexture) => {
+var createNodeMesh = (nodeData, position, glowTexture, forceShowQuestDate = false) => {
   let geometry, material, mesh;
   const colorHex = nodeData.color || "#ffffff";
   const userIntensity = nodeData.intensity !== void 0 ? Number(nodeData.intensity) : 0;
@@ -286,7 +286,7 @@ var createNodeMesh = (nodeData, position, glowTexture) => {
   label.name = "label";
   mesh.userData.labelObject = label;
   mesh.userData.labelOffset = new THREE.Vector3(0, 3.8, 0);
-  if (nodeData.is_quest && nodeData.Date) {
+  if (nodeData.is_quest && nodeData.Date && forceShowQuestDate) {
     const timeInfo = parseDateProp(nodeData.Date);
     if (!timeInfo.isUndated && timeInfo.label) {
       const dateSprite = createTextSprite(timeInfo.label, 36);
@@ -305,6 +305,7 @@ var updateExistingNodeVisuals = (state, updatedNode) => {
   const oldLabelOffset = existingMesh.userData.labelOffset;
   const oldTimelineBar = existingMesh.userData.timelineIntervalBar;
   const oldTimelineEndLabel = existingMesh.userData.timelineEndLabel;
+  const hadQuestDateLabel = !!existingMesh.getObjectByName("questDateLabel");
   const currentIsImage = existingMesh.userData.useImageAsTexture === true || String(existingMesh.userData.useImageAsTexture) === "true";
   const newIsImage = updatedNode.useImageAsTexture === true || String(updatedNode.useImageAsTexture) === "true";
   const urlChanged = existingMesh.userData.textureImageUrl !== updatedNode.textureImageUrl;
@@ -330,7 +331,7 @@ var updateExistingNodeVisuals = (state, updatedNode) => {
         if (oldLabelObject.material) oldLabelObject.material.dispose();
       }
     }
-    const newMesh = createNodeMesh(updatedNode, position, state.glowTexture);
+    const newMesh = createNodeMesh(updatedNode, position, state.glowTexture, hadQuestDateLabel);
     if (oldTimelineBar) {
       newMesh.userData.timelineIntervalBar = oldTimelineBar;
     }
@@ -879,10 +880,10 @@ var removeNodeFromScene = (state, nodeId) => {
     });
   }
 };
-var addStandaloneNodeToScene = (state, nodeData, position) => {
+var addStandaloneNodeToScene = (state, nodeData, position, forceShowQuestDate = false) => {
   const { graphGroup, nodeObjects, clickableNodes, glowTexture } = state;
   if (!graphGroup) return;
-  const mesh = createNodeMesh(nodeData, position, glowTexture);
+  const mesh = createNodeMesh(nodeData, position, glowTexture, forceShowQuestDate);
   mesh.scale.set(0.01, 0.01, 0.01);
   graphGroup.add(mesh);
   if (mesh.userData.labelObject) {
@@ -2290,7 +2291,7 @@ var userActionHandlers = {
             if (stateRef.current && stateRef.current.graphGroup) {
               const pos = oldMeshPosition.clone();
               pos.x += 12;
-              addStandaloneNodeToScene(stateRef.current, nextQuestNode, pos);
+              addStandaloneNodeToScene(stateRef.current, nextQuestNode, pos, true);
             }
           }, 2e3);
         }
@@ -2735,7 +2736,8 @@ var IGNORED_KEYS = [
   "recurrence_config",
   "reviewStack",
   "timeline",
-  "milestone_ids"
+  "milestone_ids",
+  "dependency_ids"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -10946,7 +10948,8 @@ function QuestDetailsPanel({
   currentUser,
   milestones = [],
   onUpdateMilestones = () => {
-  }
+  },
+  onFocusNode
 }) {
   var _a, _b;
   const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
@@ -11918,12 +11921,24 @@ ${noteText}` : noteText : entry.notes,
         "span",
         {
           key: depId,
-          className: `flex items-center gap-2 px-2 py-1 rounded-lg text-xs font-medium border ${isDone ? "bg-green-500/10 text-green-300 border-green-500/20" : "bg-amber-500/10 text-amber-300 border-amber-500/20"}`,
-          title: isDone ? "Pronta" : "Pendente"
+          onClick: () => onFocusNode == null ? void 0 : onFocusNode(depNode),
+          className: `flex items-center gap-2 px-2 py-1 rounded-lg text-xs font-medium border cursor-pointer hover:brightness-110 transition-all ${isDone ? "bg-green-500/10 text-green-300 border-green-500/20" : "bg-amber-500/10 text-amber-300 border-amber-500/20"}`,
+          title: isDone ? `Pronta - Clique para focar` : `Pendente - Clique para focar`
         },
         /* @__PURE__ */ React19.createElement("span", { className: `w-1.5 h-1.5 rounded-full ${isDone ? "bg-green-400" : "bg-amber-400 animate-pulse"}` }),
         depNode.raw_title || depNode.name,
-        canEdit && /* @__PURE__ */ React19.createElement("button", { type: "button", onClick: () => handleRemoveDependency(depId), className: "hover:text-white transition-colors opacity-60 hover:opacity-100" }, /* @__PURE__ */ React19.createElement(FiX7, { size: 12 }))
+        canEdit && /* @__PURE__ */ React19.createElement(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              handleRemoveDependency(depId);
+            },
+            className: "hover:text-white transition-colors opacity-60 hover:opacity-100 Ml-1"
+          },
+          /* @__PURE__ */ React19.createElement(FiX7, { size: 12 })
+        )
       );
     }), canEdit && /* @__PURE__ */ React19.createElement("div", { className: "flex-1 min-w-[120px] relative" }, /* @__PURE__ */ React19.createElement(
       "input",
@@ -14597,7 +14612,7 @@ function XViewScene({
     return !!objs[key];
   }, []);
   const addOrUpdateNodeMesh = useCallback4(
-    (nodeData, position, suppressVersionUpdate = false) => {
+    (nodeData, position, suppressVersionUpdate = false, forceShowQuestDate = false) => {
       const {
         graphGroup,
         nodeObjects,
@@ -14618,7 +14633,8 @@ function XViewScene({
       const mesh = createNodeMesh(
         nodeData,
         position || new THREE3.Vector3(),
-        glowTexture
+        glowTexture,
+        forceShowQuestDate
       );
       graphGroup.add(mesh);
       if (mesh.userData.labelObject) {
@@ -17875,8 +17891,14 @@ function XViewScene({
   }, []);
   const handleFocusNode = useCallback4(
     (nodeData) => {
+      var _a2;
       if (!nodeData) return;
-      const nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
+      let nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
+      if (!nodeMesh) {
+        const spawnPos = ((_a2 = stateRef.current.controls) == null ? void 0 : _a2.target.clone()) || new THREE3.Vector3();
+        addStandaloneNodeToScene(stateRef.current, nodeData, spawnPos);
+        nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
+      }
       if (nodeMesh) {
         tweenToTarget(nodeMesh, 1.2);
       }
@@ -18353,6 +18375,7 @@ function XViewScene({
       {
         node: detailsNode,
         onClose: () => setDetailsNode(null),
+        onFocusNode: handleFocusNode,
         onSave: (data) => userActionHandlers.handleSaveNodeDetails(actionHandlerContext, data),
         onNameChange: handleDetailNodeNameChange,
         onColorChange: handleDetailNodeColorChange,

package/package.json

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