'use client'; /** * Export utilities for PDF, Excel (CSV), and JSON formats * No additional dependencies needed - uses native browser APIs */ // ─── CSV Export ─────────────────────────────────────── export function exportToCSV(data: Record[], filename: string, headers?: Record) { if (!data.length) return; const keys = Object.keys(headers || data[0]); const headerRow = headers ? Object.values(headers) : keys; const csvRows = [ // BOM for Turkish characters in Excel '\uFEFF' + headerRow.join(';'), ...data.map((row) => keys .map((key) => { const val = row[key]; if (val === null || val === undefined) return ''; const str = String(val).replace(/"/g, '""'); return `"${str}"`; }) .join(';') ), ]; const blob = new Blob([csvRows.join('\n')], { type: 'text/csv;charset=utf-8;' }); downloadBlob(blob, `${filename}.csv`); } // ─── JSON Export ────────────────────────────────────── export function exportToJSON(data: any, filename: string) { const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' }); downloadBlob(blob, `${filename}.json`); } // ─── HTML Report (printable as PDF) ─────────────────── export function exportToPDF( title: string, data: Record[], headers?: Record, options?: { subtitle?: string; companyName?: string; dateRange?: string } ) { if (!data.length) return; const keys = Object.keys(headers || data[0]); const headerLabels = headers ? Object.values(headers) : keys; const now = new Date().toLocaleDateString('tr-TR', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', }); const html = ` ${title} - Pazaryönetimi Rapor

${title}

${options?.subtitle ? `

${options.subtitle}

` : '

${data.length}

Toplam Kayıt

${headerLabels.map((h) => ``).join('')} ${data .map( (row) => `${keys .map((key) => { const val = row[key]; if (val === null || val === undefined) return ''; return ``; }) .join('')}` ) .join('')}

${h}
-	${formatCellValue(val)}

`; const printWindow = window.open('', '_blank'); if (printWindow) { printWindow.document.write(html); printWindow.document.close(); } } // ─── Helpers ────────────────────────────────────────── function downloadBlob(blob: Blob, filename: string) { const url = URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.download = filename; document.body.appendChild(link); link.click(); document.body.removeChild(link); URL.revokeObjectURL(url); } function formatCellValue(val: any): string { if (typeof val === 'number') { if (Number.isInteger(val)) return val.toLocaleString('tr-TR'); return val.toLocaleString('tr-TR', { minimumFractionDigits: 2, maximumFractionDigits: 2 }); } if (val instanceof Date) { return val.toLocaleDateString('tr-TR'); } if (typeof val === 'boolean') { return val ? 'Evet' : 'Hayır'; } return String(val); } // ─── Export Button Component ────────────────────────── import { useState } from 'react'; import { motion, AnimatePresence } from 'framer-motion'; import { Download, FileSpreadsheet, FileText, FileJson, ChevronDown } from 'lucide-react'; interface ExportButtonProps { data: Record[]; filename: string; title: string; headers?: Record; subtitle?: string; className?: string; } export function ExportButton({ data, filename, title, headers, subtitle, className }: ExportButtonProps) { const [isOpen, setIsOpen] = useState(false); const exports = [ { label: 'Excel (CSV)', icon: FileSpreadsheet, color: 'text-emerald-400', onClick: () => exportToCSV(data, filename, headers), }, { label: 'PDF Rapor', icon: FileText, color: 'text-red-400', onClick: () => exportToPDF(title, data, headers, { subtitle }), }, { label: 'JSON', icon: FileJson, color: 'text-blue-400', onClick: () => exportToJSON(data, filename), }, ]; return (

{isOpen && ( <>

setIsOpen(false)} /> {exports.map((exp) => ( ))} )}

); }