@lv-x-software-house/x_view 1.2.2-dev.26 → 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;
@@ -5959,8 +5963,6 @@ function CreateAncestryPanel({
   };
   const handleDeleteBranch = async () => {
     if (branchStack.length === 0) return;
-    const confirmDelete = window.confirm("Tem certeza que deseja excluir esta ramifica\xE7\xE3o e todo o seu conte\xFAdo interno?");
-    if (!confirmDelete) return;
     const rootTreeClone = JSON.parse(JSON.stringify(ancestryMode.tree));
     let ptr = rootTreeClone;
     for (let i = 0; i < branchStack.length - 1; i++) {
@@ -5987,7 +5989,6 @@ function CreateAncestryPanel({
             ancestryMode.ancestryDescription,
             ancestryMode.ancestryDescriptionSections,
             true,
-            // keepOpen
             rootTreeClone,
             rootExtras
           );
@@ -6683,16 +6684,33 @@ function CreateAncestryPanel({
       },
       /* @__PURE__ */ import_react11.default.createElement(import_fi9.FiArrowLeft, null),
       " Voltar para Principal / N\xEDvel Anterior"
-    ), !isContextLinked && /* @__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: handleDeleteBranch,
-        className: "flex items-center gap-1.5 text-xs text-rose-400 hover:text-white hover:bg-rose-500/20 px-2 py-1 rounded transition-colors",
+        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(
+    ))), /* @__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

@@ -5517,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") {
@@ -5534,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;
@@ -5946,8 +5950,6 @@ function CreateAncestryPanel({
   };
   const handleDeleteBranch = async () => {
     if (branchStack.length === 0) return;
-    const confirmDelete = window.confirm("Tem certeza que deseja excluir esta ramifica\xE7\xE3o e todo o seu conte\xFAdo interno?");
-    if (!confirmDelete) return;
     const rootTreeClone = JSON.parse(JSON.stringify(ancestryMode.tree));
     let ptr = rootTreeClone;
     for (let i = 0; i < branchStack.length - 1; i++) {
@@ -5974,7 +5976,6 @@ function CreateAncestryPanel({
             ancestryMode.ancestryDescription,
             ancestryMode.ancestryDescriptionSections,
             true,
-            // keepOpen
             rootTreeClone,
             rootExtras
           );
@@ -6670,16 +6671,33 @@ function CreateAncestryPanel({
       },
       /* @__PURE__ */ React10.createElement(FiArrowLeft2, null),
       " Voltar para Principal / N\xEDvel Anterior"
-    ), !isContextLinked && /* @__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: handleDeleteBranch,
-        className: "flex items-center gap-1.5 text-xs text-rose-400 hover:text-white hover:bg-rose-500/20 px-2 py-1 rounded transition-colors",
+        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(
+    ))), /* @__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,

package/package.json

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