@lv-x-software-house/x_view 1.2.5-dev.28 → 1.2.5-dev.29

package/dist/index.js

@@ -9715,7 +9715,7 @@ function QuestDetailsPanel({
   viewMembers = [],
   currentUser
 }) {
-  var _a;
+  var _a, _b;
   const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
   const [rawTitle, setRawTitle] = (0, import_react19.useState)(initialRawTitle);
   const prefixParts = ((node == null ? void 0 : node.name) || "").split(" - \xBB ");
@@ -9731,6 +9731,9 @@ function QuestDetailsPanel({
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = (0, import_react19.useState)(false);
   const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = (0, import_react19.useState)(false);
   const [assigneeSearchQuery, setAssigneeSearchQuery] = (0, import_react19.useState)("");
+  const [returnAssigneeId, setReturnAssigneeId] = (0, import_react19.useState)("");
+  const [isReturnDropdownOpen, setIsReturnDropdownOpen] = (0, import_react19.useState)(false);
+  const [returnSearchQuery, setReturnSearchQuery] = (0, import_react19.useState)("");
   const [customProps, setCustomProps] = (0, import_react19.useState)(() => extractCustomPropsFromNode(node || {}));
   const [reviewStack, setReviewStack] = (0, import_react19.useState)((node == null ? void 0 : node.reviewStack) || []);
   const [timeline, setTimeline] = (0, import_react19.useState)((node == null ? void 0 : node.timeline) || []);
@@ -9770,6 +9773,7 @@ function QuestDetailsPanel({
       setStatus((node == null ? void 0 : node.status) ?? "Backlog");
       setSize((node == null ? void 0 : node.size) ?? "medium");
       setAssigneeId((node == null ? void 0 : node.assignee_id) || "");
+      setReturnAssigneeId("");
       setDescription((node == null ? void 0 : node.description) ?? "");
       setIntensity((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
       setExistingSections((node == null ? void 0 : node.description_sections) || []);
@@ -9829,7 +9833,7 @@ function QuestDetailsPanel({
     setIsSaving(true);
     const actorId = (currentUser == null ? void 0 : currentUser.id) || "unknown";
     const actorName = (currentUser == null ? void 0 : currentUser.name) || "Revisor";
-    const targetMember = viewMembers.find((m) => String(m.id) === String(assigneeId));
+    const targetMember = viewMembers.find((m) => String(m.id) === String(returnAssigneeId));
     const targetName = (targetMember == null ? void 0 : targetMember.name) || "executor";
     const newEvent = {
       type: "review_returned",
@@ -9847,7 +9851,7 @@ function QuestDetailsPanel({
       description,
       status: updatedStatus,
       color: updatedColor,
-      assignee_id: assigneeId,
+      assignee_id: returnAssigneeId,
       reviewStack,
       timeline: updatedTimeline,
       size,
@@ -9860,6 +9864,8 @@ function QuestDetailsPanel({
       await onSave(nodeToSave, false);
       setTimeline(updatedTimeline);
       setStatus(updatedStatus);
+      setAssigneeId(returnAssigneeId);
+      setReturnAssigneeId("");
       onDataUpdate(nodeToSave);
       setHasUnsavedChanges(false);
     } catch (error) {
@@ -10157,13 +10163,54 @@ function QuestDetailsPanel({
         viewMembers,
         readOnly: !canEdit
       }
-    )), status === "Review" && canEdit && /* @__PURE__ */ import_react19.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "bg-slate-900/40 rounded-xl p-4 border border-white/5 space-y-3" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "A\xE7\xF5es de Review"), /* @__PURE__ */ import_react19.default.createElement("span", { className: "px-2 py-0.5 rounded-full bg-purple-500/10 text-purple-300 text-[10px] font-medium border border-purple-500/20" }, "Em Revis\xE3o")), /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-xs text-slate-400 leading-relaxed" }, "Se algo precisar de ajuste, selecione o respons\xE1vel acima e clique para retornar o ciclo para opera\xE7\xE3o."), /* @__PURE__ */ import_react19.default.createElement(
+    )), status === "Review" && canEdit && /* @__PURE__ */ import_react19.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "bg-slate-900/40 rounded-xl p-4 border border-white/5 space-y-3" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "A\xE7\xF5es de Review"), /* @__PURE__ */ import_react19.default.createElement("span", { className: "px-2 py-0.5 rounded-full bg-purple-500/10 text-purple-300 text-[10px] font-medium border border-purple-500/20" }, "Em Revis\xE3o")), /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-xs text-slate-400 leading-relaxed" }, "Selecione o respons\xE1vel abaixo para retornar o ciclo para opera\xE7\xE3o."), /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-1.5 flex flex-col" }, /* @__PURE__ */ import_react19.default.createElement("label", { className: "text-[10px] text-slate-400 font-medium ml-0.5" }, "Retornar para:"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react19.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsReturnDropdownOpen(!isReturnDropdownOpen),
+        className: "w-full bg-slate-800/80 p-2 text-xs rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-1 focus:ring-purple-400/50 transition-colors flex items-center justify-between"
+      },
+      /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react19.default.createElement(import_fi17.FiUser, { className: "text-slate-400", size: 12 }), /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-slate-200 font-medium" }, ((_b = viewMembers.find((m) => String(m.id) === String(returnAssigneeId))) == null ? void 0 : _b.name) || "Selecionar respons\xE1vel...")),
+      /* @__PURE__ */ import_react19.default.createElement(import_fi17.FiChevronDown, { className: `text-slate-400 transition-transform duration-200 ${isReturnDropdownOpen ? "rotate-180" : ""}`, size: 14 })
+    ), isReturnDropdownOpen && /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
+      setIsReturnDropdownOpen(false);
+      setReturnSearchQuery("");
+    } }), /* @__PURE__ */ import_react19.default.createElement("div", { className: "absolute bottom-full left-0 mb-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ import_react19.default.createElement(import_fi17.FiSearch, { className: "text-slate-500", size: 12 }), /* @__PURE__ */ import_react19.default.createElement(
+      "input",
+      {
+        type: "text",
+        autoFocus: true,
+        placeholder: "Buscar membro...",
+        value: returnSearchQuery,
+        onChange: (e) => setReturnSearchQuery(e.target.value),
+        className: "bg-transparent border-none outline-none text-[10px] text-white placeholder-slate-500 w-full",
+        onClick: (e) => e.stopPropagation()
+      }
+    )), /* @__PURE__ */ import_react19.default.createElement("ul", { className: "max-h-32 overflow-y-auto custom-scrollbar" }, viewMembers.filter((member) => {
+      const search = returnSearchQuery.toLowerCase();
+      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
+    }).map((member) => /* @__PURE__ */ import_react19.default.createElement(
+      "li",
+      {
+        key: member.id,
+        onClick: () => {
+          setReturnAssigneeId(member.id);
+          setIsReturnDropdownOpen(false);
+          setReturnSearchQuery("");
+        },
+        className: `px-3 py-2 text-[11px] cursor-pointer transition-colors flex items-center gap-2 ${returnAssigneeId === member.id ? "bg-purple-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      member.name || member.email
+    )), viewMembers.filter((member) => {
+      const search = returnSearchQuery.toLowerCase();
+      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
+    }).length === 0 && /* @__PURE__ */ import_react19.default.createElement("li", { className: "px-3 py-4 text-[10px] text-slate-500 text-center italic" }, "Nenhum membro encontrado")))))), /* @__PURE__ */ import_react19.default.createElement(
       "button",
       {
         type: "button",
         onClick: handleReturnToOperation,
-        disabled: isSaving,
-        className: "w-full h-10 flex items-center justify-center gap-2 rounded-lg bg-slate-800 hover:bg-slate-700 text-slate-200 text-xs font-semibold border border-white/10 transition-all hover:border-white/20 active:scale-[0.98] disabled:opacity-50 disabled:cursor-wait"
+        disabled: isSaving || !returnAssigneeId,
+        className: `w-full h-10 flex items-center justify-center gap-2 rounded-lg text-xs font-semibold border transition-all active:scale-[0.98] disabled:opacity-40 disabled:grayscale-[0.5] disabled:cursor-not-allowed ${!returnAssigneeId ? "bg-slate-800 text-slate-500 border-white/5" : "bg-slate-800 hover:bg-slate-700 text-purple-300 border-purple-500/20 hover:border-purple-500/40"}`
       },
       /* @__PURE__ */ import_react19.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react19.default.createElement("path", { d: "M12 19V5M5 12l7 7 7-7" })),
       "Retornar para Opera\xE7\xE3o"

package/dist/index.mjs

@@ -9732,7 +9732,7 @@ function QuestDetailsPanel({
   viewMembers = [],
   currentUser
 }) {
-  var _a;
+  var _a, _b;
   const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
   const [rawTitle, setRawTitle] = useState19(initialRawTitle);
   const prefixParts = ((node == null ? void 0 : node.name) || "").split(" - \xBB ");
@@ -9748,6 +9748,9 @@ function QuestDetailsPanel({
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = useState19(false);
   const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = useState19(false);
   const [assigneeSearchQuery, setAssigneeSearchQuery] = useState19("");
+  const [returnAssigneeId, setReturnAssigneeId] = useState19("");
+  const [isReturnDropdownOpen, setIsReturnDropdownOpen] = useState19(false);
+  const [returnSearchQuery, setReturnSearchQuery] = useState19("");
   const [customProps, setCustomProps] = useState19(() => extractCustomPropsFromNode(node || {}));
   const [reviewStack, setReviewStack] = useState19((node == null ? void 0 : node.reviewStack) || []);
   const [timeline, setTimeline] = useState19((node == null ? void 0 : node.timeline) || []);
@@ -9787,6 +9790,7 @@ function QuestDetailsPanel({
       setStatus((node == null ? void 0 : node.status) ?? "Backlog");
       setSize((node == null ? void 0 : node.size) ?? "medium");
       setAssigneeId((node == null ? void 0 : node.assignee_id) || "");
+      setReturnAssigneeId("");
       setDescription((node == null ? void 0 : node.description) ?? "");
       setIntensity((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
       setExistingSections((node == null ? void 0 : node.description_sections) || []);
@@ -9846,7 +9850,7 @@ function QuestDetailsPanel({
     setIsSaving(true);
     const actorId = (currentUser == null ? void 0 : currentUser.id) || "unknown";
     const actorName = (currentUser == null ? void 0 : currentUser.name) || "Revisor";
-    const targetMember = viewMembers.find((m) => String(m.id) === String(assigneeId));
+    const targetMember = viewMembers.find((m) => String(m.id) === String(returnAssigneeId));
     const targetName = (targetMember == null ? void 0 : targetMember.name) || "executor";
     const newEvent = {
       type: "review_returned",
@@ -9864,7 +9868,7 @@ function QuestDetailsPanel({
       description,
       status: updatedStatus,
       color: updatedColor,
-      assignee_id: assigneeId,
+      assignee_id: returnAssigneeId,
       reviewStack,
       timeline: updatedTimeline,
       size,
@@ -9877,6 +9881,8 @@ function QuestDetailsPanel({
       await onSave(nodeToSave, false);
       setTimeline(updatedTimeline);
       setStatus(updatedStatus);
+      setAssigneeId(returnAssigneeId);
+      setReturnAssigneeId("");
       onDataUpdate(nodeToSave);
       setHasUnsavedChanges(false);
     } catch (error) {
@@ -10174,13 +10180,54 @@ function QuestDetailsPanel({
         viewMembers,
         readOnly: !canEdit
       }
-    )), status === "Review" && canEdit && /* @__PURE__ */ React18.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React18.createElement("div", { className: "bg-slate-900/40 rounded-xl p-4 border border-white/5 space-y-3" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "A\xE7\xF5es de Review"), /* @__PURE__ */ React18.createElement("span", { className: "px-2 py-0.5 rounded-full bg-purple-500/10 text-purple-300 text-[10px] font-medium border border-purple-500/20" }, "Em Revis\xE3o")), /* @__PURE__ */ React18.createElement("p", { className: "text-xs text-slate-400 leading-relaxed" }, "Se algo precisar de ajuste, selecione o respons\xE1vel acima e clique para retornar o ciclo para opera\xE7\xE3o."), /* @__PURE__ */ React18.createElement(
+    )), status === "Review" && canEdit && /* @__PURE__ */ React18.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React18.createElement("div", { className: "bg-slate-900/40 rounded-xl p-4 border border-white/5 space-y-3" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "A\xE7\xF5es de Review"), /* @__PURE__ */ React18.createElement("span", { className: "px-2 py-0.5 rounded-full bg-purple-500/10 text-purple-300 text-[10px] font-medium border border-purple-500/20" }, "Em Revis\xE3o")), /* @__PURE__ */ React18.createElement("p", { className: "text-xs text-slate-400 leading-relaxed" }, "Selecione o respons\xE1vel abaixo para retornar o ciclo para opera\xE7\xE3o."), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 flex flex-col" }, /* @__PURE__ */ React18.createElement("label", { className: "text-[10px] text-slate-400 font-medium ml-0.5" }, "Retornar para:"), /* @__PURE__ */ React18.createElement("div", { className: "relative" }, /* @__PURE__ */ React18.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsReturnDropdownOpen(!isReturnDropdownOpen),
+        className: "w-full bg-slate-800/80 p-2 text-xs rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-1 focus:ring-purple-400/50 transition-colors flex items-center justify-between"
+      },
+      /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18.createElement(FiUser3, { className: "text-slate-400", size: 12 }), /* @__PURE__ */ React18.createElement("span", { className: "text-slate-200 font-medium" }, ((_b = viewMembers.find((m) => String(m.id) === String(returnAssigneeId))) == null ? void 0 : _b.name) || "Selecionar respons\xE1vel...")),
+      /* @__PURE__ */ React18.createElement(FiChevronDown7, { className: `text-slate-400 transition-transform duration-200 ${isReturnDropdownOpen ? "rotate-180" : ""}`, size: 14 })
+    ), isReturnDropdownOpen && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
+      setIsReturnDropdownOpen(false);
+      setReturnSearchQuery("");
+    } }), /* @__PURE__ */ React18.createElement("div", { className: "absolute bottom-full left-0 mb-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ React18.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React18.createElement(FiSearch6, { className: "text-slate-500", size: 12 }), /* @__PURE__ */ React18.createElement(
+      "input",
+      {
+        type: "text",
+        autoFocus: true,
+        placeholder: "Buscar membro...",
+        value: returnSearchQuery,
+        onChange: (e) => setReturnSearchQuery(e.target.value),
+        className: "bg-transparent border-none outline-none text-[10px] text-white placeholder-slate-500 w-full",
+        onClick: (e) => e.stopPropagation()
+      }
+    )), /* @__PURE__ */ React18.createElement("ul", { className: "max-h-32 overflow-y-auto custom-scrollbar" }, viewMembers.filter((member) => {
+      const search = returnSearchQuery.toLowerCase();
+      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
+    }).map((member) => /* @__PURE__ */ React18.createElement(
+      "li",
+      {
+        key: member.id,
+        onClick: () => {
+          setReturnAssigneeId(member.id);
+          setIsReturnDropdownOpen(false);
+          setReturnSearchQuery("");
+        },
+        className: `px-3 py-2 text-[11px] cursor-pointer transition-colors flex items-center gap-2 ${returnAssigneeId === member.id ? "bg-purple-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      member.name || member.email
+    )), viewMembers.filter((member) => {
+      const search = returnSearchQuery.toLowerCase();
+      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
+    }).length === 0 && /* @__PURE__ */ React18.createElement("li", { className: "px-3 py-4 text-[10px] text-slate-500 text-center italic" }, "Nenhum membro encontrado")))))), /* @__PURE__ */ React18.createElement(
       "button",
       {
         type: "button",
         onClick: handleReturnToOperation,
-        disabled: isSaving,
-        className: "w-full h-10 flex items-center justify-center gap-2 rounded-lg bg-slate-800 hover:bg-slate-700 text-slate-200 text-xs font-semibold border border-white/10 transition-all hover:border-white/20 active:scale-[0.98] disabled:opacity-50 disabled:cursor-wait"
+        disabled: isSaving || !returnAssigneeId,
+        className: `w-full h-10 flex items-center justify-center gap-2 rounded-lg text-xs font-semibold border transition-all active:scale-[0.98] disabled:opacity-40 disabled:grayscale-[0.5] disabled:cursor-not-allowed ${!returnAssigneeId ? "bg-slate-800 text-slate-500 border-white/5" : "bg-slate-800 hover:bg-slate-700 text-purple-300 border-purple-500/20 hover:border-purple-500/40"}`
       },
       /* @__PURE__ */ React18.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React18.createElement("path", { d: "M12 19V5M5 12l7 7 7-7" })),
       "Retornar para Opera\xE7\xE3o"

package/package.json

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