@lv-x-software-house/x_view 1.2.5-dev.2 → 1.2.5-dev.3

package/dist/index.js

@@ -10628,6 +10628,7 @@ function XViewScene({
   });
   const [isImportModalOpen, setIsImportModalOpen] = (0, import_react26.useState)(false);
   const [importSuccessMessage, setImportSuccessMessage] = (0, import_react26.useState)("");
+  const [invalidTargetError, setInvalidTargetError] = (0, import_react26.useState)(null);
   const [highlightedNodeId, setHighlightedNodeId] = (0, import_react26.useState)(null);
   const [isAncestryBoardOpen, setIsAncestryBoardOpen] = (0, import_react26.useState)(false);
   const [ancestryBoardData, setAncestryBoardData] = (0, import_react26.useState)([]);
@@ -14304,6 +14305,9 @@ function XViewScene({
         }, 300);
       } else {
         setHasFocusedInitial(true);
+        setInvalidTargetError(
+          "O link aponta para um item que n\xE3o foi encontrado ou foi exclu\xEDdo."
+        );
       }
     }
   }, [
@@ -14326,6 +14330,9 @@ function XViewScene({
         }, 300);
       } else {
         setHasOpenedInitialAncestry(true);
+        setInvalidTargetError(
+          "O link aponta para uma ancestralidade que n\xE3o foi encontrada ou foi exclu\xEDda."
+        );
       }
     }
   }, [
@@ -14935,6 +14942,83 @@ function XViewScene({
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []
       }
+    ),
+    invalidTargetError && /* @__PURE__ */ import_react26.default.createElement(
+      "div",
+      {
+        className: "ui-overlay",
+        style: {
+          position: "fixed",
+          top: "24px",
+          left: "50%",
+          transform: "translateX(-50%)",
+          zIndex: 1e4,
+          padding: "16px 24px",
+          background: "rgba(30, 20, 20, 0.85)",
+          backdropFilter: "blur(12px)",
+          WebkitBackdropFilter: "blur(12px)",
+          border: "1px solid rgba(255, 70, 70, 0.35)",
+          borderRadius: "16px",
+          boxShadow: "0 12px 40px rgba(0,0,0,0.5), 0 0 30px rgba(255, 50, 50, 0.1)",
+          color: "#ffa0a0",
+          display: "flex",
+          alignItems: "center",
+          gap: "16px",
+          fontFamily: "Inter, sans-serif",
+          animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
+        }
+      },
+      /* @__PURE__ */ import_react26.default.createElement("style", null, `
+            @keyframes fadeInDown {
+              from { opacity: 0; transform: translate(-50%, -20px); }
+              to { opacity: 1; transform: translate(-50%, 0); }
+            }
+          `),
+      /* @__PURE__ */ import_react26.default.createElement(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ import_react26.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ import_react26.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ import_react26.default.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ),
+      /* @__PURE__ */ import_react26.default.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ import_react26.default.createElement(
+        "button",
+        {
+          onClick: () => setInvalidTargetError(null),
+          style: {
+            background: "rgba(255, 255, 255, 0.1)",
+            border: "none",
+            color: "white",
+            padding: "4px 10px",
+            borderRadius: "8px",
+            cursor: "pointer",
+            fontSize: "12px",
+            fontWeight: 600,
+            transition: "all 0.2s",
+            marginLeft: "8px",
+            border: "1px solid rgba(255,255,255,0.1)"
+          },
+          onMouseOver: (e) => {
+            e.currentTarget.style.background = "rgba(255, 255, 255, 0.15)";
+            e.currentTarget.style.transform = "translateY(-1px)";
+          },
+          onMouseOut: (e) => {
+            e.currentTarget.style.background = "rgba(255, 255, 255, 0.1)";
+            e.currentTarget.style.transform = "translateY(0)";
+          }
+        },
+        "Fechar"
+      )
     )
   );
 }

package/dist/index.mjs

@@ -10634,6 +10634,7 @@ function XViewScene({
   });
   const [isImportModalOpen, setIsImportModalOpen] = useState25(false);
   const [importSuccessMessage, setImportSuccessMessage] = useState25("");
+  const [invalidTargetError, setInvalidTargetError] = useState25(null);
   const [highlightedNodeId, setHighlightedNodeId] = useState25(null);
   const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState25(false);
   const [ancestryBoardData, setAncestryBoardData] = useState25([]);
@@ -14310,6 +14311,9 @@ function XViewScene({
         }, 300);
       } else {
         setHasFocusedInitial(true);
+        setInvalidTargetError(
+          "O link aponta para um item que n\xE3o foi encontrado ou foi exclu\xEDdo."
+        );
       }
     }
   }, [
@@ -14332,6 +14336,9 @@ function XViewScene({
         }, 300);
       } else {
         setHasOpenedInitialAncestry(true);
+        setInvalidTargetError(
+          "O link aponta para uma ancestralidade que n\xE3o foi encontrada ou foi exclu\xEDda."
+        );
       }
     }
   }, [
@@ -14941,6 +14948,83 @@ function XViewScene({
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []
       }
+    ),
+    invalidTargetError && /* @__PURE__ */ React25.createElement(
+      "div",
+      {
+        className: "ui-overlay",
+        style: {
+          position: "fixed",
+          top: "24px",
+          left: "50%",
+          transform: "translateX(-50%)",
+          zIndex: 1e4,
+          padding: "16px 24px",
+          background: "rgba(30, 20, 20, 0.85)",
+          backdropFilter: "blur(12px)",
+          WebkitBackdropFilter: "blur(12px)",
+          border: "1px solid rgba(255, 70, 70, 0.35)",
+          borderRadius: "16px",
+          boxShadow: "0 12px 40px rgba(0,0,0,0.5), 0 0 30px rgba(255, 50, 50, 0.1)",
+          color: "#ffa0a0",
+          display: "flex",
+          alignItems: "center",
+          gap: "16px",
+          fontFamily: "Inter, sans-serif",
+          animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
+        }
+      },
+      /* @__PURE__ */ React25.createElement("style", null, `
+            @keyframes fadeInDown {
+              from { opacity: 0; transform: translate(-50%, -20px); }
+              to { opacity: 1; transform: translate(-50%, 0); }
+            }
+          `),
+      /* @__PURE__ */ React25.createElement(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ React25.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ React25.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ React25.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ),
+      /* @__PURE__ */ React25.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ React25.createElement(
+        "button",
+        {
+          onClick: () => setInvalidTargetError(null),
+          style: {
+            background: "rgba(255, 255, 255, 0.1)",
+            border: "none",
+            color: "white",
+            padding: "4px 10px",
+            borderRadius: "8px",
+            cursor: "pointer",
+            fontSize: "12px",
+            fontWeight: 600,
+            transition: "all 0.2s",
+            marginLeft: "8px",
+            border: "1px solid rgba(255,255,255,0.1)"
+          },
+          onMouseOver: (e) => {
+            e.currentTarget.style.background = "rgba(255, 255, 255, 0.15)";
+            e.currentTarget.style.transform = "translateY(-1px)";
+          },
+          onMouseOut: (e) => {
+            e.currentTarget.style.background = "rgba(255, 255, 255, 0.1)";
+            e.currentTarget.style.transform = "translateY(0)";
+          }
+        },
+        "Fechar"
+      )
     )
   );
 }

package/package.json

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