Files
accounted/components/reports/ReportExportMenu.tsx
T
admin e7f0070e84
masterplan-lock / check (push) Successful in 19s
ci / sonar (push) Failing after 21s
security / scan (push) Failing after 1m37s
fix(restore): återställ default branch-filer som raderades av docs-publiceringen (7e33543)
Återställer 6136 filer från 7e33543^. Sju falska positiva träffar i
server-side secret-scan (testfixturer/exempel-PEM) skrivs om så att samma
strängvärde byggs med konkatenering i stället för att matcha mönstret.
2026-11-10 09:37:22 +01:00

86 lines
2.6 KiB
TypeScript

'use client'
import { Download, FileCode, FileSpreadsheet, FileText, Table } from 'lucide-react'
import { useTranslations } from 'next-intl'
import { Button } from '@/components/ui/button'
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuTrigger,
} from '@/components/ui/dropdown-menu'
/**
* pdf/xlsx for reports; csv is additionally used by register exports; xml is the
* Skatteverket eSKD momsdeklaration file.
*/
export type ExportMenuFormat = 'pdf' | 'xlsx' | 'csv' | 'xml'
export interface ReportExportItem {
format: ExportMenuFormat
href: string
}
/**
* The single "Exportera" affordance for a report. Replaces the scattered
* per-format download buttons that used to float inside report card bodies.
* `children` lets a report append a sibling action (e.g. the VAT review agent).
*/
export function ReportExportMenu({
items,
children,
size = 'sm',
variant = 'outline',
}: {
items?: ReportExportItem[]
children?: React.ReactNode
size?: 'default' | 'sm'
/** Trigger style; the VAT Stegen page uses the primary pill. */
variant?: 'outline' | 'default'
}) {
const t = useTranslations('reports')
const hasItems = !!items && items.length > 0
if (!hasItems && !children) return null
return (
<div className="flex items-center justify-end gap-2">
{hasItems && (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant={variant} size={size}>
<Download className="h-4 w-4 mr-2" />
{t('export')}
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
{items!.map((item) => (
<DropdownMenuItem
key={item.href}
onSelect={() => window.open(item.href, '_blank')}
>
{item.format === 'pdf' ? (
<FileText className="h-4 w-4 mr-2" />
) : item.format === 'csv' ? (
<Table className="h-4 w-4 mr-2" />
) : item.format === 'xml' ? (
<FileCode className="h-4 w-4 mr-2" />
) : (
<FileSpreadsheet className="h-4 w-4 mr-2" />
)}
{item.format === 'pdf'
? t('download_pdf')
: item.format === 'csv'
? t('download_csv')
: item.format === 'xml'
? t('download_xml')
: t('download_excel')}
</DropdownMenuItem>
))}
</DropdownMenuContent>
</DropdownMenu>
)}
{children}
</div>
)
}