@lv-x-software-house/x_view 1.2.2-dev.24 → 1.2.2-dev.27

package/dist/index.js

@@ -5530,6 +5530,7 @@ function CreateAncestryPanel({
   } = ancestryMode;
   const [isSaving, setIsSaving] = (0, import_react11.useState)(false);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react11.useState)(false);
+  const [showDeleteBranchConfirm, setShowDeleteBranchConfirm] = (0, import_react11.useState)(false);
   const handleCopyLink = (e) => {
     e.stopPropagation();
     if (!currentAncestryId || currentAncestryId === "temp_root" || currentAncestryId === "temp_creating") {
@@ -5547,6 +5548,9 @@ function CreateAncestryPanel({
   const [customProps, setCustomProps] = (0, import_react11.useState)([]);
   const propsEndRef = (0, import_react11.useRef)(null);
   const [branchStack, setBranchStack] = (0, import_react11.useState)([]);
+  (0, import_react11.useEffect)(() => {
+    setShowDeleteBranchConfirm(false);
+  }, [branchStack]);
   const [targetRenderNodeId, setTargetRenderNodeId] = (0, import_react11.useState)(null);
   const highlightedPathIds = (0, import_react11.useMemo)(() => {
     var _a, _b;
@@ -5957,6 +5961,59 @@ function CreateAncestryPanel({
       }
     }
   };
+  const handleDeleteBranch = async () => {
+    if (branchStack.length === 0) return;
+    const rootTreeClone = JSON.parse(JSON.stringify(ancestryMode.tree));
+    let ptr = rootTreeClone;
+    for (let i = 0; i < branchStack.length - 1; i++) {
+      const step = branchStack[i];
+      const found = findNodePath2(ptr, step.nodeId);
+      if (found && found.node.parallel_branches) {
+        const branch = found.node.parallel_branches.find((b) => b.id === step.branchId);
+        if (branch) ptr = branch.tree;
+      }
+    }
+    const currentStep = branchStack[branchStack.length - 1];
+    const foundParentPath = findNodePath2(ptr, currentStep.nodeId);
+    if (foundParentPath && foundParentPath.node && foundParentPath.node.parallel_branches) {
+      const branchIndex = foundParentPath.node.parallel_branches.findIndex((b) => b.id === currentStep.branchId);
+      if (branchIndex !== -1) {
+        foundParentPath.node.parallel_branches.splice(branchIndex, 1);
+        updateGlobalTree(rootTreeClone);
+        try {
+          setIsSaving(true);
+          const currentRootProps = extractCustomPropsFromNode(ancestryMode);
+          const rootExtras = toObjectFromCustomProps(currentRootProps);
+          await onSave(
+            ancestryMode.ancestryName,
+            ancestryMode.ancestryDescription,
+            ancestryMode.ancestryDescriptionSections,
+            true,
+            rootTreeClone,
+            rootExtras
+          );
+          setLastSavedSnapshot(takeSnapshot(
+            rootTreeClone,
+            ancestryMode.ancestryName,
+            ancestryMode.ancestryDescription,
+            ancestryMode.ancestryDescriptionSections,
+            currentRootProps,
+            isPrivate,
+            ancestryMode.abstraction_tree
+          ));
+          if (onClearAncestryVisuals) {
+            onClearAncestryVisuals(currentStep.branchId);
+          }
+          handleNavigateUp();
+        } catch (err) {
+          console.error("Erro ao remover a ramifica\xE7\xE3o:", err);
+          alert("Erro ao remover a ramifica\xE7\xE3o.");
+        } finally {
+          setIsSaving(false);
+        }
+      }
+    }
+  };
   const sideActions = (0, import_react11.useMemo)(() => {
     const actions = { left: null, right: null };
     const isInBranch = branchStack.length > 0;
@@ -6619,7 +6676,7 @@ function CreateAncestryPanel({
         placeholder: "Nome da Ancestralidade",
         className: "text-xl sm:text-2xl font-semibold tracking-tight bg-transparent border-none p-0 focus:ring-2 focus:ring-indigo-500 rounded-md -ml-1.5 px-1.5 w-full outline-none transition-all focus:bg-slate-800/70"
       }
-    )), /* @__PURE__ */ import_react11.default.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl flex-shrink-0", title: "Cancelar" }, "\xD7")), branchStack.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "px-6 pb-2" }, /* @__PURE__ */ import_react11.default.createElement(
+    )), /* @__PURE__ */ import_react11.default.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl flex-shrink-0", title: "Cancelar" }, "\xD7")), branchStack.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "px-6 pb-2 flex items-center justify-between" }, /* @__PURE__ */ import_react11.default.createElement(
       "button",
       {
         onClick: handleNavigateUp,
@@ -6627,7 +6684,33 @@ function CreateAncestryPanel({
       },
       /* @__PURE__ */ import_react11.default.createElement(import_fi9.FiArrowLeft, null),
       " Voltar para Principal / N\xEDvel Anterior"
-    )), /* @__PURE__ */ import_react11.default.createElement("div", { className: "px-6 pb-4 pt-2 overflow-y-auto flex-grow custom-scrollbar" }, branchStack.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "mb-4" }, isContextLinked ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "p-3 rounded-lg bg-indigo-500/10 border border-indigo-500/30 flex items-center justify-between" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-8 h-8 rounded bg-indigo-500/20 text-indigo-300 grid place-content-center" }, /* @__PURE__ */ import_react11.default.createElement(import_fi9.FiLayers, null)), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-xs text-indigo-200 font-semibold uppercase tracking-wider" }, "Ancestralidade Vinculada"), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-sm text-white font-medium truncate max-w-[200px]" }, currentContext.name.replace("[REF] ", "")))), /* @__PURE__ */ import_react11.default.createElement(
+    ), !isContextLinked && /* @__PURE__ */ import_react11.default.createElement("div", { className: "relative animate-in fade-in duration-200" }, showDeleteBranchConfirm ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3 bg-rose-500/10 border border-rose-500/30 px-3 py-1 rounded-md shadow-inner" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-xs text-rose-300 font-medium" }, "Excluir?"), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react11.default.createElement(
+      "button",
+      {
+        onClick: () => {
+          setShowDeleteBranchConfirm(false);
+          handleDeleteBranch();
+        },
+        className: "text-xs font-bold text-rose-400 hover:text-rose-200 transition-colors"
+      },
+      "Sim"
+    ), /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-slate-600/50" }, "|"), /* @__PURE__ */ import_react11.default.createElement(
+      "button",
+      {
+        onClick: () => setShowDeleteBranchConfirm(false),
+        className: "text-xs text-slate-400 hover:text-white transition-colors"
+      },
+      "N\xE3o"
+    ))) : /* @__PURE__ */ import_react11.default.createElement(
+      "button",
+      {
+        onClick: () => setShowDeleteBranchConfirm(true),
+        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__ */ import_react11.default.createElement(import_fi9.FiTrash2, null),
+      " Excluir Ramifica\xE7\xE3o"
+    ))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "px-6 pb-4 pt-2 overflow-y-auto flex-grow custom-scrollbar" }, branchStack.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "mb-4" }, isContextLinked ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "p-3 rounded-lg bg-indigo-500/10 border border-indigo-500/30 flex items-center justify-between" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-8 h-8 rounded bg-indigo-500/20 text-indigo-300 grid place-content-center" }, /* @__PURE__ */ import_react11.default.createElement(import_fi9.FiLayers, null)), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-xs text-indigo-200 font-semibold uppercase tracking-wider" }, "Ancestralidade Vinculada"), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-sm text-white font-medium truncate max-w-[200px]" }, currentContext.name.replace("[REF] ", "")))), /* @__PURE__ */ import_react11.default.createElement(
       "button",
       {
         onClick: handleUnlinkAncestry,

package/dist/index.mjs

@@ -5279,7 +5279,8 @@ import {
   FiGitBranch as FiGitBranch2,
   FiPlus as FiPlus2,
   FiLock,
-  FiLink as FiLink4
+  FiLink as FiLink4,
+  FiTrash2 as FiTrash22
 } from "react-icons/fi";
 
 // src/components/AncestryPickerModal.jsx
@@ -5516,6 +5517,7 @@ function CreateAncestryPanel({
   } = ancestryMode;
   const [isSaving, setIsSaving] = useState11(false);
   const [isLinkCopied, setIsLinkCopied] = useState11(false);
+  const [showDeleteBranchConfirm, setShowDeleteBranchConfirm] = useState11(false);
   const handleCopyLink = (e) => {
     e.stopPropagation();
     if (!currentAncestryId || currentAncestryId === "temp_root" || currentAncestryId === "temp_creating") {
@@ -5533,6 +5535,9 @@ function CreateAncestryPanel({
   const [customProps, setCustomProps] = useState11([]);
   const propsEndRef = useRef8(null);
   const [branchStack, setBranchStack] = useState11([]);
+  useEffect10(() => {
+    setShowDeleteBranchConfirm(false);
+  }, [branchStack]);
   const [targetRenderNodeId, setTargetRenderNodeId] = useState11(null);
   const highlightedPathIds = useMemo8(() => {
     var _a, _b;
@@ -5943,6 +5948,59 @@ function CreateAncestryPanel({
       }
     }
   };
+  const handleDeleteBranch = async () => {
+    if (branchStack.length === 0) return;
+    const rootTreeClone = JSON.parse(JSON.stringify(ancestryMode.tree));
+    let ptr = rootTreeClone;
+    for (let i = 0; i < branchStack.length - 1; i++) {
+      const step = branchStack[i];
+      const found = findNodePath2(ptr, step.nodeId);
+      if (found && found.node.parallel_branches) {
+        const branch = found.node.parallel_branches.find((b) => b.id === step.branchId);
+        if (branch) ptr = branch.tree;
+      }
+    }
+    const currentStep = branchStack[branchStack.length - 1];
+    const foundParentPath = findNodePath2(ptr, currentStep.nodeId);
+    if (foundParentPath && foundParentPath.node && foundParentPath.node.parallel_branches) {
+      const branchIndex = foundParentPath.node.parallel_branches.findIndex((b) => b.id === currentStep.branchId);
+      if (branchIndex !== -1) {
+        foundParentPath.node.parallel_branches.splice(branchIndex, 1);
+        updateGlobalTree(rootTreeClone);
+        try {
+          setIsSaving(true);
+          const currentRootProps = extractCustomPropsFromNode(ancestryMode);
+          const rootExtras = toObjectFromCustomProps(currentRootProps);
+          await onSave(
+            ancestryMode.ancestryName,
+            ancestryMode.ancestryDescription,
+            ancestryMode.ancestryDescriptionSections,
+            true,
+            rootTreeClone,
+            rootExtras
+          );
+          setLastSavedSnapshot(takeSnapshot(
+            rootTreeClone,
+            ancestryMode.ancestryName,
+            ancestryMode.ancestryDescription,
+            ancestryMode.ancestryDescriptionSections,
+            currentRootProps,
+            isPrivate,
+            ancestryMode.abstraction_tree
+          ));
+          if (onClearAncestryVisuals) {
+            onClearAncestryVisuals(currentStep.branchId);
+          }
+          handleNavigateUp();
+        } catch (err) {
+          console.error("Erro ao remover a ramifica\xE7\xE3o:", err);
+          alert("Erro ao remover a ramifica\xE7\xE3o.");
+        } finally {
+          setIsSaving(false);
+        }
+      }
+    }
+  };
   const sideActions = useMemo8(() => {
     const actions = { left: null, right: null };
     const isInBranch = branchStack.length > 0;
@@ -6605,7 +6663,7 @@ function CreateAncestryPanel({
         placeholder: "Nome da Ancestralidade",
         className: "text-xl sm:text-2xl font-semibold tracking-tight bg-transparent border-none p-0 focus:ring-2 focus:ring-indigo-500 rounded-md -ml-1.5 px-1.5 w-full outline-none transition-all focus:bg-slate-800/70"
       }
-    )), /* @__PURE__ */ React10.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl flex-shrink-0", title: "Cancelar" }, "\xD7")), branchStack.length > 0 && /* @__PURE__ */ React10.createElement("div", { className: "px-6 pb-2" }, /* @__PURE__ */ React10.createElement(
+    )), /* @__PURE__ */ React10.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl flex-shrink-0", title: "Cancelar" }, "\xD7")), branchStack.length > 0 && /* @__PURE__ */ React10.createElement("div", { className: "px-6 pb-2 flex items-center justify-between" }, /* @__PURE__ */ React10.createElement(
       "button",
       {
         onClick: handleNavigateUp,
@@ -6613,7 +6671,33 @@ function CreateAncestryPanel({
       },
       /* @__PURE__ */ React10.createElement(FiArrowLeft2, null),
       " Voltar para Principal / N\xEDvel Anterior"
-    )), /* @__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(
+    ), !isContextLinked && /* @__PURE__ */ React10.createElement("div", { className: "relative animate-in fade-in duration-200" }, showDeleteBranchConfirm ? /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-3 bg-rose-500/10 border border-rose-500/30 px-3 py-1 rounded-md shadow-inner" }, /* @__PURE__ */ React10.createElement("span", { className: "text-xs text-rose-300 font-medium" }, "Excluir?"), /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React10.createElement(
+      "button",
+      {
+        onClick: () => {
+          setShowDeleteBranchConfirm(false);
+          handleDeleteBranch();
+        },
+        className: "text-xs font-bold text-rose-400 hover:text-rose-200 transition-colors"
+      },
+      "Sim"
+    ), /* @__PURE__ */ React10.createElement("span", { className: "text-slate-600/50" }, "|"), /* @__PURE__ */ React10.createElement(
+      "button",
+      {
+        onClick: () => setShowDeleteBranchConfirm(false),
+        className: "text-xs text-slate-400 hover:text-white transition-colors"
+      },
+      "N\xE3o"
+    ))) : /* @__PURE__ */ React10.createElement(
+      "button",
+      {
+        onClick: () => setShowDeleteBranchConfirm(true),
+        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(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",
       {
         onClick: handleUnlinkAncestry,
@@ -8949,7 +9033,7 @@ import {
   FiCornerUpRight as FiCornerUpRight4,
   FiPlay,
   FiPlus as FiPlus7,
-  FiTrash2 as FiTrash22,
+  FiTrash2 as FiTrash23,
   FiArrowLeft as FiArrowLeft3,
   FiArrowRight,
   FiCheckCircle,
@@ -9086,7 +9170,7 @@ var GroupItem = ({
       className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
       title: "Remover Grupo"
     },
-    /* @__PURE__ */ React22.createElement(FiTrash22, { size: 14 })
+    /* @__PURE__ */ React22.createElement(FiTrash23, { size: 14 })
   )))), group.children && group.children.length > 0 && /* @__PURE__ */ React22.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React22.createElement(
     GroupItem,
     {

package/package.json

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