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

package/dist/index.js

@@ -13382,7 +13382,7 @@ var BoardItem = ({
           className: "p-1.5 text-slate-500 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
           title: "Remover Pasta"
         },
-        /* @__PURE__ */ import_react29.default.createElement(FiTrash2, { size: 14 })
+        /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiTrash2, { size: 14 })
       )), /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiChevronRight, { className: "text-slate-500 group-hover/folder:translate-x-1 transition-transform" }))
     ));
   }
@@ -13446,7 +13446,7 @@ var BoardItem = ({
       className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
       title: "Remover Grupo"
     },
-    /* @__PURE__ */ import_react29.default.createElement(FiTrash2, { size: 14 })
+    /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiTrash2, { size: 14 })
   )))), item.children && item.children.length > 0 && /* @__PURE__ */ import_react29.default.createElement("div", { className: "ml-2" }, item.children.map((child, idx) => /* @__PURE__ */ import_react29.default.createElement(
     BoardItem,
     {
@@ -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";
@@ -4387,7 +4387,7 @@ import { v4 as uuidv43 } from "uuid";
 
 // src/components/CustomPropertyDisplay.jsx
 import React3, { useState as useState4, useRef as useRef3, useEffect as useEffect3 } from "react";
-import { FiCheck, FiX, FiEdit3, FiTrash2 as FiTrash22, FiExternalLink, FiFileText, FiChevronDown, FiUpload, FiLoader } from "react-icons/fi";
+import { FiCheck, FiX, FiEdit3, FiTrash2, FiExternalLink, FiFileText, FiChevronDown, FiUpload, FiLoader } from "react-icons/fi";
 function CustomPropertyDisplay({
   prop,
   onUpdate,
@@ -4744,7 +4744,7 @@ function CustomPropertyDisplay({
       onMouseLeave: () => setIsHovered(false)
     },
     isEditing ? renderEditView() : renderDisplayView(),
-    !isEditing && !readOnly && /* @__PURE__ */ React3.createElement("div", { className: `absolute top-2 right-2 flex items-center gap-1 transition-opacity ${isHovered ? "opacity-100" : "opacity-0"}` }, /* @__PURE__ */ React3.createElement("button", { onClick: () => setIsEditing(true), className: "w-7 h-7 grid place-items-center rounded-lg bg-slate-700/80 hover:bg-slate-600/80 text-slate-200 transition-colors", title: "Editar" }, /* @__PURE__ */ React3.createElement(FiEdit3, { size: 14 })), /* @__PURE__ */ React3.createElement("button", { onClick: onRemove, className: "w-7 h-7 grid place-items-center rounded-lg bg-red-700/80 hover:bg-red-600/80 text-slate-200 transition-colors", title: "Remover" }, /* @__PURE__ */ React3.createElement(FiTrash22, { size: 14 })))
+    !isEditing && !readOnly && /* @__PURE__ */ React3.createElement("div", { className: `absolute top-2 right-2 flex items-center gap-1 transition-opacity ${isHovered ? "opacity-100" : "opacity-0"}` }, /* @__PURE__ */ React3.createElement("button", { onClick: () => setIsEditing(true), className: "w-7 h-7 grid place-items-center rounded-lg bg-slate-700/80 hover:bg-slate-600/80 text-slate-200 transition-colors", title: "Editar" }, /* @__PURE__ */ React3.createElement(FiEdit3, { size: 14 })), /* @__PURE__ */ React3.createElement("button", { onClick: onRemove, className: "w-7 h-7 grid place-items-center rounded-lg bg-red-700/80 hover:bg-red-600/80 text-slate-200 transition-colors", title: "Remover" }, /* @__PURE__ */ React3.createElement(FiTrash2, { size: 14 })))
   );
 }
 
@@ -6644,7 +6644,7 @@ import {
   FiPlus as FiPlus2,
   FiLock as FiLock2,
   FiLink as FiLink4,
-  FiTrash2 as FiTrash23
+  FiTrash2 as FiTrash22
 } from "react-icons/fi";
 import { v4 as uuidv44 } from "uuid";
 
@@ -8083,7 +8083,7 @@ function CreateAncestryPanel({
         className: "flex items-center gap-1.5 text-xs text-rose-400/80 hover:text-white hover:bg-rose-500/20 px-2 py-1 rounded transition-colors",
         title: "Excluir permanentemente esta ramifica\xE7\xE3o e seu conte\xFAdo"
       },
-      /* @__PURE__ */ React10.createElement(FiTrash23, null),
+      /* @__PURE__ */ React10.createElement(FiTrash22, null),
       " Excluir Ramifica\xE7\xE3o"
     ))), /* @__PURE__ */ React10.createElement("div", { className: "px-6 pb-4 pt-2 overflow-y-auto flex-grow custom-scrollbar" }, branchStack.length > 0 && /* @__PURE__ */ React10.createElement("div", { className: "mb-4" }, isContextLinked ? /* @__PURE__ */ React10.createElement("div", { className: "p-3 rounded-lg bg-indigo-500/10 border border-indigo-500/30 flex items-center justify-between" }, /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React10.createElement("div", { className: "w-8 h-8 rounded bg-indigo-500/20 text-indigo-300 grid place-content-center" }, /* @__PURE__ */ React10.createElement(FiLayers5, null)), /* @__PURE__ */ React10.createElement("div", null, /* @__PURE__ */ React10.createElement("div", { className: "text-xs text-indigo-200 font-semibold uppercase tracking-wider" }, "Ancestralidade Vinculada"), /* @__PURE__ */ React10.createElement("div", { className: "text-sm text-white font-medium truncate max-w-[200px]" }, currentContext.name.replace("[REF] ", "")))), /* @__PURE__ */ React10.createElement(
       "button",
@@ -12950,13 +12950,14 @@ 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,
   FiCornerUpRight as FiCornerUpRight4,
   FiPlay,
   FiPlus as FiPlus10,
+  FiTrash2 as FiTrash23,
   FiArrowLeft as FiArrowLeft3,
   FiArrowRight as FiArrowRight2,
   FiArrowUp,
@@ -13431,7 +13432,7 @@ var BoardItem = ({
           className: "p-1.5 text-slate-500 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
           title: "Remover Pasta"
         },
-        /* @__PURE__ */ React28.createElement(FiTrash2, { size: 14 })
+        /* @__PURE__ */ React28.createElement(FiTrash23, { size: 14 })
       )), /* @__PURE__ */ React28.createElement(FiChevronRight7, { className: "text-slate-500 group-hover/folder:translate-x-1 transition-transform" }))
     ));
   }
@@ -13495,7 +13496,7 @@ var BoardItem = ({
       className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
       title: "Remover Grupo"
     },
-    /* @__PURE__ */ React28.createElement(FiTrash2, { size: 14 })
+    /* @__PURE__ */ React28.createElement(FiTrash23, { size: 14 })
   )))), item.children && item.children.length > 0 && /* @__PURE__ */ React28.createElement("div", { className: "ml-2" }, item.children.map((child, idx) => /* @__PURE__ */ React28.createElement(
     BoardItem,
     {
@@ -13530,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) {
@@ -13580,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) {
@@ -13594,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) {
@@ -13701,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);
@@ -14109,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);
@@ -14190,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.17",
+  "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",