@hexclave/dashboard-ui-components 1.0.30 → 1.0.32

package/dist/esm/components/button.d.ts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 
 //#region src/components/button.d.ts
 declare const designButtonVariants: (props?: ({
-  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
+  variant?: "link" | "plain" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
   size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type DesignOriginalButtonProps = {
@@ -36,7 +36,7 @@ declare const DesignButton: React.FC<{
 } & {
   asChild?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
-  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
+  variant?: "link" | "plain" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
   size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string> & {
   ref?: React.Ref<HTMLButtonElement> | undefined;

package/dist/esm/components/chart-legend.d.ts

@@ -2,7 +2,7 @@ import * as React$1 from "react";
 import * as RechartsPrimitive from "recharts";
 
 //#region src/components/chart-legend.d.ts
-declare const DesignChartLegendContent: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "verticalAlign" | "payload"> & {
+declare const DesignChartLegendContent: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
   hideIcon?: boolean;
   nameKey?: string;
 }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/data-grid/data-grid-export-dialog.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { DataGridColumnDef, DataGridExportOptions } from "./types";
+
+//#region src/components/data-grid/data-grid-export-dialog.d.ts
+type DataGridExportDialogProps<TRow> = {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  rows: readonly TRow[];
+  columns: readonly DataGridColumnDef<TRow>[];
+  exportFilename: string;
+  exportOptions?: DataGridExportOptions<TRow>;
+};
+declare function DataGridExportDialog<TRow>({
+  open,
+  onOpenChange,
+  rows,
+  columns,
+  exportFilename,
+  exportOptions
+}: DataGridExportDialogProps<TRow>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DataGridExportDialog };
+//# sourceMappingURL=data-grid-export-dialog.d.ts.map

package/dist/esm/components/data-grid/data-grid-export-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-export-dialog.d.ts","names":[],"sources":["../../../../src/components/data-grid/data-grid-export-dialog.tsx"],"mappings":";;;;KA4BK,yBAAA;EACH,IAAA;EACA,YAAA,GAAe,IAAA;EACf,IAAA,WAAe,IAAA;EACf,OAAA,WAAkB,iBAAA,CAAkB,IAAA;EACpC,cAAA;EACA,aAAA,GAAgB,qBAAA,CAAsB,IAAA;AAAA;AAAA,iBASxB,oBAAA,MAAA,CAAA;EACd,IAAA;EACA,YAAA;EACA,IAAA;EACA,OAAA;EACA,cAAA;EACA;AAAA,GACC,yBAAA,CAA0B,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components/data-grid/data-grid-export-dialog.js

@@ -0,0 +1,403 @@
+"use client";
+
+import { DownloadSimpleIcon } from "@phosphor-icons/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { DesignButton } from "../button.js";
+import { formatGridDate, resolveColumnValue } from "./state.js";
+import { DesignDialog } from "../dialog.js";
+
+//#region src/components/data-grid/data-grid-export-dialog.tsx
+const idleExportProgress = {
+	phase: "idle",
+	fetched: 0
+};
+const exportCompletionDisplayMs = 800;
+function DataGridExportDialog({ open, onOpenChange, rows, columns, exportFilename, exportOptions }) {
+	const hasServerExport = exportOptions?.fetchRows != null;
+	const resolvedFields = useMemo(() => exportOptions?.fields ?? buildColumnExportFields(columns), [exportOptions?.fields, columns]);
+	const [format, setFormat] = useState("csv");
+	const [scope, setScope] = useState("all");
+	const [fields, setFields] = useState(resolvedFields);
+	const [isExporting, setIsExporting] = useState(false);
+	const [progress, setProgress] = useState(idleExportProgress);
+	const [errorMessage, setErrorMessage] = useState(null);
+	useEffect(() => {
+		if (!isExporting) setFields(resolvedFields);
+	}, [isExporting, resolvedFields]);
+	exportOptions?.entityName;
+	const entityNamePlural = exportOptions?.entityNamePlural ?? "rows";
+	const filenamePrefix = exportOptions?.filenamePrefix ?? exportFilename;
+	const title = exportOptions?.title ?? "Export data";
+	const description = exportOptions?.description ?? (hasServerExport ? "Configure and download data from this table" : "Configure and download the rows currently loaded in this table");
+	const allScopeLabel = exportOptions?.allScopeLabel ?? `Export all ${entityNamePlural} in the project`;
+	const filteredScopeLabel = exportOptions?.filteredScopeLabel ?? `Export only filtered/searched ${entityNamePlural}`;
+	const progressSubjectLabel = exportOptions?.progressSubjectLabel ?? entityNamePlural;
+	const progressTitle = progress.phase === "complete" ? "Export complete" : `Exporting ${progressSubjectLabel}`;
+	const fetchExportRows = exportOptions?.fetchRows;
+	const closeDialog = useCallback(() => {
+		onOpenChange(false);
+		setErrorMessage(null);
+	}, [onOpenChange]);
+	const handleOpenChange = useCallback((nextOpen) => {
+		if (isExporting && !nextOpen) return;
+		if (nextOpen) onOpenChange(true);
+		else closeDialog();
+	}, [
+		closeDialog,
+		isExporting,
+		onOpenChange
+	]);
+	const toggleField = useCallback((key) => {
+		setFields((prev) => prev.map((field) => field.key === key ? {
+			...field,
+			enabled: !field.enabled
+		} : field));
+	}, []);
+	const selectAllFields = useCallback(() => {
+		setFields((prev) => prev.map((field) => ({
+			...field,
+			enabled: true
+		})));
+	}, []);
+	const deselectAllFields = useCallback(() => {
+		setFields((prev) => prev.map((field) => ({
+			...field,
+			enabled: false
+		})));
+	}, []);
+	const fetchRows = useCallback(async () => {
+		if (fetchExportRows != null) return await fetchExportRows({
+			scope,
+			onProgress: (fetched) => setProgress({
+				phase: "fetching",
+				fetched
+			})
+		});
+		setProgress({
+			phase: "fetching",
+			fetched: rows.length
+		});
+		return rows;
+	}, [
+		fetchExportRows,
+		rows,
+		scope
+	]);
+	const handleExport = async () => {
+		const enabledFields = fields.filter((field) => field.enabled);
+		if (enabledFields.length === 0) {
+			setErrorMessage("Select at least one field to export.");
+			return;
+		}
+		setErrorMessage(null);
+		setIsExporting(true);
+		setProgress({
+			phase: "fetching",
+			fetched: 0
+		});
+		try {
+			const exportRows = await fetchRows();
+			if (exportRows.length === 0) {
+				setErrorMessage(exportOptions?.emptyExportDescription ?? `There are no ${entityNamePlural} to export.`);
+				setIsExporting(false);
+				setProgress(idleExportProgress);
+				return;
+			}
+			setProgress({
+				phase: "generating",
+				fetched: exportRows.length
+			});
+			const transformedData = buildExportTable(exportRows, enabledFields);
+			if (format === "csv") exportToCsv(transformedData, filenamePrefix);
+			else exportToJson(transformedData, filenamePrefix);
+			setProgress({
+				phase: "complete",
+				fetched: exportRows.length
+			});
+			await new Promise((resolve) => setTimeout(resolve, exportCompletionDisplayMs));
+			closeDialog();
+		} catch {
+			setErrorMessage("Something went wrong while exporting. Please try again.");
+		} finally {
+			setIsExporting(false);
+			setProgress(idleExportProgress);
+		}
+	};
+	return /* @__PURE__ */ jsx(DesignDialog, {
+		open,
+		onOpenChange: handleOpenChange,
+		title: isExporting ? progressTitle : title,
+		description: isExporting ? `Preparing export for ${progressSubjectLabel}.` : description,
+		size: "2xl",
+		variant: "plain",
+		headerClassName: isExporting ? "sr-only" : void 0,
+		hideTopCloseButton: isExporting,
+		children: isExporting ? /* @__PURE__ */ jsx(ExportProgressContent, {
+			progress,
+			format,
+			subjectLabel: progressSubjectLabel
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ jsx("label", {
+						className: "text-sm font-medium",
+						htmlFor: `${filenamePrefix}-export-format`,
+						children: "Export Format"
+					}), /* @__PURE__ */ jsxs("select", {
+						id: `${filenamePrefix}-export-format`,
+						value: format,
+						onChange: (event) => setFormat(event.currentTarget.value === "json" ? "json" : "csv"),
+						className: "h-9 w-full rounded-md border border-input bg-white px-3 text-sm dark:bg-background",
+						children: [/* @__PURE__ */ jsx("option", {
+							value: "csv",
+							children: "CSV (Comma-separated values)"
+						}), /* @__PURE__ */ jsx("option", {
+							value: "json",
+							children: "JSON (JavaScript Object Notation)"
+						})]
+					})]
+				}),
+				hasServerExport ? /* @__PURE__ */ jsxs("fieldset", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ jsx("legend", {
+							className: "text-sm font-medium",
+							children: "Export Scope"
+						}),
+						/* @__PURE__ */ jsxs("label", {
+							className: "flex cursor-pointer items-center gap-2 text-sm",
+							children: [/* @__PURE__ */ jsx("input", {
+								type: "radio",
+								name: `${filenamePrefix}-export-scope`,
+								value: "all",
+								checked: scope === "all",
+								onChange: () => setScope("all")
+							}), /* @__PURE__ */ jsx("span", { children: allScopeLabel })]
+						}),
+						/* @__PURE__ */ jsxs("label", {
+							className: "flex cursor-pointer items-center gap-2 text-sm",
+							children: [/* @__PURE__ */ jsx("input", {
+								type: "radio",
+								name: `${filenamePrefix}-export-scope`,
+								value: "filtered",
+								checked: scope === "filtered",
+								onChange: () => setScope("filtered")
+							}), /* @__PURE__ */ jsx("span", { children: filteredScopeLabel })]
+						})
+					]
+				}) : null,
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ jsx("label", {
+							className: "text-sm font-medium",
+							children: "Fields to Export"
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ jsx(DesignButton, {
+								type: "button",
+								variant: "ghost",
+								size: "sm",
+								onClick: selectAllFields,
+								className: "h-7 text-xs",
+								children: "Select All"
+							}), /* @__PURE__ */ jsx(DesignButton, {
+								type: "button",
+								variant: "ghost",
+								size: "sm",
+								onClick: deselectAllFields,
+								className: "h-7 text-xs",
+								children: "Deselect All"
+							})]
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "grid max-h-[300px] grid-cols-1 gap-3 overflow-y-auto rounded-lg border border-border p-4 sm:grid-cols-2",
+						children: fields.map((field) => /* @__PURE__ */ jsxs("label", {
+							className: "flex cursor-pointer items-center gap-2 text-sm font-normal",
+							children: [/* @__PURE__ */ jsx("input", {
+								type: "checkbox",
+								checked: field.enabled,
+								onChange: () => toggleField(field.key)
+							}), /* @__PURE__ */ jsx("span", { children: field.label })]
+						}, field.key))
+					})]
+				}),
+				errorMessage != null ? /* @__PURE__ */ jsxs("div", {
+					className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "font-medium",
+						children: exportOptions?.emptyExportTitle ?? "Export unavailable"
+					}), /* @__PURE__ */ jsx("div", { children: errorMessage })]
+				}) : null,
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-end gap-3 pt-2",
+					children: [/* @__PURE__ */ jsx(DesignButton, {
+						variant: "outline",
+						onClick: closeDialog,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsxs(DesignButton, {
+						onClick: handleExport,
+						children: [
+							/* @__PURE__ */ jsx(DownloadSimpleIcon, { className: "mr-2 h-4 w-4" }),
+							"Export ",
+							titleCase(entityNamePlural)
+						]
+					})]
+				})
+			]
+		})
+	});
+}
+function ExportProgressContent(props) {
+	const { progress, format, subjectLabel } = props;
+	const fileLabel = format.toUpperCase();
+	const isComplete = progress.phase === "complete";
+	const title = isComplete ? "Export complete" : `Exporting ${subjectLabel}`;
+	const description = isComplete ? `Your ${fileLabel} is ready and the download should begin automatically.` : `Your ${fileLabel} is being prepared from matching ${subjectLabel}.`;
+	const statusLabel = progress.phase === "complete" ? "Download ready" : progress.phase === "generating" ? `Preparing ${fileLabel}` : `Fetching ${subjectLabel}`;
+	const countLabel = `${progress.fetched.toLocaleString()} ${isComplete ? "exported" : "fetched"}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-base font-semibold leading-snug",
+					children: title
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-muted-foreground",
+					children: description
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "rounded-xl border border-border bg-muted/35 p-4",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "mb-3 flex items-center justify-between gap-4 text-sm",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "font-medium text-foreground",
+						children: statusLabel
+					}), /* @__PURE__ */ jsx("span", {
+						className: "shrink-0 tabular-nums text-muted-foreground",
+						children: countLabel
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "relative h-2 overflow-hidden rounded-full bg-foreground/10",
+					children: isComplete ? /* @__PURE__ */ jsx("div", { className: "h-full w-full rounded-full bg-emerald-500/80" }) : /* @__PURE__ */ jsx("div", { className: "data-grid-export-progress-shimmer absolute inset-y-0 left-0 w-2/5 rounded-full bg-gradient-to-r from-transparent via-foreground/65 to-transparent" })
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200",
+				children: "Do not reload this page until the export finishes. The download will start automatically."
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex justify-end gap-3 pt-2",
+				children: /* @__PURE__ */ jsx(DesignButton, {
+					variant: "outline",
+					disabled: true,
+					children: "Cancel"
+				})
+			})
+		]
+	});
+}
+function buildColumnExportFields(columns) {
+	const fields = [];
+	for (const column of columns) {
+		const label = typeof column.header === "string" ? column.header.trim() : column.id;
+		if (label.length === 0) continue;
+		fields.push({
+			key: column.id,
+			label,
+			enabled: true,
+			getValue: (row) => formatColumnExportValue(column, row)
+		});
+	}
+	return fields;
+}
+function formatColumnExportValue(column, row) {
+	const value = resolveColumnValue(column, row);
+	if (column.formatValue != null) return column.formatValue(value, row);
+	if (column.type === "date" || column.type === "dateTime") return formatGridDate(value, "absolute", {
+		parseValue: column.parseValue,
+		dateFormat: column.dateFormat
+	}).display ?? "";
+	return value;
+}
+function buildExportTable(rows, enabledFields) {
+	return {
+		csvHeaders: enabledFields.map((field) => field.label),
+		jsonKeys: buildJsonKeys(enabledFields),
+		rows: rows.map((row) => enabledFields.map((field) => toExportCellValue(field.getValue(row))))
+	};
+}
+function buildJsonKeys(fields) {
+	const labelCounts = /* @__PURE__ */ new Map();
+	for (const field of fields) labelCounts.set(field.label, (labelCounts.get(field.label) ?? 0) + 1);
+	const usedKeys = /* @__PURE__ */ new Map();
+	const keys = [];
+	for (const field of fields) {
+		const baseKey = labelCounts.get(field.label) === 1 ? field.label : `${field.label} (${field.key})`;
+		let key = baseKey;
+		let suffix = 2;
+		while (usedKeys.has(key)) {
+			key = `${baseKey} ${suffix}`;
+			suffix++;
+		}
+		usedKeys.set(key, true);
+		keys.push(key);
+	}
+	return keys;
+}
+function toExportCellValue(value) {
+	if (value == null) return "";
+	if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+	if (typeof value === "bigint") return value.toString();
+	if (value instanceof Date) return value.toISOString();
+	if (typeof value === "object") return JSON.stringify(value);
+	return String(value);
+}
+function exportToCsv(data, filenamePrefix) {
+	downloadFile("" + [data.csvHeaders.map(escapeCsvCell).join(","), ...data.rows.map((row) => row.map(escapeCsvCell).join(","))].join("\n"), `${buildExportFilename(filenamePrefix)}.csv`, "text/csv;charset=utf-8;");
+}
+function escapeCsvCell(value) {
+	const rawText = String(value ?? "");
+	const text = typeof value === "string" && /^[=+\-@\t\r]/.test(rawText.trimStart()) ? `'${rawText}` : rawText;
+	if (text.includes(",") || text.includes("\"") || text.includes("\n") || text.includes("\r")) return `"${text.replace(/"/g, "\"\"")}"`;
+	return text;
+}
+function exportToJson(data, filenamePrefix) {
+	const rows = data.rows.map((row) => {
+		const jsonRow = {};
+		for (let i = 0; i < data.jsonKeys.length; i++) jsonRow[data.jsonKeys[i]] = row[i] ?? "";
+		return jsonRow;
+	});
+	downloadFile(JSON.stringify(rows, null, 2), `${buildExportFilename(filenamePrefix)}.json`, "application/json");
+}
+function downloadFile(content, filename, type) {
+	const blob = new Blob([content], { type });
+	const url = URL.createObjectURL(blob);
+	const link = document.createElement("a");
+	link.href = url;
+	link.download = filename;
+	document.body.appendChild(link);
+	try {
+		link.click();
+	} finally {
+		link.remove();
+		URL.revokeObjectURL(url);
+	}
+}
+function buildExportFilename(prefix) {
+	return `${prefix}-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`;
+}
+function titleCase(value) {
+	return value.charAt(0).toUpperCase() + value.slice(1);
+}
+
+//#endregion
+export { DataGridExportDialog };
+//# sourceMappingURL=data-grid-export-dialog.js.map

package/dist/esm/components/data-grid/data-grid-export-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-export-dialog.js","names":[],"sources":["../../../../src/components/data-grid/data-grid-export-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { DownloadSimpleIcon } from \"@phosphor-icons/react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { DesignButton } from \"../button\";\nimport { DesignDialog } from \"../dialog\";\nimport { formatGridDate, resolveColumnValue } from \"./state\";\nimport type {\n  DataGridColumnDef,\n  DataGridExportField,\n  DataGridExportFormat,\n  DataGridExportOptions,\n  DataGridExportScope,\n} from \"./types\";\n\ntype ExportProgress = {\n  phase: \"idle\" | \"fetching\" | \"generating\" | \"complete\";\n  fetched: number;\n};\n\ntype ExportCellValue = string | number | boolean | null | undefined;\ntype ExportTable = {\n  csvHeaders: string[];\n  jsonKeys: string[];\n  rows: ExportCellValue[][];\n};\n\ntype DataGridExportDialogProps<TRow> = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  rows: readonly TRow[];\n  columns: readonly DataGridColumnDef<TRow>[];\n  exportFilename: string;\n  exportOptions?: DataGridExportOptions<TRow>;\n};\n\nconst idleExportProgress: ExportProgress = {\n  phase: \"idle\",\n  fetched: 0,\n};\nconst exportCompletionDisplayMs = 800;\n\nexport function DataGridExportDialog<TRow>({\n  open,\n  onOpenChange,\n  rows,\n  columns,\n  exportFilename,\n  exportOptions,\n}: DataGridExportDialogProps<TRow>) {\n  const hasServerExport = exportOptions?.fetchRows != null;\n  const resolvedFields = useMemo(\n    () => exportOptions?.fields ?? buildColumnExportFields(columns),\n    [exportOptions?.fields, columns],\n  );\n  const [format, setFormat] = useState<DataGridExportFormat>(\"csv\");\n  const [scope, setScope] = useState<DataGridExportScope>(\"all\");\n  const [fields, setFields] = useState<readonly DataGridExportField<TRow>[]>(resolvedFields);\n  const [isExporting, setIsExporting] = useState(false);\n  const [progress, setProgress] = useState<ExportProgress>(idleExportProgress);\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!isExporting) {\n      setFields(resolvedFields);\n    }\n  }, [isExporting, resolvedFields]);\n\n  const entityName = exportOptions?.entityName ?? \"row\";\n  const entityNamePlural = exportOptions?.entityNamePlural ?? \"rows\";\n  const filenamePrefix = exportOptions?.filenamePrefix ?? exportFilename;\n  const title = exportOptions?.title ?? \"Export data\";\n  const description = exportOptions?.description ?? (\n    hasServerExport\n      ? \"Configure and download data from this table\"\n      : \"Configure and download the rows currently loaded in this table\"\n  );\n  const allScopeLabel = exportOptions?.allScopeLabel ?? `Export all ${entityNamePlural} in the project`;\n  const filteredScopeLabel = exportOptions?.filteredScopeLabel ?? `Export only filtered/searched ${entityNamePlural}`;\n  const progressSubjectLabel = exportOptions?.progressSubjectLabel ?? entityNamePlural;\n  const progressTitle = progress.phase === \"complete\" ? \"Export complete\" : `Exporting ${progressSubjectLabel}`;\n  const fetchExportRows = exportOptions?.fetchRows;\n\n  const closeDialog = useCallback(() => {\n    onOpenChange(false);\n    setErrorMessage(null);\n  }, [onOpenChange]);\n\n  const handleOpenChange = useCallback((nextOpen: boolean) => {\n    if (isExporting && !nextOpen) {\n      return;\n    }\n    if (nextOpen) {\n      onOpenChange(true);\n    } else {\n      closeDialog();\n    }\n  }, [closeDialog, isExporting, onOpenChange]);\n\n  const toggleField = useCallback((key: string) => {\n    setFields((prev) =>\n      prev.map((field) =>\n        field.key === key ? { ...field, enabled: !field.enabled } : field\n      )\n    );\n  }, []);\n\n  const selectAllFields = useCallback(() => {\n    setFields((prev) => prev.map((field) => ({ ...field, enabled: true })));\n  }, []);\n\n  const deselectAllFields = useCallback(() => {\n    setFields((prev) => prev.map((field) => ({ ...field, enabled: false })));\n  }, []);\n\n  const fetchRows = useCallback(async () => {\n    if (fetchExportRows != null) {\n      return await fetchExportRows({\n        scope,\n        onProgress: (fetched) => setProgress({ phase: \"fetching\", fetched }),\n      });\n    }\n\n    setProgress({ phase: \"fetching\", fetched: rows.length });\n    return rows;\n  }, [fetchExportRows, rows, scope]);\n\n  const handleExport = async () => {\n    const enabledFields = fields.filter((field) => field.enabled);\n    if (enabledFields.length === 0) {\n      setErrorMessage(\"Select at least one field to export.\");\n      return;\n    }\n\n    setErrorMessage(null);\n    setIsExporting(true);\n    setProgress({ phase: \"fetching\", fetched: 0 });\n    try {\n      const exportRows = await fetchRows();\n\n      if (exportRows.length === 0) {\n        setErrorMessage(\n          exportOptions?.emptyExportDescription\n          ?? `There are no ${entityNamePlural} to export.`,\n        );\n        setIsExporting(false);\n        setProgress(idleExportProgress);\n        return;\n      }\n\n      setProgress({ phase: \"generating\", fetched: exportRows.length });\n      const transformedData = buildExportTable(exportRows, enabledFields);\n\n      if (format === \"csv\") {\n        exportToCsv(transformedData, filenamePrefix);\n      } else {\n        exportToJson(transformedData, filenamePrefix);\n      }\n\n      setProgress({ phase: \"complete\", fetched: exportRows.length });\n      await new Promise<void>((resolve) => setTimeout(resolve, exportCompletionDisplayMs));\n      closeDialog();\n    } catch {\n      setErrorMessage(\"Something went wrong while exporting. Please try again.\");\n    } finally {\n      setIsExporting(false);\n      setProgress(idleExportProgress);\n    }\n  };\n\n  return (\n    <DesignDialog\n      open={open}\n      onOpenChange={handleOpenChange}\n      title={isExporting ? progressTitle : title}\n      description={isExporting ? `Preparing export for ${progressSubjectLabel}.` : description}\n      size=\"2xl\"\n      variant=\"plain\"\n      headerClassName={isExporting ? \"sr-only\" : undefined}\n      hideTopCloseButton={isExporting}\n    >\n      {isExporting ? (\n        <ExportProgressContent\n          progress={progress}\n          format={format}\n          subjectLabel={progressSubjectLabel}\n        />\n      ) : (\n        <div className=\"space-y-6\">\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor={`${filenamePrefix}-export-format`}>\n              Export Format\n            </label>\n            <select\n              id={`${filenamePrefix}-export-format`}\n              value={format}\n              onChange={(event) => setFormat(event.currentTarget.value === \"json\" ? \"json\" : \"csv\")}\n              className=\"h-9 w-full rounded-md border border-input bg-white px-3 text-sm dark:bg-background\"\n            >\n              <option value=\"csv\">CSV (Comma-separated values)</option>\n              <option value=\"json\">JSON (JavaScript Object Notation)</option>\n            </select>\n          </div>\n\n          {hasServerExport ? (\n            <fieldset className=\"space-y-2\">\n              <legend className=\"text-sm font-medium\">Export Scope</legend>\n              <label className=\"flex cursor-pointer items-center gap-2 text-sm\">\n                <input\n                  type=\"radio\"\n                  name={`${filenamePrefix}-export-scope`}\n                  value=\"all\"\n                  checked={scope === \"all\"}\n                  onChange={() => setScope(\"all\")}\n                />\n                <span>{allScopeLabel}</span>\n              </label>\n              <label className=\"flex cursor-pointer items-center gap-2 text-sm\">\n                <input\n                  type=\"radio\"\n                  name={`${filenamePrefix}-export-scope`}\n                  value=\"filtered\"\n                  checked={scope === \"filtered\"}\n                  onChange={() => setScope(\"filtered\")}\n                />\n                <span>{filteredScopeLabel}</span>\n              </label>\n            </fieldset>\n          ) : null}\n\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center justify-between gap-3\">\n              <label className=\"text-sm font-medium\">Fields to Export</label>\n              <div className=\"flex gap-2\">\n                <DesignButton type=\"button\" variant=\"ghost\" size=\"sm\" onClick={selectAllFields} className=\"h-7 text-xs\">\n                  Select All\n                </DesignButton>\n                <DesignButton type=\"button\" variant=\"ghost\" size=\"sm\" onClick={deselectAllFields} className=\"h-7 text-xs\">\n                  Deselect All\n                </DesignButton>\n              </div>\n            </div>\n            <div className=\"grid max-h-[300px] grid-cols-1 gap-3 overflow-y-auto rounded-lg border border-border p-4 sm:grid-cols-2\">\n              {fields.map((field) => (\n                <label key={field.key} className=\"flex cursor-pointer items-center gap-2 text-sm font-normal\">\n                  <input\n                    type=\"checkbox\"\n                    checked={field.enabled}\n                    onChange={() => toggleField(field.key)}\n                  />\n                  <span>{field.label}</span>\n                </label>\n              ))}\n            </div>\n          </div>\n\n          {errorMessage != null ? (\n            <div className=\"rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive\">\n              <div className=\"font-medium\">{exportOptions?.emptyExportTitle ?? \"Export unavailable\"}</div>\n              <div>{errorMessage}</div>\n            </div>\n          ) : null}\n\n          <div className=\"flex justify-end gap-3 pt-2\">\n            <DesignButton variant=\"outline\" onClick={closeDialog}>\n              Cancel\n            </DesignButton>\n            <DesignButton onClick={handleExport}>\n              <DownloadSimpleIcon className=\"mr-2 h-4 w-4\" />\n              Export {titleCase(entityNamePlural)}\n            </DesignButton>\n          </div>\n        </div>\n      )}\n    </DesignDialog>\n  );\n}\n\nfunction ExportProgressContent(props: {\n  progress: ExportProgress;\n  format: DataGridExportFormat;\n  subjectLabel: string;\n}) {\n  const { progress, format, subjectLabel } = props;\n  const fileLabel = format.toUpperCase();\n  const isComplete = progress.phase === \"complete\";\n  const title = isComplete ? \"Export complete\" : `Exporting ${subjectLabel}`;\n  const description = isComplete\n    ? `Your ${fileLabel} is ready and the download should begin automatically.`\n    : `Your ${fileLabel} is being prepared from matching ${subjectLabel}.`;\n  const statusLabel = progress.phase === \"complete\"\n    ? \"Download ready\"\n    : progress.phase === \"generating\"\n      ? `Preparing ${fileLabel}`\n      : `Fetching ${subjectLabel}`;\n  const countLabel = `${progress.fetched.toLocaleString()} ${isComplete ? \"exported\" : \"fetched\"}`;\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"space-y-1\">\n        <h2 className=\"text-base font-semibold leading-snug\">{title}</h2>\n        <p className=\"text-sm text-muted-foreground\">{description}</p>\n      </div>\n\n      <div className=\"rounded-xl border border-border bg-muted/35 p-4\">\n        <div className=\"mb-3 flex items-center justify-between gap-4 text-sm\">\n          <span className=\"font-medium text-foreground\">{statusLabel}</span>\n          <span className=\"shrink-0 tabular-nums text-muted-foreground\">\n            {countLabel}\n          </span>\n        </div>\n        <div className=\"relative h-2 overflow-hidden rounded-full bg-foreground/10\">\n          {isComplete ? (\n            <div className=\"h-full w-full rounded-full bg-emerald-500/80\" />\n          ) : (\n            <div className=\"data-grid-export-progress-shimmer absolute inset-y-0 left-0 w-2/5 rounded-full bg-gradient-to-r from-transparent via-foreground/65 to-transparent\" />\n          )}\n        </div>\n      </div>\n\n      <div className=\"rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200\">\n        Do not reload this page until the export finishes. The download will start automatically.\n      </div>\n\n      <div className=\"flex justify-end gap-3 pt-2\">\n        <DesignButton variant=\"outline\" disabled>\n          Cancel\n        </DesignButton>\n      </div>\n    </div>\n  );\n}\n\nfunction buildColumnExportFields<TRow>(\n  columns: readonly DataGridColumnDef<TRow>[],\n): readonly DataGridExportField<TRow>[] {\n  const fields: DataGridExportField<TRow>[] = [];\n\n  for (const column of columns) {\n    const label = typeof column.header === \"string\" ? column.header.trim() : column.id;\n    if (label.length === 0) {\n      continue;\n    }\n\n    fields.push({\n      key: column.id,\n      label,\n      enabled: true,\n      getValue: (row) => formatColumnExportValue(column, row),\n    });\n  }\n\n  return fields;\n}\n\nfunction formatColumnExportValue<TRow>(\n  column: DataGridColumnDef<TRow>,\n  row: TRow,\n): unknown {\n  const value = resolveColumnValue(column, row);\n  if (column.formatValue != null) {\n    return column.formatValue(value, row);\n  }\n  if (column.type === \"date\" || column.type === \"dateTime\") {\n    return formatGridDate(value, \"absolute\", {\n      parseValue: column.parseValue,\n      dateFormat: column.dateFormat,\n    }).display ?? \"\";\n  }\n  return value;\n}\n\nfunction buildExportTable<TRow>(\n  rows: readonly TRow[],\n  enabledFields: readonly DataGridExportField<TRow>[],\n): ExportTable {\n  return {\n    csvHeaders: enabledFields.map((field) => field.label),\n    jsonKeys: buildJsonKeys(enabledFields),\n    rows: rows.map((row) => enabledFields.map((field) => toExportCellValue(field.getValue(row)))),\n  };\n}\n\nfunction buildJsonKeys<TRow>(\n  fields: readonly DataGridExportField<TRow>[],\n): string[] {\n  const labelCounts = new Map<string, number>();\n  for (const field of fields) {\n    labelCounts.set(field.label, (labelCounts.get(field.label) ?? 0) + 1);\n  }\n\n  const usedKeys = new Map<string, true>();\n  const keys: string[] = [];\n  for (const field of fields) {\n    const baseKey = labelCounts.get(field.label) === 1 ? field.label : `${field.label} (${field.key})`;\n    let key = baseKey;\n    let suffix = 2;\n    while (usedKeys.has(key)) {\n      key = `${baseKey} ${suffix}`;\n      suffix++;\n    }\n    usedKeys.set(key, true);\n    keys.push(key);\n  }\n\n  return keys;\n}\n\nfunction toExportCellValue(value: unknown): ExportCellValue {\n  if (value == null) {\n    return \"\";\n  }\n  if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n    return value;\n  }\n  if (typeof value === \"bigint\") {\n    return value.toString();\n  }\n  if (value instanceof Date) {\n    return value.toISOString();\n  }\n  if (typeof value === \"object\") {\n    return JSON.stringify(value);\n  }\n  return String(value);\n}\n\nfunction exportToCsv(data: ExportTable, filenamePrefix: string) {\n  const csvContent = \"\\uFEFF\" + [\n    data.csvHeaders.map(escapeCsvCell).join(\",\"),\n    ...data.rows.map((row) => row.map(escapeCsvCell).join(\",\")),\n  ].join(\"\\n\");\n  downloadFile(csvContent, `${buildExportFilename(filenamePrefix)}.csv`, \"text/csv;charset=utf-8;\");\n}\n\nfunction escapeCsvCell(value: ExportCellValue): string {\n  const rawText = String(value ?? \"\");\n  const text = typeof value === \"string\" && /^[=+\\-@\\t\\r]/.test(rawText.trimStart()) ? `'${rawText}` : rawText;\n  if (text.includes(\",\") || text.includes('\"') || text.includes(\"\\n\") || text.includes(\"\\r\")) {\n    return `\"${text.replace(/\"/g, '\"\"')}\"`;\n  }\n  return text;\n}\n\nfunction exportToJson(data: ExportTable, filenamePrefix: string) {\n  const rows = data.rows.map((row) => {\n    const jsonRow: Record<string, ExportCellValue> = {};\n    for (let i = 0; i < data.jsonKeys.length; i++) {\n      jsonRow[data.jsonKeys[i]] = row[i] ?? \"\";\n    }\n    return jsonRow;\n  });\n  const jsonString = JSON.stringify(rows, null, 2);\n  downloadFile(jsonString, `${buildExportFilename(filenamePrefix)}.json`, \"application/json\");\n}\n\nfunction downloadFile(content: string, filename: string, type: string) {\n  const blob = new Blob([content], { type });\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  try {\n    link.click();\n  } finally {\n    link.remove();\n    URL.revokeObjectURL(url);\n  }\n}\n\nfunction buildExportFilename(prefix: string) {\n  return `${prefix}-${new Date().toISOString().split(\"T\")[0]}`;\n}\n\nfunction titleCase(value: string) {\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n"],"mappings":"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"}

package/dist/esm/components/data-grid/data-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid.d.ts","names":[],"sources":["../../../../src/components/data-grid/data-grid.tsx"],"mappings":";;;;iBAmEgB,mCAAA,CAAoC,MAAA,EAAQ,WAAA;;;AAA5D;;;;;AAqhBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAgB,QAAA,MAAA,CAAe,KAAA,EAAO,aAAA,CAAc,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"data-grid.d.ts","names":[],"sources":["../../../../src/components/data-grid/data-grid.tsx"],"mappings":";;;;iBAoEgB,mCAAA,CAAoC,MAAA,EAAQ,WAAA;;;AAA5D;;;;;AAqhBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAgB,QAAA,MAAA,CAAe,KAAA,EAAO,aAAA,CAAc,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components/data-grid/data-grid.js

@@ -2,15 +2,16 @@
 
 import { ArrowDown, ArrowUp, CaretDown, CaretUp, CheckSquare, MinusSquare, Square } from "@phosphor-icons/react";
 import { cn } from "@hexclave/ui";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { exportToCsv, formatGridDate, resolveColumnValue } from "./state.js";
+import { formatGridDate, resolveColumnValue } from "./state.js";
 import { resolveDataGridStrings } from "./strings.js";
 import { throwErr } from "@hexclave/shared/dist/utils/errors";
 import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { DesignSkeleton } from "../skeleton.js";
 import { DEFAULT_COL_WIDTH, clampColumnWidth, getEffectiveMaxWidth, getEffectiveMinWidth } from "./data-grid-sizing.js";
+import { DataGridExportDialog } from "./data-grid-export-dialog.js";
 import { DataGridToolbar } from "./data-grid-toolbar.js";
 
 //#region src/components/data-grid/data-grid.tsx
@@ -428,7 +429,7 @@ function DefaultFooter({ ctx, pagination, onChange }) {
 * - `renderCell` must be a pure function — no React hooks inside.
 */
 function DataGrid(props) {
-	const { columns: allColumns, rows, getRowId, totalRowCount, isLoading = false, isRefetching = false, hasMore = false, isLoadingMore = false, onLoadMore, state, onChange, paginationMode = "paginated", selectionMode = "none", resizable = true, rowHeight: rowHeightProp = 44, estimatedRowHeight: estimatedRowHeightProp, headerHeight = 44, overscan = 5, maxHeight, fillHeight = true, stickyTop, toolbar, toolbarExtra, emptyState, loadingState, footer, footerExtra, exportFilename = "export", strings: stringsOverride, className, onRowClick, onRowDoubleClick, onSelectionChange, onSortChange, onColumnResize, onColumnVisibilityChange } = props;
+	const { columns: allColumns, rows, getRowId, totalRowCount, isLoading = false, isRefetching = false, hasMore = false, isLoadingMore = false, onLoadMore, state, onChange, paginationMode = "paginated", selectionMode = "none", resizable = true, rowHeight: rowHeightProp = 44, estimatedRowHeight: estimatedRowHeightProp, headerHeight = 44, overscan = 5, maxHeight, fillHeight = true, stickyTop, toolbar, toolbarExtra, emptyState, loadingState, footer, footerExtra, exportFilename = "export", exportOptions, strings: stringsOverride, className, onRowClick, onRowDoubleClick, onSelectionChange, onSortChange, onColumnResize, onColumnVisibilityChange } = props;
 	const isDynamicRowHeight = rowHeightProp === "auto";
 	const fixedRowHeight = isDynamicRowHeight ? void 0 : rowHeightProp;
 	const estimatedRowHeight = estimatedRowHeightProp ?? fixedRowHeight ?? 44;
@@ -665,18 +666,10 @@ function DataGrid(props) {
 		state.selection.selectedIds,
 		fireSelection
 	]);
+	const [exportDialogOpen, setExportDialogOpen] = useState(false);
 	const handleExportCsv = useCallback(() => {
-		if (typeof window !== "undefined" && rows.length > 0) {
-			const totalSuffix = totalRowCount != null && totalRowCount > rows.length ? ` of ${totalRowCount} total — load more rows first to include them` : "";
-			if (!window.confirm(`Export ${rows.length.toLocaleString()} loaded row${rows.length === 1 ? "" : "s"}${totalSuffix}?`)) return;
-		}
-		exportToCsv(rows, visibleColumns, exportFilename);
-	}, [
-		rows,
-		visibleColumns,
-		exportFilename,
-		totalRowCount
-	]);
+		setExportDialogOpen(true);
+	}, []);
 	const scrollContainerRef = useRef(null);
 	const headerScrollRef = useRef(null);
 	const stickyChromeRef = useRef(null);
@@ -768,7 +761,14 @@ function DataGrid(props) {
 		return m;
 	}, [headers]);
 	const isBounded = fillHeight || maxHeight != null;
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DataGridExportDialog, {
+		open: exportDialogOpen,
+		onOpenChange: setExportDialogOpen,
+		rows,
+		columns: visibleColumns,
+		exportFilename,
+		exportOptions
+	}), /* @__PURE__ */ jsxs("div", {
 		ref: gridRef,
 		className: cn("isolate flex w-full min-w-0 max-w-full flex-col bg-transparent rounded-[calc(var(--radius)*2)]", fillHeight ? "min-h-0 h-full" : "min-h-0 h-auto", isBounded && "overflow-hidden", className),
 		style: maxHeight != null ? {
@@ -921,7 +921,7 @@ function DataGrid(props) {
 				}), footerExtra && (typeof footerExtra === "function" ? footerExtra(footerCtx) : footerExtra)]
 			})
 		]
-	});
+	})] });
 }
 
 //#endregion