@burdenoff/microfe-planmagnet 2026.930.25 → 2026.1001.2

package/dist/planmagnet/reports/ExportMenu.js

@@ -0,0 +1,116 @@
+import { mutationErrorMessage as e } from "../utils/graphqlErrors.js";
+import { EXPORT_REPORT_RUN as t } from "./reportGraphql.js";
+import { useState as n } from "react";
+import { Download as r, Printer as i } from "lucide-react";
+import { useApolloClient as a } from "@apollo/client/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Button as c, DropdownMenu as l, DropdownMenuContent as u, DropdownMenuItem as d, DropdownMenuLabel as f, DropdownMenuSeparator as p, DropdownMenuTrigger as m } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/reports/ExportMenu.tsx
+function h(e) {
+	return e.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "report";
+}
+function g(e, t, n) {
+	let r = new Blob([n], { type: t || "text/plain;charset=utf-8" }), i = URL.createObjectURL(r), a = document.createElement("a");
+	a.href = i, a.download = e, document.body.appendChild(a), a.click(), a.remove(), URL.revokeObjectURL(i);
+}
+function _({ reportName: _, widgets: v, run: y, onPrint: b }) {
+	let x = a(), [S, C] = n(null), [w, T] = n(null), E = `${h(_)}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`, D = !y, O = async (n) => {
+		if (y) {
+			C(n), T(null);
+			try {
+				let e = await x.query({
+					query: t,
+					variables: {
+						runId: y.id,
+						format: n
+					},
+					fetchPolicy: "network-only"
+				});
+				if (e.error) throw e.error;
+				let r = e.data?.planmagnetExportReportRun;
+				if (!r) throw Error("The export could not be generated.");
+				g(r.filename, r.contentType, r.content);
+			} catch (t) {
+				T(e(t, "The export failed."));
+			} finally {
+				C(null);
+			}
+		}
+	}, k = async () => {
+		if (y) {
+			C("XLSX"), T(null);
+			try {
+				let { exportReportRunToXlsx: e } = await import("./reportExportXlsx.js");
+				await e(v, y, E);
+			} catch (t) {
+				T(e(t, "The Excel export failed."));
+			} finally {
+				C(null);
+			}
+		}
+	}, A = async () => {
+		if (y) {
+			C("PPTX"), T(null);
+			try {
+				let { exportReportRunToPptx: e } = await import("./reportExportPptx.js");
+				await e(v, y, E, _);
+			} catch (t) {
+				T(e(t, "The PowerPoint export failed."));
+			} finally {
+				C(null);
+			}
+		}
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(m, {
+			asChild: !0,
+			children: /* @__PURE__ */ s(c, {
+				size: "sm",
+				variant: "outline",
+				disabled: D,
+				"data-testid": "report-export",
+				children: [/* @__PURE__ */ o(r, { className: "mr-1 h-4 w-4" }), S ? `Exporting ${S}…` : "Export"]
+			})
+		}), /* @__PURE__ */ s(u, {
+			align: "end",
+			children: [
+				/* @__PURE__ */ o(f, { children: "Data" }),
+				/* @__PURE__ */ o(d, {
+					onSelect: () => void O("CSV"),
+					children: "CSV"
+				}),
+				/* @__PURE__ */ o(d, {
+					onSelect: () => void O("JSON"),
+					children: "JSON"
+				}),
+				/* @__PURE__ */ o(d, {
+					onSelect: () => void O("XML"),
+					children: "XML"
+				}),
+				/* @__PURE__ */ o(p, {}),
+				/* @__PURE__ */ o(f, { children: "Documents" }),
+				/* @__PURE__ */ o(d, {
+					onSelect: () => void k(),
+					children: "Excel (.xlsx)"
+				}),
+				/* @__PURE__ */ o(d, {
+					onSelect: () => void A(),
+					children: "PowerPoint (.pptx)"
+				}),
+				/* @__PURE__ */ s(d, {
+					onSelect: b,
+					children: [/* @__PURE__ */ o(i, { className: "mr-1 h-3.5 w-3.5" }), "PDF (print)"]
+				})
+			]
+		})] }), w && /* @__PURE__ */ o("span", {
+			role: "alert",
+			className: "text-xs text-destructive",
+			children: w
+		})]
+	});
+}
+//#endregion
+export { _ as ExportMenu };
+
+//# sourceMappingURL=ExportMenu.js.map

package/dist/planmagnet/reports/ExportMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportMenu.js","names":[],"sources":["../../../src/planmagnet/reports/ExportMenu.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { Download, Printer } from 'lucide-react';\nimport { mutationErrorMessage } from '../utils/graphqlErrors';\nimport { EXPORT_REPORT_RUN } from './reportGraphql';\nimport type { ReportExportFormat, ReportRun, ReportWidget } from './reportModel';\n\n/**\n * Export a run (ANR-16). CSV/JSON/XML are rendered server-side (`planmagnetExportReportRun`) and downloaded as\n * given. Excel/PowerPoint are built client-side from the same already-fetched run, via a dynamic `import()` so\n * `write-excel-file`/`pptxgenjs` only ever load when actually used. PDF is a print-optimised view + the\n * browser's own \"Save as PDF\" (`onPrint`) — no PDF library.\n */\n\nfunction slugify(name: string): string {\n  return (\n    name\n      .toLowerCase()\n      .trim()\n      .replace(/[^a-z0-9]+/g, '-')\n      .replace(/^-+|-+$/g, '') || 'report'\n  );\n}\n\nfunction downloadTextFile(filename: string, contentType: string, content: string): void {\n  const blob = new Blob([content], { type: contentType || 'text/plain;charset=utf-8' });\n  const url = URL.createObjectURL(blob);\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\nexport function ExportMenu({\n  reportName,\n  widgets,\n  run,\n  onPrint,\n}: {\n  reportName: string;\n  widgets: ReportWidget[];\n  run: ReportRun | null;\n  onPrint: () => void;\n}) {\n  const client = useApolloClient();\n  const [busy, setBusy] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const fileNameBase = `${slugify(reportName)}-${new Date().toISOString().slice(0, 10)}`;\n  const disabled = !run;\n\n  const exportServerFormat = async (format: ReportExportFormat) => {\n    if (!run) return;\n    setBusy(format);\n    setError(null);\n    try {\n      const result = await client.query<{\n        planmagnetExportReportRun: { filename: string; contentType: string; content: string };\n      }>({\n        query: EXPORT_REPORT_RUN,\n        variables: { runId: run.id, format },\n        fetchPolicy: 'network-only',\n      });\n      if (result.error) throw result.error;\n      const file = result.data?.planmagnetExportReportRun;\n      if (!file) throw new Error('The export could not be generated.');\n      downloadTextFile(file.filename, file.contentType, file.content);\n    } catch (e) {\n      setError(mutationErrorMessage(e, 'The export failed.'));\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const exportXlsx = async () => {\n    if (!run) return;\n    setBusy('XLSX');\n    setError(null);\n    try {\n      const { exportReportRunToXlsx } = await import('./reportExportXlsx');\n      await exportReportRunToXlsx(widgets, run, fileNameBase);\n    } catch (e) {\n      setError(mutationErrorMessage(e, 'The Excel export failed.'));\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const exportPptx = async () => {\n    if (!run) return;\n    setBusy('PPTX');\n    setError(null);\n    try {\n      const { exportReportRunToPptx } = await import('./reportExportPptx');\n      await exportReportRunToPptx(widgets, run, fileNameBase, reportName);\n    } catch (e) {\n      setError(mutationErrorMessage(e, 'The PowerPoint export failed.'));\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button size=\"sm\" variant=\"outline\" disabled={disabled} data-testid=\"report-export\">\n            <Download className=\"mr-1 h-4 w-4\" />\n            {busy ? `Exporting ${busy}…` : 'Export'}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"end\">\n          <DropdownMenuLabel>Data</DropdownMenuLabel>\n          <DropdownMenuItem onSelect={() => void exportServerFormat('CSV')}>CSV</DropdownMenuItem>\n          <DropdownMenuItem onSelect={() => void exportServerFormat('JSON')}>JSON</DropdownMenuItem>\n          <DropdownMenuItem onSelect={() => void exportServerFormat('XML')}>XML</DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuLabel>Documents</DropdownMenuLabel>\n          <DropdownMenuItem onSelect={() => void exportXlsx()}>Excel (.xlsx)</DropdownMenuItem>\n          <DropdownMenuItem onSelect={() => void exportPptx()}>PowerPoint (.pptx)</DropdownMenuItem>\n          <DropdownMenuItem onSelect={onPrint}>\n            <Printer className=\"mr-1 h-3.5 w-3.5\" />\n            PDF (print)\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n      {error && (\n        <span role=\"alert\" className=\"text-xs text-destructive\">\n          {error}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/reports/PrintReportView.d.ts

@@ -0,0 +1,24 @@
+import { ReportWidget, WidgetRunResult } from './reportModel';
+
+/**
+ * The print-optimised view (ANR-16's PDF export — a print stylesheet, not a PDF library: `window.print()` lets
+ * the browser's own "Save as PDF" do the rendering). Reused by both the in-app Export ▸ PDF flow
+ * (`ReportsReportPagePage.tsx`, the owner's own widgets/results) and the public `SharedReportPage` (a synthetic
+ * `CHART`-typed widget per result, since a share's snapshot carries no widget title/type — see that file).
+ *
+ * The toolbar (`print:hidden`) never appears in the printed/PDF output, only on screen. The watermark, when
+ * set, is `aria-hidden` (decorative) but rendered both on screen and in print via a fixed, tiled overlay —
+ * never only in a `@media print` block this package cannot ship (Tailwind utility classes only, per this
+ * repo's design constraints).
+ */
+export declare function PrintReportView({ reportName, generatedAt, watermark, widgets, results, onClose, onPrintNow, }: {
+    reportName: string;
+    generatedAt: string;
+    watermark?: string | null;
+    widgets: ReportWidget[];
+    results: Map<string, WidgetRunResult>;
+    /** Omit for the public shared view, which has no "back to the builder" to return to. */
+    onClose?: () => void;
+    onPrintNow: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PrintReportView.d.ts.map

package/dist/planmagnet/reports/PrintReportView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintReportView.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/reports/PrintReportView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEnE;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,WAAW,EACX,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,UAAU,GACX,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACtC,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,2CA+DA"}

package/dist/planmagnet/reports/PrintReportView.js

@@ -0,0 +1,75 @@
+import { ReportWidgetRenderer as e } from "./ReportWidgetRenderer.js";
+import { Printer as t, X as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as a } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/reports/PrintReportView.tsx
+function o({ reportName: o, generatedAt: s, watermark: c, widgets: l, results: u, onClose: d, onPrintNow: f }) {
+	return /* @__PURE__ */ i("div", {
+		className: "relative mx-auto max-w-4xl bg-background p-6 text-foreground",
+		"data-testid": "print-report-view",
+		children: [
+			c && /* @__PURE__ */ r("div", {
+				"aria-hidden": !0,
+				className: "pointer-events-none fixed inset-0 z-50 flex flex-wrap content-around justify-around gap-16 overflow-hidden opacity-10 print:opacity-20",
+				children: Array.from({ length: 24 }, (e, t) => /* @__PURE__ */ r("span", {
+					className: "whitespace-nowrap rotate-[-30deg] text-2xl font-semibold text-foreground",
+					children: c
+				}, t))
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "mb-4 flex items-center justify-between gap-2 print:hidden",
+				children: [/* @__PURE__ */ r("p", {
+					className: "text-xs text-muted-foreground",
+					children: "Use your browser’s print dialog to save this as a PDF."
+				}), /* @__PURE__ */ i("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ i(a, {
+						size: "sm",
+						onClick: f,
+						"data-testid": "print-report-now",
+						children: [/* @__PURE__ */ r(t, { className: "mr-1 h-4 w-4" }), "Print / Save as PDF"]
+					}), d && /* @__PURE__ */ i(a, {
+						size: "sm",
+						variant: "outline",
+						onClick: d,
+						children: [/* @__PURE__ */ r(n, { className: "mr-1 h-4 w-4" }), "Close"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ i("header", {
+				className: "mb-6 border-b border-border pb-4",
+				children: [
+					/* @__PURE__ */ r("p", {
+						className: "text-xs font-semibold uppercase tracking-wide text-primary",
+						children: "PlanMagnet"
+					}),
+					/* @__PURE__ */ r("h1", {
+						className: "text-2xl font-bold",
+						children: o
+					}),
+					/* @__PURE__ */ i("p", {
+						className: "text-sm text-muted-foreground",
+						children: ["Generated ", new Date(s).toLocaleString()]
+					})
+				]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "space-y-6",
+				children: l.map((t) => /* @__PURE__ */ i("section", {
+					className: "break-inside-avoid rounded-md border border-border p-4",
+					children: [t.type !== "TEXT" && /* @__PURE__ */ r("h2", {
+						className: "mb-2 text-base font-semibold",
+						children: t.title
+					}), /* @__PURE__ */ r(e, {
+						widget: t,
+						runResult: u.get(t.id)
+					})]
+				}, t.id))
+			})
+		]
+	});
+}
+//#endregion
+export { o as PrintReportView };
+
+//# sourceMappingURL=PrintReportView.js.map

package/dist/planmagnet/reports/PrintReportView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintReportView.js","names":[],"sources":["../../../src/planmagnet/reports/PrintReportView.tsx"],"sourcesContent":["import { Button } from '@burdenoff/fe-libs/ui';\nimport { Printer, X } from 'lucide-react';\nimport { ReportWidgetRenderer } from './ReportWidgetRenderer';\nimport type { ReportWidget, WidgetRunResult } from './reportModel';\n\n/**\n * The print-optimised view (ANR-16's PDF export — a print stylesheet, not a PDF library: `window.print()` lets\n * the browser's own \"Save as PDF\" do the rendering). Reused by both the in-app Export ▸ PDF flow\n * (`ReportsReportPagePage.tsx`, the owner's own widgets/results) and the public `SharedReportPage` (a synthetic\n * `CHART`-typed widget per result, since a share's snapshot carries no widget title/type — see that file).\n *\n * The toolbar (`print:hidden`) never appears in the printed/PDF output, only on screen. The watermark, when\n * set, is `aria-hidden` (decorative) but rendered both on screen and in print via a fixed, tiled overlay —\n * never only in a `@media print` block this package cannot ship (Tailwind utility classes only, per this\n * repo's design constraints).\n */\nexport function PrintReportView({\n  reportName,\n  generatedAt,\n  watermark,\n  widgets,\n  results,\n  onClose,\n  onPrintNow,\n}: {\n  reportName: string;\n  generatedAt: string;\n  watermark?: string | null;\n  widgets: ReportWidget[];\n  results: Map<string, WidgetRunResult>;\n  /** Omit for the public shared view, which has no \"back to the builder\" to return to. */\n  onClose?: () => void;\n  onPrintNow: () => void;\n}) {\n  return (\n    <div\n      className=\"relative mx-auto max-w-4xl bg-background p-6 text-foreground\"\n      data-testid=\"print-report-view\"\n    >\n      {watermark && (\n        <div\n          aria-hidden={true}\n          className=\"pointer-events-none fixed inset-0 z-50 flex flex-wrap content-around justify-around gap-16 overflow-hidden opacity-10 print:opacity-20\"\n        >\n          {Array.from({ length: 24 }, (_, i) => (\n            <span\n              key={i}\n              className=\"whitespace-nowrap rotate-[-30deg] text-2xl font-semibold text-foreground\"\n            >\n              {watermark}\n            </span>\n          ))}\n        </div>\n      )}\n\n      <div className=\"mb-4 flex items-center justify-between gap-2 print:hidden\">\n        <p className=\"text-xs text-muted-foreground\">\n          Use your browser&rsquo;s print dialog to save this as a PDF.\n        </p>\n        <div className=\"flex gap-2\">\n          <Button size=\"sm\" onClick={onPrintNow} data-testid=\"print-report-now\">\n            <Printer className=\"mr-1 h-4 w-4\" />\n            Print / Save as PDF\n          </Button>\n          {onClose && (\n            <Button size=\"sm\" variant=\"outline\" onClick={onClose}>\n              <X className=\"mr-1 h-4 w-4\" />\n              Close\n            </Button>\n          )}\n        </div>\n      </div>\n\n      <header className=\"mb-6 border-b border-border pb-4\">\n        <p className=\"text-xs font-semibold uppercase tracking-wide text-primary\">PlanMagnet</p>\n        <h1 className=\"text-2xl font-bold\">{reportName}</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Generated {new Date(generatedAt).toLocaleString()}\n        </p>\n      </header>\n\n      <div className=\"space-y-6\">\n        {widgets.map((widget) => (\n          <section\n            key={widget.id}\n            className=\"break-inside-avoid rounded-md border border-border p-4\"\n          >\n            {widget.type !== 'TEXT' && (\n              <h2 className=\"mb-2 text-base font-semibold\">{widget.title}</h2>\n            )}\n            <ReportWidgetRenderer widget={widget} runResult={results.get(widget.id)} />\n          </section>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAgBA,SAAgB,EAAgB,EAC9B,eACA,gBACA,cACA,YACA,YACA,YACA,iBAUC;AACD,QACE,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;YAFd;GAIG,KACC,kBAAC,OAAD;IACE,eAAa;IACb,WAAU;cAET,MAAM,KAAK,EAAE,QAAQ,IAAI,GAAG,GAAG,MAC9B,kBAAC,QAAD;KAEE,WAAU;eAET;KACI,EAJA,EAIA,CACP;IACE,CAAA;GAGR,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAEzC,CAAA,EACJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAS;MAAY,eAAY;gBAAnD,CACE,kBAAC,GAAD,EAAS,WAAU,gBAAiB,CAAA,EAAA,sBAE7B;SACR,KACC,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,SAAS;gBAA7C,CACE,kBAAC,GAAD,EAAG,WAAU,gBAAiB,CAAA,EAAA,QAEvB;QAEP;OACF;;GAEN,kBAAC,UAAD;IAAQ,WAAU;cAAlB;KACE,kBAAC,KAAD;MAAG,WAAU;gBAA6D;MAAc,CAAA;KACxF,kBAAC,MAAD;MAAI,WAAU;gBAAsB;MAAgB,CAAA;KACpD,kBAAC,KAAD;MAAG,WAAU;gBAAb,CAA6C,cAChC,IAAI,KAAK,EAAY,CAAC,gBAAgB,CAC/C;;KACG;;GAET,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,KAAK,MACZ,kBAAC,WAAD;KAEE,WAAU;eAFZ,CAIG,EAAO,SAAS,UACf,kBAAC,MAAD;MAAI,WAAU;gBAAgC,EAAO;MAAW,CAAA,EAElE,kBAAC,GAAD;MAA8B;MAAQ,WAAW,EAAQ,IAAI,EAAO,GAAG;MAAI,CAAA,CACnE;OAPH,EAAO,GAOJ,CACV;IACE,CAAA;GACF"}

package/dist/planmagnet/reports/ReportBuilderCanvas.d.ts

@@ -0,0 +1,8 @@
+import { FieldError, ReportWidget } from './reportModel';
+
+export declare function ReportBuilderCanvas({ widgets, onChange, errors, }: {
+    widgets: ReportWidget[];
+    onChange: (widgets: ReportWidget[]) => void;
+    errors: FieldError[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReportBuilderCanvas.d.ts.map

package/dist/planmagnet/reports/ReportBuilderCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportBuilderCanvas.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/reports/ReportBuilderCanvas.tsx"],"names":[],"mappings":"AAIA,OAAO,EAOL,KAAK,UAAU,EACf,KAAK,YAAY,EAElB,MAAM,eAAe,CAAC;AA8OvB,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,EACR,MAAM,GACP,EAAE;IACD,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB,2CAsGA"}

package/dist/planmagnet/reports/ReportBuilderCanvas.js

@@ -0,0 +1,261 @@
+import { PARAM_LABELS as e, REPORT_SOURCE_SPECS as t, repackWidgets as n, widgetIndexFromField as r } from "./reportModel.js";
+import { WidgetEditorDialog as i } from "./WidgetEditorDialog.js";
+import { useState as a } from "react";
+import { ArrowDown as o, ArrowUp as s, GripVertical as c, Minus as l, Pencil as u, Plus as d, Trash2 as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Badge as h, Button as g } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/reports/ReportBuilderCanvas.tsx
+var _ = [
+	"projectId",
+	"sprintId",
+	"teamId",
+	"from",
+	"to",
+	"limit"
+];
+function v(e, t, n) {
+	if (n < 0 || n >= e.length) return e;
+	let r = e.slice(), [i] = r.splice(t, 1);
+	return i === void 0 ? e : (r.splice(n, 0, i), r);
+}
+function y(t) {
+	let n = _.filter((e) => {
+		let n = t.params[e];
+		return n != null && n !== "";
+	}).map((n) => {
+		let r = t.params[n], i = n === "from" || n === "to" ? String(r).slice(0, 10) : String(r);
+		return `${e[n]}: ${i}`;
+	});
+	return n.length ? n.join(" · ") : null;
+}
+function b({ widget: e, index: n, total: i, errors: l, onEdit: d, onRemove: _, onMoveUp: v, onMoveDown: b, onResize: S, onDragStart: C, onDropBefore: w }) {
+	let [T, E] = a(!1), D = l.filter((e) => r(e.field) === n);
+	return /* @__PURE__ */ p("div", {
+		style: { width: `${e.layout.w / 12 * 100}%` },
+		className: "p-1.5",
+		"data-testid": "report-widget",
+		children: /* @__PURE__ */ m("div", {
+			draggable: !0,
+			onDragStart: C,
+			onDragOver: (e) => {
+				e.preventDefault(), E(!0);
+			},
+			onDragLeave: () => E(!1),
+			onDrop: (e) => {
+				E(!1), w(e);
+			},
+			className: `flex h-full flex-col gap-2 rounded-md border bg-background p-3 ${T ? "ring-2 ring-primary" : "border-border"} ${D.length ? "border-destructive" : ""}`,
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "flex items-start justify-between gap-2",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex min-w-0 items-start gap-1.5",
+						children: [/* @__PURE__ */ p(c, {
+							className: "mt-0.5 h-4 w-4 shrink-0 cursor-grab text-muted-foreground",
+							"aria-hidden": !0
+						}), /* @__PURE__ */ m("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ p("p", {
+								className: "truncate text-sm font-medium",
+								title: e.title,
+								children: e.title
+							}), /* @__PURE__ */ m("div", {
+								className: "mt-0.5 flex flex-wrap items-center gap-1",
+								children: [/* @__PURE__ */ p(h, {
+									variant: "outline",
+									className: "text-[10px]",
+									children: e.type
+								}), e.type !== "TEXT" && /* @__PURE__ */ p(h, {
+									variant: "secondary",
+									className: "text-[10px]",
+									children: t[e.source].label
+								})]
+							})]
+						})]
+					}), /* @__PURE__ */ m("div", {
+						className: "flex shrink-0 items-center gap-0.5",
+						draggable: !1,
+						onMouseDown: (e) => e.stopPropagation(),
+						onDragStart: (e) => e.stopPropagation(),
+						children: [
+							/* @__PURE__ */ p(g, {
+								size: "sm",
+								variant: "outline",
+								className: "h-7 w-7 p-0",
+								"aria-label": "Move widget earlier",
+								disabled: n === 0,
+								onClick: v,
+								children: /* @__PURE__ */ p(s, { className: "h-3.5 w-3.5" })
+							}),
+							/* @__PURE__ */ p(g, {
+								size: "sm",
+								variant: "outline",
+								className: "h-7 w-7 p-0",
+								"aria-label": "Move widget later",
+								disabled: n === i - 1,
+								onClick: b,
+								children: /* @__PURE__ */ p(o, { className: "h-3.5 w-3.5" })
+							}),
+							/* @__PURE__ */ p(g, {
+								size: "sm",
+								variant: "outline",
+								className: "h-7 w-7 p-0",
+								"aria-label": `Edit ${e.title}`,
+								onClick: d,
+								children: /* @__PURE__ */ p(u, { className: "h-3.5 w-3.5" })
+							}),
+							/* @__PURE__ */ p(g, {
+								size: "sm",
+								variant: "outline",
+								className: "h-7 w-7 p-0",
+								"aria-label": `Remove ${e.title}`,
+								onClick: _,
+								children: /* @__PURE__ */ p(f, { className: "h-3.5 w-3.5" })
+							})
+						]
+					})]
+				}),
+				e.type !== "TEXT" && y(e) && /* @__PURE__ */ p("p", {
+					className: "text-xs text-muted-foreground",
+					children: y(e)
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "mt-auto flex flex-wrap items-center gap-3 border-t border-border pt-2 text-xs text-muted-foreground",
+					draggable: !1,
+					onMouseDown: (e) => e.stopPropagation(),
+					onDragStart: (e) => e.stopPropagation(),
+					children: [/* @__PURE__ */ p(x, {
+						label: "Width",
+						value: e.layout.w,
+						min: 1,
+						max: 12,
+						onChange: (e) => S({ w: e })
+					}), /* @__PURE__ */ p(x, {
+						label: "Height",
+						value: e.layout.h,
+						min: 1,
+						max: 12,
+						onChange: (e) => S({ h: e })
+					})]
+				}),
+				D.length > 0 && /* @__PURE__ */ p("ul", {
+					className: "space-y-0.5 text-xs text-destructive",
+					role: "alert",
+					children: D.map((e) => /* @__PURE__ */ p("li", { children: e.message }, e.field))
+				})
+			]
+		})
+	});
+}
+function x({ label: e, value: t, min: n, max: r, onChange: i }) {
+	return /* @__PURE__ */ m("div", {
+		className: "flex items-center gap-1",
+		children: [
+			/* @__PURE__ */ p("span", { children: e }),
+			/* @__PURE__ */ p(g, {
+				size: "sm",
+				variant: "outline",
+				className: "h-6 w-6 p-0",
+				"aria-label": `Decrease ${e.toLowerCase()}`,
+				disabled: t <= n,
+				onClick: () => i(Math.max(n, t - 1)),
+				children: /* @__PURE__ */ p(l, { className: "h-3 w-3" })
+			}),
+			/* @__PURE__ */ p("span", {
+				className: "w-4 text-center tabular-nums",
+				children: t
+			}),
+			/* @__PURE__ */ p(g, {
+				size: "sm",
+				variant: "outline",
+				className: "h-6 w-6 p-0",
+				"aria-label": `Increase ${e.toLowerCase()}`,
+				disabled: t >= r,
+				onClick: () => i(Math.min(r, t + 1)),
+				children: /* @__PURE__ */ p(d, { className: "h-3 w-3" })
+			})
+		]
+	});
+}
+function S({ widgets: e, onChange: t, errors: o }) {
+	let [s, c] = a(!1), [l, u] = a(null), [f, _] = a(null), y = (e) => t(n(e)), x = () => {
+		u(null), c(!0);
+	}, S = (e) => {
+		u(e), c(!0);
+	}, C = (t) => {
+		y(l === null ? [...e, t] : e.map((e, n) => n === l ? t : e));
+	}, w = o.filter((e) => r(e.field) === null);
+	return /* @__PURE__ */ m("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ m("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ p("h2", {
+						className: "text-sm font-semibold",
+						children: "Widgets"
+					}), /* @__PURE__ */ m(h, {
+						variant: e.length > 24 ? "destructive" : "outline",
+						children: [
+							e.length,
+							" / ",
+							24
+						]
+					})]
+				}), /* @__PURE__ */ m(g, {
+					size: "sm",
+					onClick: x,
+					disabled: e.length >= 24,
+					"data-testid": "report-add-widget-trigger",
+					children: [/* @__PURE__ */ p(d, { className: "mr-1 h-4 w-4" }), "Add widget"]
+				})]
+			}),
+			w.length > 0 && /* @__PURE__ */ p("ul", {
+				className: "space-y-0.5 text-sm text-destructive",
+				role: "alert",
+				children: w.map((e) => /* @__PURE__ */ p("li", { children: e.message }, e.field))
+			}),
+			e.length === 0 ? /* @__PURE__ */ p("div", {
+				className: "rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground",
+				children: "No widgets yet. Add one to start building this report."
+			}) : /* @__PURE__ */ p("div", {
+				className: "flex flex-wrap",
+				"data-testid": "report-builder",
+				children: e.map((t, n) => /* @__PURE__ */ p(b, {
+					widget: t,
+					index: n,
+					total: e.length,
+					errors: o,
+					onEdit: () => S(n),
+					onRemove: () => y(e.filter((e, t) => t !== n)),
+					onMoveUp: () => y(v(e, n, n - 1)),
+					onMoveDown: () => y(v(e, n, n + 1)),
+					onResize: (t) => y(e.map((e, r) => r === n ? {
+						...e,
+						layout: {
+							...e.layout,
+							...t
+						}
+					} : e)),
+					onDragStart: (e) => {
+						_(n), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.id);
+					},
+					onDropBefore: (t) => {
+						t.preventDefault(), !(f === null || f === n) && (y(v(e, f, n)), _(null));
+					}
+				}, t.id))
+			}),
+			/* @__PURE__ */ p(i, {
+				open: s,
+				onOpenChange: c,
+				widget: l === null ? null : e[l] ?? null,
+				onSave: C
+			})
+		]
+	});
+}
+//#endregion
+export { S as ReportBuilderCanvas };
+
+//# sourceMappingURL=ReportBuilderCanvas.js.map

package/dist/planmagnet/reports/ReportBuilderCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportBuilderCanvas.js","names":[],"sources":["../../../src/planmagnet/reports/ReportBuilderCanvas.tsx"],"sourcesContent":["import { useState, type DragEvent } from 'react';\nimport { Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { ArrowDown, ArrowUp, GripVertical, Minus, Pencil, Plus, Trash2 } from 'lucide-react';\nimport { WidgetEditorDialog } from './WidgetEditorDialog';\nimport {\n  GRID_COLUMNS,\n  MAX_WIDGETS,\n  PARAM_LABELS,\n  REPORT_SOURCE_SPECS,\n  repackWidgets,\n  widgetIndexFromField,\n  type FieldError,\n  type ReportWidget,\n  type WidgetParamKey,\n} from './reportModel';\n\n/**\n * The builder's 12-column grid canvas (ANR-13). There is no free-form drag-to-position: a widget's place comes\n * from its order in the list (reordered by drag-and-drop or the keyboard up/down buttons) and its own width,\n * packed left-to-right with wraparound (`packLayout` in `reportModel.ts`) — the same rule the flex-wrap layout\n * below renders visually, so the canvas preview and the persisted `layout` never disagree, and every layout\n * this UI can produce already satisfies the server's grid bounds.\n */\n\nconst PARAM_KEYS_ORDER: WidgetParamKey[] = [\n  'projectId',\n  'sprintId',\n  'teamId',\n  'from',\n  'to',\n  'limit',\n];\n\nfunction moveItem<T>(list: T[], from: number, to: number): T[] {\n  if (to < 0 || to >= list.length) return list;\n  const next = list.slice();\n  const [item] = next.splice(from, 1);\n  if (item === undefined) return list;\n  next.splice(to, 0, item);\n  return next;\n}\n\nfunction paramSummary(widget: ReportWidget): string | null {\n  const parts = PARAM_KEYS_ORDER.filter((key) => {\n    const value = widget.params[key];\n    return value !== undefined && value !== null && value !== '';\n  }).map((key) => {\n    const value = widget.params[key];\n    const text = key === 'from' || key === 'to' ? String(value).slice(0, 10) : String(value);\n    return `${PARAM_LABELS[key]}: ${text}`;\n  });\n  return parts.length ? parts.join(' · ') : null;\n}\n\nfunction WidgetCard({\n  widget,\n  index,\n  total,\n  errors,\n  onEdit,\n  onRemove,\n  onMoveUp,\n  onMoveDown,\n  onResize,\n  onDragStart,\n  onDropBefore,\n}: {\n  widget: ReportWidget;\n  index: number;\n  total: number;\n  errors: FieldError[];\n  onEdit: () => void;\n  onRemove: () => void;\n  onMoveUp: () => void;\n  onMoveDown: () => void;\n  onResize: (dims: Partial<{ w: number; h: number }>) => void;\n  onDragStart: (event: DragEvent<HTMLDivElement>) => void;\n  onDropBefore: (event: DragEvent<HTMLDivElement>) => void;\n}) {\n  const [dragOver, setDragOver] = useState(false);\n  const cardErrors = errors.filter((e) => widgetIndexFromField(e.field) === index);\n\n  return (\n    <div\n      style={{ width: `${(widget.layout.w / GRID_COLUMNS) * 100}%` }}\n      className=\"p-1.5\"\n      data-testid=\"report-widget\"\n    >\n      <div\n        draggable\n        onDragStart={onDragStart}\n        onDragOver={(e) => {\n          e.preventDefault();\n          setDragOver(true);\n        }}\n        onDragLeave={() => setDragOver(false)}\n        onDrop={(e) => {\n          setDragOver(false);\n          onDropBefore(e);\n        }}\n        className={`flex h-full flex-col gap-2 rounded-md border bg-background p-3 ${\n          dragOver ? 'ring-2 ring-primary' : 'border-border'\n        } ${cardErrors.length ? 'border-destructive' : ''}`}\n      >\n        <div className=\"flex items-start justify-between gap-2\">\n          <div className=\"flex min-w-0 items-start gap-1.5\">\n            <GripVertical\n              className=\"mt-0.5 h-4 w-4 shrink-0 cursor-grab text-muted-foreground\"\n              aria-hidden={true}\n            />\n            <div className=\"min-w-0\">\n              <p className=\"truncate text-sm font-medium\" title={widget.title}>\n                {widget.title}\n              </p>\n              <div className=\"mt-0.5 flex flex-wrap items-center gap-1\">\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {widget.type}\n                </Badge>\n                {widget.type !== 'TEXT' && (\n                  <Badge variant=\"secondary\" className=\"text-[10px]\">\n                    {REPORT_SOURCE_SPECS[widget.source].label}\n                  </Badge>\n                )}\n              </div>\n            </div>\n          </div>\n          <div\n            className=\"flex shrink-0 items-center gap-0.5\"\n            draggable={false}\n            onMouseDown={(e) => e.stopPropagation()}\n            onDragStart={(e) => e.stopPropagation()}\n          >\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"h-7 w-7 p-0\"\n              aria-label=\"Move widget earlier\"\n              disabled={index === 0}\n              onClick={onMoveUp}\n            >\n              <ArrowUp className=\"h-3.5 w-3.5\" />\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"h-7 w-7 p-0\"\n              aria-label=\"Move widget later\"\n              disabled={index === total - 1}\n              onClick={onMoveDown}\n            >\n              <ArrowDown className=\"h-3.5 w-3.5\" />\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"h-7 w-7 p-0\"\n              aria-label={`Edit ${widget.title}`}\n              onClick={onEdit}\n            >\n              <Pencil className=\"h-3.5 w-3.5\" />\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"h-7 w-7 p-0\"\n              aria-label={`Remove ${widget.title}`}\n              onClick={onRemove}\n            >\n              <Trash2 className=\"h-3.5 w-3.5\" />\n            </Button>\n          </div>\n        </div>\n\n        {widget.type !== 'TEXT' && paramSummary(widget) && (\n          <p className=\"text-xs text-muted-foreground\">{paramSummary(widget)}</p>\n        )}\n\n        <div\n          className=\"mt-auto flex flex-wrap items-center gap-3 border-t border-border pt-2 text-xs text-muted-foreground\"\n          draggable={false}\n          onMouseDown={(e) => e.stopPropagation()}\n          onDragStart={(e) => e.stopPropagation()}\n        >\n          <SizeStepper\n            label=\"Width\"\n            value={widget.layout.w}\n            min={1}\n            max={GRID_COLUMNS}\n            onChange={(w) => onResize({ w })}\n          />\n          <SizeStepper\n            label=\"Height\"\n            value={widget.layout.h}\n            min={1}\n            max={GRID_COLUMNS}\n            onChange={(h) => onResize({ h })}\n          />\n        </div>\n\n        {cardErrors.length > 0 && (\n          <ul className=\"space-y-0.5 text-xs text-destructive\" role=\"alert\">\n            {cardErrors.map((e) => (\n              <li key={e.field}>{e.message}</li>\n            ))}\n          </ul>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction SizeStepper({\n  label,\n  value,\n  min,\n  max,\n  onChange,\n}: {\n  label: string;\n  value: number;\n  min: number;\n  max: number;\n  onChange: (value: number) => void;\n}) {\n  return (\n    <div className=\"flex items-center gap-1\">\n      <span>{label}</span>\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        className=\"h-6 w-6 p-0\"\n        aria-label={`Decrease ${label.toLowerCase()}`}\n        disabled={value <= min}\n        onClick={() => onChange(Math.max(min, value - 1))}\n      >\n        <Minus className=\"h-3 w-3\" />\n      </Button>\n      <span className=\"w-4 text-center tabular-nums\">{value}</span>\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        className=\"h-6 w-6 p-0\"\n        aria-label={`Increase ${label.toLowerCase()}`}\n        disabled={value >= max}\n        onClick={() => onChange(Math.min(max, value + 1))}\n      >\n        <Plus className=\"h-3 w-3\" />\n      </Button>\n    </div>\n  );\n}\n\nexport function ReportBuilderCanvas({\n  widgets,\n  onChange,\n  errors,\n}: {\n  widgets: ReportWidget[];\n  onChange: (widgets: ReportWidget[]) => void;\n  errors: FieldError[];\n}) {\n  const [editorOpen, setEditorOpen] = useState(false);\n  const [editingIndex, setEditingIndex] = useState<number | null>(null);\n  const [dragIndex, setDragIndex] = useState<number | null>(null);\n\n  const apply = (next: ReportWidget[]) => onChange(repackWidgets(next));\n\n  const openAdd = () => {\n    setEditingIndex(null);\n    setEditorOpen(true);\n  };\n  const openEdit = (index: number) => {\n    setEditingIndex(index);\n    setEditorOpen(true);\n  };\n\n  const handleSave = (widget: ReportWidget) => {\n    if (editingIndex === null) {\n      apply([...widgets, widget]);\n    } else {\n      apply(widgets.map((w, i) => (i === editingIndex ? widget : w)));\n    }\n  };\n\n  const reportLevelErrors = errors.filter((e) => widgetIndexFromField(e.field) === null);\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <h2 className=\"text-sm font-semibold\">Widgets</h2>\n          <Badge variant={widgets.length > MAX_WIDGETS ? 'destructive' : 'outline'}>\n            {widgets.length} / {MAX_WIDGETS}\n          </Badge>\n        </div>\n        <Button\n          size=\"sm\"\n          onClick={openAdd}\n          disabled={widgets.length >= MAX_WIDGETS}\n          data-testid=\"report-add-widget-trigger\"\n        >\n          <Plus className=\"mr-1 h-4 w-4\" />\n          Add widget\n        </Button>\n      </div>\n\n      {reportLevelErrors.length > 0 && (\n        <ul className=\"space-y-0.5 text-sm text-destructive\" role=\"alert\">\n          {reportLevelErrors.map((e) => (\n            <li key={e.field}>{e.message}</li>\n          ))}\n        </ul>\n      )}\n\n      {widgets.length === 0 ? (\n        <div className=\"rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground\">\n          No widgets yet. Add one to start building this report.\n        </div>\n      ) : (\n        <div className=\"flex flex-wrap\" data-testid=\"report-builder\">\n          {widgets.map((widget, index) => (\n            <WidgetCard\n              key={widget.id}\n              widget={widget}\n              index={index}\n              total={widgets.length}\n              errors={errors}\n              onEdit={() => openEdit(index)}\n              onRemove={() => apply(widgets.filter((_, i) => i !== index))}\n              onMoveUp={() => apply(moveItem(widgets, index, index - 1))}\n              onMoveDown={() => apply(moveItem(widgets, index, index + 1))}\n              onResize={(dims) =>\n                apply(\n                  widgets.map((w, i) =>\n                    i === index ? { ...w, layout: { ...w.layout, ...dims } } : w\n                  )\n                )\n              }\n              onDragStart={(e) => {\n                setDragIndex(index);\n                e.dataTransfer.effectAllowed = 'move';\n                e.dataTransfer.setData('text/plain', widget.id);\n              }}\n              onDropBefore={(e) => {\n                e.preventDefault();\n                if (dragIndex === null || dragIndex === index) return;\n                apply(moveItem(widgets, dragIndex, index));\n                setDragIndex(null);\n              }}\n            />\n          ))}\n        </div>\n      )}\n\n      <WidgetEditorDialog\n        open={editorOpen}\n        onOpenChange={setEditorOpen}\n        widget={editingIndex === null ? null : (widgets[editingIndex] ?? null)}\n        onSave={handleSave}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAwBA,IAAM,IAAqC;CACzC;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,EAAY,GAAW,GAAc,GAAiB;AAC7D,KAAI,IAAK,KAAK,KAAM,EAAK,OAAQ,QAAO;CACxC,IAAM,IAAO,EAAK,OAAO,EACnB,CAAC,KAAQ,EAAK,OAAO,GAAM,EAAE;AAGnC,QAFI,MAAS,KAAA,IAAkB,KAC/B,EAAK,OAAO,GAAI,GAAG,EAAK,EACjB;;AAGT,SAAS,EAAa,GAAqC;CACzD,IAAM,IAAQ,EAAiB,QAAQ,MAAQ;EAC7C,IAAM,IAAQ,EAAO,OAAO;AAC5B,SAAO,KAAiC,QAAQ,MAAU;GAC1D,CAAC,KAAK,MAAQ;EACd,IAAM,IAAQ,EAAO,OAAO,IACtB,IAAO,MAAQ,UAAU,MAAQ,OAAO,OAAO,EAAM,CAAC,MAAM,GAAG,GAAG,GAAG,OAAO,EAAM;AACxF,SAAO,GAAG,EAAa,GAAK,IAAI;GAChC;AACF,QAAO,EAAM,SAAS,EAAM,KAAK,MAAM,GAAG;;AAG5C,SAAS,EAAW,EAClB,WACA,UACA,UACA,WACA,WACA,aACA,aACA,eACA,aACA,gBACA,mBAaC;CACD,IAAM,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,IAAa,EAAO,QAAQ,MAAM,EAAqB,EAAE,MAAM,KAAK,EAAM;AAEhF,QACE,kBAAC,OAAD;EACE,OAAO,EAAE,OAAO,GAAI,EAAO,OAAO,IAAA,KAAoB,IAAI,IAAI;EAC9D,WAAU;EACV,eAAY;YAEZ,kBAAC,OAAD;GACE,WAAA;GACa;GACb,aAAa,MAAM;AAEjB,IADA,EAAE,gBAAgB,EAClB,EAAY,GAAK;;GAEnB,mBAAmB,EAAY,GAAM;GACrC,SAAS,MAAM;AAEb,IADA,EAAY,GAAM,EAClB,EAAa,EAAE;;GAEjB,WAAW,kEACT,IAAW,wBAAwB,gBACpC,GAAG,EAAW,SAAS,uBAAuB;aAdjD;IAgBE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,WAAU;OACV,eAAa;OACb,CAAA,EACF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;QAA+B,OAAO,EAAO;kBACvD,EAAO;QACN,CAAA,EACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD;SAAO,SAAQ;SAAU,WAAU;mBAChC,EAAO;SACF,CAAA,EACP,EAAO,SAAS,UACf,kBAAC,GAAD;SAAO,SAAQ;SAAY,WAAU;mBAClC,EAAoB,EAAO,QAAQ;SAC9B,CAAA,CAEN;UACF;SACF;SACN,kBAAC,OAAD;MACE,WAAU;MACV,WAAW;MACX,cAAc,MAAM,EAAE,iBAAiB;MACvC,cAAc,MAAM,EAAE,iBAAiB;gBAJzC;OAME,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,WAAU;QACV,cAAW;QACX,UAAU,MAAU;QACpB,SAAS;kBAET,kBAAC,GAAD,EAAS,WAAU,eAAgB,CAAA;QAC5B,CAAA;OACT,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,WAAU;QACV,cAAW;QACX,UAAU,MAAU,IAAQ;QAC5B,SAAS;kBAET,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA;QAC9B,CAAA;OACT,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,WAAU;QACV,cAAY,QAAQ,EAAO;QAC3B,SAAS;kBAET,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA;QAC3B,CAAA;OACT,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,WAAU;QACV,cAAY,UAAU,EAAO;QAC7B,SAAS;kBAET,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA;QAC3B,CAAA;OACL;QACF;;IAEL,EAAO,SAAS,UAAU,EAAa,EAAO,IAC7C,kBAAC,KAAD;KAAG,WAAU;eAAiC,EAAa,EAAO;KAAK,CAAA;IAGzE,kBAAC,OAAD;KACE,WAAU;KACV,WAAW;KACX,cAAc,MAAM,EAAE,iBAAiB;KACvC,cAAc,MAAM,EAAE,iBAAiB;eAJzC,CAME,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAO,OAAO;MACrB,KAAK;MACL,KAAA;MACA,WAAW,MAAM,EAAS,EAAE,MAAG,CAAC;MAChC,CAAA,EACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAO,OAAO;MACrB,KAAK;MACL,KAAA;MACA,WAAW,MAAM,EAAS,EAAE,MAAG,CAAC;MAChC,CAAA,CACE;;IAEL,EAAW,SAAS,KACnB,kBAAC,MAAD;KAAI,WAAU;KAAuC,MAAK;eACvD,EAAW,KAAK,MACf,kBAAC,MAAD,EAAA,UAAmB,EAAE,SAAa,EAAzB,EAAE,MAAuB,CAClC;KACC,CAAA;IAEH;;EACF,CAAA;;AAIV,SAAS,EAAY,EACnB,UACA,UACA,QACA,QACA,eAOC;AACD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,QAAD,EAAA,UAAO,GAAa,CAAA;GACpB,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,WAAU;IACV,cAAY,YAAY,EAAM,aAAa;IAC3C,UAAU,KAAS;IACnB,eAAe,EAAS,KAAK,IAAI,GAAK,IAAQ,EAAE,CAAC;cAEjD,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;IACtB,CAAA;GACT,kBAAC,QAAD;IAAM,WAAU;cAAgC;IAAa,CAAA;GAC7D,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,WAAU;IACV,cAAY,YAAY,EAAM,aAAa;IAC3C,UAAU,KAAS;IACnB,eAAe,EAAS,KAAK,IAAI,GAAK,IAAQ,EAAE,CAAC;cAEjD,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;IACrB,CAAA;GACL;;;AAIV,SAAgB,EAAoB,EAClC,YACA,aACA,aAKC;CACD,IAAM,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAc,KAAmB,EAAwB,KAAK,EAC/D,CAAC,GAAW,KAAgB,EAAwB,KAAK,EAEzD,KAAS,MAAyB,EAAS,EAAc,EAAK,CAAC,EAE/D,UAAgB;AAEpB,EADA,EAAgB,KAAK,EACrB,EAAc,GAAK;IAEf,KAAY,MAAkB;AAElC,EADA,EAAgB,EAAM,EACtB,EAAc,GAAK;IAGf,KAAc,MAAyB;AAC3C,EACE,EADE,MAAiB,OACb,CAAC,GAAG,GAAS,EAAO,GAEpB,EAAQ,KAAK,GAAG,MAAO,MAAM,IAAe,IAAS,EAAG,CAAC;IAI7D,IAAoB,EAAO,QAAQ,MAAM,EAAqB,EAAE,MAAM,KAAK,KAAK;AAEtF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAwB;MAAY,CAAA,EAClD,kBAAC,GAAD;MAAO,SAAS,EAAQ,SAAA,KAAuB,gBAAgB;gBAA/D;OACG,EAAQ;OAAO;;OACV;QACJ;QACN,kBAAC,GAAD;KACE,MAAK;KACL,SAAS;KACT,UAAU,EAAQ,UAAA;KAClB,eAAY;eAJd,CAME,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,aAE1B;OACL;;GAEL,EAAkB,SAAS,KAC1B,kBAAC,MAAD;IAAI,WAAU;IAAuC,MAAK;cACvD,EAAkB,KAAK,MACtB,kBAAC,MAAD,EAAA,UAAmB,EAAE,SAAa,EAAzB,EAAE,MAAuB,CAClC;IACC,CAAA;GAGN,EAAQ,WAAW,IAClB,kBAAC,OAAD;IAAK,WAAU;cAA8F;IAEvG,CAAA,GAEN,kBAAC,OAAD;IAAK,WAAU;IAAiB,eAAY;cACzC,EAAQ,KAAK,GAAQ,MACpB,kBAAC,GAAD;KAEU;KACD;KACP,OAAO,EAAQ;KACP;KACR,cAAc,EAAS,EAAM;KAC7B,gBAAgB,EAAM,EAAQ,QAAQ,GAAG,MAAM,MAAM,EAAM,CAAC;KAC5D,gBAAgB,EAAM,EAAS,GAAS,GAAO,IAAQ,EAAE,CAAC;KAC1D,kBAAkB,EAAM,EAAS,GAAS,GAAO,IAAQ,EAAE,CAAC;KAC5D,WAAW,MACT,EACE,EAAQ,KAAK,GAAG,MACd,MAAM,IAAQ;MAAE,GAAG;MAAG,QAAQ;OAAE,GAAG,EAAE;OAAQ,GAAG;OAAM;MAAE,GAAG,EAC5D,CACF;KAEH,cAAc,MAAM;AAGlB,MAFA,EAAa,EAAM,EACnB,EAAE,aAAa,gBAAgB,QAC/B,EAAE,aAAa,QAAQ,cAAc,EAAO,GAAG;;KAEjD,eAAe,MAAM;AACnB,QAAE,gBAAgB,EACd,QAAc,QAAQ,MAAc,OACxC,EAAM,EAAS,GAAS,GAAW,EAAM,CAAC,EAC1C,EAAa,KAAK;;KAEpB,EA3BK,EAAO,GA2BZ,CACF;IACE,CAAA;GAGR,kBAAC,GAAD;IACE,MAAM;IACN,cAAc;IACd,QAAQ,MAAiB,OAAO,OAAQ,EAAQ,MAAiB;IACjE,QAAQ;IACR,CAAA;GACE"}

package/dist/planmagnet/reports/ReportBuilderPage.d.ts

@@ -0,0 +1,5 @@
+export declare function ReportBuilderPage({ mode, reportId, }: {
+    mode: 'create' | 'edit';
+    reportId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReportBuilderPage.d.ts.map

package/dist/planmagnet/reports/ReportBuilderPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportBuilderPage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/reports/ReportBuilderPage.tsx"],"names":[],"mappings":"AA2PA,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CAqCA"}