/* ────────────────────────────────────────────────────────────────── BRUNO APP — Shared component library for the UI kit Mobile-first React components matching the production app. ────────────────────────────────────────────────────────────────── */ const ACCENT = '#F97316'; const ACCENT_2 = '#EA580C'; /* ── ICONS — inline SVG (Lucide-style, stroke 2px) ────────────── */ const I = ({ d, w = 18, ...rest }) => ( {d} ); const Icon = { Menu: (p) => } {...p}/>, Send: (p) => } {...p}/>, Refresh: (p) => } {...p}/>, ChevronL: (p) => } {...p}/>, ChevronR: (p) => } {...p}/>, ChevronD: (p) => } {...p}/>, Calendar: (p) => } {...p}/>, Users: (p) => } {...p}/>, Truck: (p) => } {...p}/>, Building: (p) => } {...p}/>, MapPin: (p) => } {...p}/>, Star: (p) => } {...p}/>, Search: (p) => } {...p}/>, Plus: (p) => } {...p}/>, Trash: (p) => } {...p}/>, Check: (p) => } {...p}/>, Clock: (p) => } {...p}/>, Umbrella: (p) => } {...p}/>, Wallet: (p) => } {...p}/>, Card: (p) => } {...p}/>, Download: (p) => } {...p}/>, File: (p) => } {...p}/>, Warn: (p) => } {...p}/>, Bell: (p) => } {...p}/>, Settings: (p) => } {...p}/>, Cloud: (p) => } {...p}/>, }; /* ── Top app bar ────────────────────────────────────────────── */ function AppHeader({ tenantLogo, view = 'Settimana', onView, badge }) { return (
{tenantLogo ? : }
{['Settimana','Mese'].map(v => ( ))}
); } function btnIcon(variant, bg, color) { const base = { display:'flex',alignItems:'center',gap:5, border:'none', background: bg || 'transparent', color: color || '#475569', padding:'7px 9px', borderRadius:8, cursor:'pointer', fontFamily:'inherit' }; return base; } /* ── Day strip (LUN MAR MER...) ──────────────────────────────── */ function DayStrip({ days, selectedIdx, onSelect, weekLabel }) { return (
{days.map((d, i) => ( ))}
); } /* ── Program header (Programma Domenica 03 Mag + Invia/cestino) */ function ProgramHeader({ label, counts }) { return (
{label}
{counts.map((c, i) => ( {c.icon && {c.icon}} {c.n} {c.label} ))}
); } /* ── SiteCard ─────────────────────────────────────────────────── */ function SiteCard({ site }) { const statusColors = { 'Attivo': {bg:'#ECFDF5',fg:'#059669',accent:'#22c55e'}, 'Sospeso': {bg:'#FFF7ED',fg:'#D97706',accent:'#F59E0B'}, 'Fermo': {bg:'#FEF2F2',fg:'#DC2626',accent:'#DC2626'}, }; const sc = statusColors[site.stato || 'Attivo']; return (
{site.name} {site.stato || 'Attivo'}
{site.address &&
{site.address}
}
{site.team.length} op. {site.caposquadra && ( {site.caposquadra} )} {site.meteo && {site.meteo}} {site.attivita && {site.attivita}}
{site.vehicles && site.vehicles.length > 0 && (
{site.vehicles.map((v, i) => (
{v.name} ({v.seats}p) {v.type} {v.driver}
))}
)} {site.team.length > 0 && (
Squadra ({site.team.length})
{site.team.map((p, i) => (
{p.ini}
{p.name} {p.preposto && }
))}
)}
); } /* ── Person row (Non assegnati) ───────────────────────────────── */ function PersonRow({ name, role, ini, color = '#FFF7ED', textColor = '#C2410C' }) { return (
{ini}
{name}
{role}
); } /* ── Floating action button ──────────────────────────────────── */ function FAB({ onClick }) { return ( ); } /* ── Section card (Bacheca pattern) ──────────────────────────── */ function SectionCard({ icon, title, rightHint, children }) { return (
{icon} {title} {rightHint && {rightHint}}
{children}
); } /* ── Hero KPI Card ──────────────────────────────────────────── */ function HeroKPI({ icon, label, source, blocks }) { return (
{icon} {label} {source && {source}}
{blocks.map((b, i) => (
{b.value}{b.unit}
{b.sub}
))}
); } /* ── Toast ───────────────────────────────────────────────────── */ function Toast({ kind = 'success', text, action }) { const map = { success: { bg:'#0F172A', fg:'#fff' }, warning: { bg:'#F59E0B', fg:'#0F172A' }, error: { bg:'#EF4444', fg:'#fff' }, }; const c = map[kind]; return (
{text} {action && }
); } /* ── Bottom nav ──────────────────────────────────────────────── */ function BottomNav({ active = 'planner' }) { const tabs = [ { id: 'planner', label: 'Cantieri', icon: }, { id: 'bacheca', label: 'Bacheca', icon: }, { id: 'spese', label: 'Spese', icon: }, { id: 'admin', label: 'Admin', icon: }, ]; return (
{tabs.map(t => (
{t.icon} {t.label}
))}
); } /* ── Expose to other Babel script files ──────────────────────── */ Object.assign(window, { ACCENT, ACCENT_2, Icon, AppHeader, DayStrip, ProgramHeader, SiteCard, PersonRow, FAB, SectionCard, HeroKPI, Toast, BottomNav, });