@lv-x-software-house/x_view 1.2.5-dev.50 → 1.2.5-dev.51

package/dist/index.js

@@ -641,6 +641,7 @@ function XViewSidebar({
   const [questFilterAssignee, setQuestFilterAssignee] = (0, import_react2.useState)("");
   const [questFilterStatus, setQuestFilterStatus] = (0, import_react2.useState)("");
   const [isQuestLensMenuOpen, setIsQuestLensMenuOpen] = (0, import_react2.useState)(false);
+  const [questFilterMilestone, setQuestFilterMilestone] = (0, import_react2.useState)("");
   const [isTypeDropdownOpen, setIsTypeDropdownOpen] = (0, import_react2.useState)(false);
   const [highlightedTypeIndex, setHighlightedTypeIndex] = (0, import_react2.useState)(-1);
   const containerRef = (0, import_react2.useRef)(null);
@@ -1040,12 +1041,12 @@ function XViewSidebar({
       "button",
       {
         onClick: () => setIsQuestLensMenuOpen(!isQuestLensMenuOpen),
-        className: `${buttonBaseClass} ${isQuestLensMenuOpen || questFilterAssignee || questFilterStatus ? "bg-indigo-500/30 border-indigo-400" : ""}`,
+        className: `${buttonBaseClass} ${isQuestLensMenuOpen || questFilterAssignee || questFilterStatus || questFilterMilestone ? "bg-indigo-500/30 border-indigo-400" : ""}`,
         title: "Abrir filtros da Lente de Quests"
       },
       /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react2.default.createElement("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }), /* @__PURE__ */ import_react2.default.createElement("path", { d: "M9 12l2 2 4-4" })),
       "Quest Lens",
-      (questFilterAssignee || questFilterStatus) && /* @__PURE__ */ import_react2.default.createElement("span", { className: "ml-1 px-1.5 py-0.5 rounded-full bg-indigo-500 text-[9px] font-bold" }, "!")
+      (questFilterAssignee || questFilterStatus || questFilterMilestone) && /* @__PURE__ */ import_react2.default.createElement("span", { className: "ml-1 px-1.5 py-0.5 rounded-full bg-indigo-500 text-[9px] font-bold" }, "!")
     ), isQuestLensMenuOpen && /* @__PURE__ */ import_react2.default.createElement("div", { className: "absolute left-0 bottom-full mb-2 w-full p-4 rounded-xl bg-slate-900 border border-white/10 shadow-2xl z-50 flex flex-col gap-4 animate-in fade-in slide-in-from-bottom-2 duration-200" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react2.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-bold tracking-widest" }, "Respons\xE1vel"), /* @__PURE__ */ import_react2.default.createElement(
       "select",
       {
@@ -1067,12 +1068,22 @@ function XViewSidebar({
       /* @__PURE__ */ import_react2.default.createElement("option", { value: "In Progress" }, "In Progress"),
       /* @__PURE__ */ import_react2.default.createElement("option", { value: "Review" }, "Review"),
       /* @__PURE__ */ import_react2.default.createElement("option", { value: "Done" }, "Done")
+    )), /* @__PURE__ */ import_react2.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react2.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-bold tracking-widest" }, "Milestone"), /* @__PURE__ */ import_react2.default.createElement(
+      "select",
+      {
+        value: questFilterMilestone,
+        onChange: (e) => setQuestFilterMilestone(e.target.value),
+        className: "w-full bg-slate-800 p-2 text-xs rounded border border-white/10 focus:outline-none focus:border-indigo-500/50 text-white appearance-none cursor-pointer"
+      },
+      /* @__PURE__ */ import_react2.default.createElement("option", { value: "" }, "Todos os Milestones"),
+      milestones.map((ms) => /* @__PURE__ */ import_react2.default.createElement("option", { key: ms.id, value: ms.id }, ms.name, " ", ms.status === "inactive" ? "(Inativo)" : ""))
     )), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex gap-2 pt-1" }, /* @__PURE__ */ import_react2.default.createElement(
       "button",
       {
         onClick: () => {
           setQuestFilterAssignee("");
           setQuestFilterStatus("");
+          setQuestFilterMilestone("");
         },
         className: "flex-1 py-2 bg-white/5 hover:bg-white/10 text-slate-300 text-[11px] font-medium rounded-lg transition-colors border border-white/5"
       },
@@ -1081,7 +1092,11 @@ function XViewSidebar({
       "button",
       {
         onClick: () => {
-          onActivateQuestLens({ assigneeId: questFilterAssignee, status: questFilterStatus });
+          onActivateQuestLens({
+            assigneeId: questFilterAssignee,
+            status: questFilterStatus,
+            milestoneId: questFilterMilestone
+          });
           setIsQuestLensMenuOpen(false);
           onToggle(false);
         },
@@ -14337,7 +14352,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateQuestLens = (0, import_react29.useCallback)(({ assigneeId, status: status2 }) => {
+  const handleActivateQuestLens = (0, import_react29.useCallback)(({ assigneeId, status: status2, milestoneId }) => {
     var _a2;
     const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !graphGroup) return;
@@ -14345,7 +14360,8 @@ function XViewScene({
     const filteredQuests = allQuests.filter((q) => {
       const matchAssignee = !assigneeId || String(q.assignee_id) === String(assigneeId);
       const matchStatus = !status2 ? q.status !== "Done" : String(q.status) === String(status2);
-      return matchAssignee && matchStatus;
+      const matchMilestone = !milestoneId || q.milestone_ids && q.milestone_ids.includes(milestoneId);
+      return matchAssignee && matchStatus && matchMilestone;
     });
     if (filteredQuests.length === 0) {
       console.warn("Nenhuma quest encontrada para os filtros selecionados.");

package/dist/index.mjs

@@ -602,6 +602,7 @@ function XViewSidebar({
   const [questFilterAssignee, setQuestFilterAssignee] = useState2("");
   const [questFilterStatus, setQuestFilterStatus] = useState2("");
   const [isQuestLensMenuOpen, setIsQuestLensMenuOpen] = useState2(false);
+  const [questFilterMilestone, setQuestFilterMilestone] = useState2("");
   const [isTypeDropdownOpen, setIsTypeDropdownOpen] = useState2(false);
   const [highlightedTypeIndex, setHighlightedTypeIndex] = useState2(-1);
   const containerRef = useRef2(null);
@@ -1001,12 +1002,12 @@ function XViewSidebar({
       "button",
       {
         onClick: () => setIsQuestLensMenuOpen(!isQuestLensMenuOpen),
-        className: `${buttonBaseClass} ${isQuestLensMenuOpen || questFilterAssignee || questFilterStatus ? "bg-indigo-500/30 border-indigo-400" : ""}`,
+        className: `${buttonBaseClass} ${isQuestLensMenuOpen || questFilterAssignee || questFilterStatus || questFilterMilestone ? "bg-indigo-500/30 border-indigo-400" : ""}`,
         title: "Abrir filtros da Lente de Quests"
       },
       /* @__PURE__ */ React2.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }), /* @__PURE__ */ React2.createElement("path", { d: "M9 12l2 2 4-4" })),
       "Quest Lens",
-      (questFilterAssignee || questFilterStatus) && /* @__PURE__ */ React2.createElement("span", { className: "ml-1 px-1.5 py-0.5 rounded-full bg-indigo-500 text-[9px] font-bold" }, "!")
+      (questFilterAssignee || questFilterStatus || questFilterMilestone) && /* @__PURE__ */ React2.createElement("span", { className: "ml-1 px-1.5 py-0.5 rounded-full bg-indigo-500 text-[9px] font-bold" }, "!")
     ), isQuestLensMenuOpen && /* @__PURE__ */ React2.createElement("div", { className: "absolute left-0 bottom-full mb-2 w-full p-4 rounded-xl bg-slate-900 border border-white/10 shadow-2xl z-50 flex flex-col gap-4 animate-in fade-in slide-in-from-bottom-2 duration-200" }, /* @__PURE__ */ React2.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React2.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-bold tracking-widest" }, "Respons\xE1vel"), /* @__PURE__ */ React2.createElement(
       "select",
       {
@@ -1028,12 +1029,22 @@ function XViewSidebar({
       /* @__PURE__ */ React2.createElement("option", { value: "In Progress" }, "In Progress"),
       /* @__PURE__ */ React2.createElement("option", { value: "Review" }, "Review"),
       /* @__PURE__ */ React2.createElement("option", { value: "Done" }, "Done")
+    )), /* @__PURE__ */ React2.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React2.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-bold tracking-widest" }, "Milestone"), /* @__PURE__ */ React2.createElement(
+      "select",
+      {
+        value: questFilterMilestone,
+        onChange: (e) => setQuestFilterMilestone(e.target.value),
+        className: "w-full bg-slate-800 p-2 text-xs rounded border border-white/10 focus:outline-none focus:border-indigo-500/50 text-white appearance-none cursor-pointer"
+      },
+      /* @__PURE__ */ React2.createElement("option", { value: "" }, "Todos os Milestones"),
+      milestones.map((ms) => /* @__PURE__ */ React2.createElement("option", { key: ms.id, value: ms.id }, ms.name, " ", ms.status === "inactive" ? "(Inativo)" : ""))
     )), /* @__PURE__ */ React2.createElement("div", { className: "flex gap-2 pt-1" }, /* @__PURE__ */ React2.createElement(
       "button",
       {
         onClick: () => {
           setQuestFilterAssignee("");
           setQuestFilterStatus("");
+          setQuestFilterMilestone("");
         },
         className: "flex-1 py-2 bg-white/5 hover:bg-white/10 text-slate-300 text-[11px] font-medium rounded-lg transition-colors border border-white/5"
       },
@@ -1042,7 +1053,11 @@ function XViewSidebar({
       "button",
       {
         onClick: () => {
-          onActivateQuestLens({ assigneeId: questFilterAssignee, status: questFilterStatus });
+          onActivateQuestLens({
+            assigneeId: questFilterAssignee,
+            status: questFilterStatus,
+            milestoneId: questFilterMilestone
+          });
           setIsQuestLensMenuOpen(false);
           onToggle(false);
         },
@@ -14381,7 +14396,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateQuestLens = useCallback4(({ assigneeId, status: status2 }) => {
+  const handleActivateQuestLens = useCallback4(({ assigneeId, status: status2, milestoneId }) => {
     var _a2;
     const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !graphGroup) return;
@@ -14389,7 +14404,8 @@ function XViewScene({
     const filteredQuests = allQuests.filter((q) => {
       const matchAssignee = !assigneeId || String(q.assignee_id) === String(assigneeId);
       const matchStatus = !status2 ? q.status !== "Done" : String(q.status) === String(status2);
-      return matchAssignee && matchStatus;
+      const matchMilestone = !milestoneId || q.milestone_ids && q.milestone_ids.includes(milestoneId);
+      return matchAssignee && matchStatus && matchMilestone;
     });
     if (filteredQuests.length === 0) {
       console.warn("Nenhuma quest encontrada para os filtros selecionados.");

package/package.json

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