@tonzxz/government-forms 0.1.0

package/dist/gam/components/spc-preview.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const FIXED_ROWS = 27;
+function display(value) {
+    return value?.trim() ?? "";
+}
+function fmtDate(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleDateString("en-PH");
+}
+function fmtQty(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (Number.isNaN(n))
+        return value;
+    return n === 0 ? "" : Number.isInteger(n) ? n.toString() : n.toFixed(2);
+}
+function fmtAmount(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (Number.isNaN(n))
+        return value;
+    return n === 0
+        ? ""
+        : n.toLocaleString("en-PH", {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        });
+}
+const BORDER = "1.25px solid #111";
+const OUTER_BORDER = "1.8px solid #111";
+const gridBorder = {
+    border: 0,
+    borderRight: BORDER,
+    borderBottom: BORDER,
+};
+const metaCell = {
+    ...gridBorder,
+    height: "7.8mm",
+    padding: "0.7mm 1mm",
+    fontSize: "9pt",
+    fontWeight: 700,
+    lineHeight: 1.15,
+    verticalAlign: "top",
+    textAlign: "left",
+};
+const headerCell = {
+    ...gridBorder,
+    padding: "0.55mm 0.7mm",
+    textAlign: "center",
+    verticalAlign: "middle",
+    fontSize: "8.4pt",
+    fontWeight: 700,
+    lineHeight: 1.08,
+};
+const bodyCell = {
+    ...gridBorder,
+    height: "5mm",
+    padding: "0.3mm 0.7mm",
+    fontSize: "7.2pt",
+    lineHeight: 1.3,
+    overflowWrap: "anywhere",
+    whiteSpace: "normal",
+    verticalAlign: "middle",
+};
+export function SpcPreview({ entityName, fundCluster, semiExpendableProperty, semiExpendablePropertyNumber, description, entries, }) {
+    const rows = Array.from({ length: Math.max(FIXED_ROWS, entries.length) }, (_, index) => entries[index] ?? null);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+				/* Keep grouped/row-spanning header cells on a single transparent paint
+				   layer. Chromium can otherwise paint their backgrounds over labels
+				   when this page is printed or captured for PDF export. */
+				.spc-a4-page[data-pdf-page="true"] :is(table, thead, tbody, tr, th, td) {
+					background-color: transparent !important;
+				}
+
+				@media print {
+					.no-print { display: none !important; }
+					@page { size: A4 landscape; margin: 0; }
+					body { background: white !important; }
+					.spc-a4-page {
+						box-shadow: none !important;
+						margin: 0 !important;
+						padding: 20mm 14mm 14mm !important;
+					}
+				}
+
+				.spc-a4-page * {
+					box-sizing: border-box;
+				}
+			` }), _jsx("div", { style: { boxSizing: "border-box", overflow: "visible", width: "297mm" }, children: _jsxs("div", { className: "spc-a4-page bg-white shadow-sm", "data-pdf-page": "true", "data-pdf-orientation": "landscape", style: {
+                        boxSizing: "border-box",
+                        width: "297mm",
+                        minHeight: "210mm",
+                        padding: "20mm 14mm 14mm",
+                        fontFamily: '"Times New Roman", Times, serif',
+                        color: "#111",
+                    }, children: [_jsxs("header", { style: {
+                                position: "relative",
+                                height: "36mm",
+                            }, children: [_jsx("div", { style: {
+                                        position: "absolute",
+                                        right: "3mm",
+                                        top: 0,
+                                        fontSize: "9pt",
+                                        fontStyle: "italic",
+                                        fontWeight: 600,
+                                    }, children: "Annex A.1" }), _jsx("div", { style: {
+                                        position: "absolute",
+                                        left: 0,
+                                        right: 0,
+                                        top: "14mm",
+                                        textAlign: "center",
+                                        fontSize: "13pt",
+                                        fontWeight: 700,
+                                        letterSpacing: "0.2px",
+                                    }, children: "SEMI-EXPENDABLE PROPERTY CARD" }), _jsxs("div", { style: {
+                                        position: "absolute",
+                                        left: 0,
+                                        right: 0,
+                                        bottom: "2mm",
+                                        display: "grid",
+                                        gridTemplateColumns: "1fr auto",
+                                        columnGap: "12mm",
+                                        fontSize: "9.2pt",
+                                        fontWeight: 700,
+                                        alignItems: "end",
+                                    }, children: [_jsxs("div", { children: ["Entity Name :", " ", _jsx("span", { style: {
+                                                        display: "inline-block",
+                                                        boxSizing: "border-box",
+                                                        height: "5.5mm",
+                                                        minWidth: "64mm",
+                                                        borderBottom: BORDER,
+                                                        padding: "0.6mm 1mm 1.4mm",
+                                                        lineHeight: 1.15,
+                                                        verticalAlign: "bottom",
+                                                    }, children: display(entityName) })] }), _jsxs("div", { style: { minWidth: "58mm" }, children: ["Fund Cluster: ", display(fundCluster)] })] })] }), _jsxs("table", { style: {
+                                width: "100%",
+                                borderCollapse: "collapse",
+                                borderSpacing: 0,
+                                tableLayout: "fixed",
+                                border: OUTER_BORDER,
+                            }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "6.8%" } }), _jsx("col", { style: { width: "10.5%" } }), _jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "6%" } }), _jsx("col", { style: { width: "6.2%" } }), _jsx("col", { style: { width: "5.5%" } }), _jsx("col", { style: { width: "6.5%" } }), _jsx("col", { style: { width: "8.3%" } }), _jsx("col", { style: { width: "15.4%" } }), _jsx("col", { style: { width: "8.3%" } }), _jsx("col", { style: { width: "8.9%" } }), _jsx("col", { style: { width: "10.6%" } })] }), _jsxs("thead", { children: [_jsxs("tr", { children: [_jsxs("th", { colSpan: 10, style: metaCell, children: ["Semi-Expendable Property : ", display(semiExpendableProperty)] }), _jsxs("th", { colSpan: 2, rowSpan: 2, style: metaCell, children: ["Semi-Expendable Property Number: ", display(semiExpendablePropertyNumber)] })] }), _jsx("tr", { children: _jsxs("th", { colSpan: 10, style: metaCell, children: ["Description : ", display(description)] }) }), _jsxs("tr", { style: { height: "5.8mm" }, children: [_jsx("th", { rowSpan: 2, style: headerCell, children: "Date" }), _jsx("th", { rowSpan: 2, style: headerCell, children: "Reference" }), _jsx("th", { colSpan: 3, style: headerCell, children: "Receipt" }), _jsx("th", { style: headerCell, children: "Receipt" }), _jsx("th", { colSpan: 3, style: headerCell, children: "Issue/Transfer/ Disposal" }), _jsx("th", { style: headerCell, children: "Balance" }), _jsx("th", { rowSpan: 2, style: headerCell, children: "Amount" }), _jsx("th", { rowSpan: 2, style: headerCell, children: "Remarks" })] }), _jsxs("tr", { style: { height: "5.6mm" }, children: [_jsx("th", { style: headerCell, children: "Qty." }), _jsx("th", { style: headerCell, children: "Unit Cost" }), _jsx("th", { style: headerCell, children: "Total Cost" }), _jsx("th", { style: headerCell, children: "Qty." }), _jsx("th", { style: headerCell, children: "Item No." }), _jsx("th", { style: headerCell, children: "Qty." }), _jsx("th", { style: headerCell, children: "Office/Officer" }), _jsx("th", { style: headerCell, children: "Qty." })] })] }), _jsx("tbody", { children: rows.map((row, index) => (_jsxs("tr", { children: [_jsx("td", { style: { ...bodyCell, textAlign: "center" }, children: row ? fmtDate(row.entryDate) : "" }), _jsx("td", { style: bodyCell, children: row ? display(row.reference) : "" }), _jsx("td", { style: { ...bodyCell, textAlign: "center" }, children: row ? fmtQty(row.receiptQty) : "" }), _jsx("td", { style: { ...bodyCell, textAlign: "right" }, children: row ? fmtAmount(row.receiptUnitCost) : "" }), _jsx("td", { style: { ...bodyCell, textAlign: "right" }, children: row ? fmtAmount(row.receiptTotalCost) : "" }), _jsx("td", { style: { ...bodyCell, textAlign: "center" }, children: row ? fmtQty(row.receiptQty) : "" }), _jsx("td", { style: bodyCell, children: row ? display(row.itemNo) : "" }), _jsx("td", { style: { ...bodyCell, textAlign: "center" }, children: row ? fmtQty(row.issueTransferDisposalQty) : "" }), _jsx("td", { style: bodyCell, children: row ? display(row.issueTransferDisposalOfficeOfficer) : "" }), _jsx("td", { style: { ...bodyCell, textAlign: "center" }, children: row ? fmtQty(row.balanceQty) : "" }), _jsx("td", { style: { ...bodyCell, textAlign: "right" }, children: row ? fmtAmount(row.amount) : "" }), _jsx("td", { style: bodyCell, children: row ? display(row.remarks) : "" })] }, index))) })] })] }) })] }));
+}

package/dist/gam/components/splc-entry-form.d.ts

@@ -0,0 +1,14 @@
+import type { GamTableField } from "./gam-report-workbench.js";
+type SplcEntryFormProps = {
+    tableFields: GamTableField[];
+    entryForm: Record<string, string>;
+    setEntryForm: React.Dispatch<React.SetStateAction<Record<string, string>>>;
+    entryFormError: string | null;
+    activeTableRowIndex: number | null;
+    tableRowsCount: number;
+    renderFieldInput: (field: GamTableField, value: string, onChange: (value: string) => void, className?: string) => React.ReactNode;
+    onAddOrSaveEntry: () => void;
+    onResetEntryForm: () => void;
+};
+export declare function SplcEntryForm({ tableFields, entryForm, setEntryForm, entryFormError, activeTableRowIndex, tableRowsCount, renderFieldInput, onAddOrSaveEntry, onResetEntryForm, }: SplcEntryFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/gam/components/splc-entry-form.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "../../internal/components/ui/button.js";
+export function SplcEntryForm({ tableFields, entryForm, setEntryForm, entryFormError, activeTableRowIndex, tableRowsCount, renderFieldInput, onAddOrSaveEntry, onResetEntryForm, }) {
+    return (_jsxs("div", { className: "space-y-4", children: [activeTableRowIndex !== null && (_jsxs("p", { className: "rounded border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-900", children: ["Editing Entry #", activeTableRowIndex + 1] })), _jsx("div", { className: "grid gap-3 md:grid-cols-2", children: tableFields.map(field => (_jsxs("div", { children: [_jsxs("label", { className: "mb-1 block text-xs font-medium", children: [field.label, field.required ? " *" : ""] }), renderFieldInput(field, entryForm[field.id] ?? "", value => setEntryForm(prev => ({ ...prev, [field.id]: value })))] }, `splc-entry-form-${field.id}`))) }), entryFormError && _jsx("p", { className: "text-sm text-rose-600", children: entryFormError }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { type: "button", onClick: onAddOrSaveEntry, className: "shadow-sm", children: activeTableRowIndex !== null ? "Save Entry" : "Add Entry" }), _jsx(Button, { type: "button", variant: "outline", onClick: onResetEntryForm, children: activeTableRowIndex !== null ? "Cancel Edit" : "Clear Entry" })] }), _jsxs("p", { className: "text-muted-foreground text-xs", children: ["Entries added: ", tableRowsCount, ". Use document preview hover actions to edit or delete rows."] })] }));
+}

package/dist/gam/components/splc-preview.d.ts

@@ -0,0 +1,27 @@
+type SplcEntryRow = {
+    entryDate: string;
+    reference: string;
+    receiptQty: string;
+    unitCost: string;
+    totalCost: string;
+    issuesTransfersAdjustments: string;
+    accumulatedImpairmentLosses: string;
+    adjustedCost: string;
+    natureOfRepair: string;
+    amount: string;
+};
+export type SplcPreviewProps = {
+    entityName: string;
+    fundCluster: string;
+    semiExpendableProperty: string;
+    semiExpendablePropertyNumber?: string;
+    description: string;
+    uacsObjectCode?: string;
+    repairHistory?: string;
+    entries: SplcEntryRow[];
+    onEditEntry?: (entryIndex: number) => void;
+    onDeleteEntry?: (entryIndex: number) => void;
+    activeEntryIndex?: number | null;
+};
+export declare function SplcPreview({ entityName, fundCluster, semiExpendableProperty, semiExpendablePropertyNumber, description, uacsObjectCode, repairHistory, entries, onEditEntry, onDeleteEntry, activeEntryIndex, }: SplcPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/gam/components/splc-preview.js

@@ -0,0 +1,192 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+const FIXED_ROWS = 27;
+function display(value) {
+    return value?.trim() ?? "";
+}
+function fmtDate(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleDateString("en-PH");
+}
+function fmtQty(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (Number.isNaN(n))
+        return value;
+    return n === 0 ? "" : Number.isInteger(n) ? n.toString() : n.toFixed(2);
+}
+function fmtAmount(value) {
+    if (!value || value.trim() === "")
+        return "";
+    const n = Number(value);
+    if (Number.isNaN(n))
+        return value;
+    return n === 0
+        ? ""
+        : n.toLocaleString("en-PH", {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        });
+}
+const BORDER = "1.3px solid #111";
+const OUTER_BORDER = "1.8px solid #111";
+const thBase = {
+    border: BORDER,
+    padding: "0.7mm 0.8mm",
+    textAlign: "center",
+    fontWeight: 700,
+    verticalAlign: "middle",
+    lineHeight: 1.08,
+    fontSize: "8.5pt",
+};
+const tdBase = {
+    border: BORDER,
+    padding: "0.35mm 0.8mm",
+    fontSize: "7.4pt",
+    height: "5mm",
+    whiteSpace: "normal",
+    overflowWrap: "anywhere",
+    wordBreak: "break-word",
+    lineHeight: 1.1,
+    verticalAlign: "middle",
+};
+const metaCell = {
+    border: BORDER,
+    height: "8mm",
+    padding: "0.7mm 1mm",
+    fontSize: "9.2pt",
+    fontWeight: 700,
+    lineHeight: 1.15,
+    verticalAlign: "top",
+    textAlign: "left",
+    whiteSpace: "normal",
+    overflowWrap: "anywhere",
+    wordBreak: "break-word",
+};
+export function SplcPreview({ entityName, fundCluster, semiExpendableProperty, semiExpendablePropertyNumber, description, uacsObjectCode, repairHistory, entries, onEditEntry, onDeleteEntry, activeEntryIndex, }) {
+    const [hoveredEntryIndex, setHoveredEntryIndex] = useState(null);
+    const rows = Array.from({ length: Math.max(FIXED_ROWS, entries.length) }, (_, index) => entries[index] ?? null);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+				@media print {
+					.no-print { display: none !important; }
+					@page { size: A4 landscape; margin: 0; }
+					body { background: white !important; }
+					.splc-a4-page {
+						box-shadow: none !important;
+						margin: 0 !important;
+						padding: 31mm 14mm 14mm !important;
+					}
+				}
+
+				.splc-a4-page * {
+					box-sizing: border-box;
+				}
+			` }), _jsx("div", { style: { overflowX: "auto", width: "100%" }, children: _jsxs("div", { className: "splc-a4-page bg-white shadow-sm", "data-pdf-page": "true", "data-pdf-orientation": "landscape", style: {
+                        boxSizing: "border-box",
+                        width: "297mm",
+                        minHeight: "210mm",
+                        padding: "31mm 14mm 14mm",
+                        fontFamily: '"Times New Roman", Times, serif',
+                        color: "#111",
+                    }, children: [_jsxs("header", { style: {
+                                position: "relative",
+                                width: "100%",
+                                height: "25mm",
+                            }, children: [_jsx("div", { style: {
+                                        position: "absolute",
+                                        right: "3mm",
+                                        top: 0,
+                                        fontSize: "9pt",
+                                        fontStyle: "italic",
+                                        fontWeight: 600,
+                                    }, children: "Annex A.2" }), _jsx("div", { style: {
+                                        position: "absolute",
+                                        left: 0,
+                                        right: 0,
+                                        top: "8mm",
+                                        textAlign: "center",
+                                        fontSize: "14pt",
+                                        fontWeight: 700,
+                                        letterSpacing: "0.1px",
+                                    }, children: "SEMI-EXPENDABLE PROPERTY LEDGER CARD" }), _jsxs("div", { style: {
+                                        position: "absolute",
+                                        left: 0,
+                                        right: 0,
+                                        bottom: 0,
+                                        display: "grid",
+                                        gridTemplateColumns: "1fr 90mm",
+                                        columnGap: "12mm",
+                                        alignItems: "end",
+                                        fontSize: "9.5pt",
+                                        fontWeight: 700,
+                                    }, children: [_jsxs("div", { children: ["Entity Name :", " ", _jsx("span", { style: {
+                                                        display: "inline-block",
+                                                        boxSizing: "border-box",
+                                                        height: "5.5mm",
+                                                        minWidth: "70mm",
+                                                        maxWidth: "calc(100% - 24mm)",
+                                                        borderBottom: BORDER,
+                                                        padding: "0.6mm 1mm 1.4mm",
+                                                        lineHeight: 1.15,
+                                                        verticalAlign: "bottom",
+                                                        whiteSpace: "normal",
+                                                        overflowWrap: "anywhere",
+                                                        wordBreak: "break-word",
+                                                    }, children: display(entityName) })] }), _jsxs("div", { children: ["Fund Cluster :", " ", _jsx("span", { style: {
+                                                        display: "inline-block",
+                                                        boxSizing: "border-box",
+                                                        height: "5.5mm",
+                                                        minWidth: "36mm",
+                                                        maxWidth: "calc(100% - 28mm)",
+                                                        borderBottom: BORDER,
+                                                        padding: "0.6mm 1mm 1.4mm",
+                                                        lineHeight: 1.15,
+                                                        verticalAlign: "bottom",
+                                                        whiteSpace: "normal",
+                                                        overflowWrap: "anywhere",
+                                                        wordBreak: "break-word",
+                                                    }, children: display(fundCluster) })] })] })] }), _jsxs("table", { style: {
+                                width: "100%",
+                                borderCollapse: "collapse",
+                                tableLayout: "fixed",
+                                border: OUTER_BORDER,
+                            }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "7.5%" } }), _jsx("col", { style: { width: "11.8%" } }), _jsx("col", { style: { width: "6.1%" } }), _jsx("col", { style: { width: "8.5%" } }), _jsx("col", { style: { width: "10.5%" } }), _jsx("col", { style: { width: "14.1%" } }), _jsx("col", { style: { width: "12.4%" } }), _jsx("col", { style: { width: "14%" } }), _jsx("col", { style: { width: "7%" } }), _jsx("col", { style: { width: "8.1%" } })] }), _jsxs("thead", { children: [_jsxs("tr", { children: [_jsxs("th", { colSpan: 6, style: metaCell, children: ["Semi-expendable Property: ", display(semiExpendableProperty)] }), _jsxs("th", { colSpan: 4, style: metaCell, children: ["Semi-expendable Property No.: ", display(semiExpendablePropertyNumber)] })] }), _jsxs("tr", { children: [_jsxs("th", { colSpan: 6, style: metaCell, children: ["Description: ", display(description)] }), _jsxs("th", { colSpan: 2, style: metaCell, children: ["UACS Object Code: ", display(uacsObjectCode)] }), _jsxs("th", { colSpan: 2, style: metaCell, children: ["Repair History ", display(repairHistory)] })] }), _jsxs("tr", { style: { height: "7.2mm" }, children: [_jsx("th", { rowSpan: 2, style: thBase, children: "Date" }), _jsx("th", { rowSpan: 2, style: thBase, children: "Reference" }), _jsx("th", { colSpan: 3, style: thBase, children: "Receipt" }), _jsxs("th", { rowSpan: 2, style: thBase, children: ["Issues/Transfers/", _jsx("br", {}), "Adjustment/s"] }), _jsxs("th", { rowSpan: 2, style: thBase, children: ["Accumulated", _jsx("br", {}), "Impairment Losses"] }), _jsxs("th", { rowSpan: 2, style: thBase, children: ["Adjusted", _jsx("br", {}), "Cost"] }), _jsx("th", { colSpan: 2, style: thBase, children: "Repair History" })] }), _jsxs("tr", { style: { height: "8mm" }, children: [_jsx("th", { style: thBase, children: "Qty." }), _jsxs("th", { style: thBase, children: ["Unit", _jsx("br", {}), "Cost"] }), _jsxs("th", { style: thBase, children: ["Total", _jsx("br", {}), "Cost"] }), _jsxs("th", { style: thBase, children: ["Nature of", _jsx("br", {}), "Repair"] }), _jsx("th", { style: thBase, children: "Amount" })] })] }), _jsx("tbody", { children: rows.map((row, index) => {
+                                        const hasEntry = row !== null;
+                                        const isHovered = hoveredEntryIndex === index;
+                                        const isActive = activeEntryIndex === index;
+                                        return (_jsxs("tr", { onMouseEnter: () => {
+                                                if (hasEntry)
+                                                    setHoveredEntryIndex(index);
+                                            }, onMouseLeave: () => {
+                                                if (hoveredEntryIndex === index)
+                                                    setHoveredEntryIndex(null);
+                                            }, style: isActive ? { backgroundColor: "#fff8d8" } : undefined, children: [_jsxs("td", { style: { ...tdBase, position: "relative", textAlign: "center" }, children: [row ? fmtDate(row.entryDate) : "", hasEntry && isHovered ? (_jsxs("span", { style: {
+                                                                position: "absolute",
+                                                                top: "0.5mm",
+                                                                right: "0.5mm",
+                                                                display: "flex",
+                                                                gap: "1mm",
+                                                            }, children: [onEditEntry ? (_jsx("button", { type: "button", onClick: () => onEditEntry(index), style: {
+                                                                        fontSize: "6.5pt",
+                                                                        lineHeight: 1,
+                                                                        padding: "1px 4px",
+                                                                        border: "1px solid #475569",
+                                                                        backgroundColor: "#f8fafc",
+                                                                        cursor: "pointer",
+                                                                    }, children: "Edit" })) : null, onDeleteEntry ? (_jsx("button", { type: "button", onClick: () => onDeleteEntry(index), style: {
+                                                                        fontSize: "6.5pt",
+                                                                        lineHeight: 1,
+                                                                        padding: "1px 4px",
+                                                                        border: "1px solid #b91c1c",
+                                                                        backgroundColor: "#fef2f2",
+                                                                        color: "#b91c1c",
+                                                                        cursor: "pointer",
+                                                                    }, children: "Delete" })) : null] })) : null] }), _jsx("td", { style: tdBase, children: row ? display(row.reference) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "center" }, children: row ? fmtQty(row.receiptQty) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.unitCost) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.totalCost) : "" }), _jsx("td", { style: tdBase, children: row ? display(row.issuesTransfersAdjustments) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.accumulatedImpairmentLosses) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.adjustedCost) : "" }), _jsx("td", { style: tdBase, children: row ? display(row.natureOfRepair) : "" }), _jsx("td", { style: { ...tdBase, textAlign: "right" }, children: row ? fmtAmount(row.amount) : "" })] }, index));
+                                    }) })] })] }) })] }));
+}

package/dist/gam/components/stock-card-preview.d.ts

@@ -0,0 +1,14 @@
+type StockCardPreviewProps = {
+    stockCardNo: string;
+    itemCode: string;
+    itemName: string;
+    warehouse: string;
+    receiptQty: string;
+    issueQty: string;
+    balanceQty: string;
+    referenceDoc: string;
+    transactionDate: string;
+    status?: string;
+};
+export declare function StockCardPreview({ stockCardNo, itemCode, itemName, warehouse, receiptQty, issueQty, balanceQty, referenceDoc, transactionDate, status, }: StockCardPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/gam/components/stock-card-preview.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function formatDate(value) {
+    if (!value)
+        return "-";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleDateString("en-PH", {
+        year: "numeric",
+        month: "short",
+        day: "2-digit",
+    });
+}
+export function StockCardPreview({ stockCardNo, itemCode, itemName, warehouse, receiptQty, issueQty, balanceQty, referenceDoc, transactionDate, status, }) {
+    return (_jsxs("div", { className: "rounded-md border bg-white p-6", children: [_jsx("h4", { className: "mb-5 text-center text-lg font-semibold tracking-wide", children: "STOCK CARD" }), _jsxs("div", { className: "grid gap-2 border p-3 text-xs md:grid-cols-2", children: [_jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "Stock Card No:" }), " ", stockCardNo || "-"] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "Item Code:" }), " ", itemCode || "-"] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "Item Name:" }), " ", itemName || "-"] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "Warehouse:" }), " ", warehouse || "-"] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "Reference:" }), " ", referenceDoc || "-"] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "Transaction Date:" }), " ", formatDate(transactionDate)] }), status ? (_jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "Status:" }), " ", status] })) : null] }), _jsxs("table", { className: "mt-4 min-w-full border-collapse text-xs", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "border bg-slate-50 p-2 text-left", children: "Receipt Qty" }), _jsx("th", { className: "border bg-slate-50 p-2 text-left", children: "Issue Qty" }), _jsx("th", { className: "border bg-slate-50 p-2 text-left", children: "Balance Qty" })] }) }), _jsx("tbody", { children: _jsxs("tr", { children: [_jsx("td", { className: "border p-2", children: receiptQty || "-" }), _jsx("td", { className: "border p-2", children: issueQty || "-" }), _jsx("td", { className: "border p-2", children: balanceQty || "-" })] }) })] })] }));
+}