@burdenoff/microfe-planmagnet 2026.925.11 → 2026.925.13

package/dist/planmagnet/export/ExportWorkItemsButton.d.ts

@@ -0,0 +1,4 @@
+export declare function ExportWorkItemsButton({ projectId }: {
+    projectId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExportWorkItemsButton.d.ts.map

package/dist/planmagnet/export/ExportWorkItemsButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportWorkItemsButton.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/export/ExportWorkItemsButton.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAkF1E"}

package/dist/planmagnet/export/ExportWorkItemsButton.js

@@ -0,0 +1,117 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { downloadCsv as t, workItemsCsv as n } from "./workItemsCsv.js";
+import { useState as r } from "react";
+import { Download as i } from "lucide-react";
+import { gql as a } from "@apollo/client";
+import { useApolloClient as o } from "@apollo/client/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Button as l } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/export/ExportWorkItemsButton.tsx
+var u = a`
+  query ExportWorkItemsPage($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter, $after: String) {
+    planmagnetWorkItems(
+      workspaceId: $workspaceId
+      filter: $filter
+      pagination: { first: 100, after: $after }
+    ) {
+      totalCount
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+      items {
+        key
+        title
+        type
+        status
+        priority
+        storyPoints
+        assigneeId
+        projectId
+        sprintId
+        dueDate
+        createdAt
+        updatedAt
+      }
+    }
+  }
+`, d = a`
+  query ExportWorkItemsProjects($workspaceId: ID!) {
+    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {
+      items {
+        id
+        name
+      }
+    }
+  }
+`, f = 200;
+function p({ projectId: a }) {
+	let { workspaceId: p } = e(), m = o(), [h, g] = r({
+		busy: !1,
+		message: null,
+		error: !1
+	});
+	return /* @__PURE__ */ c("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ c(l, {
+			size: "sm",
+			variant: "outline",
+			onClick: async () => {
+				if (p) {
+					g({
+						busy: !0,
+						message: "Preparing export…",
+						error: !1
+					});
+					try {
+						let e = a ? { projectId: a } : void 0, r = [], i = null, o = 0;
+						for (let t = 0; t < f; t++) {
+							let t = await m.query({
+								query: u,
+								variables: {
+									workspaceId: p,
+									filter: e,
+									after: i
+								},
+								fetchPolicy: "network-only"
+							});
+							if (t.error) throw t.error;
+							let n = t.data?.planmagnetWorkItems;
+							if (!n) throw Error("The work items could not be read.");
+							if (o = n.totalCount, r.push(...n.items), !n.pageInfo.hasNextPage || !n.pageInfo.endCursor) break;
+							i = n.pageInfo.endCursor;
+						}
+						if (r.length < o) throw Error(`Only ${r.length} of ${o} work items could be read; nothing was exported.`);
+						let s = await m.query({
+							query: d,
+							variables: { workspaceId: p },
+							fetchPolicy: "network-only"
+						}), c = new Map((s.data?.planmagnetProjects.items ?? []).map((e) => [e.id, e.name]));
+						t(`planmagnet-work-items-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, n(r, c)), g({
+							busy: !1,
+							message: `Exported ${r.length} work items.`,
+							error: !1
+						});
+					} catch (e) {
+						g({
+							busy: !1,
+							message: e instanceof Error ? e.message : "The export failed.",
+							error: !0
+						});
+					}
+				}
+			},
+			disabled: h.busy,
+			"data-testid": "export-work-items",
+			children: [/* @__PURE__ */ s(i, { className: "mr-1 h-4 w-4" }), h.busy ? "Exporting…" : "Export CSV"]
+		}), h.message && /* @__PURE__ */ s("span", {
+			role: h.error ? "alert" : "status",
+			className: `text-xs ${h.error ? "text-destructive" : "text-muted-foreground"}`,
+			children: h.message
+		})]
+	});
+}
+//#endregion
+export { p as ExportWorkItemsButton };
+
+//# sourceMappingURL=ExportWorkItemsButton.js.map

package/dist/planmagnet/export/ExportWorkItemsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportWorkItemsButton.js","names":[],"sources":["../../../src/planmagnet/export/ExportWorkItemsButton.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useApolloClient } from '@apollo/client/react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Download } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { downloadCsv, type ExportableWorkItem, workItemsCsv } from './workItemsCsv';\n\nconst PAGE = gql`\n  query ExportWorkItemsPage($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter, $after: String) {\n    planmagnetWorkItems(\n      workspaceId: $workspaceId\n      filter: $filter\n      pagination: { first: 100, after: $after }\n    ) {\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      items {\n        key\n        title\n        type\n        status\n        priority\n        storyPoints\n        assigneeId\n        projectId\n        sprintId\n        dueDate\n        createdAt\n        updatedAt\n      }\n    }\n  }\n`;\ninterface WorkItemsPage {\n  planmagnetWorkItems: {\n    totalCount: number;\n    pageInfo: { hasNextPage: boolean; endCursor: string | null };\n    items: ExportableWorkItem[];\n  };\n}\n\nconst PROJECTS = gql`\n  query ExportWorkItemsProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n    }\n  }\n`;\n\n/** Every page, not just the first 100 — an export that silently stops at a page is worse than none. */\nconst MAX_PAGES = 200;\n\nexport function ExportWorkItemsButton({ projectId }: { projectId?: string }) {\n  const { workspaceId } = usePlanMagnet();\n  const client = useApolloClient();\n  const [state, setState] = useState<{ busy: boolean; message: string | null; error: boolean }>({\n    busy: false,\n    message: null,\n    error: false,\n  });\n\n  const run = async () => {\n    if (!workspaceId) return;\n    setState({ busy: true, message: 'Preparing export…', error: false });\n    try {\n      const filter = projectId ? { projectId } : undefined;\n      const items: ExportableWorkItem[] = [];\n      let after: string | null = null;\n      let total = 0;\n      for (let page = 0; page < MAX_PAGES; page++) {\n        const result: Awaited<ReturnType<typeof client.query<WorkItemsPage>>> =\n          await client.query<WorkItemsPage>({\n            query: PAGE,\n            variables: { workspaceId, filter, after },\n            fetchPolicy: 'network-only',\n          });\n        if (result.error) throw result.error;\n        const list: WorkItemsPage['planmagnetWorkItems'] | undefined =\n          result.data?.planmagnetWorkItems;\n        if (!list) throw new Error('The work items could not be read.');\n        total = list.totalCount;\n        items.push(...list.items);\n        if (!list.pageInfo.hasNextPage || !list.pageInfo.endCursor) break;\n        after = list.pageInfo.endCursor;\n      }\n      if (items.length < total) {\n        throw new Error(\n          `Only ${items.length} of ${total} work items could be read; nothing was exported.`\n        );\n      }\n      const projects = await client.query<{\n        planmagnetProjects: { items: Array<{ id: string; name: string }> };\n      }>({\n        query: PROJECTS,\n        variables: { workspaceId },\n        fetchPolicy: 'network-only',\n      });\n      const names = new Map(\n        (projects.data?.planmagnetProjects.items ?? []).map((p) => [p.id, p.name])\n      );\n      const stamp = new Date().toISOString().slice(0, 10);\n      downloadCsv(`planmagnet-work-items-${stamp}.csv`, workItemsCsv(items, names));\n      setState({ busy: false, message: `Exported ${items.length} work items.`, error: false });\n    } catch (e) {\n      setState({\n        busy: false,\n        message: e instanceof Error ? e.message : 'The export failed.',\n        error: true,\n      });\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        onClick={run}\n        disabled={state.busy}\n        data-testid=\"export-work-items\"\n      >\n        <Download className=\"mr-1 h-4 w-4\" />\n        {state.busy ? 'Exporting…' : 'Export CSV'}\n      </Button>\n      {state.message && (\n        <span\n          role={state.error ? 'alert' : 'status'}\n          className={`text-xs ${state.error ? 'text-destructive' : 'text-muted-foreground'}`}\n        >\n          {state.message}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,IAAM,IAAO,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCV,IAAW,CAAG;;;;;;;;;GAYd,IAAY;AAElB,SAAgB,EAAsB,EAAE,gBAAqC;CAC3E,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAS,GAAiB,EAC1B,CAAC,GAAO,KAAY,EAAoE;EAC5F,MAAM;EACN,SAAS;EACT,OAAO;EACR,CAAC;AAqDF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,SAxDM,YAAY;AACjB,WACL;OAAS;MAAE,MAAM;MAAM,SAAS;MAAqB,OAAO;MAAO,CAAC;AACpE,SAAI;MACF,IAAM,IAAS,IAAY,EAAE,cAAW,GAAG,KAAA,GACrC,IAA8B,EAAE,EAClC,IAAuB,MACvB,IAAQ;AACZ,WAAK,IAAI,IAAO,GAAG,IAAO,GAAW,KAAQ;OAC3C,IAAM,IACJ,MAAM,EAAO,MAAqB;QAChC,OAAO;QACP,WAAW;SAAE;SAAa;SAAQ;SAAO;QACzC,aAAa;QACd,CAAC;AACJ,WAAI,EAAO,MAAO,OAAM,EAAO;OAC/B,IAAM,IACJ,EAAO,MAAM;AACf,WAAI,CAAC,EAAM,OAAU,MAAM,oCAAoC;AAG/D,WAFA,IAAQ,EAAK,YACb,EAAM,KAAK,GAAG,EAAK,MAAM,EACrB,CAAC,EAAK,SAAS,eAAe,CAAC,EAAK,SAAS,UAAW;AAC5D,WAAQ,EAAK,SAAS;;AAExB,UAAI,EAAM,SAAS,EACjB,OAAU,MACR,QAAQ,EAAM,OAAO,MAAM,EAAM,kDAClC;MAEH,IAAM,IAAW,MAAM,EAAO,MAE3B;OACD,OAAO;OACP,WAAW,EAAE,gBAAa;OAC1B,aAAa;OACd,CAAC,EACI,IAAQ,IAAI,KACf,EAAS,MAAM,mBAAmB,SAAS,EAAE,EAAE,KAAK,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAC3E;AAGD,MADA,EAAY,0CADE,IAAI,MAAM,EAAC,aAAa,CAAC,MAAM,GAAG,GAAG,CACR,OAAO,EAAa,GAAO,EAAM,CAAC,EAC7E,EAAS;OAAE,MAAM;OAAO,SAAS,YAAY,EAAM,OAAO;OAAe,OAAO;OAAO,CAAC;cACjF,GAAG;AACV,QAAS;OACP,MAAM;OACN,SAAS,aAAa,QAAQ,EAAE,UAAU;OAC1C,OAAO;OACR,CAAC;;;;GAUA,UAAU,EAAM;GAChB,eAAY;aALd,CAOE,kBAAC,GAAD,EAAU,WAAU,gBAAiB,CAAA,EACpC,EAAM,OAAO,eAAe,aACtB;MACR,EAAM,WACL,kBAAC,QAAD;GACE,MAAM,EAAM,QAAQ,UAAU;GAC9B,WAAW,WAAW,EAAM,QAAQ,qBAAqB;aAExD,EAAM;GACF,CAAA,CAEL"}

package/dist/planmagnet/export/workItemsCsv.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Work items as CSV (P1.4 "data cannot leave the product").
+ *
+ * Built in the browser from the same API the pages use, so it exports exactly
+ * what the caller may read. The platform's Takeout-style export
+ * (wspace-export-svc) would need a PlanMagnet entity config in that shared
+ * service — held — so this is the in-product path.
+ */
+export interface ExportableWorkItem {
+    key: string;
+    title: string;
+    type: string;
+    status: string;
+    priority: string;
+    storyPoints: number | null;
+    assigneeId: string | null;
+    projectId: string;
+    sprintId: string | null;
+    dueDate: string | null;
+    createdAt: string;
+    updatedAt: string;
+}
+/**
+ * One CSV field. Quotes when needed (comma, quote, CR/LF) and neutralises
+ * spreadsheet formulas: a cell starting with = + - @ TAB or CR is executed by
+ * Excel/Sheets ("CSV injection"), so it is prefixed with a single quote.
+ */
+export declare function csvField(value: unknown): string;
+export declare function workItemsCsv(items: ExportableWorkItem[], projectNames: Map<string, string>): string;
+export declare function downloadCsv(filename: string, csv: string): void;
+//# sourceMappingURL=workItemsCsv.d.ts.map

package/dist/planmagnet/export/workItemsCsv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workItemsCsv.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/export/workItemsCsv.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAmBD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAK/C;AAKD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,kBAAkB,EAAE,EAC3B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAChC,MAAM,CASR;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAS/D"}

package/dist/planmagnet/export/workItemsCsv.js

@@ -0,0 +1,32 @@
+//#region src/planmagnet/export/workItemsCsv.ts
+var e = [
+	["Key", (e) => e.key],
+	["Title", (e) => e.title],
+	["Type", (e) => e.type],
+	["Status", (e) => e.status],
+	["Priority", (e) => e.priority],
+	["Story points", (e) => e.storyPoints],
+	["Project", (e, t) => t],
+	["Assignee ID", (e) => e.assigneeId],
+	["Sprint ID", (e) => e.sprintId],
+	["Due date", (e) => e.dueDate],
+	["Created", (e) => e.createdAt],
+	["Updated", (e) => e.updatedAt]
+];
+function t(e) {
+	if (e == null) return "";
+	let t = String(e);
+	return /^[=+\-@\t\r]/.test(t) && (t = `'${t}`), /[",\r\n]/.test(t) ? `"${t.replace(/"/g, "\"\"")}"` : t;
+}
+var n = "";
+function r(r, i) {
+	return `${n}${[e.map(([e]) => t(e)).join(","), ...r.map((n) => e.map(([, e]) => t(e(n, i.get(n.projectId) ?? n.projectId))).join(","))].join("\r\n")}\r\n`;
+}
+function i(e, t) {
+	let n = URL.createObjectURL(new Blob([t], { type: "text/csv;charset=utf-8" })), r = document.createElement("a");
+	r.href = n, r.download = e, document.body.appendChild(r), r.click(), r.remove(), URL.revokeObjectURL(n);
+}
+//#endregion
+export { i as downloadCsv, r as workItemsCsv };
+
+//# sourceMappingURL=workItemsCsv.js.map

package/dist/planmagnet/export/workItemsCsv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workItemsCsv.js","names":[],"sources":["../../../src/planmagnet/export/workItemsCsv.ts"],"sourcesContent":["/**\n * Work items as CSV (P1.4 \"data cannot leave the product\").\n *\n * Built in the browser from the same API the pages use, so it exports exactly\n * what the caller may read. The platform's Takeout-style export\n * (wspace-export-svc) would need a PlanMagnet entity config in that shared\n * service — held — so this is the in-product path.\n */\n\nexport interface ExportableWorkItem {\n  key: string;\n  title: string;\n  type: string;\n  status: string;\n  priority: string;\n  storyPoints: number | null;\n  assigneeId: string | null;\n  projectId: string;\n  sprintId: string | null;\n  dueDate: string | null;\n  createdAt: string;\n  updatedAt: string;\n}\n\nconst COLUMNS: Array<\n  [header: string, value: (item: ExportableWorkItem, project: string) => unknown]\n> = [\n  ['Key', (i) => i.key],\n  ['Title', (i) => i.title],\n  ['Type', (i) => i.type],\n  ['Status', (i) => i.status],\n  ['Priority', (i) => i.priority],\n  ['Story points', (i) => i.storyPoints],\n  ['Project', (_, project) => project],\n  ['Assignee ID', (i) => i.assigneeId],\n  ['Sprint ID', (i) => i.sprintId],\n  ['Due date', (i) => i.dueDate],\n  ['Created', (i) => i.createdAt],\n  ['Updated', (i) => i.updatedAt],\n];\n\n/**\n * One CSV field. Quotes when needed (comma, quote, CR/LF) and neutralises\n * spreadsheet formulas: a cell starting with = + - @ TAB or CR is executed by\n * Excel/Sheets (\"CSV injection\"), so it is prefixed with a single quote.\n */\nexport function csvField(value: unknown): string {\n  if (value === null || value === undefined) return '';\n  let text = String(value);\n  if (/^[=+\\-@\\t\\r]/.test(text)) text = `'${text}`;\n  return /[\",\\r\\n]/.test(text) ? `\"${text.replace(/\"/g, '\"\"')}\"` : text;\n}\n\n/** Makes Excel read the file as UTF-8. */\nconst UTF8_BOM = String.fromCharCode(0xfeff);\n\nexport function workItemsCsv(\n  items: ExportableWorkItem[],\n  projectNames: Map<string, string>\n): string {\n  const header = COLUMNS.map(([name]) => csvField(name)).join(',');\n  const rows = items.map((item) =>\n    COLUMNS.map(([, value]) =>\n      csvField(value(item, projectNames.get(item.projectId) ?? item.projectId))\n    ).join(',')\n  );\n  // CRLF per RFC 4180; the BOM makes Excel read UTF-8 correctly.\n  return `${UTF8_BOM}${[header, ...rows].join('\\r\\n')}\\r\\n`;\n}\n\nexport function downloadCsv(filename: string, csv: string): void {\n  const url = URL.createObjectURL(new Blob([csv], { type: 'text/csv;charset=utf-8' }));\n  const link = document.createElement('a');\n  link.href = url;\n  link.download = filename;\n  document.body.appendChild(link);\n  link.click();\n  link.remove();\n  URL.revokeObjectURL(url);\n}\n"],"mappings":";AAwBA,IAAM,IAEF;CACF,CAAC,QAAQ,MAAM,EAAE,IAAI;CACrB,CAAC,UAAU,MAAM,EAAE,MAAM;CACzB,CAAC,SAAS,MAAM,EAAE,KAAK;CACvB,CAAC,WAAW,MAAM,EAAE,OAAO;CAC3B,CAAC,aAAa,MAAM,EAAE,SAAS;CAC/B,CAAC,iBAAiB,MAAM,EAAE,YAAY;CACtC,CAAC,YAAY,GAAG,MAAY,EAAQ;CACpC,CAAC,gBAAgB,MAAM,EAAE,WAAW;CACpC,CAAC,cAAc,MAAM,EAAE,SAAS;CAChC,CAAC,aAAa,MAAM,EAAE,QAAQ;CAC9B,CAAC,YAAY,MAAM,EAAE,UAAU;CAC/B,CAAC,YAAY,MAAM,EAAE,UAAU;CAChC;AAOD,SAAgB,EAAS,GAAwB;AAC/C,KAAI,KAAU,KAA6B,QAAO;CAClD,IAAI,IAAO,OAAO,EAAM;AAExB,QADI,eAAe,KAAK,EAAK,KAAE,IAAO,IAAI,MACnC,WAAW,KAAK,EAAK,GAAG,IAAI,EAAK,QAAQ,MAAM,OAAK,CAAC,KAAK;;AAInE,IAAM,IAAW;AAEjB,SAAgB,EACd,GACA,GACQ;AAQR,QAAO,GAAG,IAAW,CAPN,EAAQ,KAAK,CAAC,OAAU,EAAS,EAAK,CAAC,CAAC,KAAK,IAAI,EAOlC,GANjB,EAAM,KAAK,MACtB,EAAQ,KAAK,GAAG,OACd,EAAS,EAAM,GAAM,EAAa,IAAI,EAAK,UAAU,IAAI,EAAK,UAAU,CAAC,CAC1E,CAAC,KAAK,IAAI,CACZ,CAEqC,CAAC,KAAK,OAAO,CAAC;;AAGtD,SAAgB,EAAY,GAAkB,GAAmB;CAC/D,IAAM,IAAM,IAAI,gBAAgB,IAAI,KAAK,CAAC,EAAI,EAAE,EAAE,MAAM,0BAA0B,CAAC,CAAC,EAC9E,IAAO,SAAS,cAAc,IAAI;AAMxC,CALA,EAAK,OAAO,GACZ,EAAK,WAAW,GAChB,SAAS,KAAK,YAAY,EAAK,EAC/B,EAAK,OAAO,EACZ,EAAK,QAAQ,EACb,IAAI,gBAAgB,EAAI"}

package/dist/planmagnet/pages/ProductsReleaseDetailPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsReleaseDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"names":[],"mappings":"AA0DA,wBAAgB,6BAA6B,4CA2M5C"}
+{"version":3,"file":"ProductsReleaseDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,6BAA6B,4CAgM5C"}

package/dist/planmagnet/pages/ProductsReleaseDetailPagePage.js

@@ -1,14 +1,15 @@
 import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
 import { PersonName as t } from "../people/People.js";
-import { Calendar as n, Clock as r, GitBranch as i, Loader2 as a } from "lucide-react";
-import { useParams as o } from "react-router";
-import { gql as s } from "@apollo/client";
-import { useQuery as c } from "@apollo/client/react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Badge as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
-import { Markdown as g } from "@burdenoff/fe-libs/shared/components";
+import { ReleaseNotesCard as n } from "../releases/ReleaseNotesCard.js";
+import { Calendar as r, Clock as i, GitBranch as a, Loader2 as o } from "lucide-react";
+import { useParams as s } from "react-router";
+import { gql as c } from "@apollo/client";
+import { useQuery as l } from "@apollo/client/react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Badge as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
+import { Markdown as _ } from "@burdenoff/fe-libs/shared/components";
 //#region src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx
-var _ = s`
+var v = c`
   query GetRelease($id: ID!) {
     planmagnetRelease(id: $id) {
       id
@@ -35,7 +36,7 @@ var _ = s`
       }
     }
   }
-`, v = {
+`, y = {
 	DRAFT: "bg-gray-100 text-gray-800",
 	PLANNING: "bg-yellow-100 text-yellow-800",
 	IN_PROGRESS: "bg-blue-100 text-blue-800",
@@ -44,89 +45,89 @@ var _ = s`
 	CANCELLED: "bg-red-100 text-red-800",
 	ROLLED_BACK: "bg-red-100 text-red-800"
 };
-function y() {
-	let { workspaceId: s } = e(), y = o().id ?? "", { data: b, loading: x, error: S } = c(_, {
-		variables: { id: y },
-		skip: !y
+function b() {
+	let { workspaceId: c } = e(), b = s().id ?? "", { data: x, loading: S, error: C } = l(v, {
+		variables: { id: b },
+		skip: !b
 	});
-	if (x) return /* @__PURE__ */ l("div", {
+	if (S) return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ l(a, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ u(o, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (S) return /* @__PURE__ */ u("div", {
+	if (C) return /* @__PURE__ */ d("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load release: ", S.message]
+		children: ["Failed to load release: ", C.message]
 	});
-	let C = b?.planmagnetRelease;
-	if (!C) return /* @__PURE__ */ l("div", {
+	let w = x?.planmagnetRelease;
+	if (!w) return /* @__PURE__ */ u("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Release not found."
 	});
-	let w = C.workItems ?? [], T = w.filter((e) => e.type === "STORY" || e.type === "FEATURE"), E = w.filter((e) => e.type === "BUG");
-	return /* @__PURE__ */ u("div", {
+	let T = w.workItems ?? [], E = T.filter((e) => e.type === "STORY" || e.type === "FEATURE"), D = T.filter((e) => e.type === "BUG");
+	return /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ l(i, { className: "h-5 w-5 text-primary" }),
-					/* @__PURE__ */ l("h1", {
+					/* @__PURE__ */ u(a, { className: "h-5 w-5 text-primary" }),
+					/* @__PURE__ */ u("h1", {
 						className: "text-2xl font-semibold",
-						children: C.version
+						children: w.version
 					}),
-					/* @__PURE__ */ l("span", {
-						className: `text-xs px-2 py-0.5 rounded-full capitalize ${v[C.status] ?? "bg-gray-100"}`,
-						children: C.status.toLowerCase().replace("_", " ")
+					/* @__PURE__ */ u("span", {
+						className: `text-xs px-2 py-0.5 rounded-full capitalize ${y[w.status] ?? "bg-gray-100"}`,
+						children: w.status.toLowerCase().replace("_", " ")
 					})
 				]
-			}), /* @__PURE__ */ l("p", {
+			}), /* @__PURE__ */ u("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: C.name
-			})] }), /* @__PURE__ */ l(d, {
+				children: w.name
+			})] }), /* @__PURE__ */ u(f, {
 				variant: "outline",
 				className: "capitalize",
-				children: C.status.toLowerCase().replace("_", " ")
+				children: w.status.toLowerCase().replace("_", " ")
 			})]
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ d("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-			children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ d("div", {
 				className: "lg:col-span-2 space-y-6",
 				children: [
-					/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Overview" }) }), /* @__PURE__ */ u(p, {
+					/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Overview" }) }), /* @__PURE__ */ d(m, {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ u("div", {
 							className: "text-sm prose prose-sm dark:prose-invert max-w-none",
-							children: C.description ? /* @__PURE__ */ l(g, { children: C.description }) : /* @__PURE__ */ l("p", { children: "No description provided." })
-						}), /* @__PURE__ */ u("div", {
+							children: w.description ? /* @__PURE__ */ u(_, { children: w.description }) : /* @__PURE__ */ u("p", { children: "No description provided." })
+						}), /* @__PURE__ */ d("div", {
 							className: "grid grid-cols-3 gap-4",
 							children: [
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ d("div", {
 									className: "text-center p-3 bg-muted rounded-md",
-									children: [/* @__PURE__ */ l("p", {
+									children: [/* @__PURE__ */ u("p", {
 										className: "text-lg font-semibold mt-1",
-										children: T.length
-									}), /* @__PURE__ */ l("p", {
+										children: E.length
+									}), /* @__PURE__ */ u("p", {
 										className: "text-xs text-muted-foreground",
 										children: "Features"
 									})]
 								}),
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ d("div", {
 									className: "text-center p-3 bg-muted rounded-md",
-									children: [/* @__PURE__ */ l("p", {
+									children: [/* @__PURE__ */ u("p", {
 										className: "text-lg font-semibold mt-1",
-										children: E.length
-									}), /* @__PURE__ */ l("p", {
+										children: D.length
+									}), /* @__PURE__ */ u("p", {
 										className: "text-xs text-muted-foreground",
 										children: "Bug Fixes"
 									})]
 								}),
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ d("div", {
 									className: "text-center p-3 bg-muted rounded-md",
-									children: [/* @__PURE__ */ l("p", {
+									children: [/* @__PURE__ */ u("p", {
 										className: "text-lg font-semibold mt-1",
-										children: w.length
-									}), /* @__PURE__ */ l("p", {
+										children: T.length
+									}), /* @__PURE__ */ u("p", {
 										className: "text-xs text-muted-foreground",
 										children: "Total Items"
 									})]
@@ -134,22 +135,22 @@ function y() {
 							]
 						})]
 					})] }),
-					C.releaseNotes && /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Release Notes" }) }), /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l("div", {
-						className: "text-sm prose prose-sm dark:prose-invert max-w-none",
-						children: /* @__PURE__ */ l(g, { children: C.releaseNotes })
-					}) })] }),
-					w.length > 0 && /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, { children: [
+					/* @__PURE__ */ u(n, {
+						releaseId: w.id,
+						notes: w.releaseNotes ?? null
+					}),
+					T.length > 0 && /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, { children: [
 						"Work Items (",
-						w.length,
+						T.length,
 						")"
-					] }) }), /* @__PURE__ */ l(p, {
+					] }) }), /* @__PURE__ */ u(m, {
 						className: "space-y-2",
-						children: w.map((e) => /* @__PURE__ */ u("div", {
+						children: T.map((e) => /* @__PURE__ */ d("div", {
 							className: "flex items-center justify-between border rounded-md p-3",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 								className: "text-sm font-medium",
 								children: e.title
-							}), /* @__PURE__ */ u("p", {
+							}), /* @__PURE__ */ d("p", {
 								className: "text-xs text-muted-foreground capitalize",
 								children: [
 									e.type.toLowerCase(),
@@ -157,7 +158,7 @@ function y() {
 									e.priority.toLowerCase(),
 									" priority"
 								]
-							})] }), /* @__PURE__ */ l(d, {
+							})] }), /* @__PURE__ */ u(f, {
 								variant: "outline",
 								className: "text-xs capitalize",
 								children: e.status.toLowerCase().replace("_", " ")
@@ -165,89 +166,89 @@ function y() {
 						}, e.id))
 					})] })
 				]
-			}), /* @__PURE__ */ u("div", {
+			}), /* @__PURE__ */ d("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Timeline" }) }), /* @__PURE__ */ u(p, {
+					/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Timeline" }) }), /* @__PURE__ */ d(m, {
 						className: "space-y-3 text-sm",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ l(n, { className: "h-4 w-4 text-muted-foreground" }),
-								/* @__PURE__ */ l("span", {
+								/* @__PURE__ */ u(r, { className: "h-4 w-4 text-muted-foreground" }),
+								/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Planned:"
 								}),
-								/* @__PURE__ */ l("span", {
+								/* @__PURE__ */ u("span", {
 									className: "font-medium",
-									children: C.plannedDate ? new Date(C.plannedDate).toLocaleDateString() : "Not set"
+									children: w.plannedDate ? new Date(w.plannedDate).toLocaleDateString() : "Not set"
 								})
 							]
-						}), C.releasedAt && /* @__PURE__ */ u("div", {
+						}), w.releasedAt && /* @__PURE__ */ d("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ l(r, { className: "h-4 w-4 text-green-500" }),
-								/* @__PURE__ */ l("span", {
+								/* @__PURE__ */ u(i, { className: "h-4 w-4 text-green-500" }),
+								/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Released:"
 								}),
-								/* @__PURE__ */ l("span", {
+								/* @__PURE__ */ u("span", {
 									className: "font-medium",
-									children: new Date(C.releasedAt).toLocaleDateString()
+									children: new Date(w.releasedAt).toLocaleDateString()
 								})
 							]
 						})]
 					})] }),
-					/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Details" }) }), /* @__PURE__ */ u(p, {
+					/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Details" }) }), /* @__PURE__ */ d(m, {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Version"
-								}), /* @__PURE__ */ l("span", {
+								}), /* @__PURE__ */ u("span", {
 									className: "font-medium",
-									children: C.version
+									children: w.version
 								})]
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Status"
-								}), /* @__PURE__ */ l(d, {
+								}), /* @__PURE__ */ u(f, {
 									variant: "outline",
 									className: "text-xs capitalize",
-									children: C.status.toLowerCase().replace("_", " ")
+									children: w.status.toLowerCase().replace("_", " ")
 								})]
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Owner"
-								}), /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(t, { id: C.ownerId }) })]
+								}), /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(t, { id: w.ownerId }) })]
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Created"
-								}), /* @__PURE__ */ l("span", { children: new Date(C.createdAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ u("span", { children: new Date(w.createdAt).toLocaleDateString() })]
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Updated"
-								}), /* @__PURE__ */ l("span", { children: new Date(C.updatedAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ u("span", { children: new Date(w.updatedAt).toLocaleDateString() })]
 							})
 						]
 					})] }),
-					C.tags?.length > 0 && /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Tags" }) }), /* @__PURE__ */ l(p, {
+					w.tags?.length > 0 && /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Tags" }) }), /* @__PURE__ */ u(m, {
 						className: "flex flex-wrap gap-1",
-						children: C.tags.map((e) => /* @__PURE__ */ l(d, {
+						children: w.tags.map((e) => /* @__PURE__ */ u(f, {
 							variant: "outline",
 							className: "text-xs",
 							children: e
@@ -259,6 +260,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as ProductsReleaseDetailPagePage };
+export { b as ProductsReleaseDetailPagePage };
 
 //# sourceMappingURL=ProductsReleaseDetailPagePage.js.map