braid-ui 1.0.11 → 1.0.14

package/dist/index.cjs

@@ -5810,14 +5810,16 @@ function DatePicker({
   buttonClassName,
   calendarClassName,
   align = "start",
-  disabledDates
+  disabledDates,
+  label,
+  wrapperClassName
 }) {
   const [open, setOpen] = React15__namespace.useState(false);
   const handleSelect = (selectedDate) => {
     onDateChange?.(selectedDate);
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+  const picker = /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       Button,
       {
@@ -5846,6 +5848,13 @@ function DatePicker({
       }
     ) })
   ] });
+  if (label) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2", wrapperClassName), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
+      picker
+    ] });
+  }
+  return picker;
 }
 function DataTable({
   columns: columns2,
@@ -6097,30 +6106,26 @@ var StatementView = ({
               onChange: (e) => onAccountNumberChange(e.target.value)
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Start Date" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DatePicker,
-              {
-                date: startDate,
-                onDateChange: onStartDateChange,
-                placeholder: "Select start date",
-                buttonClassName: "w-full"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "End Date" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DatePicker,
-              {
-                date: endDate,
-                onDateChange: onEndDateChange,
-                placeholder: "Select end date",
-                buttonClassName: "w-full"
-              }
-            )
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DatePicker,
+            {
+              label: "Start Date",
+              date: startDate,
+              onDateChange: onStartDateChange,
+              placeholder: "Select start date",
+              buttonClassName: "w-full"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DatePicker,
+            {
+              label: "End Date",
+              date: endDate,
+              onDateChange: onEndDateChange,
+              placeholder: "Select end date",
+              buttonClassName: "w-full"
+            }
+          )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
@@ -11108,6 +11113,65 @@ var NotFound = () => {
   ] }) });
 };
 var NotFound_default = NotFound;
+
+// src/lib/utils/csv-utils.ts
+function escapeCsvValue(value) {
+  const stringValue = String(value);
+  if (stringValue.includes(",") || stringValue.includes('"') || stringValue.includes("\n")) {
+    return `"${stringValue.replace(/"/g, '""')}"`;
+  }
+  return stringValue;
+}
+function generateStatementCSV(header, transactions) {
+  const lines = [];
+  lines.push("Statement Information");
+  if (header.account) {
+    lines.push(`Account,${escapeCsvValue(header.account)}`);
+  }
+  if (header.productId) {
+    lines.push(`Product ID,${escapeCsvValue(header.productId)}`);
+  }
+  if (header.programId) {
+    lines.push(`Program ID,${escapeCsvValue(header.programId)}`);
+  }
+  if (header.startDate) {
+    lines.push(`Start Date,${escapeCsvValue(header.startDate)}`);
+  }
+  if (header.endDate) {
+    lines.push(`End Date,${escapeCsvValue(header.endDate)}`);
+  }
+  if (header.startingBalance) {
+    lines.push(`Starting Balance,${escapeCsvValue(header.startingBalance)}`);
+  }
+  if (header.endingBalance) {
+    lines.push(`Ending Balance,${escapeCsvValue(header.endingBalance)}`);
+  }
+  lines.push("");
+  lines.push("Transaction Summary");
+  lines.push("Transaction Type,Direction,Amount,Count");
+  transactions.forEach((transaction) => {
+    const row = [
+      escapeCsvValue(transaction.transactionType),
+      escapeCsvValue(transaction.direction),
+      escapeCsvValue(transaction.amount),
+      escapeCsvValue(transaction.count)
+    ].join(",");
+    lines.push(row);
+  });
+  return lines.join("\n");
+}
+function downloadCSV(content, filename) {
+  const blob = new Blob([content], { type: "text/csv;charset=utf-8;" });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  link.style.display = "none";
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
+}
 function Statement() {
   const [statementType, setStatementType] = React15.useState("root");
   const [selectedProgram, setSelectedProgram] = React15.useState("");
@@ -11230,7 +11294,38 @@ function Statement() {
     return false;
   };
   const handleDownloadCSV = () => {
-    console.log("Downloading CSV...");
+    if (!statementHeader || !statementTransactions.length) {
+      toast({
+        title: "No statement data",
+        description: "Please generate a statement before downloading",
+        variant: "destructive"
+      });
+      return;
+    }
+    try {
+      const csvContent = generateStatementCSV(statementHeader, statementTransactions);
+      const dateStr = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+      let filenamePart = statementType;
+      if (statementType === "program" && selectedProgram) {
+        filenamePart = `program_${selectedProgram}`;
+      } else if (statementType === "product" && selectedProduct) {
+        filenamePart = `product_${selectedProduct}`;
+      } else if (statementType === "account" && accountNumber) {
+        filenamePart = `account_${accountNumber}`;
+      }
+      const filename = `statement_${filenamePart}_${dateStr}.csv`;
+      downloadCSV(csvContent, filename);
+      toast({
+        title: "Download started",
+        description: "Your statement CSV is being downloaded"
+      });
+    } catch (error) {
+      toast({
+        title: "Download failed",
+        description: error instanceof Error ? error.message : "Failed to download CSV",
+        variant: "destructive"
+      });
+    }
   };
   const handlePrintPDF = () => {
     console.log("Printing PDF...");