@burdenoff/microfe-planmagnet 2026.801.1 → 2026.829.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/planmagnet/PlanMagnetRoot.d.ts.map +1 -1
  2. package/dist/planmagnet/PlanMagnetRoot.js +104 -104
  3. package/dist/planmagnet/PlanMagnetRoot.js.map +1 -1
  4. package/dist/planmagnet/admin/PlanMagnetAdminRoot.d.ts.map +1 -1
  5. package/dist/planmagnet/admin/PlanMagnetAdminRoot.js +134 -134
  6. package/dist/planmagnet/admin/PlanMagnetAdminRoot.js.map +1 -1
  7. package/dist/planmagnet/pages/ProductsFeaturesPagePage.d.ts.map +1 -1
  8. package/dist/planmagnet/pages/ProductsFeaturesPagePage.js +92 -91
  9. package/dist/planmagnet/pages/ProductsFeaturesPagePage.js.map +1 -1
  10. package/dist/planmagnet/pages/ProductsRoadmapsPagePage.d.ts.map +1 -1
  11. package/dist/planmagnet/pages/ProductsRoadmapsPagePage.js +66 -65
  12. package/dist/planmagnet/pages/ProductsRoadmapsPagePage.js.map +1 -1
  13. package/dist/planmagnet/pages/ProjectsProjectsPagePage.d.ts.map +1 -1
  14. package/dist/planmagnet/pages/ProjectsProjectsPagePage.js +71 -70
  15. package/dist/planmagnet/pages/ProjectsProjectsPagePage.js.map +1 -1
  16. package/dist/planmagnet/pages/ReportsReportsPagePage.d.ts.map +1 -1
  17. package/dist/planmagnet/pages/ReportsReportsPagePage.js +1 -1
  18. package/dist/planmagnet/pages/ReportsReportsPagePage.js.map +1 -1
  19. package/dist/shared/hooks/useTr.d.ts +12 -0
  20. package/dist/shared/hooks/useTr.d.ts.map +1 -0
  21. package/dist/shared/hooks/useTr.js +15 -0
  22. package/dist/shared/hooks/useTr.js.map +1 -0
  23. package/dist/shared/utils/i18n.d.ts +5 -0
  24. package/dist/shared/utils/i18n.d.ts.map +1 -0
  25. package/dist/shared/utils/i18n.js +8 -0
  26. package/dist/shared/utils/i18n.js.map +1 -0
  27. package/package.json +2 -2
package/dist/planmagnet/pages/ProductsRoadmapsPagePage.js CHANGED
@@ -1,12 +1,12 @@
1
- import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
2
- import { useState as t } from "react";
3
- import { Calendar as n, Filter as r, Loader2 as i, Map as a, Plus as o } from "lucide-react";
4
- import { gql as s } from "@apollo/client";
5
- import { useQuery as c } from "@apollo/client/react";
6
- import { jsx as l, jsxs as u } from "react/jsx-runtime";
7
- import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
1
+ import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
2
+ import { useState as n } from "react";
3
+ import { Calendar as r, Filter as i, Loader2 as a, Map as o, Plus as s } from "lucide-react";
4
+ import { gql as c } from "@apollo/client";
5
+ import { useQuery as l } from "@apollo/client/react";
6
+ import { jsx as u, jsxs as d } from "react/jsx-runtime";
7
+ import { Badge as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _ } from "@burdenoff/fe-libs/ui";
8
8
  //#region src/planmagnet/pages/ProductsRoadmapsPagePage.tsx
9
- var _ = s`
9
+ var v = c`
10
10
  query ListRoadmapsPage(
11
11
  $workspaceId: ID!
12
12
  $filter: PlanmagnetRoadmapFilter
@@ -34,149 +34,150 @@ var _ = s`
34
34
  totalCount
35
35
  }
36
36
  }
37
- `, v = {
37
+ `, y = {
38
38
  TIMELINE: "bg-purple-100 text-purple-800",
39
39
  GANTT: "bg-orange-100 text-orange-800",
40
40
  SWIMLANE: "bg-green-100 text-green-800",
41
41
  CUSTOM: "bg-blue-100 text-blue-800"
42
42
  };
43
- function y() {
44
- let { workspaceId: s } = e(), [y, b] = t("all"), [x, S] = t("all"), { data: C, loading: w, error: T } = c(_, {
43
+ function b() {
44
+ let c = t(), { workspaceId: b } = e(), [x, S] = n("all"), [C, w] = n("all"), { data: T, loading: E, error: D } = l(v, {
45
45
  variables: {
46
- workspaceId: s,
46
+ workspaceId: b,
47
47
  pagination: { first: 50 }
48
48
  },
49
- skip: !s
49
+ skip: !b
50
50
  });
51
- if (w) return /* @__PURE__ */ l("div", {
51
+ if (E) return /* @__PURE__ */ u("div", {
52
52
  className: "flex items-center justify-center p-12",
53
- children: /* @__PURE__ */ l(i, { className: "h-8 w-8 animate-spin text-muted-foreground" })
53
+ children: /* @__PURE__ */ u(a, { className: "h-8 w-8 animate-spin text-muted-foreground" })
54
54
  });
55
- if (T) return /* @__PURE__ */ u("div", {
55
+ if (D) return /* @__PURE__ */ d("div", {
56
56
  className: "p-6 text-destructive",
57
- children: ["Failed to load roadmaps: ", T.message]
57
+ children: ["Failed to load roadmaps: ", D.message]
58
58
  });
59
- let E = C?.planmagnetRoadmaps?.items ?? [], D = C?.planmagnetRoadmaps?.totalCount ?? 0, O = ["all", ...new Set(E.map((e) => e.type))], k = [
59
+ let O = T?.planmagnetRoadmaps?.items ?? [], k = T?.planmagnetRoadmaps?.totalCount ?? 0, A = ["all", ...new Set(O.map((e) => e.type))], j = [
60
60
  "all",
61
61
  "public",
62
62
  "private"
63
- ], A = E.filter((e) => (y === "all" || e.type === y) && (x === "all" || x === "public" && e.isPublic || x === "private" && !e.isPublic));
64
- return /* @__PURE__ */ u("div", {
63
+ ], M = O.filter((e) => (x === "all" || e.type === x) && (C === "all" || C === "public" && e.isPublic || C === "private" && !e.isPublic));
64
+ return /* @__PURE__ */ d("div", {
65
65
  className: "space-y-6 p-6",
66
66
  children: [
67
- /* @__PURE__ */ u("div", {
67
+ /* @__PURE__ */ d("div", {
68
68
  className: "flex items-center justify-between",
69
- children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
69
+ children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
70
70
  className: "text-2xl font-semibold",
71
71
  children: "Roadmaps"
72
- }), /* @__PURE__ */ u("p", {
72
+ }), /* @__PURE__ */ d("p", {
73
73
  className: "text-sm text-muted-foreground",
74
- children: [D, " roadmaps across all products"]
75
- })] }), /* @__PURE__ */ u(f, {
74
+ children: [k, " roadmaps across all products"]
75
+ })] }), /* @__PURE__ */ d(p, {
76
76
  size: "sm",
77
- children: [/* @__PURE__ */ l(o, { className: "mr-1 h-4 w-4" }), "New Roadmap"]
77
+ onClick: () => c("/products/create-roadmap-page"),
78
+ children: [/* @__PURE__ */ u(s, { className: "mr-1 h-4 w-4" }), "New Roadmap"]
78
79
  })]
79
80
  }),
80
- /* @__PURE__ */ u("div", {
81
+ /* @__PURE__ */ d("div", {
81
82
  className: "flex gap-4 flex-wrap",
82
- children: [/* @__PURE__ */ u("div", {
83
+ children: [/* @__PURE__ */ d("div", {
83
84
  className: "flex items-center gap-2",
84
85
  children: [
85
- /* @__PURE__ */ l(r, { className: "h-4 w-4 text-muted-foreground" }),
86
- /* @__PURE__ */ l("span", {
86
+ /* @__PURE__ */ u(i, { className: "h-4 w-4 text-muted-foreground" }),
87
+ /* @__PURE__ */ u("span", {
87
88
  className: "text-sm text-muted-foreground",
88
89
  children: "Type:"
89
90
  }),
90
- O.map((e) => /* @__PURE__ */ l("button", {
91
- onClick: () => b(e),
92
- className: `px-2 py-1 text-xs rounded-md capitalize ${y === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
91
+ A.map((e) => /* @__PURE__ */ u("button", {
92
+ onClick: () => S(e),
93
+ className: `px-2 py-1 text-xs rounded-md capitalize ${x === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
93
94
  children: e === "all" ? "All" : e.toLowerCase()
94
95
  }, e))
95
96
  ]
96
- }), /* @__PURE__ */ u("div", {
97
+ }), /* @__PURE__ */ d("div", {
97
98
  className: "flex items-center gap-2",
98
- children: [/* @__PURE__ */ l("span", {
99
+ children: [/* @__PURE__ */ u("span", {
99
100
  className: "text-sm text-muted-foreground",
100
101
  children: "Visibility:"
101
- }), k.map((e) => /* @__PURE__ */ l("button", {
102
- onClick: () => S(e),
103
- className: `px-2 py-1 text-xs rounded-md capitalize ${x === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
102
+ }), j.map((e) => /* @__PURE__ */ u("button", {
103
+ onClick: () => w(e),
104
+ className: `px-2 py-1 text-xs rounded-md capitalize ${C === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
104
105
  children: e
105
106
  }, e))]
106
107
  })]
107
108
  }),
108
- /* @__PURE__ */ l("div", {
109
+ /* @__PURE__ */ u("div", {
109
110
  className: "grid grid-cols-1 md:grid-cols-2 gap-4",
110
- children: A.map((e) => {
111
- let t = e.items?.length ?? 0, r = e.items?.filter((e) => e.status === "COMPLETED" || e.status === "DONE").length ?? 0, i = t > 0 ? Math.round(r / t * 100) : 0, o = e.items?.map((e) => e.startDate).filter(Boolean) ?? [], s = e.items?.map((e) => e.endDate).filter(Boolean) ?? [], c = o.length > 0 ? o.sort()[0] : null, f = s.length > 0 ? s.sort().reverse()[0] : null;
112
- return /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, {
111
+ children: M.map((e) => {
112
+ let t = e.items?.length ?? 0, n = e.items?.filter((e) => e.status === "COMPLETED" || e.status === "DONE").length ?? 0, i = t > 0 ? Math.round(n / t * 100) : 0, a = e.items?.map((e) => e.startDate).filter(Boolean) ?? [], s = e.items?.map((e) => e.endDate).filter(Boolean) ?? [], c = a.length > 0 ? a.sort()[0] : null, l = s.length > 0 ? s.sort().reverse()[0] : null;
113
+ return /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, {
113
114
  className: "pb-2",
114
- children: /* @__PURE__ */ u("div", {
115
+ children: /* @__PURE__ */ d("div", {
115
116
  className: "flex items-center justify-between",
116
- children: [/* @__PURE__ */ l(g, {
117
+ children: [/* @__PURE__ */ u(_, {
117
118
  className: "text-base",
118
119
  children: e.name
119
- }), /* @__PURE__ */ l(d, {
120
+ }), /* @__PURE__ */ u(f, {
120
121
  variant: e.isPublic ? "default" : "secondary",
121
122
  className: "capitalize",
122
123
  children: e.isPublic ? "public" : "private"
123
124
  })]
124
125
  })
125
- }), /* @__PURE__ */ u(m, {
126
+ }), /* @__PURE__ */ d(h, {
126
127
  className: "space-y-3",
127
128
  children: [
128
- /* @__PURE__ */ l("p", {
129
+ /* @__PURE__ */ u("p", {
129
130
  className: "text-sm text-muted-foreground",
130
131
  children: e.description ?? "No description"
131
132
  }),
132
- /* @__PURE__ */ u("div", {
133
+ /* @__PURE__ */ d("div", {
133
134
  className: "flex items-center gap-2",
134
- children: [/* @__PURE__ */ l("span", {
135
- className: `text-xs px-2 py-0.5 rounded-full capitalize ${v[e.type] ?? "bg-gray-100"}`,
135
+ children: [/* @__PURE__ */ u("span", {
136
+ className: `text-xs px-2 py-0.5 rounded-full capitalize ${y[e.type] ?? "bg-gray-100"}`,
136
137
  children: e.type.toLowerCase()
137
- }), /* @__PURE__ */ l(d, {
138
+ }), /* @__PURE__ */ u(f, {
138
139
  variant: "outline",
139
140
  className: "text-xs capitalize",
140
141
  children: e.isPublic ? "public" : "private"
141
142
  })]
142
143
  }),
143
- /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("div", {
144
+ /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
144
145
  className: "flex justify-between text-xs mb-1",
145
- children: [/* @__PURE__ */ l("span", {
146
+ children: [/* @__PURE__ */ u("span", {
146
147
  className: "text-muted-foreground",
147
148
  children: "Progress"
148
- }), /* @__PURE__ */ u("span", {
149
+ }), /* @__PURE__ */ d("span", {
149
150
  className: "font-medium",
150
151
  children: [i, "%"]
151
152
  })]
152
- }), /* @__PURE__ */ l("div", {
153
+ }), /* @__PURE__ */ u("div", {
153
154
  className: "w-full h-2 rounded-full bg-muted overflow-hidden",
154
- children: /* @__PURE__ */ l("div", {
155
+ children: /* @__PURE__ */ u("div", {
155
156
  className: "h-full bg-primary rounded-full",
156
157
  style: { width: `${i}%` }
157
158
  })
158
159
  })] }),
159
- /* @__PURE__ */ l("div", {
160
+ /* @__PURE__ */ u("div", {
160
161
  className: "flex gap-4 text-xs text-muted-foreground",
161
- children: /* @__PURE__ */ u("span", {
162
+ children: /* @__PURE__ */ d("span", {
162
163
  className: "flex items-center gap-1",
163
164
  children: [
164
- /* @__PURE__ */ l(a, { className: "h-3 w-3" }),
165
+ /* @__PURE__ */ u(o, { className: "h-3 w-3" }),
165
166
  t,
166
167
  " items"
167
168
  ]
168
169
  })
169
170
  }),
170
- /* @__PURE__ */ u("div", {
171
+ /* @__PURE__ */ d("div", {
171
172
  className: "flex items-center justify-between text-xs text-muted-foreground border-t pt-2",
172
- children: [/* @__PURE__ */ u("span", { children: ["Owner: ", e.ownerId] }), c && f && /* @__PURE__ */ u("span", {
173
+ children: [/* @__PURE__ */ d("span", { children: ["Owner: ", e.ownerId] }), c && l && /* @__PURE__ */ d("span", {
173
174
  className: "flex items-center gap-1",
174
175
  children: [
175
- /* @__PURE__ */ l(n, { className: "h-3 w-3" }),
176
+ /* @__PURE__ */ u(r, { className: "h-3 w-3" }),
176
177
  new Date(c).toLocaleDateString(),
177
178
  " -",
178
179
  " ",
179
- new Date(f).toLocaleDateString()
180
+ new Date(l).toLocaleDateString()
180
181
  ]
181
182
  })]
182
183
  })
@@ -184,7 +185,7 @@ function y() {
184
185
  })] }, e.id);
185
186
  })
186
187
  }),
187
- A.length === 0 && /* @__PURE__ */ l("p", {
188
+ M.length === 0 && /* @__PURE__ */ u("p", {
188
189
  className: "text-center text-muted-foreground py-8",
189
190
  children: "No roadmaps match the selected filters."
190
191
  })
@@ -192,6 +193,6 @@ function y() {
192
193
  });
193
194
  }
194
195
  //#endregion
195
- export { y as ProductsRoadmapsPagePage };
196
+ export { b as ProductsRoadmapsPagePage };
196
197
 
197
198
  //# sourceMappingURL=ProductsRoadmapsPagePage.js.map
package/dist/planmagnet/pages/ProductsRoadmapsPagePage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProductsRoadmapsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Map, Calendar, Plus, Filter, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst LIST_ROADMAPS = gql`\n query ListRoadmapsPage(\n $workspaceId: ID!\n $filter: PlanmagnetRoadmapFilter\n $pagination: PlanmagnetPaginationInput\n ) {\n planmagnetRoadmaps(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n items {\n id\n workspaceId\n name\n description\n type\n isPublic\n ownerId\n createdAt\n updatedAt\n items {\n id\n title\n status\n startDate\n endDate\n }\n }\n totalCount\n }\n }\n`;\n\ninterface RoadmapItemNode {\n id: string;\n title: string;\n status: string;\n startDate: string | null;\n endDate: string | null;\n}\n\ninterface RoadmapNode {\n id: string;\n name: string;\n description: string | null;\n type: string;\n isPublic: boolean;\n ownerId: string;\n createdAt: string;\n updatedAt: string;\n items: RoadmapItemNode[];\n}\n\nconst typeColor: Record<string, string> = {\n TIMELINE: 'bg-purple-100 text-purple-800',\n GANTT: 'bg-orange-100 text-orange-800',\n SWIMLANE: 'bg-green-100 text-green-800',\n CUSTOM: 'bg-blue-100 text-blue-800',\n};\n\nexport function ProductsRoadmapsPagePage() {\n const { workspaceId } = usePlanMagnet();\n const [typeFilter, setTypeFilter] = useState<string>('all');\n const [visFilter, setVisFilter] = useState<string>('all');\n\n const {\n data,\n loading,\n error,\n } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n useQuery<Record<string, any>>(LIST_ROADMAPS, {\n variables: {\n workspaceId,\n pagination: { first: 50 },\n },\n skip: !workspaceId,\n });\n\n if (loading) {\n return (\n <div className=\"flex items-center justify-center p-12\">\n <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n </div>\n );\n }\n\n if (error) {\n return <div className=\"p-6 text-destructive\">Failed to load roadmaps: {error.message}</div>;\n }\n\n const roadmaps: RoadmapNode[] = data?.planmagnetRoadmaps?.items ?? [];\n const totalCount = data?.planmagnetRoadmaps?.totalCount ?? 0;\n\n const types = ['all', ...new Set(roadmaps.map((r) => r.type))];\n const visibilities = ['all', 'public', 'private'];\n\n const filtered = roadmaps.filter(\n (r) =>\n (typeFilter === 'all' || r.type === typeFilter) &&\n (visFilter === 'all' ||\n (visFilter === 'public' && r.isPublic) ||\n (visFilter === 'private' && !r.isPublic))\n );\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">Roadmaps</h1>\n <p className=\"text-sm text-muted-foreground\">{totalCount} roadmaps across all products</p>\n </div>\n <Button size=\"sm\">\n <Plus className=\"mr-1 h-4 w-4\" />\n New Roadmap\n </Button>\n </div>\n\n <div className=\"flex gap-4 flex-wrap\">\n <div className=\"flex items-center gap-2\">\n <Filter className=\"h-4 w-4 text-muted-foreground\" />\n <span className=\"text-sm text-muted-foreground\">Type:</span>\n {types.map((t) => (\n <button\n key={t}\n onClick={() => setTypeFilter(t)}\n className={`px-2 py-1 text-xs rounded-md capitalize ${typeFilter === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n >\n {t === 'all' ? 'All' : t.toLowerCase()}\n </button>\n ))}\n </div>\n <div className=\"flex items-center gap-2\">\n <span className=\"text-sm text-muted-foreground\">Visibility:</span>\n {visibilities.map((v) => (\n <button\n key={v}\n onClick={() => setVisFilter(v)}\n className={`px-2 py-1 text-xs rounded-md capitalize ${visFilter === v ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n >\n {v}\n </button>\n ))}\n </div>\n </div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n {filtered.map((rm) => {\n const itemCount = rm.items?.length ?? 0;\n const completedItems =\n rm.items?.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE').length ?? 0;\n const progress = itemCount > 0 ? Math.round((completedItems / itemCount) * 100) : 0;\n const startDates = rm.items?.map((i) => i.startDate).filter(Boolean) ?? [];\n const endDates = rm.items?.map((i) => i.endDate).filter(Boolean) ?? [];\n const earliestStart = startDates.length > 0 ? startDates.sort()[0] : null;\n const latestEnd = endDates.length > 0 ? endDates.sort().reverse()[0] : null;\n\n return (\n <Card key={rm.id}>\n <CardHeader className=\"pb-2\">\n <div className=\"flex items-center justify-between\">\n <CardTitle className=\"text-base\">{rm.name}</CardTitle>\n <Badge variant={rm.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n {rm.isPublic ? 'public' : 'private'}\n </Badge>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <p className=\"text-sm text-muted-foreground\">\n {rm.description ?? 'No description'}\n </p>\n <div className=\"flex items-center gap-2\">\n <span\n className={`text-xs px-2 py-0.5 rounded-full capitalize ${typeColor[rm.type] ?? 'bg-gray-100'}`}\n >\n {rm.type.toLowerCase()}\n </span>\n <Badge variant=\"outline\" className=\"text-xs capitalize\">\n {rm.isPublic ? 'public' : 'private'}\n </Badge>\n </div>\n <div>\n <div className=\"flex justify-between text-xs mb-1\">\n <span className=\"text-muted-foreground\">Progress</span>\n <span className=\"font-medium\">{progress}%</span>\n </div>\n <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n <div\n className=\"h-full bg-primary rounded-full\"\n style={{ width: `${progress}%` }}\n />\n </div>\n </div>\n <div className=\"flex gap-4 text-xs text-muted-foreground\">\n <span className=\"flex items-center gap-1\">\n <Map className=\"h-3 w-3\" />\n {itemCount} items\n </span>\n </div>\n <div className=\"flex items-center justify-between text-xs text-muted-foreground border-t pt-2\">\n <span>Owner: {rm.ownerId}</span>\n {earliestStart && latestEnd && (\n <span className=\"flex items-center gap-1\">\n <Calendar className=\"h-3 w-3\" />\n {new Date(earliestStart).toLocaleDateString()} -{' '}\n {new Date(latestEnd).toLocaleDateString()}\n </span>\n )}\n </div>\n </CardContent>\n </Card>\n );\n })}\n </div>\n {filtered.length === 0 && (\n <p className=\"text-center text-muted-foreground py-8\">\n No roadmaps match the selected filters.\n </p>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"ProductsRoadmapsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Map, Calendar, Plus, Filter, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst LIST_ROADMAPS = gql`\n query ListRoadmapsPage(\n $workspaceId: ID!\n $filter: PlanmagnetRoadmapFilter\n $pagination: PlanmagnetPaginationInput\n ) {\n planmagnetRoadmaps(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n items {\n id\n workspaceId\n name\n description\n type\n isPublic\n ownerId\n createdAt\n updatedAt\n items {\n id\n title\n status\n startDate\n endDate\n }\n }\n totalCount\n }\n }\n`;\n\ninterface RoadmapItemNode {\n id: string;\n title: string;\n status: string;\n startDate: string | null;\n endDate: string | null;\n}\n\ninterface RoadmapNode {\n id: string;\n name: string;\n description: string | null;\n type: string;\n isPublic: boolean;\n ownerId: string;\n createdAt: string;\n updatedAt: string;\n items: RoadmapItemNode[];\n}\n\nconst typeColor: Record<string, string> = {\n TIMELINE: 'bg-purple-100 text-purple-800',\n GANTT: 'bg-orange-100 text-orange-800',\n SWIMLANE: 'bg-green-100 text-green-800',\n CUSTOM: 'bg-blue-100 text-blue-800',\n};\n\nexport function ProductsRoadmapsPagePage() {\n const navigate = usePlanMagnetNavigate();\n const { workspaceId } = usePlanMagnet();\n const [typeFilter, setTypeFilter] = useState<string>('all');\n const [visFilter, setVisFilter] = useState<string>('all');\n\n const {\n data,\n loading,\n error,\n } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n useQuery<Record<string, any>>(LIST_ROADMAPS, {\n variables: {\n workspaceId,\n pagination: { first: 50 },\n },\n skip: !workspaceId,\n });\n\n if (loading) {\n return (\n <div className=\"flex items-center justify-center p-12\">\n <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n </div>\n );\n }\n\n if (error) {\n return <div className=\"p-6 text-destructive\">Failed to load roadmaps: {error.message}</div>;\n }\n\n const roadmaps: RoadmapNode[] = data?.planmagnetRoadmaps?.items ?? [];\n const totalCount = data?.planmagnetRoadmaps?.totalCount ?? 0;\n\n const types = ['all', ...new Set(roadmaps.map((r) => r.type))];\n const visibilities = ['all', 'public', 'private'];\n\n const filtered = roadmaps.filter(\n (r) =>\n (typeFilter === 'all' || r.type === typeFilter) &&\n (visFilter === 'all' ||\n (visFilter === 'public' && r.isPublic) ||\n (visFilter === 'private' && !r.isPublic))\n );\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">Roadmaps</h1>\n <p className=\"text-sm text-muted-foreground\">{totalCount} roadmaps across all products</p>\n </div>\n <Button size=\"sm\" onClick={() => navigate('/products/create-roadmap-page')}>\n <Plus className=\"mr-1 h-4 w-4\" />\n New Roadmap\n </Button>\n </div>\n\n <div className=\"flex gap-4 flex-wrap\">\n <div className=\"flex items-center gap-2\">\n <Filter className=\"h-4 w-4 text-muted-foreground\" />\n <span className=\"text-sm text-muted-foreground\">Type:</span>\n {types.map((t) => (\n <button\n key={t}\n onClick={() => setTypeFilter(t)}\n className={`px-2 py-1 text-xs rounded-md capitalize ${typeFilter === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n >\n {t === 'all' ? 'All' : t.toLowerCase()}\n </button>\n ))}\n </div>\n <div className=\"flex items-center gap-2\">\n <span className=\"text-sm text-muted-foreground\">Visibility:</span>\n {visibilities.map((v) => (\n <button\n key={v}\n onClick={() => setVisFilter(v)}\n className={`px-2 py-1 text-xs rounded-md capitalize ${visFilter === v ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n >\n {v}\n </button>\n ))}\n </div>\n </div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n {filtered.map((rm) => {\n const itemCount = rm.items?.length ?? 0;\n const completedItems =\n rm.items?.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE').length ?? 0;\n const progress = itemCount > 0 ? Math.round((completedItems / itemCount) * 100) : 0;\n const startDates = rm.items?.map((i) => i.startDate).filter(Boolean) ?? [];\n const endDates = rm.items?.map((i) => i.endDate).filter(Boolean) ?? [];\n const earliestStart = startDates.length > 0 ? startDates.sort()[0] : null;\n const latestEnd = endDates.length > 0 ? endDates.sort().reverse()[0] : null;\n\n return (\n <Card key={rm.id}>\n <CardHeader className=\"pb-2\">\n <div className=\"flex items-center justify-between\">\n <CardTitle className=\"text-base\">{rm.name}</CardTitle>\n <Badge variant={rm.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n {rm.isPublic ? 'public' : 'private'}\n </Badge>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <p className=\"text-sm text-muted-foreground\">\n {rm.description ?? 'No description'}\n </p>\n <div className=\"flex items-center gap-2\">\n <span\n className={`text-xs px-2 py-0.5 rounded-full capitalize ${typeColor[rm.type] ?? 'bg-gray-100'}`}\n >\n {rm.type.toLowerCase()}\n </span>\n <Badge variant=\"outline\" className=\"text-xs capitalize\">\n {rm.isPublic ? 'public' : 'private'}\n </Badge>\n </div>\n <div>\n <div className=\"flex justify-between text-xs mb-1\">\n <span className=\"text-muted-foreground\">Progress</span>\n <span className=\"font-medium\">{progress}%</span>\n </div>\n <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n <div\n className=\"h-full bg-primary rounded-full\"\n style={{ width: `${progress}%` }}\n />\n </div>\n </div>\n <div className=\"flex gap-4 text-xs text-muted-foreground\">\n <span className=\"flex items-center gap-1\">\n <Map className=\"h-3 w-3\" />\n {itemCount} items\n </span>\n </div>\n <div className=\"flex items-center justify-between text-xs text-muted-foreground border-t pt-2\">\n <span>Owner: {rm.ownerId}</span>\n {earliestStart && latestEnd && (\n <span className=\"flex items-center gap-1\">\n <Calendar className=\"h-3 w-3\" />\n {new Date(earliestStart).toLocaleDateString()} -{' '}\n {new Date(latestEnd).toLocaleDateString()}\n </span>\n )}\n </div>\n </CardContent>\n </Card>\n );\n })}\n </div>\n {filtered.length === 0 && (\n <p className=\"text-center text-muted-foreground py-8\">\n No roadmaps match the selected filters.\n </p>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
package/dist/planmagnet/pages/ProjectsProjectsPagePage.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProjectsProjectsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectsPagePage.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,wBAAwB,4CA6JvC"}
1
+ {"version":3,"file":"ProjectsProjectsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectsPagePage.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,wBAAwB,4CA8JvC"}
package/dist/planmagnet/pages/ProjectsProjectsPagePage.js CHANGED
@@ -1,12 +1,12 @@
1
- import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
2
- import { CheckSquare as t, FolderKanban as n, Plus as r, TrendingUp as i, Users as a } from "lucide-react";
3
- import { gql as o } from "@apollo/client";
4
- import { useQuery as s } from "@apollo/client/react";
5
- import { jsx as c, jsxs as l } from "react/jsx-runtime";
6
- import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
7
- import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
1
+ import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
2
+ import { CheckSquare as n, FolderKanban as r, Plus as i, TrendingUp as a, Users as o } from "lucide-react";
3
+ import { gql as s } from "@apollo/client";
4
+ import { useQuery as c } from "@apollo/client/react";
5
+ import { jsx as l, jsxs as u } from "react/jsx-runtime";
6
+ import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
7
+ import { Badge as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _ } from "@burdenoff/fe-libs/ui";
8
8
  //#region src/planmagnet/pages/ProjectsProjectsPagePage.tsx
9
- var _ = o`
9
+ var v = s`
10
10
  query GetProjects($workspaceId: ID!) {
11
11
  planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {
12
12
  items {
@@ -25,135 +25,136 @@ var _ = o`
25
25
  totalCount
26
26
  }
27
27
  }
28
- `, v = {
28
+ `, y = {
29
29
  SCRUM: "bg-blue-100 text-blue-800",
30
30
  KANBAN: "bg-purple-100 text-purple-800",
31
31
  WATERFALL: "bg-gray-100 text-gray-800",
32
32
  HYBRID: "bg-teal-100 text-teal-800",
33
33
  AGILE: "bg-indigo-100 text-indigo-800",
34
34
  CUSTOM: "bg-amber-100 text-amber-800"
35
- }, y = (e) => e === "ACTIVE" ? "default" : "secondary";
36
- function b() {
37
- let { workspaceId: o } = e(), { t: b } = u(), { data: x, loading: S, error: C } = s(_, { variables: { workspaceId: o ?? "default" } });
38
- if (S) return /* @__PURE__ */ c("div", {
35
+ }, b = (e) => e === "ACTIVE" ? "default" : "secondary";
36
+ function x() {
37
+ let s = t(), { workspaceId: x } = e(), { t: S } = d(), { data: C, loading: w, error: T } = c(v, { variables: { workspaceId: x ?? "default" } });
38
+ if (w) return /* @__PURE__ */ l("div", {
39
39
  className: "flex items-center justify-center p-12",
40
- children: /* @__PURE__ */ c("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
40
+ children: /* @__PURE__ */ l("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
41
41
  });
42
- if (C) return /* @__PURE__ */ l("div", {
42
+ if (T) return /* @__PURE__ */ u("div", {
43
43
  className: "p-6 text-red-500",
44
44
  children: [
45
- b("planmagnet.projects.errorLoading", "Error loading projects"),
45
+ S("planmagnet.projects.errorLoading", "Error loading projects"),
46
46
  ": ",
47
- C.message
47
+ T.message
48
48
  ]
49
49
  });
50
- let w = x?.planmagnetProjects?.items ?? [], T = {
51
- total: w.length,
52
- active: w.filter((e) => e.status === "ACTIVE").length,
53
- completed: w.filter((e) => e.status === "COMPLETED").length,
54
- onHold: w.filter((e) => e.status === "ON_HOLD").length
50
+ let E = C?.planmagnetProjects?.items ?? [], D = {
51
+ total: E.length,
52
+ active: E.filter((e) => e.status === "ACTIVE").length,
53
+ completed: E.filter((e) => e.status === "COMPLETED").length,
54
+ onHold: E.filter((e) => e.status === "ON_HOLD").length
55
55
  };
56
- return /* @__PURE__ */ l("div", {
56
+ return /* @__PURE__ */ u("div", {
57
57
  className: "space-y-6 p-6",
58
58
  children: [
59
- /* @__PURE__ */ l("div", {
59
+ /* @__PURE__ */ u("div", {
60
60
  className: "flex items-center justify-between",
61
- children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
61
+ children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
62
62
  className: "text-2xl font-semibold",
63
- children: b("planmagnet.projects.title", "All Projects")
64
- }), /* @__PURE__ */ c("p", {
63
+ children: S("planmagnet.projects.title", "All Projects")
64
+ }), /* @__PURE__ */ l("p", {
65
65
  className: "text-sm text-muted-foreground",
66
- children: b("planmagnet.projects.subtitle", "Manage and track all projects across teams")
67
- })] }), /* @__PURE__ */ l(f, {
66
+ children: S("planmagnet.projects.subtitle", "Manage and track all projects across teams")
67
+ })] }), /* @__PURE__ */ u(p, {
68
68
  size: "sm",
69
- children: [/* @__PURE__ */ c(r, { className: "mr-1 h-4 w-4" }), b("planmagnet.projects.actions.newProject", "New Project")]
69
+ onClick: () => s("/projects/create-project-page"),
70
+ children: [/* @__PURE__ */ l(i, { className: "mr-1 h-4 w-4" }), S("planmagnet.projects.actions.newProject", "New Project")]
70
71
  })]
71
72
  }),
72
- /* @__PURE__ */ c("div", {
73
+ /* @__PURE__ */ l("div", {
73
74
  className: "grid grid-cols-2 md:grid-cols-4 gap-4",
74
75
  children: [
75
76
  {
76
- label: b("planmagnet.projects.metrics.totalProjects", "Total Projects"),
77
- value: T.total,
78
- icon: n
77
+ label: S("planmagnet.projects.metrics.totalProjects", "Total Projects"),
78
+ value: D.total,
79
+ icon: r
79
80
  },
80
81
  {
81
- label: b("planmagnet.projects.metrics.active", "Active"),
82
- value: T.active,
83
- icon: i
82
+ label: S("planmagnet.projects.metrics.active", "Active"),
83
+ value: D.active,
84
+ icon: a
84
85
  },
85
86
  {
86
- label: b("planmagnet.projects.metrics.completed", "Completed"),
87
- value: T.completed,
88
- icon: t
87
+ label: S("planmagnet.projects.metrics.completed", "Completed"),
88
+ value: D.completed,
89
+ icon: n
89
90
  },
90
91
  {
91
- label: b("planmagnet.projects.metrics.onHold", "On Hold"),
92
- value: T.onHold,
93
- icon: i
92
+ label: S("planmagnet.projects.metrics.onHold", "On Hold"),
93
+ value: D.onHold,
94
+ icon: a
94
95
  }
95
- ].map((e) => /* @__PURE__ */ c(p, { children: /* @__PURE__ */ l(m, {
96
+ ].map((e) => /* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, {
96
97
  className: "pt-4",
97
- children: [/* @__PURE__ */ l("div", {
98
+ children: [/* @__PURE__ */ u("div", {
98
99
  className: "flex items-center gap-2 text-muted-foreground text-sm",
99
- children: [/* @__PURE__ */ c(e.icon, { className: "h-4 w-4" }), e.label]
100
- }), /* @__PURE__ */ c("p", {
100
+ children: [/* @__PURE__ */ l(e.icon, { className: "h-4 w-4" }), e.label]
101
+ }), /* @__PURE__ */ l("p", {
101
102
  className: "text-xl font-semibold mt-1",
102
103
  children: e.value
103
104
  })]
104
105
  }) }, e.label))
105
106
  }),
106
- /* @__PURE__ */ c("div", {
107
+ /* @__PURE__ */ l("div", {
107
108
  className: "grid grid-cols-1 md:grid-cols-2 gap-4",
108
- children: w.map((e) => /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c(h, {
109
+ children: E.map((e) => /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l(g, {
109
110
  className: "pb-2",
110
- children: /* @__PURE__ */ l("div", {
111
+ children: /* @__PURE__ */ u("div", {
111
112
  className: "flex items-center justify-between",
112
- children: [/* @__PURE__ */ c(g, {
113
+ children: [/* @__PURE__ */ l(_, {
113
114
  className: "text-base",
114
115
  children: e.name
115
- }), /* @__PURE__ */ c("span", {
116
+ }), /* @__PURE__ */ l("span", {
116
117
  className: "text-xs text-muted-foreground font-mono",
117
118
  children: e.key
118
119
  })]
119
120
  })
120
- }), /* @__PURE__ */ l(m, {
121
+ }), /* @__PURE__ */ u(h, {
121
122
  className: "space-y-3",
122
123
  children: [
123
- /* @__PURE__ */ c("p", {
124
+ /* @__PURE__ */ l("p", {
124
125
  className: "text-sm text-muted-foreground",
125
- children: e.description ?? b("planmagnet.projects.shared.noDescription", "No description")
126
+ children: e.description ?? S("planmagnet.projects.shared.noDescription", "No description")
126
127
  }),
127
- /* @__PURE__ */ l("div", {
128
+ /* @__PURE__ */ u("div", {
128
129
  className: "flex gap-2",
129
- children: [/* @__PURE__ */ c(d, {
130
- variant: y(e.status),
130
+ children: [/* @__PURE__ */ l(f, {
131
+ variant: b(e.status),
131
132
  className: "capitalize",
132
133
  children: e.status.toLowerCase().replace("_", " ")
133
- }), /* @__PURE__ */ c("span", {
134
- className: `text-xs px-2 py-0.5 rounded-full capitalize ${v[e.methodology] ?? "bg-gray-100"}`,
134
+ }), /* @__PURE__ */ l("span", {
135
+ className: `text-xs px-2 py-0.5 rounded-full capitalize ${y[e.methodology] ?? "bg-gray-100"}`,
135
136
  children: e.methodology.toLowerCase()
136
137
  })]
137
138
  }),
138
- e.tags.length > 0 && /* @__PURE__ */ c("div", {
139
+ e.tags.length > 0 && /* @__PURE__ */ l("div", {
139
140
  className: "flex gap-1 flex-wrap",
140
- children: e.tags.map((e) => /* @__PURE__ */ c(d, {
141
+ children: e.tags.map((e) => /* @__PURE__ */ l(f, {
141
142
  variant: "outline",
142
143
  className: "text-xs",
143
144
  children: e
144
145
  }, e))
145
146
  }),
146
- /* @__PURE__ */ l("div", {
147
+ /* @__PURE__ */ u("div", {
147
148
  className: "flex justify-between text-xs text-muted-foreground border-t pt-2",
148
- children: [/* @__PURE__ */ l("span", {
149
+ children: [/* @__PURE__ */ u("span", {
149
150
  className: "flex items-center gap-1",
150
151
  children: [
151
- /* @__PURE__ */ c(a, { className: "h-3 w-3" }),
152
- b("planmagnet.projects.shared.owner", "Owner"),
152
+ /* @__PURE__ */ l(o, { className: "h-3 w-3" }),
153
+ S("planmagnet.projects.shared.owner", "Owner"),
153
154
  ": ",
154
155
  e.ownerId
155
156
  ]
156
- }), /* @__PURE__ */ l("span", { children: [
157
+ }), /* @__PURE__ */ u("span", { children: [
157
158
  e.startDate ? new Date(e.startDate).toLocaleDateString() : "—",
158
159
  " -",
159
160
  " ",
@@ -163,14 +164,14 @@ function b() {
163
164
  ]
164
165
  })] }, e.id))
165
166
  }),
166
- w.length === 0 && /* @__PURE__ */ c("p", {
167
+ E.length === 0 && /* @__PURE__ */ l("p", {
167
168
  className: "text-center text-muted-foreground py-8",
168
- children: b("planmagnet.projects.empty", "No projects found.")
169
+ children: S("planmagnet.projects.empty", "No projects found.")
169
170
  })
170
171
  ]
171
172
  });
172
173
  }
173
174
  //#endregion
174
- export { b as ProjectsProjectsPagePage };
175
+ export { x as ProjectsProjectsPagePage };
175
176
 
176
177
  //# sourceMappingURL=ProjectsProjectsPagePage.js.map
package/dist/planmagnet/pages/ProjectsProjectsPagePage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsProjectsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { FolderKanban, Plus, Users, CheckSquare, TrendingUp } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS = gql`\n query GetProjects($workspaceId: ID!) {\n planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n items {\n id\n name\n key\n description\n status\n methodology\n ownerId\n startDate\n endDate\n tags\n createdAt\n }\n totalCount\n }\n }\n`;\n\nconst methodColor: Record<string, string> = {\n SCRUM: 'bg-blue-100 text-blue-800',\n KANBAN: 'bg-purple-100 text-purple-800',\n WATERFALL: 'bg-gray-100 text-gray-800',\n HYBRID: 'bg-teal-100 text-teal-800',\n AGILE: 'bg-indigo-100 text-indigo-800',\n CUSTOM: 'bg-amber-100 text-amber-800',\n};\n\nconst statusVariant = (status: string) => (status === 'ACTIVE' ? 'default' : 'secondary');\n\nexport function ProjectsProjectsPagePage() {\n const { workspaceId } = usePlanMagnet();\n const { t } = useI18n();\n\n const {\n data,\n loading,\n error,\n } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n useQuery<Record<string, any>>(GET_PROJECTS, {\n variables: { workspaceId: workspaceId ?? 'default' },\n });\n\n if (loading)\n return (\n <div className=\"flex items-center justify-center p-12\">\n <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n </div>\n );\n if (error)\n return (\n <div className=\"p-6 text-red-500\">\n {t('planmagnet.projects.errorLoading', 'Error loading projects')}: {error.message}\n </div>\n );\n\n const projects = data?.planmagnetProjects?.items ?? [];\n\n const stats = {\n total: projects.length,\n active: projects.filter((p: { status: string }) => p.status === 'ACTIVE').length,\n completed: projects.filter((p: { status: string }) => p.status === 'COMPLETED').length,\n onHold: projects.filter((p: { status: string }) => p.status === 'ON_HOLD').length,\n };\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n {t('planmagnet.projects.title', 'All Projects')}\n </h1>\n <p className=\"text-sm text-muted-foreground\">\n {t('planmagnet.projects.subtitle', 'Manage and track all projects across teams')}\n </p>\n </div>\n <Button size=\"sm\">\n <Plus className=\"mr-1 h-4 w-4\" />\n {t('planmagnet.projects.actions.newProject', 'New Project')}\n </Button>\n </div>\n\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n {[\n {\n label: t('planmagnet.projects.metrics.totalProjects', 'Total Projects'),\n value: stats.total,\n icon: FolderKanban,\n },\n {\n label: t('planmagnet.projects.metrics.active', 'Active'),\n value: stats.active,\n icon: TrendingUp,\n },\n {\n label: t('planmagnet.projects.metrics.completed', 'Completed'),\n value: stats.completed,\n icon: CheckSquare,\n },\n {\n label: t('planmagnet.projects.metrics.onHold', 'On Hold'),\n value: stats.onHold,\n icon: TrendingUp,\n },\n ].map((s) => (\n <Card key={s.label}>\n <CardContent className=\"pt-4\">\n <div className=\"flex items-center gap-2 text-muted-foreground text-sm\">\n <s.icon className=\"h-4 w-4\" />\n {s.label}\n </div>\n <p className=\"text-xl font-semibold mt-1\">{s.value}</p>\n </CardContent>\n </Card>\n ))}\n </div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n {projects.map(\n (project: {\n id: string;\n name: string;\n key: string;\n description: string | null;\n status: string;\n methodology: string;\n ownerId: string;\n startDate: string | null;\n endDate: string | null;\n tags: string[];\n }) => {\n return (\n <Card key={project.id}>\n <CardHeader className=\"pb-2\">\n <div className=\"flex items-center justify-between\">\n <CardTitle className=\"text-base\">{project.name}</CardTitle>\n <span className=\"text-xs text-muted-foreground font-mono\">{project.key}</span>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <p className=\"text-sm text-muted-foreground\">\n {project.description ??\n t('planmagnet.projects.shared.noDescription', 'No description')}\n </p>\n <div className=\"flex gap-2\">\n <Badge variant={statusVariant(project.status)} className=\"capitalize\">\n {project.status.toLowerCase().replace('_', ' ')}\n </Badge>\n <span\n className={`text-xs px-2 py-0.5 rounded-full capitalize ${methodColor[project.methodology] ?? 'bg-gray-100'}`}\n >\n {project.methodology.toLowerCase()}\n </span>\n </div>\n {project.tags.length > 0 && (\n <div className=\"flex gap-1 flex-wrap\">\n {project.tags.map((tag: string) => (\n <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n {tag}\n </Badge>\n ))}\n </div>\n )}\n <div className=\"flex justify-between text-xs text-muted-foreground border-t pt-2\">\n <span className=\"flex items-center gap-1\">\n <Users className=\"h-3 w-3\" />\n {t('planmagnet.projects.shared.owner', 'Owner')}: {project.ownerId}\n </span>\n <span>\n {project.startDate ? new Date(project.startDate).toLocaleDateString() : '—'} -{' '}\n {project.endDate ? new Date(project.endDate).toLocaleDateString() : '—'}\n </span>\n </div>\n </CardContent>\n </Card>\n );\n }\n )}\n </div>\n {projects.length === 0 && (\n <p className=\"text-center text-muted-foreground py-8\">\n {t('planmagnet.projects.empty', 'No projects found.')}\n </p>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsProjectsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { FolderKanban, Plus, Users, CheckSquare, TrendingUp } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS = gql`\n query GetProjects($workspaceId: ID!) {\n planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n items {\n id\n name\n key\n description\n status\n methodology\n ownerId\n startDate\n endDate\n tags\n createdAt\n }\n totalCount\n }\n }\n`;\n\nconst methodColor: Record<string, string> = {\n SCRUM: 'bg-blue-100 text-blue-800',\n KANBAN: 'bg-purple-100 text-purple-800',\n WATERFALL: 'bg-gray-100 text-gray-800',\n HYBRID: 'bg-teal-100 text-teal-800',\n AGILE: 'bg-indigo-100 text-indigo-800',\n CUSTOM: 'bg-amber-100 text-amber-800',\n};\n\nconst statusVariant = (status: string) => (status === 'ACTIVE' ? 'default' : 'secondary');\n\nexport function ProjectsProjectsPagePage() {\n const navigate = usePlanMagnetNavigate();\n const { workspaceId } = usePlanMagnet();\n const { t } = useI18n();\n\n const {\n data,\n loading,\n error,\n } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n useQuery<Record<string, any>>(GET_PROJECTS, {\n variables: { workspaceId: workspaceId ?? 'default' },\n });\n\n if (loading)\n return (\n <div className=\"flex items-center justify-center p-12\">\n <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n </div>\n );\n if (error)\n return (\n <div className=\"p-6 text-red-500\">\n {t('planmagnet.projects.errorLoading', 'Error loading projects')}: {error.message}\n </div>\n );\n\n const projects = data?.planmagnetProjects?.items ?? [];\n\n const stats = {\n total: projects.length,\n active: projects.filter((p: { status: string }) => p.status === 'ACTIVE').length,\n completed: projects.filter((p: { status: string }) => p.status === 'COMPLETED').length,\n onHold: projects.filter((p: { status: string }) => p.status === 'ON_HOLD').length,\n };\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n {t('planmagnet.projects.title', 'All Projects')}\n </h1>\n <p className=\"text-sm text-muted-foreground\">\n {t('planmagnet.projects.subtitle', 'Manage and track all projects across teams')}\n </p>\n </div>\n <Button size=\"sm\" onClick={() => navigate('/projects/create-project-page')}>\n <Plus className=\"mr-1 h-4 w-4\" />\n {t('planmagnet.projects.actions.newProject', 'New Project')}\n </Button>\n </div>\n\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n {[\n {\n label: t('planmagnet.projects.metrics.totalProjects', 'Total Projects'),\n value: stats.total,\n icon: FolderKanban,\n },\n {\n label: t('planmagnet.projects.metrics.active', 'Active'),\n value: stats.active,\n icon: TrendingUp,\n },\n {\n label: t('planmagnet.projects.metrics.completed', 'Completed'),\n value: stats.completed,\n icon: CheckSquare,\n },\n {\n label: t('planmagnet.projects.metrics.onHold', 'On Hold'),\n value: stats.onHold,\n icon: TrendingUp,\n },\n ].map((s) => (\n <Card key={s.label}>\n <CardContent className=\"pt-4\">\n <div className=\"flex items-center gap-2 text-muted-foreground text-sm\">\n <s.icon className=\"h-4 w-4\" />\n {s.label}\n </div>\n <p className=\"text-xl font-semibold mt-1\">{s.value}</p>\n </CardContent>\n </Card>\n ))}\n </div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n {projects.map(\n (project: {\n id: string;\n name: string;\n key: string;\n description: string | null;\n status: string;\n methodology: string;\n ownerId: string;\n startDate: string | null;\n endDate: string | null;\n tags: string[];\n }) => {\n return (\n <Card key={project.id}>\n <CardHeader className=\"pb-2\">\n <div className=\"flex items-center justify-between\">\n <CardTitle className=\"text-base\">{project.name}</CardTitle>\n <span className=\"text-xs text-muted-foreground font-mono\">{project.key}</span>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <p className=\"text-sm text-muted-foreground\">\n {project.description ??\n t('planmagnet.projects.shared.noDescription', 'No description')}\n </p>\n <div className=\"flex gap-2\">\n <Badge variant={statusVariant(project.status)} className=\"capitalize\">\n {project.status.toLowerCase().replace('_', ' ')}\n </Badge>\n <span\n className={`text-xs px-2 py-0.5 rounded-full capitalize ${methodColor[project.methodology] ?? 'bg-gray-100'}`}\n >\n {project.methodology.toLowerCase()}\n </span>\n </div>\n {project.tags.length > 0 && (\n <div className=\"flex gap-1 flex-wrap\">\n {project.tags.map((tag: string) => (\n <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n {tag}\n </Badge>\n ))}\n </div>\n )}\n <div className=\"flex justify-between text-xs text-muted-foreground border-t pt-2\">\n <span className=\"flex items-center gap-1\">\n <Users className=\"h-3 w-3\" />\n {t('planmagnet.projects.shared.owner', 'Owner')}: {project.ownerId}\n </span>\n <span>\n {project.startDate ? new Date(project.startDate).toLocaleDateString() : '—'} -{' '}\n {project.endDate ? new Date(project.endDate).toLocaleDateString() : '—'}\n </span>\n </div>\n </CardContent>\n </Card>\n );\n }\n )}\n </div>\n {projects.length === 0 && (\n <p className=\"text-center text-muted-foreground py-8\">\n {t('planmagnet.projects.empty', 'No projects found.')}\n </p>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
package/dist/planmagnet/pages/ReportsReportsPagePage.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ReportsReportsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ReportsReportsPagePage.tsx"],"names":[],"mappings":"AA6FA,wBAAgB,sBAAsB,4CAoKrC"}
1
+ {"version":3,"file":"ReportsReportsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ReportsReportsPagePage.tsx"],"names":[],"mappings":"AA6FA,wBAAgB,sBAAsB,4CAsKrC"}
package/dist/planmagnet/pages/ReportsReportsPagePage.js CHANGED
@@ -117,7 +117,7 @@ function v() {
117
117
  children: [A.length, " reports configured"]
118
118
  })] }), /* @__PURE__ */ u(d, {
119
119
  size: "sm",
120
- onClick: () => y("/reports/create"),
120
+ onClick: () => y("/reports/create-report-page"),
121
121
  children: [/* @__PURE__ */ l(o, { className: "mr-1 h-4 w-4" }), "New Report"]
122
122
  })]
123
123
  }),