@tonzxz/government-forms 0.1.0

package/dist/reports/pr/utils.js

@@ -0,0 +1,572 @@
+import * as XLSX from "xlsx-js-style";
+export { getInventoryCategoryForPr, getPrSubtypeOptions, isPurchaseOrderEligiblePr, PR_OTHER_SUBTYPES, PR_REQUEST_TYPES, PR_SERVICE_SUBTYPES, requiresPrSubtype, shouldBypassPrForIar, } from "../../gam/purchase-request/workflow.js";
+export const PR_OFFICE_SECTION_OPTIONS = [
+    "FAD - Personnel Section",
+    "FAD - General Services",
+    "FAD - Accounting Section",
+    "FAD - Property and Supply Section",
+    "FAD - Records Section",
+    "FAD - Cash Section",
+    "Special Production Division",
+    "Special Operation Division",
+    "Planning Division",
+    "Office Director",
+];
+export function resolvePrOfficeSectionDefault(user, sessionOfficeId, offices) {
+    const assignedOfficeId = user ? (user.officeId ?? null) : (sessionOfficeId ?? null);
+    const assignedOffice = assignedOfficeId
+        ? offices.find(office => office.id === assignedOfficeId)
+        : undefined;
+    const officeName = assignedOffice?.name.trim();
+    if (officeName)
+        return officeName;
+    const assignedDivisionId = user?.divisionId ?? assignedOffice?.divisionId ?? null;
+    const divisionName = assignedDivisionId
+        ? offices.find(office => office.divisionId === assignedDivisionId)?.divisionName?.trim()
+        : undefined;
+    return divisionName || "";
+}
+export function getPrOfficeSectionOptions(currentValue) {
+    const options = [...PR_OFFICE_SECTION_OPTIONS];
+    const normalizedValue = currentValue?.trim();
+    if (normalizedValue && !new Set(options).has(normalizedValue))
+        options.push(normalizedValue);
+    return options;
+}
+export function shouldApplyPrOfficeSectionDefault(isEditingRecord, hasUserEdited, currentValue, assignedDefault) {
+    return !isEditingRecord && !hasUserEdited && !currentValue.trim() && Boolean(assignedDefault.trim());
+}
+export function generatePrNo(sequence = 1) {
+    const date = new Date();
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    return `PR-${year}-${month}(${String(sequence).padStart(4, "0")})`;
+}
+export function formatCurrency(value) {
+    return new Intl.NumberFormat("en-PH", { style: "currency", currency: "PHP" }).format(value);
+}
+export function formatPrDate(value) {
+    return new Date(value).toLocaleDateString("en-PH", {
+        year: "numeric",
+        month: "long",
+        day: "2-digit",
+    });
+}
+export function formatDateTime(value) {
+    return new Date(value).toLocaleString("en-PH", {
+        year: "numeric",
+        month: "short",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+    });
+}
+export function getItemTotal(item) {
+    return (Number(item.quantity) || 0) * (Number(item.unitCost) || 0);
+}
+export function getRecordTotal(record) {
+    return record.items.reduce((sum, item) => sum + getItemTotal(item), 0);
+}
+function normalizeInventoryStockNo(value) {
+    return value.trim().toUpperCase();
+}
+export function getSelectablePrInventoryItems(inventoryItems, inventoryCategory, currentItems, editingItemId = null) {
+    if (!inventoryCategory)
+        return [];
+    const usedItemIds = new Set();
+    const usedStockNos = new Set();
+    for (const item of currentItems) {
+        if (item.id === editingItemId)
+            continue;
+        if (item.itemId !== null && item.itemId !== undefined)
+            usedItemIds.add(item.itemId);
+        const stockNo = normalizeInventoryStockNo(item.stockNo);
+        if (stockNo)
+            usedStockNos.add(stockNo);
+    }
+    return inventoryItems.filter(item => {
+        if (item.category !== inventoryCategory)
+            return false;
+        if (item.stockStatus !== "In Stock" &&
+            item.stockStatus !== "Low Stock" &&
+            item.stockStatus !== "Out of Stock") {
+            return false;
+        }
+        if (item.itemId !== null && item.itemId !== undefined && usedItemIds.has(item.itemId)) {
+            return false;
+        }
+        return !usedStockNos.has(normalizeInventoryStockNo(item.stockNo));
+    });
+}
+export function buildPrItemFromDraft(currentItems, draft, editingItemId = null) {
+    if (draft.description.trim().length === 0) {
+        return { item: null, error: "Item description is required." };
+    }
+    const quantity = Number(draft.quantity);
+    if (!Number.isFinite(quantity) || quantity <= 0) {
+        return { item: null, error: "Item quantity must be greater than zero." };
+    }
+    const unitCost = Number(draft.unitCost);
+    if (!Number.isFinite(unitCost) || unitCost <= 0) {
+        return { item: null, error: "Unit cost must be greater than zero." };
+    }
+    const normalizedDraftStockNo = normalizeInventoryStockNo(draft.stockNo);
+    const isDuplicateInventoryItem = currentItems.some(item => {
+        if (item.id === editingItemId)
+            return false;
+        if (draft.itemId !== null &&
+            draft.itemId !== undefined &&
+            item.itemId === draft.itemId) {
+            return true;
+        }
+        return (normalizedDraftStockNo.length > 0 &&
+            normalizeInventoryStockNo(item.stockNo) === normalizedDraftStockNo);
+    });
+    if (isDuplicateInventoryItem) {
+        return {
+            item: null,
+            error: "This inventory item is already added to the Purchase Request.",
+        };
+    }
+    if (editingItemId && !currentItems.some(item => item.id === editingItemId)) {
+        return { item: null, error: "The item being edited is no longer in the Purchase Request." };
+    }
+    let sequence = currentItems.length + 1;
+    let generatedId = `ITEM-${String(sequence).padStart(3, "0")}`;
+    while (currentItems.some(item => item.id === generatedId)) {
+        sequence += 1;
+        generatedId = `ITEM-${String(sequence).padStart(3, "0")}`;
+    }
+    return {
+        item: {
+            id: editingItemId ?? generatedId,
+            itemId: draft.itemId ?? null,
+            stockNo: draft.stockNo.trim(),
+            unit: draft.unit.trim(),
+            description: draft.description.trim(),
+            quantity: draft.quantity,
+            unitCost: draft.unitCost,
+        },
+        error: null,
+    };
+}
+export function resolvePrWorkflowSignatories(summary, requestor) {
+    if (!summary)
+        return requestor ? { requestedBy: requestor } : {};
+    const [approvedByStep, fundsAvailabilityStep] = summary.steps;
+    return {
+        requestedBy: {
+            name: requestor?.name ?? summary.submittedByName ?? undefined,
+            designation: requestor?.designation ??
+                summary.submittedByDesignationName ??
+                summary.submittedByOfficeName ??
+                undefined,
+        },
+        approvedBy: approvedByStep?.status === "Approved"
+            ? {
+                name: approvedByStep.approverUserName ?? undefined,
+                designation: approvedByStep.approverDesignationName ??
+                    approvedByStep.approverOfficeName ??
+                    undefined,
+            }
+            : undefined,
+        fundsAvailability: fundsAvailabilityStep?.status === "Approved"
+            ? {
+                name: fundsAvailabilityStep.approverUserName ?? undefined,
+                designation: fundsAvailabilityStep.approverDesignationName ??
+                    fundsAvailabilityStep.approverOfficeName ??
+                    undefined,
+            }
+            : undefined,
+    };
+}
+export function buildPurchaseRequestSheetModel(record, signatories) {
+    const items = record.items.slice(0, 12);
+    const officeSection = record.officeSection || record.officeName || record.officeId || "-";
+    const rows = [
+        createRow([
+            cell("PURCHASE REQUEST", "title"),
+            cell("", "title"),
+            cell("", "title"),
+            cell("", "title"),
+            cell("", "title"),
+            cell("", "title"),
+        ]),
+        createRow([
+            cell(`Entity Name: ${record.entityName || "-"}`, "meta"),
+            cell("", "meta"),
+            cell("", "meta"),
+            cell("", "meta"),
+            cell(`Fund Cluster: ${record.fundCluster || "-"}`, "meta"),
+            cell("", "meta"),
+        ]),
+        createRow([
+            cell(`Office/Section: ${officeSection}`, "meta"),
+            cell("", "meta"),
+            cell(`PR No: ${record.prNo || "-"}`, "meta"),
+            cell("", "meta"),
+            cell(`Date: ${formatPrDate(record.date || record.createdAt)}`, "meta"),
+            cell("", "meta"),
+        ]),
+        createRow([
+            cell(`Responsibility Center Code: ${record.responsibilityCenterCode || "-"}`, "meta"),
+            cell("", "meta"),
+            cell("", "meta"),
+            cell("", "meta"),
+            cell("", "meta"),
+            cell("", "meta"),
+        ]),
+        createRow([
+            cell("", "blank"),
+            cell("", "blank"),
+            cell("", "blank"),
+            cell("", "blank"),
+            cell("", "blank"),
+            cell("", "blank"),
+        ]),
+        createRow([
+            cell("Stock/Property No.", "header"),
+            cell("Unit", "header"),
+            cell("Item Description", "header"),
+            cell("Quantity", "header"),
+            cell("Unit Cost", "header"),
+            cell("Total Cost", "header"),
+        ]),
+    ];
+    for (const item of items) {
+        rows.push(createRow([
+            cell(item.stockNo || "", "item-text"),
+            cell(item.unit || "", "item-center"),
+            cell(item.description || "", "item-text"),
+            cell(item.quantity || "", "item-center"),
+            cell(formatCurrency(Number(item.unitCost) || 0), "item-number"),
+            cell(formatCurrency(getItemTotal(item)), "item-number"),
+        ]));
+    }
+    const minimumBodyRows = 12;
+    const blankRowsAfterItems = Math.max(0, minimumBodyRows - items.length - 1);
+    for (let index = 0; index < blankRowsAfterItems; index += 1) {
+        rows.push(createRow([
+            cell("", "item-text"),
+            cell("", "item-center"),
+            cell("", "item-text"),
+            cell("", "item-center"),
+            cell("", "item-number"),
+            cell("", "item-number"),
+        ]));
+    }
+    const nothingRowIndex = rows.length;
+    rows.push(createRow([
+        cell("", "item-text"),
+        cell("", "item-center"),
+        cell("***nothing follows***", "nothing"),
+        cell("", "item-center"),
+        cell("", "item-number"),
+        cell("", "item-number"),
+    ]));
+    const totalAmountRowIndex = rows.length;
+    rows.push(createRow([
+        cell("Total Amount", "total-label"),
+        cell("", "total-label"),
+        cell("", "total-label"),
+        cell("", "total-label"),
+        cell("", "total-label"),
+        cell(formatCurrency(getRecordTotal(record)), "total-value"),
+    ]));
+    const purposeLabelRowIndex = rows.length + 1;
+    rows.push(createRow([
+        cell("", "item-text"),
+        cell("", "item-center"),
+        cell("", "item-text"),
+        cell("", "item-center"),
+        cell("", "item-number"),
+        cell("", "item-number"),
+    ]));
+    rows.push(createRow([
+        cell("Purpose:", "purpose-label"),
+        cell(record.purpose || "-", "purpose-value"),
+        cell("", "purpose-value"),
+        cell("", "purpose-value"),
+        cell("", "purpose-value"),
+        cell("", "purpose-value"),
+    ]));
+    const requestedByRowIndex = rows.length + 1;
+    rows.push(createRow([
+        cell("", "purpose-value"),
+        cell("", "purpose-value"),
+        cell("", "purpose-value"),
+        cell("", "purpose-value"),
+        cell("", "purpose-value"),
+        cell("", "purpose-value"),
+    ]));
+    rows.push(createRow([
+        cell("Signature", "signature-label"),
+        cell("Requested by:", "signature-heading"),
+        cell("", "signature-heading"),
+        cell("Approved by:", "signature-heading"),
+        cell("", "signature-heading"),
+        cell("", "signature-heading"),
+    ]), createRow([
+        cell("Printed Name", "signature-label"),
+        cell(signatories?.requestedBy?.name ?? "", "signature-line"),
+        cell("", "signature-line"),
+        cell(signatories?.approvedBy?.name ?? "", "signature-line"),
+        cell("", "signature-line"),
+        cell("", "signature-line"),
+    ]), createRow([
+        cell("Designation", "signature-label"),
+        cell(signatories?.requestedBy?.designation ?? "", "designation"),
+        cell("", "designation"),
+        cell(signatories?.approvedBy?.designation ?? "", "designation"),
+        cell("", "designation"),
+        cell("", "designation"),
+    ]), createRow([
+        cell("Signature", "signature-label"),
+        cell("Certification as to Funds Availability", "signature-heading"),
+        cell("", "signature-heading"),
+        cell("", "signature-heading"),
+        cell("", "signature-heading"),
+        cell("", "signature-heading"),
+    ]), createRow([
+        cell("Printed Name", "signature-label"),
+        cell(signatories?.fundsAvailability?.name ?? "", "signature-line"),
+        cell("", "signature-line"),
+        cell("", "signature-line"),
+        cell("", "signature-line"),
+        cell("", "signature-line"),
+    ]), createRow([
+        cell("Designation", "signature-label"),
+        cell(signatories?.fundsAvailability?.designation ?? "", "designation"),
+        cell("", "designation"),
+        cell("", "designation"),
+        cell("", "designation"),
+        cell("", "designation"),
+    ]));
+    const merges = [
+        range(0, 0, 0, 5),
+        range(1, 0, 1, 3),
+        range(1, 4, 1, 5),
+        range(2, 0, 2, 1),
+        range(2, 2, 2, 3),
+        range(2, 4, 2, 5),
+        range(3, 0, 3, 5),
+        range(totalAmountRowIndex, 0, totalAmountRowIndex, 4),
+        range(purposeLabelRowIndex, 1, purposeLabelRowIndex, 5),
+        range(purposeLabelRowIndex + 1, 0, purposeLabelRowIndex + 1, 5),
+        range(requestedByRowIndex, 1, requestedByRowIndex, 2),
+        range(requestedByRowIndex, 3, requestedByRowIndex, 5),
+        range(requestedByRowIndex + 1, 1, requestedByRowIndex + 1, 2),
+        range(requestedByRowIndex + 1, 3, requestedByRowIndex + 1, 5),
+        range(requestedByRowIndex + 2, 1, requestedByRowIndex + 2, 2),
+        range(requestedByRowIndex + 2, 3, requestedByRowIndex + 2, 5),
+        range(requestedByRowIndex + 3, 1, requestedByRowIndex + 3, 5),
+        range(requestedByRowIndex + 4, 1, requestedByRowIndex + 4, 5),
+        range(requestedByRowIndex + 5, 1, requestedByRowIndex + 5, 5),
+    ];
+    return {
+        rows,
+        merges,
+        cols: [{ wch: 22 }, { wch: 10 }, { wch: 30 }, { wch: 12 }, { wch: 14 }, { wch: 16 }],
+        rowHeights: rows.map((_row, index) => {
+            if (index === 0)
+                return { hpt: 24 };
+            if (index === nothingRowIndex)
+                return { hpt: 22 };
+            if (index === totalAmountRowIndex)
+                return { hpt: 24 };
+            if (index === purposeLabelRowIndex)
+                return { hpt: 30 };
+            if (index === purposeLabelRowIndex + 1)
+                return { hpt: 26 };
+            if (index >= requestedByRowIndex && index <= requestedByRowIndex + 5)
+                return { hpt: 24 };
+            return { hpt: 20 };
+        }),
+    };
+}
+export function buildPurchaseRequestWorksheetData(record, signatories) {
+    return buildPurchaseRequestSheetModel(record, signatories).rows.map(row => row.map(cellValue => cellValue.value));
+}
+export function exportPurchaseRequestXlsx(record, signatories) {
+    const model = buildPurchaseRequestSheetModel(record, signatories);
+    const sheet = XLSX.utils.aoa_to_sheet(buildPurchaseRequestWorksheetData(record, signatories));
+    sheet["!cols"] = model.cols;
+    sheet["!rows"] = model.rowHeights;
+    sheet["!merges"] = model.merges;
+    for (let rowIndex = 0; rowIndex < model.rows.length; rowIndex += 1) {
+        for (let columnIndex = 0; columnIndex < model.rows[rowIndex].length; columnIndex += 1) {
+            const address = XLSX.utils.encode_cell({ r: rowIndex, c: columnIndex });
+            const worksheetCell = sheet[address];
+            if (!worksheetCell)
+                continue;
+            worksheetCell.s = getXlsxStyle(model.rows[rowIndex][columnIndex]);
+        }
+    }
+    const workbook = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(workbook, sheet, "Purchase Request");
+    const dateSuffix = new Date().toISOString().slice(0, 10);
+    const safePrNo = record.prNo.replace(/[^a-zA-Z0-9-_]/g, "_");
+    XLSX.writeFile(workbook, `${safePrNo || "purchase-request"}-${dateSuffix}.xlsx`);
+}
+export function exportPurchaseRequestCsv(record) {
+    const csv = buildPurchaseRequestCsv(record);
+    const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement("a");
+    const dateSuffix = new Date().toISOString().slice(0, 10);
+    const safePrNo = record.prNo.replace(/[^a-zA-Z0-9-_]/g, "_");
+    anchor.href = url;
+    anchor.download = `${safePrNo || "purchase-request"}-${dateSuffix}.csv`;
+    document.body.appendChild(anchor);
+    anchor.click();
+    document.body.removeChild(anchor);
+    URL.revokeObjectURL(url);
+}
+export function buildPurchaseRequestCsv(record) {
+    const sheet = XLSX.utils.aoa_to_sheet(buildPurchaseRequestWorksheetData(record));
+    return XLSX.utils.sheet_to_csv(sheet);
+}
+function createRow(cells) {
+    return cells;
+}
+function cell(value, kind) {
+    return { value, kind };
+}
+function range(sRow, sCol, eRow, eCol) {
+    return { s: { r: sRow, c: sCol }, e: { r: eRow, c: eCol } };
+}
+function getXlsxStyle(cellValue) {
+    const base = {
+        font: { name: "Times New Roman", sz: 11 },
+        border: fullBorder(),
+        fill: { patternType: "solid", fgColor: { rgb: "FFFFFF" } },
+        alignment: { vertical: "center", wrapText: true },
+    };
+    switch (cellValue.kind) {
+        case "title":
+            return {
+                ...base,
+                font: { name: "Times New Roman", sz: 14, bold: true },
+                alignment: { horizontal: "center", vertical: "center" },
+                border: noBorder(),
+            };
+        case "meta":
+            return {
+                ...base,
+                font: { ...base.font, bold: true },
+            };
+        case "header":
+            return {
+                ...base,
+                font: { ...base.font, bold: true },
+                alignment: { horizontal: "center", vertical: "center", wrapText: true },
+            };
+        case "item-center":
+            return {
+                ...base,
+                alignment: { horizontal: "center", vertical: "center" },
+            };
+        case "item-number":
+        case "total-value":
+            return {
+                ...base,
+                font: cellValue.kind === "total-value" ? { ...base.font, bold: true } : base.font,
+                alignment: { horizontal: "right", vertical: "center" },
+            };
+        case "nothing":
+            return {
+                ...base,
+                font: { ...base.font, italic: true },
+                alignment: { horizontal: "center", vertical: "center" },
+            };
+        case "purpose-label":
+        case "signature-label":
+        case "signature-heading":
+        case "designation":
+        case "total-label":
+            return {
+                ...base,
+                font: { ...base.font, bold: true },
+                alignment: {
+                    horizontal: cellValue.kind === "designation"
+                        ? "center"
+                        : cellValue.kind === "total-label"
+                            ? "left"
+                            : "left",
+                    vertical: "center",
+                    wrapText: true,
+                },
+            };
+        case "signature-line":
+            return {
+                ...base,
+                alignment: { horizontal: "center", vertical: "center" },
+            };
+        case "blank":
+            return {
+                ...base,
+            };
+        default:
+            return base;
+    }
+}
+function fullBorder() {
+    return {
+        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 noBorder() {
+    return {};
+}
+export function getExcelPreviewCellClassName(kind) {
+    switch (kind) {
+        case "title":
+            return "border border-slate-400 bg-white text-center font-bold";
+        case "meta":
+            return "border border-slate-400 bg-white font-semibold";
+        case "header":
+            return "border border-slate-500 bg-slate-100 text-center font-semibold";
+        case "item-center":
+            return "border border-slate-300 bg-white text-center";
+        case "item-number":
+        case "total-value":
+            return "border border-slate-300 bg-white text-right";
+        case "nothing":
+            return "border border-slate-300 bg-white text-center italic text-slate-500";
+        case "purpose-label":
+        case "signature-label":
+        case "signature-heading":
+        case "designation":
+        case "total-label":
+            return "border border-slate-400 bg-white font-semibold";
+        case "signature-line":
+            return "border border-slate-300 bg-white";
+        default:
+            return "border border-slate-300 bg-white";
+    }
+}
+export const EMPTY_BASIC_FORM = {
+    purpose: "",
+    entityName: "",
+    fundCluster: "",
+    fundSource: "",
+    fundType: "",
+    officeId: undefined,
+    officeSection: "",
+    requestedByDesignation: "Requestor",
+    requestType: "",
+    requestSubtype: "",
+    responsibilityCenterCode: "",
+    date: new Date().toISOString().slice(0, 10),
+};
+export const EMPTY_ITEM_DRAFT = {
+    registrationKey: null,
+    stockNo: "",
+    unit: "",
+    description: "",
+    quantity: "1",
+    unitCost: "",
+};

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

@@ -0,0 +1,19 @@
+import { type BasicForm, type EntryRow } from "../types.js";
+type Props = {
+    activeTab: string;
+    onTabChange: (tab: string) => void;
+    basicForm: BasicForm;
+    onBasicFormChange: (update: Partial<BasicForm>) => void;
+    entries: EntryRow[];
+    entryDraft: Omit<EntryRow, "id">;
+    onEntryDraftChange: (update: Partial<Omit<EntryRow, "id">>) => void;
+    editingEntryId: string | null;
+    onSaveEntry: () => void;
+    onEditEntry: (entry: EntryRow) => void;
+    onCancelEntryEdit: () => void;
+    onRemoveEntry: (id: string) => void;
+    modalMode: "create" | "view" | "edit";
+    regSpiNo?: string;
+};
+export declare function CreateForm({ activeTab, onTabChange, basicForm, onBasicFormChange, entries, entryDraft, onEntryDraftChange, editingEntryId, onSaveEntry, onEditEntry, onCancelEntryEdit, onRemoveEntry, regSpiNo, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfigurableFormLayout, } from "../../../internal/components/configurable-form-layout.js";
+import { DateInput } from "../../../internal/components/ui/date-input.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../internal/components/ui/tabs.js";
+import { fmtDate, fmtQtyShort } from "../utils.js";
+export function CreateForm({ activeTab, onTabChange, basicForm, onBasicFormChange, entries, entryDraft, onEntryDraftChange, editingEntryId, onSaveEntry, onEditEntry, onCancelEntryEdit, onRemoveEntry, regSpiNo, }) {
+    const inputCls = "w-full rounded-md border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground/70";
+    const inputSmCls = "w-full rounded-md border bg-background px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground/70";
+    const fields = [
+        {
+            id: "entityName",
+            label: "Entity Name *",
+            render: () => (_jsx("input", { value: basicForm.entityName, onChange: e => onBasicFormChange({ entityName: e.target.value }), placeholder: "Entity Name", className: inputCls })),
+        },
+        {
+            id: "fundCluster",
+            label: "Fund Cluster *",
+            render: () => (_jsx("input", { value: basicForm.fundCluster, onChange: e => onBasicFormChange({ fundCluster: e.target.value }), placeholder: "Fund Cluster", className: inputCls })),
+        },
+        {
+            id: "semiExpendableProperty",
+            label: "Semi-Expendable Property",
+            render: () => (_jsx("input", { value: basicForm.semiExpendableProperty, onChange: e => onBasicFormChange({ semiExpendableProperty: e.target.value }), placeholder: "Semi-Expendable Property", className: inputCls })),
+        },
+        {
+            id: "sheetNumber",
+            label: "Sheet Number",
+            render: () => (_jsx("input", { value: basicForm.sheetNumber, onChange: e => onBasicFormChange({ sheetNumber: e.target.value }), placeholder: "Sheet Number", className: inputCls })),
+        },
+    ];
+    return (_jsxs(Tabs, { value: activeTab, onValueChange: onTabChange, children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "basic", children: "Basic Info" }), _jsx(TabsTrigger, { value: "entries", children: "Entries" })] }), _jsx(TabsContent, { value: "basic", className: "mt-4", children: _jsx(ConfigurableFormLayout, { formKey: "regspi-basic-info", fields: fields, header: _jsxs("div", { className: "rounded-md border border-indigo-200 bg-indigo-50 p-3 dark:border-indigo-900/70 dark:bg-indigo-500/10", children: [_jsx("p", { className: "text-muted-foreground text-xs font-medium", children: "RegSPI Number" }), _jsx("p", { className: "text-foreground font-mono text-sm", children: regSpiNo ?? "Generating…" })] }) }) }), _jsxs(TabsContent, { value: "entries", className: "mt-4 space-y-3", children: [_jsx("div", { className: "overflow-x-auto rounded-md border", children: _jsxs("table", { className: "min-w-full border-collapse text-xs", children: [_jsx("thead", { className: "bg-muted/60 text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "border p-1 text-left", children: "Date" }), _jsx("th", { className: "border p-1 text-left", children: "ICS/RRSP No." }), _jsx("th", { className: "border p-1 text-left", children: "Semi-Exp. Property No." }), _jsx("th", { className: "border p-1 text-left", children: "Item Desc." }), _jsx("th", { className: "border p-1 text-center", children: "Est. Useful Life" }), _jsx("th", { className: "border p-1 text-center", children: "Issued" }), _jsx("th", { className: "border p-1 text-center", children: "Returned" }), _jsx("th", { className: "border p-1 text-center", children: "Reissued" }), _jsx("th", { className: "border p-1 text-center", children: "Disposed" }), _jsx("th", { className: "border p-1 text-center", children: "Balance" }), _jsx("th", { className: "border p-1 text-left", children: "Action" })] }) }), _jsxs("tbody", { children: [entries.map(entry => (_jsxs("tr", { children: [_jsx("td", { className: "border p-1", children: fmtDate(entry.entryDate) }), _jsx("td", { className: "border p-1", children: entry.iicRrspNo }), _jsx("td", { className: "border p-1", children: entry.semiExpendablePropertyNo }), _jsx("td", { className: "border p-1", children: entry.itemDescription }), _jsx("td", { className: "border p-1 text-center", children: entry.estimatedUsefulLife }), _jsx("td", { className: "border p-1 text-center", children: fmtQtyShort(entry.issuedQty) }), _jsx("td", { className: "border p-1 text-center", children: fmtQtyShort(entry.returnedQty) }), _jsx("td", { className: "border p-1 text-center", children: fmtQtyShort(entry.reissuedQty) }), _jsx("td", { className: "border p-1 text-center", children: fmtQtyShort(entry.disposedQty) }), _jsx("td", { className: "border p-1 text-center", children: fmtQtyShort(entry.balance) }), _jsx("td", { className: "border p-1", children: _jsxs("div", { className: "flex gap-1", children: [_jsx("button", { type: "button", onClick: () => onEditEntry(entry), className: "rounded border px-2 py-0.5 text-xs", children: "Edit" }), _jsx("button", { type: "button", onClick: () => onRemoveEntry(entry.id), className: "rounded border px-2 py-0.5 text-xs", children: "Remove" })] }) })] }, entry.id))), entries.length === 0 && (_jsx("tr", { children: _jsx("td", { className: "text-muted-foreground border p-3 text-center", colSpan: 11, children: "No entries added yet." }) }))] })] }) }), _jsxs("div", { className: "bg-card text-card-foreground space-y-2 rounded-md border p-3", children: [_jsx("p", { className: "text-foreground text-xs font-semibold", children: editingEntryId ? "Edit Entry Row" : "Add Entry Row" }), _jsxs("div", { className: "grid gap-2 md:grid-cols-3", children: [_jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Date" }), _jsx(DateInput, { value: entryDraft.entryDate, onValueChange: entryDate => onEntryDraftChange({ entryDate }), className: inputSmCls })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Reference" }), _jsx("input", { value: entryDraft.reference, onChange: e => onEntryDraftChange({ reference: e.target.value }), placeholder: "Reference", className: inputSmCls })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "IIC / RRSP No." }), _jsx("input", { value: entryDraft.iicRrspNo, onChange: e => onEntryDraftChange({ iicRrspNo: e.target.value }), placeholder: "IIC / RRSP No.", className: inputSmCls })] })] }), _jsxs("div", { className: "grid gap-2 md:grid-cols-3", children: [_jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Semi-Exp. Property No." }), _jsx("input", { value: entryDraft.semiExpendablePropertyNo, onChange: e => onEntryDraftChange({ semiExpendablePropertyNo: e.target.value }), placeholder: "Property No.", className: inputSmCls })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Item Description" }), _jsx("input", { value: entryDraft.itemDescription, onChange: e => onEntryDraftChange({ itemDescription: e.target.value }), placeholder: "Item Description", className: inputSmCls })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Est. Useful Life" }), _jsx("input", { value: entryDraft.estimatedUsefulLife, onChange: e => onEntryDraftChange({ estimatedUsefulLife: e.target.value }), placeholder: "e.g. 3 years", className: inputSmCls })] })] }), _jsxs("div", { className: "grid gap-2 md:grid-cols-2", children: [_jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Issued Qty." }), _jsx("input", { type: "number", min: 0, value: entryDraft.issuedQty, onChange: e => onEntryDraftChange({ issuedQty: e.target.value }), className: inputSmCls })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Issued Office / Officer" }), _jsx("input", { value: entryDraft.issuedOfficeOfficer, onChange: e => onEntryDraftChange({ issuedOfficeOfficer: e.target.value }), placeholder: "Office / Officer", className: inputSmCls })] })] }), _jsxs("div", { className: "grid gap-2 md:grid-cols-2", children: [_jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Returned Qty." }), _jsx("input", { type: "number", min: 0, value: entryDraft.returnedQty, onChange: e => onEntryDraftChange({ returnedQty: e.target.value }), className: inputSmCls })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Returned Office / Officer" }), _jsx("input", { value: entryDraft.returnedOfficeOfficer, onChange: e => onEntryDraftChange({ returnedOfficeOfficer: e.target.value }), placeholder: "Office / Officer", className: inputSmCls })] })] }), _jsxs("div", { className: "grid gap-2 md:grid-cols-2", children: [_jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Reissued Qty." }), _jsx("input", { type: "number", min: 0, value: entryDraft.reissuedQty, onChange: e => onEntryDraftChange({ reissuedQty: e.target.value }), className: inputSmCls })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Reissued Office / Officer" }), _jsx("input", { value: entryDraft.reissuedOfficeOfficer, onChange: e => onEntryDraftChange({ reissuedOfficeOfficer: e.target.value }), placeholder: "Office / Officer", className: inputSmCls })] })] }), _jsxs("div", { className: "grid gap-2 md:grid-cols-4", children: [_jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Disposed (Qty.)" }), _jsx("input", { type: "number", min: 0, value: entryDraft.disposedQty, onChange: e => onEntryDraftChange({ disposedQty: e.target.value }), className: inputSmCls })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Balance" }), _jsx("input", { type: "number", min: 0, value: entryDraft.balance, onChange: e => onEntryDraftChange({ balance: e.target.value }), className: inputSmCls })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Amount" }), _jsx("input", { type: "number", min: 0, value: entryDraft.amount, onChange: e => onEntryDraftChange({ amount: e.target.value }), className: inputSmCls })] }), _jsxs("div", { children: [_jsx("label", { className: "text-muted-foreground mb-0.5 block text-xs", children: "Remarks" }), _jsx("input", { value: entryDraft.remarks, onChange: e => onEntryDraftChange({ remarks: e.target.value }), placeholder: "Remarks", className: inputSmCls })] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", onClick: onSaveEntry, className: "bg-primary rounded-md px-3 py-2 text-sm text-white", children: editingEntryId ? "Update Entry" : "Add Entry" }), editingEntryId ? (_jsx("button", { type: "button", onClick: onCancelEntryEdit, className: "rounded-md border px-3 py-2 text-sm", children: "Cancel" })) : null] })] })] })] }));
+}

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

@@ -0,0 +1,6 @@
+/**
+ * document-preview.tsx
+ * Paper form layout for the Registry of Semi-Expendable Property Issued.
+ * Matches the official printed RegSPI form exactly.
+ */
+export { RegSpiPreview as DocumentPreview } from "../../../gam/components/reg-spi-preview.js";

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

@@ -0,0 +1,7 @@
+"use client";
+/**
+ * document-preview.tsx
+ * Paper form layout for the Registry of Semi-Expendable Property Issued.
+ * Matches the official printed RegSPI form exactly.
+ */
+export { RegSpiPreview as DocumentPreview } from "../../../gam/components/reg-spi-preview.js";