/* global React */ const { useState, useMemo, useEffect } = React; // ---------- Icons (inline minimal set, Lucide-style) ---------- const Icon = ({ name, size = 16, className = "" }) => { const paths = { dashboard: <>, project: <>, contract: <>, house: <>, payment: <>, report: <>, settings: <>, search: <>, bell: <>, plus: <>, edit: <>, trash: <>, download: <>, upload: <>, file: <>, excel: <>, print: <>, chevR: <>, chevL: <>, chevD: <>, arrowR: <>, arrowUp: <>, arrowDn: <>, x: <>, check: <>, history: <>, paperclip: <>, money: <>, wallet: <>, building: <>, user: <>, folder: <>, layers: <>, logout: <>, info: <>, eye: <>, }; return ( {paths[name] || null} ); }; // ---------- Format helpers ---------- const fmt = (n) => (n || 0).toLocaleString("th-TH"); const fmtMoney = (n) => fmt(n) + " ฿"; const fmtCompact = (n) => { if (n >= 1e6) return (n / 1e6).toFixed(2) + " ล้าน"; if (n >= 1e3) return (n / 1e3).toFixed(0) + "K"; return fmt(n); }; const fmtDate = (iso) => { if (!iso) return "-"; const d = new Date(iso); const opts = { day: "2-digit", month: "short", year: "numeric" }; return d.toLocaleDateString("th-TH", opts); }; // ---------- Pill / status helpers ---------- const StatusPill = ({ status }) => { const map = { active: { cls: "brand", t: "กำลังดำเนินการ" }, completed: { cls: "success", t: "เสร็จสิ้น" }, pending: { cls: "warn", t: "รอเริ่มงาน" }, }; const s = map[status] || map.pending; return {s.t}; }; const Progress = ({ paid, total }) => { const pct = total > 0 ? Math.min(100, (paid / total) * 100) : 0; const cls = pct >= 100 ? "success" : pct < 25 ? "warn" : ""; return (
{pct.toFixed(0)}%{fmtCompact(total - paid)} คงเหลือ
); }; // ---------- Toast ---------- const ToastContext = React.createContext(null); function ToastHost({ children }) { const [items, set] = useState([]); const push = (t, kind = "success") => { const id = Date.now() + Math.random(); set((x) => [...x, { id, t: typeof t === "string" ? { t } : t, kind }]); setTimeout(() => set((x) => x.filter((i) => i.id !== id)), 3200); }; return ( {children}
{items.map((it) => (
{it.kind === "err" ? : }
{it.t.t}
{it.t.s &&
{it.t.s}
}
))}
); } const useToast = () => React.useContext(ToastContext); Object.assign(window, { Icon, fmt, fmtMoney, fmtCompact, fmtDate, StatusPill, Progress, ToastHost, useToast });