@lv-x-software-house/x_view 1.2.8-dev.11 → 1.2.8-dev.12

package/dist/index.js

@@ -9005,6 +9005,7 @@ function CreateQuestTreePanel({
   const [isSaving, setIsSaving] = (0, import_react12.useState)(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react12.useState)(false);
   const [activeTab, setActiveTab] = (0, import_react12.useState)("tree");
+  const isInitialLoad = (0, import_react12.useRef)(true);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize } = useResizablePanel({
     initialWidth: 440,
@@ -9038,10 +9039,11 @@ function CreateQuestTreePanel({
       const indexToRemove = pathToRemove[pathToRemove.length - 1];
       if (currentParent.children && currentParent.children.length > indexToRemove) {
         currentParent.children.splice(indexToRemove, 1);
-        setHasUnsavedChanges(true);
+        return { ...prev, [treeKey]: newTree };
       }
-      return { ...prev, [treeKey]: newTree };
+      return prev;
     });
+    setHasUnsavedChanges(true);
   }, [setQuestTreeMode, activeTab]);
   const handleMoveNode = (sourceId, targetId) => {
     const isAbstraction = activeTab === "abstraction";
@@ -9118,6 +9120,15 @@ function CreateQuestTreePanel({
       }));
     }
   }, [tree, abstraction_tree, questTreeMode.questNodeId, setQuestTreeMode]);
+  (0, import_react12.useEffect)(() => {
+    if (tree || abstraction_tree) {
+      if (isInitialLoad.current) {
+        isInitialLoad.current = false;
+        return;
+      }
+      setHasUnsavedChanges(true);
+    }
+  }, [tree, abstraction_tree]);
   return /* @__PURE__ */ import_react12.default.createElement(
     "div",
     {

package/dist/index.mjs

@@ -2,7 +2,7 @@
 import React32, {
   useCallback as useCallback7,
   useEffect as useEffect25,
-  useRef as useRef21,
+  useRef as useRef22,
   useState as useState30,
   useMemo as useMemo14
 } from "react";
@@ -8886,7 +8886,7 @@ function CreateAncestryPanel({
 }
 
 // src/components/CreateQuestTreePanel.jsx
-import React11, { useState as useState12, useEffect as useEffect11, useCallback as useCallback3, useMemo as useMemo9 } from "react";
+import React11, { useState as useState12, useEffect as useEffect11, useCallback as useCallback3, useMemo as useMemo9, useRef as useRef9 } from "react";
 import {
   FiFolder as FiFolder3,
   FiLayers as FiLayers6,
@@ -9003,6 +9003,7 @@ function CreateQuestTreePanel({
   const [isSaving, setIsSaving] = useState12(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState12(false);
   const [activeTab, setActiveTab] = useState12("tree");
+  const isInitialLoad = useRef9(true);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize } = useResizablePanel({
     initialWidth: 440,
@@ -9036,10 +9037,11 @@ function CreateQuestTreePanel({
       const indexToRemove = pathToRemove[pathToRemove.length - 1];
       if (currentParent.children && currentParent.children.length > indexToRemove) {
         currentParent.children.splice(indexToRemove, 1);
-        setHasUnsavedChanges(true);
+        return { ...prev, [treeKey]: newTree };
       }
-      return { ...prev, [treeKey]: newTree };
+      return prev;
     });
+    setHasUnsavedChanges(true);
   }, [setQuestTreeMode, activeTab]);
   const handleMoveNode = (sourceId, targetId) => {
     const isAbstraction = activeTab === "abstraction";
@@ -9116,6 +9118,15 @@ function CreateQuestTreePanel({
       }));
     }
   }, [tree, abstraction_tree, questTreeMode.questNodeId, setQuestTreeMode]);
+  useEffect11(() => {
+    if (tree || abstraction_tree) {
+      if (isInitialLoad.current) {
+        isInitialLoad.current = false;
+        return;
+      }
+      setHasUnsavedChanges(true);
+    }
+  }, [tree, abstraction_tree]);
   return /* @__PURE__ */ React11.createElement(
     "div",
     {
@@ -9306,11 +9317,11 @@ function ImageViewer({ data, onClose }) {
 }
 
 // src/components/InSceneCreationForm.jsx
-import React15, { useState as useState15, useEffect as useEffect14, useRef as useRef10 } from "react";
+import React15, { useState as useState15, useEffect as useEffect14, useRef as useRef11 } from "react";
 import { v4 as uuidv45 } from "uuid";
 
 // src/components/ColorPicker.jsx
-import React13, { useState as useState14, useEffect as useEffect13, useRef as useRef9 } from "react";
+import React13, { useState as useState14, useEffect as useEffect13, useRef as useRef10 } from "react";
 import { HexColorPicker } from "react-colorful";
 import { FiHash, FiCheck as FiCheck6 } from "react-icons/fi";
 var PRESET_COLORS = [
@@ -9332,7 +9343,7 @@ var PRESET_COLORS = [
 ];
 function ColorPicker({ color, onChange, disabled, isCompact = false }) {
   const [isOpen, setIsOpen] = useState14(false);
-  const popoverRef = useRef9(null);
+  const popoverRef = useRef10(null);
   useEffect13(() => {
     const handleClickOutside = (event) => {
       if (popoverRef.current && !popoverRef.current.contains(event.target)) {
@@ -9559,7 +9570,7 @@ function InSceneCreationForm({
   const [isDatasetDropdownOpen, setIsDatasetDropdownOpen] = useState15(false);
   const [isLoadingDocs, setIsLoadingDocs] = useState15(false);
   const [docError, setDocError] = useState15(null);
-  const datasetDropdownRef = useRef10(null);
+  const datasetDropdownRef = useRef11(null);
   useEffect14(() => {
     if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
   }, [sourceNodeDatasetId]);
@@ -9576,7 +9587,7 @@ function InSceneCreationForm({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isDatasetDropdownOpen]);
-  const propsEndRef = useRef10(null);
+  const propsEndRef = useRef11(null);
   const hasImages = customProps.some(
     (p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value)
   );
@@ -10079,7 +10090,7 @@ function InSceneCreationForm({
 }
 
 // src/components/InSceneVersionForm.jsx
-import React16, { useState as useState16, useEffect as useEffect15, useRef as useRef11 } from "react";
+import React16, { useState as useState16, useEffect as useEffect15, useRef as useRef12 } from "react";
 import { v4 as uuidv46 } from "uuid";
 import { FiPlus as FiPlus5, FiMaximize2 as FiMaximize22, FiCheck as FiCheck8, FiEdit2 as FiEdit25 } from "react-icons/fi";
 function InSceneVersionForm({
@@ -10111,7 +10122,7 @@ function InSceneVersionForm({
     }
   ]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState16(false);
-  const propsEndRef = useRef11(null);
+  const propsEndRef = useRef12(null);
   const [useImageAsTexture, setUseImageAsTexture] = useState16(false);
   const [selectedImageUrl, setSelectedImageUrl] = useState16(null);
   const hasImages = customProps.some(
@@ -10395,7 +10406,7 @@ function InSceneVersionForm({
 }
 
 // src/components/InSceneQuestForm.jsx
-import React18, { useState as useState18, useRef as useRef12 } from "react";
+import React18, { useState as useState18, useRef as useRef13 } from "react";
 import { v4 as uuidv47 } from "uuid";
 import {
   FiPlus as FiPlus7,
@@ -10634,7 +10645,7 @@ function InSceneQuestForm({
   const [docError, setDocError] = useState18(null);
   const [customProps, setCustomProps] = useState18([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState18(false);
-  const propsEndRef = useRef12(null);
+  const propsEndRef = useRef13(null);
   const [milestoneInput, setMilestoneInput] = useState18("");
   const [showMilestoneSuggestions, setShowMilestoneSuggestions] = useState18(false);
   const activeMilestones = React18.useMemo(
@@ -11429,7 +11440,7 @@ function InSceneQuestForm({
 }
 
 // src/components/NodeDetailsPanel.jsx
-import React19, { useState as useState19, useEffect as useEffect16, useRef as useRef13 } from "react";
+import React19, { useState as useState19, useEffect as useEffect16, useRef as useRef14 } from "react";
 import { v4 as uuidv48 } from "uuid";
 import { FiPlus as FiPlus8, FiMaximize2 as FiMaximize23, FiX as FiX6, FiCheck as FiCheck10, FiImage as FiImage3, FiEdit2 as FiEdit27, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
 import { AiOutlineLoading3Quarters as AiOutlineLoading3Quarters3 } from "react-icons/ai";
@@ -11489,8 +11500,8 @@ function NodeDetailsPanel({
   useEffect16(() => {
     setWidth(isReadMode ? 700 : 440);
   }, [isReadMode, setWidth]);
-  const prevNodeIdRef = useRef13(null);
-  const propsEndRef = useRef13(null);
+  const prevNodeIdRef = useRef14(null);
+  const propsEndRef = useRef14(null);
   const canEdit = userRole !== "viewer";
   const availableImages = customProps.filter((p) => p.type === "images").flatMap((p) => Array.isArray(p.value) ? p.value : []).filter((img) => img.value && img.value.trim() !== "");
   const handleImageClickFromText = (url, name2) => {
@@ -12055,7 +12066,7 @@ function NodeDetailsPanel({
 }
 
 // src/components/QuestDetailsPanel.jsx
-import React21, { useState as useState20, useEffect as useEffect17, useRef as useRef14 } from "react";
+import React21, { useState as useState20, useEffect as useEffect17, useRef as useRef15 } from "react";
 import { v4 as uuidv49 } from "uuid";
 import { FiPlus as FiPlus9, FiX as FiX7, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink7, FiTarget as FiTarget3, FiChevronDown as FiChevronDown7, FiUser as FiUser3, FiSearch as FiSearch7, FiRepeat as FiRepeat2, FiCalendar as FiCalendar2, FiImage as FiImage4, FiCopy as FiCopy4, FiGitBranch as FiGitBranch4 } from "react-icons/fi";
 
@@ -12323,8 +12334,8 @@ function QuestDetailsPanel({
   useEffect17(() => {
     setWidth(isReadMode ? 700 : 440);
   }, [isReadMode, setWidth]);
-  const prevNodeIdRef = useRef14(null);
-  const propsEndRef = useRef14(null);
+  const prevNodeIdRef = useRef15(null);
+  const propsEndRef = useRef15(null);
   const canEdit = userRole !== "viewer";
   const availableImages = customProps.filter((p) => p.type === "images").flatMap((p) => Array.isArray(p.value) ? p.value : []).filter((img) => img.value && img.value.trim() !== "");
   const handleImageClickFromText = (url, name) => {
@@ -13475,7 +13486,7 @@ ${noteText}` : noteText : entry.notes,
 }
 
 // src/components/MultiNodeContextMenu.jsx
-import React22, { useLayoutEffect as useLayoutEffect3, useRef as useRef15, useState as useState21, useEffect as useEffect18 } from "react";
+import React22, { useLayoutEffect as useLayoutEffect3, useRef as useRef16, useState as useState21, useEffect as useEffect18 } from "react";
 function MultiNodeContextMenu({
   data,
   userRole,
@@ -13484,7 +13495,7 @@ function MultiNodeContextMenu({
   onDismissOtherNodes,
   onDeleteNodes
 }) {
-  const menuRef = useRef15(null);
+  const menuRef = useRef16(null);
   const [menuPos, setMenuPos] = useState21({ left: 0, top: 0 });
   const [isConfirmingDelete, setIsConfirmingDelete] = useState21(false);
   const ability = defineAbilityFor(userRole);
@@ -13551,7 +13562,7 @@ function MultiNodeContextMenu({
 }
 
 // src/components/RelationshipDetailsPanel.jsx
-import React23, { useState as useState22, useEffect as useEffect19, useRef as useRef16, useMemo as useMemo10 } from "react";
+import React23, { useState as useState22, useEffect as useEffect19, useRef as useRef17, useMemo as useMemo10 } from "react";
 import { v4 as uuidv410 } from "uuid";
 import { FiPlus as FiPlus10, FiEdit2 as FiEdit29, FiLoader as FiLoader4, FiBookOpen as FiBookOpen5 } from "react-icons/fi";
 function RelationshipDetailsPanel({
@@ -13582,7 +13593,7 @@ function RelationshipDetailsPanel({
   const [isSaving, setIsSaving] = useState22(false);
   const [isReadMode, setIsReadMode] = useState22(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState22(false);
-  const propsEndRef = useRef16(null);
+  const propsEndRef = useRef17(null);
   const canEdit = useMemo10(() => {
     const ability = defineAbilityFor(userRole);
     return ability.can("update", "Connection");
@@ -13903,7 +13914,7 @@ function RelationshipDetailsPanel({
 }
 
 // src/components/RelationshipContextMenu.jsx
-import React24, { useLayoutEffect as useLayoutEffect4, useRef as useRef17, useState as useState23, useEffect as useEffect20, useMemo as useMemo11 } from "react";
+import React24, { useLayoutEffect as useLayoutEffect4, useRef as useRef18, useState as useState23, useEffect as useEffect20, useMemo as useMemo11 } from "react";
 function RelationshipContextMenu({
   data,
   userRole,
@@ -13913,7 +13924,7 @@ function RelationshipContextMenu({
   onDelete,
   onClose
 }) {
-  const menuRef = useRef17(null);
+  const menuRef = useRef18(null);
   const [menuPos, setMenuPos] = useState23({ left: 0, top: 0 });
   const [isConfirmingDelete, setIsConfirmingDelete] = useState23(false);
   const ability = useMemo11(() => defineAbilityFor(userRole), [userRole]);
@@ -14395,7 +14406,7 @@ import React30, {
   useState as useState28,
   useMemo as useMemo13,
   useEffect as useEffect24,
-  useRef as useRef20,
+  useRef as useRef21,
   useCallback as useCallback6
 } from "react";
 import {
@@ -14421,10 +14432,10 @@ import {
 import { v4 as uuidv411 } from "uuid";
 
 // src/components/RichGroupEditor.jsx
-import React29, { useEffect as useEffect23, useRef as useRef19, useState as useState27, useCallback as useCallback5 } from "react";
+import React29, { useEffect as useEffect23, useRef as useRef20, useState as useState27, useCallback as useCallback5 } from "react";
 
 // src/components/MentionPopover.jsx
-import React28, { useEffect as useEffect22, useRef as useRef18, useState as useState26, useMemo as useMemo12 } from "react";
+import React28, { useEffect as useEffect22, useRef as useRef19, useState as useState26, useMemo as useMemo12 } from "react";
 import { FiLayers as FiLayers7, FiCheckSquare as FiCheckSquare3, FiGitBranch as FiGitBranch5, FiBox } from "react-icons/fi";
 var TYPE_CONFIG = {
   ancestry: { Icon: FiLayers7, color: "text-indigo-400", label: "Ancestralidade" },
@@ -14434,7 +14445,7 @@ var TYPE_CONFIG = {
 };
 function MentionPopover({ query, items, position, onSelect, onClose }) {
   const [activeIndex, setActiveIndex] = useState26(0);
-  const listRef = useRef18(null);
+  const listRef = useRef19(null);
   const filtered = useMemo12(() => {
     const term = (query || "").toLowerCase().trim();
     if (!term) return items.slice(0, 8);
@@ -14574,9 +14585,9 @@ var RichGroupEditor = React29.memo(function RichGroupEditor2({
   readOnly,
   placeholder
 }) {
-  const editorRef = useRef19(null);
-  const isMountedRef = useRef19(false);
-  const dismissedTriggerRef = useRef19(null);
+  const editorRef = useRef20(null);
+  const isMountedRef = useRef20(false);
+  const dismissedTriggerRef = useRef20(null);
   const [mentionState, setMentionState] = useState27(null);
   const [isEmpty, setIsEmpty] = useState27(true);
   useEffect23(() => {
@@ -15044,7 +15055,7 @@ function Boards({
   const [isLoaded, setIsLoaded] = useState28(false);
   const [saveStatus, setSaveStatus] = useState28("idle");
   const [navigationStack, setNavigationStack] = useState28([]);
-  const lastSavedBoardItemsRef = useRef20(null);
+  const lastSavedBoardItemsRef = useRef21(null);
   const canEdit = useMemo13(() => userRole !== "viewer", [userRole]);
   const findGroupAndParent = (list, targetId, parent = null) => {
     for (let i = 0; i < list.length; i++) {
@@ -15695,10 +15706,10 @@ function XViewScene({
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = useRef21(null);
-  const parentDataRef = useRef21(null);
+  const sceneDataRef = useRef22(null);
+  const parentDataRef = useRef22(null);
   const graphDataRef = parentDataRef;
-  const ancestryDataRef = useRef21(null);
+  const ancestryDataRef = useRef22(null);
   const [isLoading, setIsLoading] = useState30(true);
   const [permissionStatus, setPermissionStatus] = useState30("loading");
   const [userPermissionRole, setUserPermissionRole] = useState30(null);
@@ -15787,10 +15798,10 @@ function XViewScene({
   const [boardItems, setBoardItems] = useState30([]);
   const [isSidebarOpen, setIsSidebarOpen] = useState30(false);
   const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = useState30(false);
-  const mountRef = useRef21(null);
-  const tooltipRef = useRef21(null);
-  const formRef = useRef21(null);
-  const stateRef = useRef21({
+  const mountRef = useRef22(null);
+  const tooltipRef = useRef22(null);
+  const formRef = useRef22(null);
+  const stateRef = useRef22({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}

package/package.json

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