import { useState, type ReactNode } from "react";
import { formatDateTime } from "@/lib/format";
import { Eye, Pencil, Printer, Trash2 } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
import {
AlertDialog,
AlertDialogAction,
AlertDialogCancel,
AlertDialogContent,
AlertDialogDescription,
AlertDialogFooter,
AlertDialogHeader,
AlertDialogTitle,
} from "@/components/ui/alert-dialog";
export type PreviewRow = { label: string; value: ReactNode };
/** Opens a clean, branded print sheet for a single record. */
export function printRecord({
title,
subtitle,
rows,
brand = "Studio 360",
}: {
title: string;
subtitle?: string | undefined;
rows: { label: string; value: string }[];
brand?: string;
}) {
const esc = (s: string) =>
s.replace(/&/g, "&").replace(//g, ">");
const body = rows
.map(
(r) =>
`| ${esc(r.label)} | ${esc(r.value === "" || r.value == null ? "—" : String(r.value))} |
|---|
`,
)
.join("");
const html = `${esc(title)}
${esc(brand)}
${esc(title)}
${subtitle ? `${esc(subtitle)}
` : ""}
`;
const w = window.open("", "_blank", "width=820,height=900");
if (!w) return;
w.document.write(html);
w.document.close();
}
/** Opens a print window for arbitrary branded HTML body content. */
export function printHtmlDocument({
title,
bodyHtml,
brand = "Studio 360",
}: {
title: string;
bodyHtml: string;
brand?: string;
}) {
const html = `${title}
${brand}
${bodyHtml}
`;
const w = window.open("", "_blank", "width=900,height=1000");
if (!w) return;
w.document.write(html);
w.document.close();
}
function IconAction({
label,
onClick,
children,
destructive,
}: {
label: string;
onClick: () => void;
children: ReactNode;
destructive?: boolean;
}) {
return (
{label}
);
}
/**
* Standard ERP row action cluster: Preview → Print → Edit → Delete.
* Only the handlers you pass are rendered, so each screen shows what it supports.
*/
export function RowActions({
onPreview,
onPrint,
onEdit,
onDelete,
deleteTitle = "Delete this record?",
deleteDescription = "This permanently removes the record. Ledger entries already posted are not affected.",
extra,
}: {
onPreview?: (() => void) | undefined;
onPrint?: (() => void) | undefined;
onEdit?: (() => void) | undefined;
onDelete?: (() => void) | undefined;
deleteTitle?: string | undefined;
deleteDescription?: string | undefined;
extra?: ReactNode | undefined;
}) {
const [confirm, setConfirm] = useState(false);
return (
{extra}
{onPreview && (
)}
{onPrint && (
)}
{onEdit && (
)}
{onDelete && (
<>
setConfirm(true)}>
{deleteTitle}
{deleteDescription}
Cancel
onDelete()}
>
Delete
)}