@lv-x-software-house/x_view 1.2.6-dev.18 → 1.2.6-dev.19

package/dist/index.js

@@ -13481,6 +13481,7 @@ function AncestryBoard({
   const [isLoaded, setIsLoaded] = (0, import_react29.useState)(false);
   const [saveStatus, setSaveStatus] = (0, import_react29.useState)("idle");
   const [navigationStack, setNavigationStack] = (0, import_react29.useState)([]);
+  const lastSavedGroupsRef = (0, import_react29.useRef)(null);
   const canEdit = (0, import_react29.useMemo)(() => userRole !== "viewer", [userRole]);
   (0, import_react29.useEffect)(() => {
     if (initialGroups && !isLoaded) {
@@ -13531,9 +13532,13 @@ function AncestryBoard({
   (0, import_react29.useEffect)(() => {
     if (!isLoaded || !onSave) return;
     const id = setTimeout(async () => {
+      const currentSanitized = sanitizeGroups(groups);
+      const currentJson = JSON.stringify(currentSanitized);
+      if (currentJson === lastSavedGroupsRef.current) return;
       setSaveStatus("saving");
       try {
-        await onSave(sanitizeGroups(groups));
+        await onSave(currentSanitized);
+        lastSavedGroupsRef.current = currentJson;
         setSaveStatus("saved");
         setTimeout(() => setSaveStatus("idle"), 3e3);
       } catch (err) {
@@ -13545,9 +13550,12 @@ function AncestryBoard({
   }, [groups, isLoaded, onSave]);
   const triggerInstantSave = async (updatedGroups) => {
     if (!onSave) return;
+    const sanitized = sanitizeGroups(updatedGroups);
+    const sanitizedJson = JSON.stringify(sanitized);
+    lastSavedGroupsRef.current = sanitizedJson;
     setSaveStatus("saving");
     try {
-      await onSave(sanitizeGroups(updatedGroups));
+      await onSave(sanitized);
       setSaveStatus("saved");
       setTimeout(() => setSaveStatus("idle"), 3e3);
     } catch (err) {
@@ -13652,63 +13660,55 @@ function AncestryBoard({
     return null;
   };
   const handleIndent = (id) => {
-    setGroups((prev) => {
-      const next = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(next, id);
-      if (!found || found.index === 0) return prev;
-      const { group, siblings, index } = found;
-      const targetParent = siblings[index - 1];
-      if (group.type === "folder" && targetParent.type === "group") {
-        return prev;
-      }
-      siblings.splice(index, 1);
-      targetParent.children.push(group);
-      triggerInstantSave(next);
-      return next;
-    });
+    const next = JSON.parse(JSON.stringify(groups));
+    const found = findGroupAndParent(next, id);
+    if (!found || found.index === 0) return;
+    const { group, siblings, index } = found;
+    const targetParent = siblings[index - 1];
+    if (group.type === "folder" && targetParent.type === "group") {
+      return;
+    }
+    siblings.splice(index, 1);
+    targetParent.children.push(group);
+    setGroups(next);
+    triggerInstantSave(next);
   };
   const handleOutdent = (id) => {
-    setGroups((prev) => {
-      const next = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(next, id);
-      if (!found || !found.parent) return prev;
-      const { group, siblings, index, parent } = found;
-      siblings.splice(index, 1);
-      const parentFound = findGroupAndParent(next, parent.id);
-      if (parentFound) {
-        parentFound.siblings.splice(parentFound.index + 1, 0, group);
-      } else {
-        next.push(group);
-      }
-      triggerInstantSave(next);
-      return next;
-    });
+    const next = JSON.parse(JSON.stringify(groups));
+    const found = findGroupAndParent(next, id);
+    if (!found || !found.parent) return;
+    const { group, siblings, index, parent } = found;
+    siblings.splice(index, 1);
+    const parentFound = findGroupAndParent(next, parent.id);
+    if (parentFound) {
+      parentFound.siblings.splice(parentFound.index + 1, 0, group);
+    } else {
+      next.push(group);
+    }
+    setGroups(next);
+    triggerInstantSave(next);
   };
   const handleMoveUp = (id) => {
-    setGroups((prev) => {
-      const next = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(next, id);
-      if (!found || found.index === 0) return prev;
-      const { siblings, index } = found;
-      const item = siblings[index];
-      siblings.splice(index, 1);
-      siblings.splice(index - 1, 0, item);
-      triggerInstantSave(next);
-      return next;
-    });
+    const next = JSON.parse(JSON.stringify(groups));
+    const found = findGroupAndParent(next, id);
+    if (!found || found.index === 0) return;
+    const { siblings, index } = found;
+    const item = siblings[index];
+    siblings.splice(index, 1);
+    siblings.splice(index - 1, 0, item);
+    setGroups(next);
+    triggerInstantSave(next);
   };
   const handleMoveDown = (id) => {
-    setGroups((prev) => {
-      const next = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(next, id);
-      if (!found || found.index === found.siblings.length - 1) return prev;
-      const { siblings, index } = found;
-      const item = siblings[index];
-      siblings.splice(index, 1);
-      siblings.splice(index + 1, 0, item);
-      triggerInstantSave(next);
-      return next;
-    });
+    const next = JSON.parse(JSON.stringify(groups));
+    const found = findGroupAndParent(next, id);
+    if (!found || found.index === found.siblings.length - 1) return;
+    const { siblings, index } = found;
+    const item = siblings[index];
+    siblings.splice(index, 1);
+    siblings.splice(index + 1, 0, item);
+    setGroups(next);
+    triggerInstantSave(next);
   };
   const handleMentionClick = (item) => {
     if (onSelect) onSelect(item);

package/dist/index.mjs

@@ -2,7 +2,7 @@
 import React30, {
   useCallback as useCallback5,
   useEffect as useEffect24,
-  useRef as useRef20,
+  useRef as useRef21,
   useState as useState29,
   useMemo as useMemo13
 } from "react";
@@ -12950,7 +12950,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
 }
 
 // src/components/AncestryBoard.jsx
-import React28, { useState as useState27, useMemo as useMemo12, useEffect as useEffect23 } from "react";
+import React28, { useState as useState27, useMemo as useMemo12, useEffect as useEffect23, useRef as useRef20 } from "react";
 import {
   FiSearch as FiSearch8,
   FiLayers as FiLayers7,
@@ -13531,6 +13531,7 @@ function AncestryBoard({
   const [isLoaded, setIsLoaded] = useState27(false);
   const [saveStatus, setSaveStatus] = useState27("idle");
   const [navigationStack, setNavigationStack] = useState27([]);
+  const lastSavedGroupsRef = useRef20(null);
   const canEdit = useMemo12(() => userRole !== "viewer", [userRole]);
   useEffect23(() => {
     if (initialGroups && !isLoaded) {
@@ -13581,9 +13582,13 @@ function AncestryBoard({
   useEffect23(() => {
     if (!isLoaded || !onSave) return;
     const id = setTimeout(async () => {
+      const currentSanitized = sanitizeGroups(groups);
+      const currentJson = JSON.stringify(currentSanitized);
+      if (currentJson === lastSavedGroupsRef.current) return;
       setSaveStatus("saving");
       try {
-        await onSave(sanitizeGroups(groups));
+        await onSave(currentSanitized);
+        lastSavedGroupsRef.current = currentJson;
         setSaveStatus("saved");
         setTimeout(() => setSaveStatus("idle"), 3e3);
       } catch (err) {
@@ -13595,9 +13600,12 @@ function AncestryBoard({
   }, [groups, isLoaded, onSave]);
   const triggerInstantSave = async (updatedGroups) => {
     if (!onSave) return;
+    const sanitized = sanitizeGroups(updatedGroups);
+    const sanitizedJson = JSON.stringify(sanitized);
+    lastSavedGroupsRef.current = sanitizedJson;
     setSaveStatus("saving");
     try {
-      await onSave(sanitizeGroups(updatedGroups));
+      await onSave(sanitized);
       setSaveStatus("saved");
       setTimeout(() => setSaveStatus("idle"), 3e3);
     } catch (err) {
@@ -13702,63 +13710,55 @@ function AncestryBoard({
     return null;
   };
   const handleIndent = (id) => {
-    setGroups((prev) => {
-      const next = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(next, id);
-      if (!found || found.index === 0) return prev;
-      const { group, siblings, index } = found;
-      const targetParent = siblings[index - 1];
-      if (group.type === "folder" && targetParent.type === "group") {
-        return prev;
-      }
-      siblings.splice(index, 1);
-      targetParent.children.push(group);
-      triggerInstantSave(next);
-      return next;
-    });
+    const next = JSON.parse(JSON.stringify(groups));
+    const found = findGroupAndParent(next, id);
+    if (!found || found.index === 0) return;
+    const { group, siblings, index } = found;
+    const targetParent = siblings[index - 1];
+    if (group.type === "folder" && targetParent.type === "group") {
+      return;
+    }
+    siblings.splice(index, 1);
+    targetParent.children.push(group);
+    setGroups(next);
+    triggerInstantSave(next);
   };
   const handleOutdent = (id) => {
-    setGroups((prev) => {
-      const next = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(next, id);
-      if (!found || !found.parent) return prev;
-      const { group, siblings, index, parent } = found;
-      siblings.splice(index, 1);
-      const parentFound = findGroupAndParent(next, parent.id);
-      if (parentFound) {
-        parentFound.siblings.splice(parentFound.index + 1, 0, group);
-      } else {
-        next.push(group);
-      }
-      triggerInstantSave(next);
-      return next;
-    });
+    const next = JSON.parse(JSON.stringify(groups));
+    const found = findGroupAndParent(next, id);
+    if (!found || !found.parent) return;
+    const { group, siblings, index, parent } = found;
+    siblings.splice(index, 1);
+    const parentFound = findGroupAndParent(next, parent.id);
+    if (parentFound) {
+      parentFound.siblings.splice(parentFound.index + 1, 0, group);
+    } else {
+      next.push(group);
+    }
+    setGroups(next);
+    triggerInstantSave(next);
   };
   const handleMoveUp = (id) => {
-    setGroups((prev) => {
-      const next = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(next, id);
-      if (!found || found.index === 0) return prev;
-      const { siblings, index } = found;
-      const item = siblings[index];
-      siblings.splice(index, 1);
-      siblings.splice(index - 1, 0, item);
-      triggerInstantSave(next);
-      return next;
-    });
+    const next = JSON.parse(JSON.stringify(groups));
+    const found = findGroupAndParent(next, id);
+    if (!found || found.index === 0) return;
+    const { siblings, index } = found;
+    const item = siblings[index];
+    siblings.splice(index, 1);
+    siblings.splice(index - 1, 0, item);
+    setGroups(next);
+    triggerInstantSave(next);
   };
   const handleMoveDown = (id) => {
-    setGroups((prev) => {
-      const next = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(next, id);
-      if (!found || found.index === found.siblings.length - 1) return prev;
-      const { siblings, index } = found;
-      const item = siblings[index];
-      siblings.splice(index, 1);
-      siblings.splice(index + 1, 0, item);
-      triggerInstantSave(next);
-      return next;
-    });
+    const next = JSON.parse(JSON.stringify(groups));
+    const found = findGroupAndParent(next, id);
+    if (!found || found.index === found.siblings.length - 1) return;
+    const { siblings, index } = found;
+    const item = siblings[index];
+    siblings.splice(index, 1);
+    siblings.splice(index + 1, 0, item);
+    setGroups(next);
+    triggerInstantSave(next);
   };
   const handleMentionClick = (item) => {
     if (onSelect) onSelect(item);
@@ -14110,9 +14110,9 @@ function XViewScene({
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = useRef20(null);
-  const parentDataRef = useRef20(null);
-  const ancestryDataRef = useRef20(null);
+  const sceneDataRef = useRef21(null);
+  const parentDataRef = useRef21(null);
+  const ancestryDataRef = useRef21(null);
   const [isLoading, setIsLoading] = useState29(true);
   const [permissionStatus, setPermissionStatus] = useState29("loading");
   const [userPermissionRole, setUserPermissionRole] = useState29(null);
@@ -14191,10 +14191,10 @@ function XViewScene({
   const [ancestryBoardData, setAncestryBoardData] = useState29([]);
   const [isSidebarOpen, setIsSidebarOpen] = useState29(false);
   const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = useState29(false);
-  const mountRef = useRef20(null);
-  const tooltipRef = useRef20(null);
-  const formRef = useRef20(null);
-  const stateRef = useRef20({
+  const mountRef = useRef21(null);
+  const tooltipRef = useRef21(null);
+  const formRef = useRef21(null);
+  const stateRef = useRef21({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}

package/package.json

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