@tonzxz/government-forms 0.1.0

package/dist/reports/stock-card/utils.js

@@ -0,0 +1,248 @@
+import * as XLSX from "xlsx-js-style";
+export const EMPTY_ENTRY = {
+    transactionDate: "",
+    referenceDoc: "",
+    receiptQty: "0",
+    office: "",
+    issueQty: "0",
+    balanceQty: "0",
+    daysToConsume: "",
+};
+export const EMPTY_FORM = {
+    itemCode: "",
+    itemName: "",
+    reorderPoint: "",
+    unitOfMeasurement: "",
+    warehouse: "",
+    entries: [EMPTY_ENTRY],
+};
+export function generateScNo(index, itemCode) {
+    const sanitized = (itemCode || "ITEM").replace(/\s+/g, "-").toUpperCase();
+    const year = new Date().getFullYear();
+    return `SC-${sanitized}-${year}-${String(index).padStart(4, "0")}`;
+}
+export function formatQty(value) {
+    const num = typeof value === "string" ? Number(value) : value;
+    if (Number.isNaN(num))
+        return "0.00";
+    return num.toFixed(2);
+}
+export function formatScDate(value) {
+    if (!value)
+        return "";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleDateString("en-PH", {
+        year: "numeric",
+        month: "long",
+        day: "2-digit",
+    });
+}
+export function formatDateTime(value) {
+    if (!value)
+        return "";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleString("en-PH", {
+        year: "numeric",
+        month: "short",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+    });
+}
+export function computeRunningBalance(entries) {
+    return entries.reduce((sum, entry) => {
+        const receipt = Number(entry.receiptQty) || 0;
+        const issue = Number(entry.issueQty) || 0;
+        return sum + receipt - issue;
+    }, 0).toFixed(2);
+}
+function cell(value, kind) {
+    return { value, kind };
+}
+function sheetCellClassName(kind) {
+    switch (kind) {
+        case "title":
+            return "font-bold text-center text-sm";
+        case "meta":
+            return "text-xs";
+        case "header":
+            return "font-semibold text-center text-xs bg-slate-100";
+        case "item-text":
+            return "text-xs";
+        case "item-center":
+            return "text-xs text-center";
+        case "item-number":
+            return "text-xs text-right";
+        case "blank":
+            return "";
+    }
+}
+export const STOCK_CARD_ROWS_PER_PAGE = 44;
+export function formatStockCardEntryDate(value) {
+    if (!value)
+        return "";
+    const date = new Date(value);
+    return Number.isNaN(date.getTime()) ? value : date.toLocaleDateString("en-PH", {
+        year: "numeric", month: "short", day: "numeric",
+    });
+}
+export function buildStockCardSheetModel(record) {
+    const sorted = [...record.entries].sort((a, b) => new Date(a.transactionDate).getTime() - new Date(b.transactionDate).getTime());
+    const rows = [];
+    const merges = [];
+    const rowHeights = [];
+    let balance = 0;
+    const pageCount = Math.max(1, Math.ceil(sorted.length / STOCK_CARD_ROWS_PER_PAGE));
+    for (let page = 0; page < pageCount; page++) {
+        const offset = rows.length;
+        const row = (values, kinds = [], height = 15) => {
+            rows.push(Array.from({ length: 7 }, (_, i) => cell(values[i] ?? "", kinds[i] ?? "blank")));
+            rowHeights.push({ hpt: height });
+        };
+        const merge = (r, c, er, ec) => {
+            merges.push({ s: { r: offset + r, c }, e: { r: offset + er, c: ec } });
+        };
+        row(["STOCK CARD"], ["title"], 28);
+        row(["BUREAU OF COMMUNICATIONS SERVICES"], ["title"], 24);
+        row(["Agency"], ["title"], 21);
+        row([
+            `Item: ${record.itemCode}`, "", `Description: ${record.itemName}`, "", "",
+            `Stock No: ${record.stockCardNo}`,
+        ], ["meta", "blank", "meta", "blank", "blank", "meta"], 22);
+        row(["", "", "", "", "", `Re-order Point: ${record.reorderPoint}`], ["meta", "blank", "meta", "blank", "blank", "meta"], 22);
+        row(["Date", "Ref.", "Receipt", "Issuance", "", "Balance", "No. of Days to Consume"], Array(7).fill("header"), 18);
+        row(["", "", "Quantity", "Quantity", "Office/Officer", "Quantity"], Array(7).fill("header"), 18);
+        for (let r = 0; r < 3; r++)
+            merge(r, 0, r, 6);
+        for (let r = 3; r < 5; r++) {
+            merge(r, 0, r, 1);
+            merge(r, 2, r, 4);
+            merge(r, 5, r, 6);
+        }
+        merge(5, 0, 6, 0);
+        merge(5, 1, 6, 1);
+        merge(5, 3, 5, 4);
+        merge(5, 6, 6, 6);
+        const entries = sorted.slice(page * STOCK_CARD_ROWS_PER_PAGE, (page + 1) * STOCK_CARD_ROWS_PER_PAGE);
+        for (const entry of entries) {
+            balance += (Number(entry.receiptQty) || 0) - (Number(entry.issueQty) || 0);
+            row([formatStockCardEntryDate(entry.transactionDate), entry.referenceDoc || "",
+                formatQty(entry.receiptQty), formatQty(entry.issueQty), entry.office || "",
+                formatQty(balance), entry.daysToConsume || ""], ["item-center", "item-text", "item-number", "item-number", "item-text", "item-number", "item-center"]);
+        }
+        for (let i = entries.length; i < STOCK_CARD_ROWS_PER_PAGE; i++)
+            row([]);
+        row([page > 0 ? "... continued from previous page" : ""], ["item-text"]);
+        merge(51, 0, 51, 6);
+    }
+    return { rows, merges, rowHeights, cols: [16, 22, 12, 12, 24, 12, 16].map(wch => ({ wch })) };
+}
+export function getExcelPreviewCellClassName(kind) {
+    return sheetCellClassName(kind);
+}
+export function makeEmptyForm() {
+    return { ...EMPTY_FORM, entries: [{ ...EMPTY_ENTRY }] };
+}
+const blackBorder = {
+    top: { style: "thin", color: { rgb: "000000" } },
+    bottom: { style: "thin", color: { rgb: "000000" } },
+    left: { style: "thin", color: { rgb: "000000" } },
+    right: { style: "thin", color: { rgb: "000000" } },
+};
+function xlsxCellStyle(val, kind) {
+    const base = { t: typeof val === "number" ? "n" : "s", v: val, s: { border: blackBorder, fill: { fgColor: { rgb: "FBF7E9" } }, alignment: { vertical: "center", wrapText: true } } };
+    switch (kind) {
+        case "title":
+            base.s = { ...base.s, font: { name: "Times New Roman", bold: true, sz: 14 }, alignment: { horizontal: "center" } };
+            break;
+        case "meta":
+            base.s = { ...base.s, font: { name: "Times New Roman", sz: 10 } };
+            break;
+        case "header":
+            base.s = { ...base.s, font: { name: "Times New Roman", bold: true, sz: 10 }, alignment: { horizontal: "center", wrapText: true } };
+            break;
+        case "item-number":
+            base.t = "n";
+            base.v = typeof val === "string" ? Number(val) || 0 : val;
+            base.s = { ...base.s, alignment: { horizontal: "right" }, font: { name: "Times New Roman", sz: 10 } };
+            break;
+        case "item-center":
+            base.s = { ...base.s, alignment: { horizontal: "center" }, font: { name: "Times New Roman", sz: 10 } };
+            break;
+        case "item-text":
+            base.s = { ...base.s, font: { name: "Times New Roman", sz: 10 } };
+            break;
+        default:
+            base.s = { ...base.s, font: { name: "Times New Roman", sz: 10 } };
+    }
+    return base;
+}
+export function exportStockCardXlsx(record) {
+    const model = buildStockCardSheetModel(record);
+    const ws = XLSX.utils.aoa_to_sheet(model.rows.map(row => row.map(c => c.value)));
+    ws["!merges"] = model.merges;
+    ws["!cols"] = model.cols;
+    ws["!rows"] = model.rowHeights.map(r => ({ hpt: r.hpt }));
+    ws["!margins"] = { left: 0.04, right: 0.04, top: 0.04, bottom: 0.04, header: 0, footer: 0 };
+    ws["!printArea"] = XLSX.utils.encode_range({ s: { r: 0, c: 0 }, e: { r: model.rows.length - 1, c: 6 } });
+    ws["!pageSetup"] = {
+        paperSize: 9,
+        orientation: "portrait",
+        fitToPage: true,
+        fitToWidth: 1,
+        fitToHeight: 0,
+        margins: { left: 0.7, right: 0.7, top: 0.75, bottom: 0.75, header: 0.3, footer: 0.3 },
+    };
+    for (let rowIndex = 0; rowIndex < model.rows.length; rowIndex += 1) {
+        for (let colIndex = 0; colIndex < model.rows[rowIndex].length; colIndex += 1) {
+            const addr = XLSX.utils.encode_cell({ r: rowIndex, c: colIndex });
+            const cellRef = ws[addr];
+            if (cellRef) {
+                const kind = model.rows[rowIndex][colIndex].kind;
+                cellRef.s = xlsxCellStyle(cellRef.v, kind).s ?? {};
+                const pageRow = rowIndex % (STOCK_CARD_ROWS_PER_PAGE + 8);
+                if (pageRow === 51) {
+                    cellRef.s.border = {};
+                    cellRef.s.alignment = { horizontal: "right" };
+                }
+                if (pageRow < 3) {
+                    cellRef.s.border = {};
+                    cellRef.s.font = { name: "Times New Roman", bold: true, sz: [22.5, 18, 12][pageRow] };
+                }
+                if (kind === "item-number") {
+                    cellRef.t = "n";
+                    cellRef.v = Number(cellRef.v);
+                    cellRef.z = "0.00";
+                }
+            }
+        }
+    }
+    const wb = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(wb, ws, "Stock Card");
+    XLSX.writeFile(wb, `${record.stockCardNo}.xlsx`);
+}
+export function exportStockCardCsv(record) {
+    const header = "Stock Card No,Item Code,Item Name,Warehouse";
+    const meta = `${record.stockCardNo},${record.itemCode},${record.itemName},${record.warehouse}`;
+    const columnHeaders = "Date,Reference,Receipt Qty,Issue Qty,Office/Officer,Balance Qty";
+    const sorted = [...record.entries].sort((a, b) => new Date(a.transactionDate).getTime() - new Date(b.transactionDate).getTime());
+    let runningBalance = 0;
+    const rows = sorted.map(entry => {
+        const receipt = Number(entry.receiptQty) || 0;
+        const issue = Number(entry.issueQty) || 0;
+        runningBalance += receipt - issue;
+        return `${entry.transactionDate},${entry.referenceDoc},${entry.receiptQty},${entry.issueQty},${entry.office},${runningBalance.toFixed(2)}`;
+    });
+    const csv = [header, meta, "", columnHeaders, ...rows].join("\n");
+    const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = `${record.stockCardNo}.csv`;
+    link.click();
+    URL.revokeObjectURL(url);
+}

package/dist/reports/wmr/_components/create-form.d.ts

@@ -0,0 +1,22 @@
+import type { WmrBasicForm, WmrBasicFormItem } from "../types.js";
+type WmrCreateFormProps = {
+    wmrNo: string;
+    onRefreshWmrNo: () => void;
+    form: WmrBasicForm;
+    onFieldChange: <K extends keyof WmrBasicForm>(field: K, value: WmrBasicForm[K]) => void;
+    onItemFieldChange: (index: number, field: keyof WmrBasicFormItem, value: string) => void;
+    onAddItem: () => void;
+    onRemoveItem: (index: number) => void;
+    requestReferenceOptions?: Array<{
+        id: string;
+        label: string;
+    }>;
+    selectedRequestReferenceId?: string;
+    onSelectRequestReference?: (id: string) => void;
+    /** Hide the "Record of Sales" columns (OR No. / Sale Date / Amount). */
+    hideSalesFields?: boolean;
+    /** Hide the add-row / remove-row controls. */
+    lockItems?: boolean;
+};
+export declare function WastematerialReportWmrCreateForm({ wmrNo, onRefreshWmrNo, form, onFieldChange, onItemFieldChange, onAddItem, onRemoveItem, requestReferenceOptions, selectedRequestReferenceId, onSelectRequestReference, hideSalesFields, lockItems, }: WmrCreateFormProps): import("react/jsx-runtime").JSX.Element;
+export { WmrDocumentPreview as WastematerialReportWmrDocumentPreview } from "./document-preview.js";

package/dist/reports/wmr/_components/create-form.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Calendar03Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { format } from "date-fns";
+import { ConfigurableFormLayout, } from "../../../internal/components/configurable-form-layout.js";
+import { Button } from "../../../internal/components/ui/button.js";
+import { Calendar } from "../../../internal/components/ui/calendar.js";
+import { DateInput } from "../../../internal/components/ui/date-input.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../internal/components/ui/popover.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../../internal/components/ui/select.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../internal/components/ui/tabs.js";
+import { cn } from "../../../internal/lib/utils.js";
+// ─── Shared text input class ───────────────────────────────────────────────────
+const fieldCls = "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 " +
+    "placeholder:text-gray-400 " +
+    "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 " +
+    "dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:placeholder:text-gray-500";
+const labelCls = "mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300";
+// ─── Date Picker ───────────────────────────────────────────────────────────────
+function DatePicker({ value, onChange, placeholder = "Pick a date", }) {
+    const [open, setOpen] = useState(false);
+    const selected = value ? new Date(value) : undefined;
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { className: cn("w-full justify-start border border-gray-300 bg-white text-left text-sm font-normal text-gray-900", "inline-flex items-center gap-2 rounded-md px-3 py-2 shadow-xs", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:border-destructive aria-invalid:ring-destructive/20", "dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:hover:bg-gray-800", "dark:focus-visible:border-ring dark:focus-visible:ring-ring/50", !value && "text-gray-400 dark:text-gray-500"), children: [_jsx(HugeiconsIcon, { icon: Calendar03Icon, className: "mr-2 size-4 shrink-0 opacity-70" }), value ? format(new Date(value), "MMM dd, yyyy") : placeholder] }), _jsx(PopoverContent, { className: "w-auto p-0 dark:border-gray-700 dark:bg-gray-900", align: "start", children: _jsx(Calendar, { mode: "single", selected: selected, onSelect: date => {
+                        onChange(date ? format(date, "yyyy-MM-dd") : "");
+                        setOpen(false);
+                    }, initialFocus: true }) })] }));
+}
+// ─── Shadcn Select wrapper ─────────────────────────────────────────────────────
+function FieldSelect({ value, onValueChange, placeholder, options, }) {
+    const normalizedOptions = options.map(option => typeof option === "string" ? { value: option, label: option } : option);
+    return (_jsxs(Select, { value: value, onValueChange: val => val !== null && onValueChange(val), children: [_jsx(SelectTrigger, { className: cn("w-full border-gray-300 bg-white text-sm text-gray-900", "dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100", !value && "text-gray-400 dark:text-gray-500"), children: _jsx(SelectValue, { children: _jsx("span", { children: value || placeholder }) }) }), _jsx(SelectContent, { className: "dark:border-gray-700 dark:bg-gray-900", children: normalizedOptions.map(opt => (_jsx(SelectItem, { value: opt.value, className: "text-gray-900 dark:text-gray-100 dark:focus:bg-gray-800", children: opt.label }, opt.value))) })] }));
+}
+export function WastematerialReportWmrCreateForm({ wmrNo, onRefreshWmrNo, form, onFieldChange, onItemFieldChange, onAddItem, onRemoveItem, requestReferenceOptions = [], selectedRequestReferenceId = "", onSelectRequestReference, hideSalesFields = false, lockItems = false, }) {
+    const fields = [
+        {
+            id: "schoolStorageName",
+            label: "Place of Storage *",
+            render: () => (_jsx("input", { value: form.schoolStorageName, onChange: e => onFieldChange("schoolStorageName", e.target.value), placeholder: "Name of School Storage", className: fieldCls })),
+        },
+        {
+            id: "reportDate",
+            label: "Report Date *",
+            render: () => (_jsx(DatePicker, { value: form.reportDate, onChange: val => onFieldChange("reportDate", val), placeholder: "Select report date" })),
+        },
+        {
+            id: "referenceDoc",
+            label: "Fund Cluster",
+            fullWidth: true,
+            render: () => (_jsx("input", { value: form.referenceDoc, onChange: e => onFieldChange("referenceDoc", e.target.value), placeholder: "e.g. 101-1", className: fieldCls })),
+        },
+    ];
+    return (_jsxs(Tabs, { defaultValue: "basic", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "basic", children: "Basic Info" }), _jsx(TabsTrigger, { value: "items", children: "Items" })] }), _jsxs(TabsContent, { value: "basic", className: "mt-4 space-y-4", children: [_jsx("div", { className: "rounded-md border border-emerald-200 bg-emerald-50 p-4 dark:border-emerald-800/60 dark:bg-emerald-950/30", children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground text-xs font-medium dark:text-gray-400", children: "Auto-Generated WMR Number" }), _jsx("p", { className: "mt-0.5 text-2xl font-semibold text-slate-700 dark:text-gray-100", children: wmrNo })] }), _jsx("button", { type: "button", onClick: onRefreshWmrNo, className: "border-input rounded-md border bg-white px-3 py-1.5 text-xs font-medium hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700", children: "Refresh" })] }) }), requestReferenceOptions.length > 0 && (_jsxs("fieldset", { className: "border-border/60 min-w-0 space-y-3 rounded-md border p-4 dark:border-gray-700/60", children: [_jsx("legend", { className: "text-muted-foreground px-1 text-xs font-semibold dark:text-gray-400", children: "Reference End User Request" }), _jsxs("div", { children: [_jsx("label", { className: labelCls, children: "Select Submitted End User Request" }), _jsx(FieldSelect, { value: selectedRequestReferenceId, onValueChange: val => onSelectRequestReference?.(val), placeholder: "Select request to auto-fill WMR form", options: requestReferenceOptions.map(option => ({
+                                            value: option.id,
+                                            label: option.label,
+                                        })) }), selectedRequestReferenceId ? (_jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: requestReferenceOptions.find(option => option.id === selectedRequestReferenceId)
+                                            ?.label })) : null] })] })), _jsxs("fieldset", { className: "border-border/60 rounded-md border p-4 dark:border-gray-700/60", children: [_jsx("legend", { className: "text-muted-foreground px-1 text-xs font-semibold dark:text-gray-400", children: "Report Information" }), _jsx(ConfigurableFormLayout, { formKey: "wmr-report-info", fields: fields })] })] }), _jsx(TabsContent, { value: "items", className: "mt-4 min-w-0 space-y-4", children: _jsxs("fieldset", { className: "border-border/60 space-y-3 rounded-md border p-4 dark:border-gray-700/60", children: [_jsx("legend", { className: "text-muted-foreground px-1 text-xs font-semibold dark:text-gray-400", children: "Items for Disposal" }), _jsx("div", { className: "min-w-0 space-y-4", children: form.items.map((item, index) => (_jsxs("section", { "aria-label": `Disposal item ${index + 1}`, className: "bg-card min-w-0 space-y-4 rounded-lg border p-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("h4", { className: "text-sm font-semibold", children: ["Item ", index + 1] }), !lockItems && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: form.items.length <= 1, onClick: () => onRemoveItem(index), "aria-label": `Remove item ${index + 1}`, className: "text-destructive", children: "Remove" }))] }), _jsxs("label", { className: "block min-w-0 space-y-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Item name" }), _jsx("input", { type: "text", value: item.item, onChange: event => onItemFieldChange(index, "item", event.target.value), className: "bg-background text-foreground w-full min-w-0 rounded-md border px-3 py-2 text-sm" })] }), _jsxs("div", { className: "grid min-w-0 grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("label", { className: "block min-w-0 space-y-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Quantity" }), _jsx("input", { type: "number", min: 0, step: "0.01", value: item.quantity, onChange: event => onItemFieldChange(index, "quantity", event.target.value), className: "bg-background text-foreground w-full min-w-0 rounded-md border px-3 py-2 text-sm" })] }), _jsxs("label", { className: "block min-w-0 space-y-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Unit" }), _jsx("input", { type: "text", value: item.unit, onChange: event => onItemFieldChange(index, "unit", event.target.value), className: "bg-background text-foreground w-full min-w-0 rounded-md border px-3 py-2 text-sm" })] })] }), _jsxs("label", { className: "block min-w-0 space-y-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Description" }), _jsx("textarea", { rows: 3, value: item.description, onChange: event => onItemFieldChange(index, "description", event.target.value), className: "bg-background text-foreground w-full min-w-0 resize-y rounded-md border px-3 py-2 text-sm" })] }), !hideSalesFields && (_jsxs("div", { className: "min-w-0 space-y-4 border-t pt-4", children: [_jsx("h5", { className: "text-muted-foreground text-xs font-semibold", children: "Record of Sales" }), _jsxs("label", { className: "block min-w-0 space-y-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Official Receipt No." }), _jsx("input", { type: "text", value: item.officialReceiptNo, onChange: event => onItemFieldChange(index, "officialReceiptNo", event.target.value), className: "bg-background text-foreground w-full min-w-0 rounded-md border px-3 py-2 text-sm" })] }), _jsxs("div", { className: "grid min-w-0 grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "min-w-0 space-y-1", children: [_jsx("label", { htmlFor: `wmr-sale-date-${index}`, className: "text-sm font-medium", children: "Sale Date" }), _jsx(DateInput, { id: `wmr-sale-date-${index}`, value: item.saleDate, onValueChange: value => onItemFieldChange(index, "saleDate", value), className: "w-full min-w-0" })] }), _jsxs("label", { className: "block min-w-0 space-y-1", children: [_jsx("span", { className: "text-sm font-medium", children: "Amount" }), _jsx("input", { type: "number", min: 0, step: "0.01", value: item.amount, onChange: event => onItemFieldChange(index, "amount", event.target.value), className: "bg-background text-foreground w-full min-w-0 rounded-md border px-3 py-2 text-sm" })] })] })] }))] }, index))) }), !lockItems && (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onAddItem, children: "+ Add Item" }))] }) })] }));
+}
+// ─── Re-export document preview for backward compatibility ─────────────────────
+export { WmrDocumentPreview as WastematerialReportWmrDocumentPreview } from "./document-preview.js";

package/dist/reports/wmr/_components/document-preview.d.ts

@@ -0,0 +1,10 @@
+import type { WmrBasicForm, WmrRecord } from "../types.js";
+type WmrDocumentPreviewProps = {
+    wmrNo: string;
+    form: WmrBasicForm;
+};
+export declare function WmrDocumentPreview({ wmrNo, form }: WmrDocumentPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function WmrRecordPreview({ record }: {
+    record: WmrRecord;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/reports/wmr/_components/document-preview.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatCurrency, formatDate } from "../utils.js";
+const ITEMS_PER_PAGE = 17;
+function mapLine(form, dataItem, i) {
+    const index = i + 1;
+    return {
+        index,
+        item: dataItem.item || "",
+        quantity: dataItem.quantity || "",
+        unit: dataItem.unit || "",
+        description: dataItem.description || "",
+        officialReceiptNo: dataItem.officialReceiptNo || "",
+        saleDate: dataItem.saleDate ? formatDate(dataItem.saleDate) : "",
+        amount: dataItem.amount ? formatCurrency(Number(dataItem.amount)) : "",
+    };
+}
+function WmrPage({ form, lines, totalAmount, wmrNo, isLastPage, }) {
+    return (_jsx("div", { className: "wmr-a4-page psms-print-preview mx-auto min-h-[1123px] w-[794px] border-[1.5px] border-slate-700 bg-white font-serif text-[11px] text-black shadow-[inset_0_0_0_1px_rgba(15,23,42,0.08)]", "data-pdf-page": "true", children: _jsxs("div", { className: "p-5", children: [_jsx("h4", { className: "mb-2 text-center text-2xl font-bold tracking-wide", children: "WASTE MATERIALS REPORT" }), _jsxs("div", { className: "mb-2 flex justify-between text-[12px]", children: [_jsx("span", { className: "font-bold", children: "Entity Name : PCIC ASSET MANAGEMENT DIVISION" }), _jsxs("span", { children: ["Fund Cluster : ", form.referenceDoc || "101-1"] })] }), _jsxs("table", { className: "w-full border-collapse border border-black text-[11px]", children: [_jsxs("thead", { children: [_jsxs("tr", { children: [_jsxs("th", { colSpan: 4, className: "border border-black px-2 py-1 text-left text-[11px] font-normal", children: ["Place of Storage : ", form.schoolStorageName || "-"] }), _jsxs("th", { colSpan: 3, className: "border border-black px-2 py-1 text-left text-[11px] font-normal", children: ["Date : ", formatDate(form.reportDate)] })] }), _jsx("tr", { children: _jsx("th", { colSpan: 7, className: "border border-black px-2 py-1 text-left text-[12px] font-bold", children: "ITEMS FOR DISPOSAL" }) }), _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "border border-black px-2 py-2 text-center leading-4 font-bold", children: "Item" }), _jsx("th", { scope: "col", className: "border border-black px-2 py-2 text-center leading-4 font-bold", children: "Quantity" }), _jsx("th", { scope: "col", className: "border border-black px-2 py-2 text-center leading-4 font-bold", children: "Unit" }), _jsx("th", { scope: "col", className: "border border-black px-2 py-2 text-center leading-4 font-bold", children: "Description" }), _jsxs("th", { scope: "col", className: "border border-black px-2 py-2 text-center leading-4 font-bold", children: ["Record of Sales", _jsx("br", {}), "Official Receipt No."] }), _jsxs("th", { scope: "col", className: "border border-black px-2 py-2 text-center leading-4 font-bold", children: ["Record of Sales", _jsx("br", {}), "Official Receipt Date"] }), _jsxs("th", { scope: "col", className: "border border-black px-2 py-2 text-center leading-4 font-bold", children: ["Record of Sales", _jsx("br", {}), "Amount"] })] })] }), _jsxs("tbody", { children: [Array.from({ length: ITEMS_PER_PAGE }).map((_, slotIndex) => {
+                                    const line = slotIndex < lines.length ? lines[slotIndex] : null;
+                                    return (_jsxs("tr", { children: [_jsx("td", { className: "border border-black px-1 py-1 text-center leading-4", children: line ? line.item : "\u00A0" }), _jsx("td", { className: "border border-black px-1 py-1 text-center leading-4", children: line ? line.quantity : "\u00A0" }), _jsx("td", { className: "border border-black px-1 py-1 text-center leading-4", children: line ? line.unit : "\u00A0" }), _jsx("td", { className: "border border-black px-2 py-1 leading-4", children: line ? line.description : "\u00A0" }), _jsx("td", { className: "border border-black px-1 py-1 text-center leading-4", children: line ? line.officialReceiptNo : "\u00A0" }), _jsx("td", { className: "border border-black px-1 py-1 text-center leading-4", children: line ? line.saleDate : "\u00A0" }), _jsx("td", { className: "border border-black px-1 py-1 text-right leading-4", children: line ? line.amount : "\u00A0" })] }, `wmr-row-${slotIndex}`));
+                                }), isLastPage && (_jsxs("tr", { children: [_jsx("td", { colSpan: 4, className: "border border-black px-2 py-1 text-center font-bold", children: "TOTAL" }), _jsx("td", { className: "border border-black px-1 py-1" }), _jsx("td", { className: "border border-black px-1 py-1" }), _jsx("td", { className: "border border-black px-2 py-1 text-right font-bold", children: totalAmount > 0 ? formatCurrency(totalAmount) : "" })] }))] })] }), isLastPage ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "border border-black", children: [_jsx("div", { className: "border-b border-black px-2 py-1 text-[12px]", children: "Certified Correct :" }), _jsxs("div", { className: "grid grid-cols-2 border-b border-black", children: [_jsx("div", { className: "border-r border-black px-2 py-3 text-center", children: _jsx("div", { className: "mt-7 border-t border-black pt-1 text-[12px]", children: "Signature over Printed Name of Supply and/or Property Custodian" }) }), _jsx("div", { className: "px-2 py-3 text-center", children: _jsx("div", { className: "mt-7 border-t border-black pt-1 text-[12px]", children: "Signature over Printed Name of Head of Agency/Entity or his/her Authorized Representative" }) })] }), _jsx("div", { className: "border-b border-black px-2 py-1 text-center text-[12px] font-bold", children: "CERTIFICATE OF INSPECTION" }), _jsxs("div", { className: "border-b border-black px-2 py-2 text-[12px]", children: ["I hereby certify that the property enumerated above was disposed of as follows:", _jsxs("div", { className: "mt-2 space-y-1 pl-9", children: [_jsx("p", { children: "Item ________ Destroyed" }), _jsx("p", { children: "Item ________ Sold at private sale" }), _jsx("p", { children: "Item ________ Sold at public auction" }), _jsx("p", { children: "Item ________ Transferred without cost to ________________________" })] })] }), _jsxs("div", { className: "grid grid-cols-2", children: [_jsxs("div", { className: "border-r border-black px-2 py-2 text-[12px]", children: [_jsx("p", { children: "Certified Correct:" }), _jsx("div", { className: "mt-8 border-t border-black" })] }), _jsxs("div", { className: "px-2 py-2 text-[12px]", children: [_jsx("p", { children: "Witness to Disposal:" }), _jsx("div", { className: "mt-8 border-t border-black" })] })] })] }), _jsxs("p", { className: "mt-2 text-[10px] text-gray-600", children: ["WMR No: ", wmrNo] })] })) : (lines.length > 0 && (_jsx("p", { className: "mt-2 text-right text-[10px] text-gray-400", children: "... continued on next page" })))] }) }));
+}
+export function WmrDocumentPreview({ wmrNo, form }) {
+    const items = form.items;
+    const totalAmount = items.reduce((sum, item) => sum + (Number(item.amount) || 0), 0);
+    const pages = [];
+    for (let i = 0; i < items.length; i += ITEMS_PER_PAGE) {
+        pages.push({ items: items.slice(i, i + ITEMS_PER_PAGE) });
+    }
+    if (pages.length === 0)
+        pages.push({ items: [] });
+    return (_jsx("div", { className: "mx-auto w-full max-w-full overflow-x-auto", children: _jsx("div", { className: "mx-auto w-fit space-y-6 rounded-[18px] border border-slate-300 bg-[linear-gradient(180deg,#ffffff_0%,#fcfcfc_100%)] p-4 shadow-[0_18px_40px_-24px_rgba(15,23,42,0.35)] dark:border-slate-600 dark:bg-[linear-gradient(180deg,#1e293b_0%,#0f172a_100%)]", children: pages.map((page, i) => (_jsx(WmrPage, { form: form, lines: page.items.map((item, idx) => mapLine(form, item, i * ITEMS_PER_PAGE + idx)), totalAmount: totalAmount, wmrNo: wmrNo, isLastPage: i === pages.length - 1 }, i))) }) }));
+}
+export function WmrRecordPreview({ record }) {
+    return (_jsx(WmrDocumentPreview, { wmrNo: record.wmrNo, form: {
+            schoolStorageName: record.schoolStorageName,
+            reportDate: record.reportDate,
+            sourceProcess: record.sourceProcess,
+            wasteType: record.wasteType,
+            assessedValue: String(record.assessedValue),
+            disposition: record.disposition,
+            referenceDoc: record.referenceDoc,
+            items: record.items?.length
+                ? record.items.map(item => ({ ...item }))
+                : [
+                    {
+                        item: record.item,
+                        quantity: String(record.quantity),
+                        unit: record.unit || "",
+                        description: record.description,
+                        recordOfSales: record.recordOfSales,
+                        officialReceiptNo: record.officialReceiptNo,
+                        saleDate: record.saleDate,
+                        amount: String(record.amount),
+                    },
+                ],
+        } }));
+}

package/dist/reports/wmr/types.d.ts

@@ -0,0 +1,45 @@
+export type WmrStatus = "Draft" | "Submitted" | "Approved" | "Closed" | "Returned" | "Cancelled";
+export type WmrBasicFormItem = {
+    item: string;
+    quantity: string;
+    unit: string;
+    description: string;
+    recordOfSales: string;
+    officialReceiptNo: string;
+    saleDate: string;
+    amount: string;
+};
+export type WmrRecord = {
+    id: string;
+    wmrNo: string;
+    schoolStorageName: string;
+    reportDate: string;
+    item: string;
+    quantity: number;
+    unit: string;
+    description: string;
+    recordOfSales: string;
+    officialReceiptNo: string;
+    saleDate: string;
+    amount: number;
+    sourceProcess: string;
+    wasteType: string;
+    assessedValue: number;
+    disposition: string;
+    referenceDoc: string;
+    status: WmrStatus;
+    note?: string;
+    updatedAt: string;
+    updatedBy: string;
+    items?: WmrBasicFormItem[];
+};
+export type WmrBasicForm = {
+    schoolStorageName: string;
+    reportDate: string;
+    sourceProcess: string;
+    wasteType: string;
+    assessedValue: string;
+    disposition: string;
+    referenceDoc: string;
+    items: WmrBasicFormItem[];
+};

package/dist/reports/wmr/types.js

@@ -0,0 +1 @@
+export {};

package/dist/reports/wmr/utils.d.ts

@@ -0,0 +1,32 @@
+import * as XLSX from "xlsx-js-style";
+import type { WmrBasicForm, WmrBasicFormItem, WmrRecord } from "./types.js";
+export declare function generateWmrNo(records: number | Pick<WmrRecord, "wmrNo">[]): string;
+export declare function formatCurrency(value: number): string;
+export declare function formatDateTime(value: string): string;
+export declare function formatDate(value: string): string;
+export declare const EMPTY_ITEM: WmrBasicFormItem;
+export declare const EMPTY_BASIC_FORM: WmrBasicForm;
+export declare const WASTE_TYPE_OPTIONS: readonly ["Condemned Equipment", "Scrap Materials", "Unserviceable Property", "Expired Supplies", "Damaged Goods", "Other Waste"];
+export declare const DISPOSITION_OPTIONS: readonly ["Sale", "Disposal", "Transfer", "Destruction", "Auction", "Other"];
+export declare const SOURCE_PROCESS_OPTIONS: readonly ["Annual Inventory", "Property Inspection", "Disposal Committee", "Condemnation", "Other"];
+type WmrCellKind = "title" | "meta" | "header" | "item-text" | "item-center" | "item-number" | "blank";
+export type WmrSheetCell = {
+    value: string | number;
+    kind: WmrCellKind;
+};
+export type WmrSheetModel = {
+    rows: WmrSheetCell[][];
+    merges: XLSX.Range[];
+    cols: {
+        wch: number;
+    }[];
+    rowHeights: {
+        hpt: number;
+    }[];
+};
+export declare function recordToForm(record: WmrRecord): WmrBasicForm;
+export declare function buildWmrSheetModel(record: WmrRecord): WmrSheetModel;
+export declare function getExcelPreviewCellClassName(kind: WmrCellKind): string;
+export declare function exportWmrXlsx(record: WmrRecord): void;
+export declare function exportWmrCsv(record: WmrRecord): void;
+export {};