@anthonybir/birhaus-patterns/dist/index.js

BIRHAUS Pattern Components - AuditTimeline, DataTable, EmptyState

'use strict';var react=require('react'),lucideReact=require('lucide-react'),dateFns=require('date-fns'),locale=require('date-fns/locale'),jsxRuntime=require('react/jsx-runtime');function E(...n){return n.filter(Boolean).join(" ")}var A={"iglesia.creada":"cre\xF3 una iglesia","iglesia.actualizada":"actualiz\xF3 una iglesia","iglesia.eliminada":"elimin\xF3 una iglesia","pastor.creado":"registr\xF3 un pastor","pastor.actualizado":"actualiz\xF3 un pastor","pastor.eliminado":"elimin\xF3 un pastor","donacion.registrada":"registr\xF3 una donaci\xF3n","donacion.anulada":"anul\xF3 una donaci\xF3n","transferencia.creada":"cre\xF3 una transferencia","transferencia.completada":"complet\xF3 una transferencia","gasto.registrado":"registr\xF3 un gasto","gasto.aprobado":"aprob\xF3 un gasto","gasto.rechazado":"rechaz\xF3 un gasto","usuario.login":"inici\xF3 sesi\xF3n","usuario.logout":"cerr\xF3 sesi\xF3n","resumen.enviado":"envi\xF3 un resumen","resumen.aprobado":"aprob\xF3 un resumen","resumen.rechazado":"rechaz\xF3 un resumen",create:"cre\xF3",update:"actualiz\xF3",delete:"elimin\xF3",approve:"aprob\xF3",reject:"rechaz\xF3",login:"inici\xF3 sesi\xF3n",logout:"cerr\xF3 sesi\xF3n"},U={creada:"text-green-600",creado:"text-green-600",registrada:"text-green-600",registrado:"text-green-600",actualizada:"text-blue-600",actualizado:"text-blue-600",eliminada:"text-red-600",eliminado:"text-red-600",anulada:"text-yellow-600",aprobado:"text-green-600",rechazado:"text-red-600",completada:"text-green-600",enviado:"text-blue-600",login:"text-gray-500",logout:"text-gray-500"};function I({events:n,showFilters:l=true,maxHeight:y="600px",className:f="",emptyMessage:u="No hay eventos que mostrar",filterAllEntitiesLabel:d="Todas las entidades",filterAllActionsLabel:g="Todas las acciones",clearFiltersLabel:_="Limpiar filtros",showDetailsLabel:z="Ver detalles",hideDetailsLabel:C="Ocultar detalles"}){let[s,b]=react.useState("all"),[o,h]=react.useState("all"),[v,T]=react.useState(new Set),{entities:m,verbs:p}=react.useMemo(()=>{let e=new Set,r=new Set;return n.forEach(i=>{i.entity&&e.add(i.entity),r.add(i.verb);}),{entities:Array.from(e).sort(),verbs:Array.from(r).sort()}},[n]),x=react.useMemo(()=>n.filter(e=>!(s!=="all"&&e.entity!==s||o!=="all"&&e.verb!==o)),[n,s,o]),O=e=>{let r=new Set(v);r.has(e)?r.delete(e):r.add(e),T(r);},k=e=>{let r=e.split(".").pop()||"";return U[r]||"text-gray-700"},D=e=>!e||Object.keys(e).length===0?null:jsxRuntime.jsx("div",{className:"mt-2 p-3 bg-gray-50 rounded-md text-xs space-y-1 border",children:Object.entries(e).map(([r,i])=>jsxRuntime.jsxs("div",{className:"flex gap-2",children:[jsxRuntime.jsxs("span",{className:"text-gray-500 font-medium min-w-20",children:[r,":"]}),jsxRuntime.jsx("span",{className:"text-gray-700 flex-1",children:typeof i=="object"?JSON.stringify(i,null,2):String(i)})]},r))});return jsxRuntime.jsxs("div",{className:E("space-y-4",f),"data-birhaus-component":"audit-timeline",children:[l&&(m.length>0||p.length>0)&&jsxRuntime.jsxs("div",{className:"flex gap-3 items-center p-3 bg-gray-50 border border-gray-200 rounded-md",children:[jsxRuntime.jsx(lucideReact.Filter,{className:"h-4 w-4 text-gray-400"}),m.length>0&&jsxRuntime.jsxs("select",{value:s,onChange:e=>b(e.target.value),className:"px-3 py-1 border border-gray-300 rounded-md text-sm bg-white focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500",children:[jsxRuntime.jsx("option",{value:"all",children:d}),m.map(e=>jsxRuntime.jsx("option",{value:e,children:e.charAt(0).toUpperCase()+e.slice(1)},e))]}),p.length>0&&jsxRuntime.jsxs("select",{value:o,onChange:e=>h(e.target.value),className:"px-3 py-1 border border-gray-300 rounded-md text-sm bg-white focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500",children:[jsxRuntime.jsx("option",{value:"all",children:g}),p.map(e=>jsxRuntime.jsx("option",{value:e,children:A[e]||e},e))]}),(s!=="all"||o!=="all")&&jsxRuntime.jsx("button",{onClick:()=>{b("all"),h("all");},className:"text-sm text-primary-600 hover:text-primary-700 hover:underline focus:outline-none focus:ring-2 focus:ring-primary-500 px-2 py-1 rounded",children:_})]}),jsxRuntime.jsx("div",{className:"space-y-2 overflow-y-auto pr-2 scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100",style:{maxHeight:y},children:x.length===0?jsxRuntime.jsxs("div",{className:"text-center py-8 text-gray-500 bg-gray-50 rounded-lg border-2 border-dashed border-gray-200",children:[jsxRuntime.jsx(lucideReact.Clock,{className:"h-8 w-8 text-gray-400 mx-auto mb-2"}),jsxRuntime.jsx("p",{children:u})]}):x.map((e,r)=>{let i=v.has(e.id),L=e.payload&&Object.keys(e.payload).length>0;return jsxRuntime.jsxs("div",{className:"flex gap-3 p-4 bg-white border border-gray-200 rounded-lg hover:border-gray-300 hover:shadow-sm transition-all duration-150",children:[jsxRuntime.jsxs("div",{className:"flex flex-col items-center",children:[jsxRuntime.jsx("div",{className:"w-2 h-2 rounded-full bg-primary-600 mt-2 flex-shrink-0"}),r<x.length-1&&jsxRuntime.jsx("div",{className:"w-px flex-1 bg-gray-200 mt-2"})]}),jsxRuntime.jsx("div",{className:"flex-1 min-w-0",children:jsxRuntime.jsxs("div",{className:"flex items-start justify-between gap-2",children:[jsxRuntime.jsxs("div",{className:"flex-1",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[jsxRuntime.jsx(lucideReact.User,{className:"h-3 w-3 text-gray-400"}),jsxRuntime.jsx("span",{className:"text-sm font-medium text-gray-900",children:e.actor_name||"Usuario"}),jsxRuntime.jsx("span",{className:E("text-sm font-medium",k(e.verb)),children:A[e.verb]||e.verb}),e.entity&&jsxRuntime.jsx("span",{className:"text-xs px-2 py-1 bg-gray-200 text-gray-700 rounded-full",children:e.entity})]}),e.entity_id&&jsxRuntime.jsxs("div",{className:"text-xs text-gray-500 mt-1 font-mono",children:["ID: ",e.entity_id]}),L&&jsxRuntime.jsx("button",{onClick:()=>O(e.id),className:"flex items-center gap-1 mt-2 text-xs text-primary-600 hover:text-primary-700 hover:underline focus:outline-none focus:ring-2 focus:ring-primary-500 px-1 py-0.5 rounded",children:i?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.ChevronUp,{className:"h-3 w-3"}),C]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.ChevronDown,{className:"h-3 w-3"}),z]})}),i&&D(e.payload)]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-1 text-xs text-gray-500 whitespace-nowrap",children:[jsxRuntime.jsx(lucideReact.Clock,{className:"h-3 w-3"}),jsxRuntime.jsx("span",{title:new Date(e.created_at).toLocaleString("es-ES"),children:dateFns.formatDistanceToNow(new Date(e.created_at),{addSuffix:true,locale:locale.es})})]})]})})]},e.id)})})]})}function M(){let[n,l]=react.useState([]);return {events:n,addEvent:u=>{let d={...u,id:`audit_${Date.now()}_${Math.random().toString(36).substr(2,9)}`,created_at:new Date().toISOString()};return l(g=>[d,...g]),d},clearEvents:()=>{l([]);}}}exports.AuditTimeline=I;exports.useAuditTimeline=M;//# sourceMappingURL=index.js.map
//# sourceMappingURL=index.js.map