forlogic-core 3.0.11 → 4.0.0

package/dist/audit-trail/index.esm.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as a,useCallback as r,useEffect as n,useRef as s}from"react";import{RotateCcw as l,Download as o,Filter as i,X as d,FileText as c,Layers as m,Clock as u,User as p,Eye as f}from"lucide-react";import{Label as h,Select as x,SelectTrigger as v,SelectValue as g,SelectContent as y,SelectItem as w,Input as N,Button as b,Spinner as D,cn as E}from"forlogic-core";import I from"i18next";import{useTranslation as S}from"react-i18next";function $({queryParams:n,events:s,softwares:d,users:c=[],permissions:m={viewAllEvents:!0,viewOnlyMyEvents:!1,download:!1},isLoading:u=!1,onFilter:p,onReset:f,onExport:D,onSoftwareChange:E}){const[I,S]=a(n.softwareId),[$,A]=a(n.eventId),[R,P]=a(n.userId||"all"),[T,j]=a(C(n.startDate)),[V,k]=a(C(n.endDate)),F=r(e=>{const t=parseInt(e);S(t),E?.(t)},[E]),M=r(()=>{p({...n,softwareId:I,eventId:$,userId:"all"===R?void 0:R,startDate:new Date(T),endDate:new Date(V),software:d.find(e=>e.id===I)?.software||n.software,event:s.find(e=>e.id===$)?.name||n.event})},[n,I,$,R,T,V,d,s,p]),z=r(()=>{const e=new Date;e.setHours(0,0,0,0),j(C(e)),k(C(e)),A(n.eventId),m.viewAllEvents&&P("all"),f?.()},[n.eventId,m.viewAllEvents,f]),_=m.viewOnlyMyEvents&&!m.viewAllEvents,L=I&&$&&T&&V;return e("div",{className:"flex flex-wrap items-end gap-3 rounded-lg border border-border bg-card p-3",children:[e("div",{className:"flex flex-col gap-1 min-w-[180px]",children:[t(h,{className:"text-xs text-muted-foreground",children:"Módulo *"}),e(x,{value:String(I),onValueChange:F,disabled:u,children:[t(v,{className:"h-8 text-xs",children:t(g,{placeholder:"Selecione..."})}),t(y,{children:d.map(e=>t(w,{value:String(e.id),className:"text-xs",children:e.translation},e.id))})]})]}),e("div",{className:"flex flex-col gap-1 min-w-[200px]",children:[t(h,{className:"text-xs text-muted-foreground",children:"Evento *"}),e(x,{value:String($),onValueChange:e=>A(parseInt(e)),disabled:u,children:[t(v,{className:"h-8 text-xs",children:t(g,{placeholder:"Selecione..."})}),t(y,{children:s.map(e=>t(w,{value:String(e.id),className:"text-xs",children:e.translation},e.id))})]})]}),e("div",{className:"flex flex-col gap-1 min-w-[200px]",children:[t(h,{className:"text-xs text-muted-foreground",children:"Usuário *"}),e(x,{value:R,onValueChange:P,disabled:u||_,children:[t(v,{className:"h-8 text-xs",children:t(g,{placeholder:"Selecione..."})}),e(y,{children:[t(w,{value:"all",className:"text-xs",children:"Todos"}),c.map(e=>t(w,{value:e.id,className:"text-xs",children:e.name},e.id))]})]})]}),e("div",{className:"flex flex-col gap-1 min-w-[150px]",children:[t(h,{className:"text-xs text-muted-foreground",children:"De *"}),t(N,{type:"date",value:T,onChange:e=>j(e.target.value),className:"h-8 text-xs",max:V,disabled:u})]}),e("div",{className:"flex flex-col gap-1 min-w-[150px]",children:[t(h,{className:"text-xs text-muted-foreground",children:"Até *"}),t(N,{type:"date",value:V,onChange:e=>k(e.target.value),className:"h-8 text-xs",min:T,disabled:u})]}),e("div",{className:"flex items-center gap-2 ml-auto",children:[e(b,{variant:"outline",size:"sm",onClick:z,disabled:u,children:[t(l,{className:"h-3.5 w-3.5 mr-1"}),"Limpar"]}),m.download&&D&&e(b,{variant:"outline",size:"sm",onClick:()=>D("xlsx"),disabled:u,children:[t(o,{className:"h-3.5 w-3.5 mr-1"}),"Exportar"]}),e(b,{size:"sm",onClick:M,disabled:u||!L,children:[t(i,{className:"h-3.5 w-3.5 mr-1"}),"Filtrar"]})]})]})}function C(e){return(e instanceof Date?e:new Date(e)).toISOString().split("T")[0]}function A(e,t,a,r="Anônimo"){return e.map(e=>({...e,translatedSoftware:P(e.software,a),user:e.userEmail||e.userName||r,translatedEvent:R(e.eventName,t),date:new Date(e.dateTime)})).sort((e,t)=>(t.date?.getTime()??0)-(e.date?.getTime()??0))}function R(e,t){const a=t.find(t=>t.name===e);return a?.translation||e}function P(e,t){const a=e.includes(".")?e.split(".").pop():e,r=t.find(e=>e.software===a);return r?.translation||a}function T(e,t){const a=[],r={..._,...t?.labels},n=e.eventName;a.push({name:r.event,value:n});const s=e.entities?.[0];if(s&&(a.push({name:r.entityName,value:j(s)}),s.description&&a.push({name:r.description,value:s.description}),s.justification&&a.push({name:r.justification,value:s.justification}),s.statusName&&a.push({name:r.status,value:s.statusName}),s.equipmentType&&a.push({name:r.type,value:s.equipmentType}),s.extra?.length)){[...new Set(s.extra.map(e=>e.property))].forEach(e=>{const t=s.extra.filter(t=>t.property===e).map(e=>e.value||"").join(", ");a.push({name:M(e),value:t})})}e.entities?.forEach(e=>{e.data?.forEach(e=>{if("Removed"===e.property)return;if(""===e.newValue&&!e.tagTranslate)return;const s=V(e,n,t?.translateProperty),l=k(e,null,n,r,t);l&&a.push({name:s,value:l})})}),e.entities?.forEach(e=>{if(e.association?.length){const t=e.association.filter(e=>""!==e.id).map(e=>{const t=j(e);return`(${e.softwareName||e.type}) ${t}`});t.length&&a.push({name:r.references,value:t.join(", ")})}}),s?.isElectronicSigned&&a.push({name:r.security,value:"🛡️ "+r.electronicSigned}),a.push({name:r.accomplishedBy,value:e.userName?`${e.userName} (${e.userEmail})`:e.userEmail});const l=t?.formatDate?t.formatDate(e.dateTime):z(e.dateTime);return a.push({name:r.accomplishedIn,value:l}),a}function j(e){return e.code&&e.name&&e.code!==e.name?`${e.code} ${e.name}`:e.name||e.code||""}function V(e,t,a){if(e.propertyCustomName)return e.propertyCustomName;const r=M(e.property);return a?a(t,r):r}function k(e,t,a,r,n){if(e.propertyResource||(e.propertyResource=t?`${t.propertyResource}.${e.property}`:e.property),e.children?.length){if(e.newValue){const t=V(e,a,n?.translateProperty),s=function(e,t){switch(e.state){case"Added":return t.stateAdded;case"Modified":return e.children?.some(e=>"Removed"===e.property)?t.stateRemoved:t.stateModified;default:return""}}(e,r);let l=`${t}: "${F(e,"newValue",r,n)}" ${s}`;const o=e.children.map(t=>(t.propertyResource=`${e.propertyResource}.${t.property}`,k(t,e,a,r,n)));return o.some(Boolean)&&(l+="\n"+o.filter(Boolean).join("\n")),l}return e.children.map(t=>(t.propertyResource=`${e.propertyResource}.${t.property}`,k(t,e,a,r,n))).filter(Boolean).join("\n")}if("Removed"===e.property)return"";if("Modified"===e.state){const s=F(e,"oldValue",r,n),l=F(e,"newValue",r,n);return`${t?V(e,a,n?.translateProperty)+": ":""}${r.changedFrom} "${s}" ${r.changedTo} "${l}"`}const s=F(e,"newValue",r,n);return t?`${V(e,a,n?.translateProperty)}: ${s}`:s}function F(e,t,a,r){const n=e[t];return null==n||""===n?"Modified"===e.state||"Added"===e.state||"Unchanged"===e.state?a.uninformed:"":"string"==typeof n&&function(e){if("string"!=typeof e)return!1;if(!/^\d{4}[-/]\d{2}[-/]\d{2}/.test(e))return!1;const t=new Date(e);return!isNaN(t.getTime())}(n)?r?.formatDate?r.formatDate(n):z(n):String(n)}function M(e){return e.replace(/([A-Z])/g,(e,t,a)=>`${a>0?"-":""}${t.toLowerCase()}`)}function z(e){try{return new Date(e).toLocaleString()}catch{return e}}const _={event:"Evento",entityName:"Item",description:I.t("audit_description"),justification:"Justificativa",status:"Status",type:"Tipo",references:I.t("audit_references"),security:I.t("audit_security"),electronicSigned:I.t("audit_esign"),accomplishedBy:"Realizado por",accomplishedIn:"Realizado em",changedFrom:"de",changedTo:"para",uninformed:I.t("audit_not_informed"),stateAdded:"(adicionado)",stateModified:"(modificado)",stateRemoved:"(removido)"};function L({documentId:s,onFetchDetails:l,onClose:o,labels:i,translateProperty:c,translatePropertyValue:m,formatDate:u}){const[p,f]=a(!1),[h,x]=a([]),[v,g]=a(null),y=r(async e=>{f(!0),g(null);try{const t=T(await l(e),{translateProperty:c,translatePropertyValue:m,formatDate:u,labels:i});x(t)}catch(t){g("Erro ao carregar detalhes da trilha de auditoria."),x([])}finally{f(!1)}},[l,c,m,u,i]);return n(()=>{s&&y(s)},[s,y]),s?e("div",{className:"flex flex-col h-full bg-background",children:[e("div",{className:"flex items-center justify-between px-4 py-3 border-b border-border bg-muted/30",children:[t("h3",{className:"text-sm font-semibold text-foreground",children:"Detalhes da Auditoria"}),t(b,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:o,children:t(d,{className:"h-4 w-4"})})]}),t("div",{className:"flex-1 overflow-y-auto",children:p?e("div",{className:"flex items-center justify-center p-6",children:[t(D,{size:"md"}),t("span",{className:"ml-2 text-sm text-muted-foreground",children:"Carregando detalhes..."})]}):v?t("div",{className:"p-6 text-sm text-destructive",children:v}):t("table",{className:"w-full text-xs",children:t("tbody",{children:h.map((a,r)=>e("tr",{className:r%2==0?"bg-background":"bg-muted/20",children:[t("td",{className:"px-4 py-2.5 font-semibold text-foreground whitespace-nowrap align-top w-[180px] border-b border-border/50",children:a.name}),t("td",{className:"px-4 py-2.5 text-muted-foreground break-words border-b border-border/50",children:t("span",{dangerouslySetInnerHTML:{__html:a.value.replace(/\n/g,"<br />")}})})]},r))})})})]}):null}function B({title:l,softwares:o,softwareId:i,permissions:d={viewAllEvents:!0,viewOnlyMyEvents:!1,download:!1},callbacks:h,limit:x=2e3,currentUserId:v,labels:g,formatDate:y,anonymousLabel:w=I.t("anonymous")}){const{t:N}=S();l??N("audit_trail");const[b,C]=a(!0),[R,P]=a([]),[T,j]=a([]),[V,k]=a([]),[F,M]=a(null),[z,_]=a(!1),B=s(null),O=new Date;O.setHours(0,0,0,0);const[U,q]=a({software:o.find(e=>e.id===i)?.software||"",softwareId:i,event:"All",eventId:1,startDate:O,endDate:O,limit:x,softwares:o,userId:d.viewOnlyMyEvents&&!d.viewAllEvents?v:void 0});n(()=>{(async()=>{C(!0);try{const[e,t]=await Promise.all([h.onFetchEvents(U.softwareId),h.onFetchUsers?.()??Promise.resolve([])]);j(e),k(t),await H(U,e)}catch(e){}finally{C(!1)}})()},[]);const H=r(async(e,t)=>{try{const a=A((await h.onFetchTrails(e)).data,t||T,o,w);P(a)}catch(a){}},[h,T,o,w]),J=r(async e=>{C(!0),q(e);try{await H(e)}finally{C(!1)}},[H]),Z=r(async e=>{try{const t=await h.onFetchEvents(e);j(t)}catch(t){}},[h]),G=r(e=>{M(e.documentId),_(!0)},[]),K=r(()=>{_(!1),M(null)},[]),Q=r(async()=>{const e={...U,startDate:O,endDate:O,eventId:1,userId:d.viewAllEvents?void 0:v};q(e),C(!0);try{await H(e)}finally{C(!1)}},[U,H]),W=r(e=>{h.onExport?.(e,R)},[h,R]),X=r(e=>{try{return new Date(e).toLocaleString("pt-BR",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"})}catch{return e}},[]);return e("div",{className:"flex flex-col h-full",children:[t("div",{className:"p-3",children:t($,{queryParams:U,events:T,softwares:o,users:V,permissions:d,isLoading:b,onFilter:J,onReset:Q,onExport:d.download?W:void 0,onSoftwareChange:Z})}),e("div",{className:"flex flex-1 min-h-0 relative",children:[e("div",{className:E("flex-1 overflow-auto transition-all duration-300",z?"mr-[400px]":""),children:[b?e("div",{className:"flex items-center justify-center h-64",children:[t(D,{size:"md"}),t("span",{className:"ml-2 text-sm text-muted-foreground",children:"Carregando trilha de auditoria..."})]}):0===R.length?e("div",{className:"flex flex-col items-center justify-center h-64 text-muted-foreground",children:[t(c,{className:"h-12 w-12 mb-3 opacity-30"}),t("p",{className:"text-sm",children:"Nenhum registro encontrado"}),t("p",{className:"text-xs mt-1",children:"Ajuste os filtros e tente novamente"})]}):e("table",{className:"w-full text-xs border-collapse",children:[t("thead",{className:"sticky top-0 z-10",children:e("tr",{className:"bg-muted/60 border-b border-border",children:[t("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e("div",{className:"flex items-center gap-1.5",children:[t(m,{className:"h-3 w-3"}),"Módulo"]})}),t("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e("div",{className:"flex items-center gap-1.5",children:[t(u,{className:"h-3 w-3"}),"Data"]})}),t("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e("div",{className:"flex items-center gap-1.5",children:[t(p,{className:"h-3 w-3"}),"Usuário"]})}),t("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e("div",{className:"flex items-center gap-1.5",children:[t(c,{className:"h-3 w-3"}),"Evento"]})}),t("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:"Item"}),t("th",{className:"px-3 py-2 w-10"})]})}),t("tbody",{children:R.map((a,r)=>e("tr",{onClick:()=>G(a),className:E("cursor-pointer border-b border-border/50 transition-colors","hover:bg-accent/50",F===a.documentId&&"bg-accent",r%2==0?"bg-background":"bg-muted/10"),children:[t("td",{className:"px-3 py-2 text-foreground",children:a.translatedSoftware}),t("td",{className:"px-3 py-2 text-muted-foreground whitespace-nowrap",children:a.date?X(a.date.toISOString()):"—"}),t("td",{className:"px-3 py-2 text-foreground",children:a.user}),t("td",{className:"px-3 py-2 text-foreground",children:a.translatedEvent}),t("td",{className:"px-3 py-2 text-foreground truncate max-w-[200px]",title:a.entityName,children:a.entityName}),t("td",{className:"px-3 py-2",children:t(f,{className:"h-3.5 w-3.5 text-muted-foreground"})})]},a.documentId||r))})]}),!b&&R.length>0&&e("div",{className:"px-3 py-2 text-xs text-muted-foreground border-t border-border bg-muted/20",children:[R.length," registro",1!==R.length?"s":""]})]}),t("div",{ref:B,className:E("fixed right-0 top-0 h-full w-[400px] border-l border-border bg-background shadow-lg z-30","transition-transform duration-300 ease-in-out",z?"translate-x-0":"translate-x-full"),children:z&&t(L,{documentId:F,onFetchDetails:h.onFetchDetails,onClose:K,labels:g,translateProperty:h.translateProperty,translatePropertyValue:h.translatePropertyValue,formatDate:y||X})})]})]})}export{L as AuditTrailDetails,$ as AuditTrailFilter,B as AuditTrailPage,T as buildDetailRows,M as camelToDash,A as processTrails};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as a,useCallback as r,useEffect as n,useRef as s}from"react";import{RotateCcw as l,Download as o,Filter as i,X as d,FileText as c,Layers as m,Clock as u,User as p,Eye as f}from"lucide-react";import{Label as h,Select as x,SelectTrigger as v,SelectValue as g,SelectContent as y,SelectItem as w,Input as N,Button as b,Spinner as D,cn as E}from"forlogic-core";import I from"i18next";import{useTranslation as S}from"react-i18next";function $({queryParams:n,events:s,softwares:d,users:c=[],permissions:m={viewAllEvents:!0,viewOnlyMyEvents:!1,download:!1},isLoading:u=!1,onFilter:p,onReset:f,onExport:D,onSoftwareChange:E}){const[I,S]=a(n.softwareId),[$,A]=a(n.eventId),[R,P]=a(n.userId||"all"),[T,j]=a(C(n.startDate)),[V,F]=a(C(n.endDate)),M=r(e=>{const t=parseInt(e);S(t),E?.(t)},[E]),z=r(()=>{p({...n,softwareId:I,eventId:$,userId:"all"===R?void 0:R,startDate:new Date(T),endDate:new Date(V),software:d.find(e=>e.id===I)?.software||n.software,event:s.find(e=>e.id===$)?.name||n.event})},[n,I,$,R,T,V,d,s,p]),_=r(()=>{const e=new Date;e.setHours(0,0,0,0),j(C(e)),F(C(e)),A(n.eventId),m.viewAllEvents&&P("all"),f?.()},[n.eventId,m.viewAllEvents,f]),k=m.viewOnlyMyEvents&&!m.viewAllEvents,L=I&&$&&T&&V;return e("div",{className:"flex flex-wrap items-end gap-3 rounded-lg border border-border bg-card p-3",children:[e("div",{className:"flex flex-col gap-1 min-w-[180px]",children:[t(h,{className:"text-xs text-muted-foreground",children:"Módulo *"}),e(x,{value:String(I),onValueChange:M,disabled:u,children:[t(v,{className:"h-8 text-xs",children:t(g,{placeholder:"Selecione..."})}),t(y,{children:d.map(e=>t(w,{value:String(e.id),className:"text-xs",children:e.translation},e.id))})]})]}),e("div",{className:"flex flex-col gap-1 min-w-[200px]",children:[t(h,{className:"text-xs text-muted-foreground",children:"Evento *"}),e(x,{value:String($),onValueChange:e=>A(parseInt(e)),disabled:u,children:[t(v,{className:"h-8 text-xs",children:t(g,{placeholder:"Selecione..."})}),t(y,{children:s.map(e=>t(w,{value:String(e.id),className:"text-xs",children:e.translation},e.id))})]})]}),e("div",{className:"flex flex-col gap-1 min-w-[200px]",children:[t(h,{className:"text-xs text-muted-foreground",children:"Usuário *"}),e(x,{value:R,onValueChange:P,disabled:u||k,children:[t(v,{className:"h-8 text-xs",children:t(g,{placeholder:"Selecione..."})}),e(y,{children:[t(w,{value:"all",className:"text-xs",children:"Todos"}),c.map(e=>t(w,{value:e.id,className:"text-xs",children:e.name},e.id))]})]})]}),e("div",{className:"flex flex-col gap-1 min-w-[150px]",children:[t(h,{className:"text-xs text-muted-foreground",children:"De *"}),t(N,{type:"date",value:T,onChange:e=>j(e.target.value),className:"h-8 text-xs",max:V,disabled:u})]}),e("div",{className:"flex flex-col gap-1 min-w-[150px]",children:[t(h,{className:"text-xs text-muted-foreground",children:"Até *"}),t(N,{type:"date",value:V,onChange:e=>F(e.target.value),className:"h-8 text-xs",min:T,disabled:u})]}),e("div",{className:"flex items-center gap-2 ml-auto",children:[e(b,{variant:"outline",size:"sm",onClick:_,disabled:u,children:[t(l,{className:"h-3.5 w-3.5 mr-1"}),"Limpar"]}),m.download&&D&&e(b,{variant:"outline",size:"sm",onClick:()=>D("xlsx"),disabled:u,children:[t(o,{className:"h-3.5 w-3.5 mr-1"}),"Exportar"]}),e(b,{size:"sm",onClick:z,disabled:u||!L,children:[t(i,{className:"h-3.5 w-3.5 mr-1"}),"Filtrar"]})]})]})}function C(e){return(e instanceof Date?e:new Date(e)).toISOString().split("T")[0]}function A(e,t,a,r="Anônimo"){return e.map(e=>({...e,translatedSoftware:P(e.software,a),user:e.userEmail||e.userName||r,translatedEvent:R(e.eventName,t),date:new Date(e.dateTime)})).sort((e,t)=>(t.date?.getTime()??0)-(e.date?.getTime()??0))}function R(e,t){const a=t.find(t=>t.name===e);return a?.translation||e}function P(e,t){const a=e.includes(".")?e.split(".").pop():e,r=t.find(e=>e.software===a);return r?.translation||a}function T(e,t){const a=[],r={...k,...t?.labels},n=e.eventName;a.push({name:r.event,value:n});const s=e.entities?.[0];if(s&&(a.push({name:r.entityName,value:j(s)}),s.description&&a.push({name:r.description,value:s.description}),s.justification&&a.push({name:r.justification,value:s.justification}),s.statusName&&a.push({name:r.status,value:s.statusName}),s.equipmentType&&a.push({name:r.type,value:s.equipmentType}),s.extra?.length)){[...new Set(s.extra.map(e=>e.property))].forEach(e=>{const t=s.extra.filter(t=>t.property===e).map(e=>e.value||"").join(", ");a.push({name:z(e),value:t})})}e.entities?.forEach(e=>{e.data?.forEach(e=>{if("Removed"===e.property)return;if(""===e.newValue&&!e.tagTranslate)return;const s=V(e,n,t?.translateProperty),l=F(e,null,n,r,t);l&&a.push({name:s,value:l})})}),e.entities?.forEach(e=>{if(e.association?.length){const t=e.association.filter(e=>""!==e.id).map(e=>{const t=j(e);return`(${e.softwareName||e.type}) ${t}`});t.length&&a.push({name:r.references,value:t.join(", ")})}}),s?.isElectronicSigned&&a.push({name:r.security,value:"🛡️ "+r.electronicSigned}),a.push({name:r.accomplishedBy,value:e.userName?`${e.userName} (${e.userEmail})`:e.userEmail});const l=t?.formatDate?t.formatDate(e.dateTime):_(e.dateTime);return a.push({name:r.accomplishedIn,value:l}),a}function j(e){return e.code&&e.name&&e.code!==e.name?`${e.code} ${e.name}`:e.name||e.code||""}function V(e,t,a){if(e.propertyCustomName)return e.propertyCustomName;const r=z(e.property);return a?a(t,r):r}function F(e,t,a,r,n){if(e.propertyResource||(e.propertyResource=t?`${t.propertyResource}.${e.property}`:e.property),e.children?.length){if(e.newValue){const t=V(e,a,n?.translateProperty),s=function(e,t){switch(e.state){case"Added":return t.stateAdded;case"Modified":return e.children?.some(e=>"Removed"===e.property)?t.stateRemoved:t.stateModified;default:return""}}(e,r);let l=`${t}: "${M(e,"newValue",r,n)}" ${s}`;const o=e.children.map(t=>(t.propertyResource=`${e.propertyResource}.${t.property}`,F(t,e,a,r,n)));return o.some(Boolean)&&(l+="\n"+o.filter(Boolean).join("\n")),l}return e.children.map(t=>(t.propertyResource=`${e.propertyResource}.${t.property}`,F(t,e,a,r,n))).filter(Boolean).join("\n")}if("Removed"===e.property)return"";if("Modified"===e.state){const s=M(e,"oldValue",r,n),l=M(e,"newValue",r,n);return`${t?V(e,a,n?.translateProperty)+": ":""}${r.changedFrom} "${s}" ${r.changedTo} "${l}"`}const s=M(e,"newValue",r,n);return t?`${V(e,a,n?.translateProperty)}: ${s}`:s}function M(e,t,a,r){const n=e[t];return null==n||""===n?"Modified"===e.state||"Added"===e.state||"Unchanged"===e.state?a.uninformed:"":"string"==typeof n&&function(e){if("string"!=typeof e)return!1;if(!/^\d{4}[-/]\d{2}[-/]\d{2}/.test(e))return!1;const t=new Date(e);return!isNaN(t.getTime())}(n)?r?.formatDate?r.formatDate(n):_(n):String(n)}function z(e){return e.replace(/([A-Z])/g,(e,t,a)=>`${a>0?"-":""}${t.toLowerCase()}`)}function _(e){try{return new Date(e).toLocaleString()}catch{return e}}const k={event:"Evento",entityName:"Item",description:I.t("audit_description"),justification:"Justificativa",status:"Status",type:"Tipo",references:I.t("audit_references"),security:I.t("audit_security"),electronicSigned:I.t("audit_esign"),accomplishedBy:"Realizado por",accomplishedIn:"Realizado em",changedFrom:"de",changedTo:"para",uninformed:I.t("audit_not_informed"),stateAdded:"(adicionado)",stateModified:"(modificado)",stateRemoved:"(removido)"};function L({documentId:s,onFetchDetails:l,onClose:o,labels:i,translateProperty:c,translatePropertyValue:m,formatDate:u}){const[p,f]=a(!1),[h,x]=a([]),[v,g]=a(null),y=r(async e=>{f(!0),g(null);try{const t=T(await l(e),{translateProperty:c,translatePropertyValue:m,formatDate:u,labels:i});x(t)}catch(t){g("Erro ao carregar detalhes da trilha de auditoria."),x([])}finally{f(!1)}},[l,c,m,u,i]);return n(()=>{s&&y(s)},[s,y]),s?e("div",{className:"flex flex-col h-full bg-card",children:[e("div",{className:"flex items-center justify-between px-4 py-3 border-b border-border bg-muted/30",children:[t("h3",{className:"text-sm font-semibold text-foreground",children:"Detalhes da Auditoria"}),t(b,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:o,children:t(d,{className:"h-4 w-4"})})]}),t("div",{className:"flex-1 overflow-y-auto",children:p?e("div",{className:"flex items-center justify-center p-6",children:[t(D,{size:"md"}),t("span",{className:"ml-2 text-sm text-muted-foreground",children:"Carregando detalhes..."})]}):v?t("div",{className:"p-6 text-sm text-destructive",children:v}):t("table",{className:"w-full text-xs",children:t("tbody",{children:h.map((a,r)=>e("tr",{className:r%2==0?"bg-card":"bg-muted/30",children:[t("td",{className:"px-4 py-2.5 font-semibold text-foreground whitespace-nowrap align-top w-[180px] border-b border-border/50",children:a.name}),t("td",{"data-allow-wrap":"true",className:"px-4 py-2.5 text-muted-foreground break-words border-b border-border/50",children:t("span",{dangerouslySetInnerHTML:{__html:a.value.replace(/\n/g,"<br />")}})})]},r))})})})]}):null}function B({title:l,softwares:o,softwareId:i,permissions:d={viewAllEvents:!0,viewOnlyMyEvents:!1,download:!1},callbacks:h,limit:x=2e3,currentUserId:v,labels:g,formatDate:y,anonymousLabel:w=I.t("anonymous")}){const{t:N}=S();l??N("audit_trail");const[b,C]=a(!0),[R,P]=a([]),[T,j]=a([]),[V,F]=a([]),[M,z]=a(null),[_,k]=a(!1),B=s(null),O=new Date;O.setHours(0,0,0,0);const[U,q]=a({software:o.find(e=>e.id===i)?.software||"",softwareId:i,event:"All",eventId:1,startDate:O,endDate:O,limit:x,softwares:o,userId:d.viewOnlyMyEvents&&!d.viewAllEvents?v:void 0});n(()=>{(async()=>{C(!0);try{const[e,t]=await Promise.all([h.onFetchEvents(U.softwareId),h.onFetchUsers?.()??Promise.resolve([])]);j(e),F(t),await H(U,e)}catch(e){}finally{C(!1)}})()},[]);const H=r(async(e,t)=>{try{const a=A((await h.onFetchTrails(e)).data,t||T,o,w);P(a)}catch(a){}},[h,T,o,w]),J=r(async e=>{C(!0),q(e);try{await H(e)}finally{C(!1)}},[H]),Z=r(async e=>{try{const t=await h.onFetchEvents(e);j(t)}catch(t){}},[h]),G=r(e=>{z(e.documentId),k(!0)},[]),K=r(()=>{k(!1),z(null)},[]),Q=r(async()=>{const e={...U,startDate:O,endDate:O,eventId:1,userId:d.viewAllEvents?void 0:v};q(e),C(!0);try{await H(e)}finally{C(!1)}},[U,H]),W=r(e=>{h.onExport?.(e,R)},[h,R]),X=r(e=>{try{return new Date(e).toLocaleString("pt-BR",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"})}catch{return e}},[]);return e("div",{className:"flex flex-col h-full",children:[t("div",{className:"p-3",children:t($,{queryParams:U,events:T,softwares:o,users:V,permissions:d,isLoading:b,onFilter:J,onReset:Q,onExport:d.download?W:void 0,onSoftwareChange:Z})}),e("div",{className:"flex flex-1 min-h-0 relative",children:[e("div",{className:E("flex-1 overflow-auto transition-all duration-300",_?"mr-[400px]":""),children:[b?e("div",{className:"flex items-center justify-center h-64",children:[t(D,{size:"md"}),t("span",{className:"ml-2 text-sm text-muted-foreground",children:"Carregando trilha de auditoria..."})]}):0===R.length?e("div",{className:"flex flex-col items-center justify-center h-64 text-muted-foreground",children:[t(c,{className:"h-12 w-12 mb-3 opacity-30"}),t("p",{className:"text-sm",children:"Nenhum registro encontrado"}),t("p",{className:"text-xs mt-1",children:"Ajuste os filtros e tente novamente"})]}):e("table",{className:"w-full text-xs border-collapse",children:[t("thead",{className:"sticky top-0 z-10",children:e("tr",{className:"bg-muted/60 border-b border-border",children:[t("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e("div",{className:"flex items-center gap-1.5",children:[t(m,{className:"h-3 w-3"}),"Módulo"]})}),t("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e("div",{className:"flex items-center gap-1.5",children:[t(u,{className:"h-3 w-3"}),"Data"]})}),t("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e("div",{className:"flex items-center gap-1.5",children:[t(p,{className:"h-3 w-3"}),"Usuário"]})}),t("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e("div",{className:"flex items-center gap-1.5",children:[t(c,{className:"h-3 w-3"}),"Evento"]})}),t("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:"Item"}),t("th",{className:"px-3 py-2 w-10"})]})}),t("tbody",{children:R.map((a,r)=>e("tr",{onClick:()=>G(a),className:E("cursor-pointer border-b border-border/50 transition-colors","hover:bg-accent/50",M===a.documentId&&"bg-accent",r%2==0?"bg-card":"bg-muted/30"),children:[t("td",{className:"px-3 py-2 text-foreground",children:a.translatedSoftware}),t("td",{className:"px-3 py-2 text-muted-foreground whitespace-nowrap",children:a.date?X(a.date.toISOString()):"—"}),t("td",{className:"px-3 py-2 text-foreground",children:a.user}),t("td",{className:"px-3 py-2 text-foreground",children:a.translatedEvent}),t("td",{className:"px-3 py-2 text-foreground truncate max-w-[200px]",title:a.entityName,children:a.entityName}),t("td",{className:"px-3 py-2",children:t(f,{className:"h-3.5 w-3.5 text-muted-foreground"})})]},a.documentId||r))})]}),!b&&R.length>0&&e("div",{className:"px-3 py-2 text-xs text-muted-foreground border-t border-border bg-muted/20",children:[R.length," registro",1!==R.length?"s":""]})]}),t("div",{ref:B,className:E("fixed right-0 top-0 h-full w-[400px] border-l border-border bg-card shadow-lg z-30","transition-transform duration-300 ease-in-out",_?"translate-x-0":"translate-x-full"),children:_&&t(L,{documentId:M,onFetchDetails:h.onFetchDetails,onClose:K,labels:g,translateProperty:h.translateProperty,translatePropertyValue:h.translatePropertyValue,formatDate:y||X})})]})]})}export{L as AuditTrailDetails,$ as AuditTrailFilter,B as AuditTrailPage,T as buildDetailRows,z as camelToDash,A as processTrails};

package/dist/audit-trail/index.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("lucide-react"),s=require("forlogic-core"),r=require("i18next"),n=require("react-i18next");function l({queryParams:r,events:n,softwares:l,users:i=[],permissions:d={viewAllEvents:!0,viewOnlyMyEvents:!1,download:!1},isLoading:c=!1,onFilter:u,onReset:m,onExport:x,onSoftwareChange:p}){const[f,h]=t.useState(r.softwareId),[g,v]=t.useState(r.eventId),[y,j]=t.useState(r.userId||"all"),[w,N]=t.useState(o(r.startDate)),[b,S]=t.useState(o(r.endDate)),C=t.useCallback(e=>{const t=parseInt(e);h(t),p?.(t)},[p]),D=t.useCallback(()=>{u({...r,softwareId:f,eventId:g,userId:"all"===y?void 0:y,startDate:new Date(w),endDate:new Date(b),software:l.find(e=>e.id===f)?.software||r.software,event:n.find(e=>e.id===g)?.name||r.event})},[r,f,g,y,w,b,l,n,u]),I=t.useCallback(()=>{const e=new Date;e.setHours(0,0,0,0),N(o(e)),S(o(e)),v(r.eventId),d.viewAllEvents&&j("all"),m?.()},[r.eventId,d.viewAllEvents,m]),E=d.viewOnlyMyEvents&&!d.viewAllEvents,T=f&&g&&w&&b;return e.jsxs("div",{className:"flex flex-wrap items-end gap-3 rounded-lg border border-border bg-card p-3",children:[e.jsxs("div",{className:"flex flex-col gap-1 min-w-[180px]",children:[e.jsx(s.Label,{className:"text-xs text-muted-foreground",children:"Módulo *"}),e.jsxs(s.Select,{value:String(f),onValueChange:C,disabled:c,children:[e.jsx(s.SelectTrigger,{className:"h-8 text-xs",children:e.jsx(s.SelectValue,{placeholder:"Selecione..."})}),e.jsx(s.SelectContent,{children:l.map(t=>e.jsx(s.SelectItem,{value:String(t.id),className:"text-xs",children:t.translation},t.id))})]})]}),e.jsxs("div",{className:"flex flex-col gap-1 min-w-[200px]",children:[e.jsx(s.Label,{className:"text-xs text-muted-foreground",children:"Evento *"}),e.jsxs(s.Select,{value:String(g),onValueChange:e=>v(parseInt(e)),disabled:c,children:[e.jsx(s.SelectTrigger,{className:"h-8 text-xs",children:e.jsx(s.SelectValue,{placeholder:"Selecione..."})}),e.jsx(s.SelectContent,{children:n.map(t=>e.jsx(s.SelectItem,{value:String(t.id),className:"text-xs",children:t.translation},t.id))})]})]}),e.jsxs("div",{className:"flex flex-col gap-1 min-w-[200px]",children:[e.jsx(s.Label,{className:"text-xs text-muted-foreground",children:"Usuário *"}),e.jsxs(s.Select,{value:y,onValueChange:j,disabled:c||E,children:[e.jsx(s.SelectTrigger,{className:"h-8 text-xs",children:e.jsx(s.SelectValue,{placeholder:"Selecione..."})}),e.jsxs(s.SelectContent,{children:[e.jsx(s.SelectItem,{value:"all",className:"text-xs",children:"Todos"}),i.map(t=>e.jsx(s.SelectItem,{value:t.id,className:"text-xs",children:t.name},t.id))]})]})]}),e.jsxs("div",{className:"flex flex-col gap-1 min-w-[150px]",children:[e.jsx(s.Label,{className:"text-xs text-muted-foreground",children:"De *"}),e.jsx(s.Input,{type:"date",value:w,onChange:e=>N(e.target.value),className:"h-8 text-xs",max:b,disabled:c})]}),e.jsxs("div",{className:"flex flex-col gap-1 min-w-[150px]",children:[e.jsx(s.Label,{className:"text-xs text-muted-foreground",children:"Até *"}),e.jsx(s.Input,{type:"date",value:b,onChange:e=>S(e.target.value),className:"h-8 text-xs",min:w,disabled:c})]}),e.jsxs("div",{className:"flex items-center gap-2 ml-auto",children:[e.jsxs(s.Button,{variant:"outline",size:"sm",onClick:I,disabled:c,children:[e.jsx(a.RotateCcw,{className:"h-3.5 w-3.5 mr-1"}),"Limpar"]}),d.download&&x&&e.jsxs(s.Button,{variant:"outline",size:"sm",onClick:()=>x("xlsx"),disabled:c,children:[e.jsx(a.Download,{className:"h-3.5 w-3.5 mr-1"}),"Exportar"]}),e.jsxs(s.Button,{size:"sm",onClick:D,disabled:c||!T,children:[e.jsx(a.Filter,{className:"h-3.5 w-3.5 mr-1"}),"Filtrar"]})]})]})}function o(e){return(e instanceof Date?e:new Date(e)).toISOString().split("T")[0]}function i(e,t,a,s="Anônimo"){return e.map(e=>({...e,translatedSoftware:c(e.software,a),user:e.userEmail||e.userName||s,translatedEvent:d(e.eventName,t),date:new Date(e.dateTime)})).sort((e,t)=>(t.date?.getTime()??0)-(e.date?.getTime()??0))}function d(e,t){const a=t.find(t=>t.name===e);return a?.translation||e}function c(e,t){const a=e.includes(".")?e.split(".").pop():e,s=t.find(e=>e.software===a);return s?.translation||a}function u(e,t){const a=[],s={...v,...t?.labels},r=e.eventName;a.push({name:s.event,value:r});const n=e.entities?.[0];if(n&&(a.push({name:s.entityName,value:m(n)}),n.description&&a.push({name:s.description,value:n.description}),n.justification&&a.push({name:s.justification,value:n.justification}),n.statusName&&a.push({name:s.status,value:n.statusName}),n.equipmentType&&a.push({name:s.type,value:n.equipmentType}),n.extra?.length)){[...new Set(n.extra.map(e=>e.property))].forEach(e=>{const t=n.extra.filter(t=>t.property===e).map(e=>e.value||"").join(", ");a.push({name:h(e),value:t})})}e.entities?.forEach(e=>{e.data?.forEach(e=>{if("Removed"===e.property)return;if(""===e.newValue&&!e.tagTranslate)return;const n=x(e,r,t?.translateProperty),l=p(e,null,r,s,t);l&&a.push({name:n,value:l})})}),e.entities?.forEach(e=>{if(e.association?.length){const t=e.association.filter(e=>""!==e.id).map(e=>{const t=m(e);return`(${e.softwareName||e.type}) ${t}`});t.length&&a.push({name:s.references,value:t.join(", ")})}}),n?.isElectronicSigned&&a.push({name:s.security,value:"🛡️ "+s.electronicSigned}),a.push({name:s.accomplishedBy,value:e.userName?`${e.userName} (${e.userEmail})`:e.userEmail});const l=t?.formatDate?t.formatDate(e.dateTime):g(e.dateTime);return a.push({name:s.accomplishedIn,value:l}),a}function m(e){return e.code&&e.name&&e.code!==e.name?`${e.code} ${e.name}`:e.name||e.code||""}function x(e,t,a){if(e.propertyCustomName)return e.propertyCustomName;const s=h(e.property);return a?a(t,s):s}function p(e,t,a,s,r){if(e.propertyResource||(e.propertyResource=t?`${t.propertyResource}.${e.property}`:e.property),e.children?.length){if(e.newValue){const t=x(e,a,r?.translateProperty),n=function(e,t){switch(e.state){case"Added":return t.stateAdded;case"Modified":return e.children?.some(e=>"Removed"===e.property)?t.stateRemoved:t.stateModified;default:return""}}(e,s);let l=`${t}: "${f(e,"newValue",s,r)}" ${n}`;const o=e.children.map(t=>(t.propertyResource=`${e.propertyResource}.${t.property}`,p(t,e,a,s,r)));return o.some(Boolean)&&(l+="\n"+o.filter(Boolean).join("\n")),l}return e.children.map(t=>(t.propertyResource=`${e.propertyResource}.${t.property}`,p(t,e,a,s,r))).filter(Boolean).join("\n")}if("Removed"===e.property)return"";if("Modified"===e.state){const n=f(e,"oldValue",s,r),l=f(e,"newValue",s,r);return`${t?x(e,a,r?.translateProperty)+": ":""}${s.changedFrom} "${n}" ${s.changedTo} "${l}"`}const n=f(e,"newValue",s,r);return t?`${x(e,a,r?.translateProperty)}: ${n}`:n}function f(e,t,a,s){const r=e[t];return null==r||""===r?"Modified"===e.state||"Added"===e.state||"Unchanged"===e.state?a.uninformed:"":"string"==typeof r&&function(e){if("string"!=typeof e)return!1;if(!/^\d{4}[-/]\d{2}[-/]\d{2}/.test(e))return!1;const t=new Date(e);return!isNaN(t.getTime())}(r)?s?.formatDate?s.formatDate(r):g(r):String(r)}function h(e){return e.replace(/([A-Z])/g,(e,t,a)=>`${a>0?"-":""}${t.toLowerCase()}`)}function g(e){try{return new Date(e).toLocaleString()}catch{return e}}const v={event:"Evento",entityName:"Item",description:r.t("audit_description"),justification:"Justificativa",status:"Status",type:"Tipo",references:r.t("audit_references"),security:r.t("audit_security"),electronicSigned:r.t("audit_esign"),accomplishedBy:"Realizado por",accomplishedIn:"Realizado em",changedFrom:"de",changedTo:"para",uninformed:r.t("audit_not_informed"),stateAdded:"(adicionado)",stateModified:"(modificado)",stateRemoved:"(removido)"};function y({documentId:r,onFetchDetails:n,onClose:l,labels:o,translateProperty:i,translatePropertyValue:d,formatDate:c}){const[m,x]=t.useState(!1),[p,f]=t.useState([]),[h,g]=t.useState(null),v=t.useCallback(async e=>{x(!0),g(null);try{const t=u(await n(e),{translateProperty:i,translatePropertyValue:d,formatDate:c,labels:o});f(t)}catch(t){g("Erro ao carregar detalhes da trilha de auditoria."),f([])}finally{x(!1)}},[n,i,d,c,o]);return t.useEffect(()=>{r&&v(r)},[r,v]),r?e.jsxs("div",{className:"flex flex-col h-full bg-background",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-border bg-muted/30",children:[e.jsx("h3",{className:"text-sm font-semibold text-foreground",children:"Detalhes da Auditoria"}),e.jsx(s.Button,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:l,children:e.jsx(a.X,{className:"h-4 w-4"})})]}),e.jsx("div",{className:"flex-1 overflow-y-auto",children:m?e.jsxs("div",{className:"flex items-center justify-center p-6",children:[e.jsx(s.Spinner,{size:"md"}),e.jsx("span",{className:"ml-2 text-sm text-muted-foreground",children:"Carregando detalhes..."})]}):h?e.jsx("div",{className:"p-6 text-sm text-destructive",children:h}):e.jsx("table",{className:"w-full text-xs",children:e.jsx("tbody",{children:p.map((t,a)=>e.jsxs("tr",{className:a%2==0?"bg-background":"bg-muted/20",children:[e.jsx("td",{className:"px-4 py-2.5 font-semibold text-foreground whitespace-nowrap align-top w-[180px] border-b border-border/50",children:t.name}),e.jsx("td",{className:"px-4 py-2.5 text-muted-foreground break-words border-b border-border/50",children:e.jsx("span",{dangerouslySetInnerHTML:{__html:t.value.replace(/\n/g,"<br />")}})})]},a))})})})]}):null}exports.AuditTrailDetails=y,exports.AuditTrailFilter=l,exports.AuditTrailPage=function({title:o,softwares:d,softwareId:c,permissions:u={viewAllEvents:!0,viewOnlyMyEvents:!1,download:!1},callbacks:m,limit:x=2e3,currentUserId:p,labels:f,formatDate:h,anonymousLabel:g=r.t("anonymous")}){const{t:v}=n.useTranslation();o??v("audit_trail");const[j,w]=t.useState(!0),[N,b]=t.useState([]),[S,C]=t.useState([]),[D,I]=t.useState([]),[E,T]=t.useState(null),[k,$]=t.useState(!1),A=t.useRef(null),R=new Date;R.setHours(0,0,0,0);const[P,F]=t.useState({software:d.find(e=>e.id===c)?.software||"",softwareId:c,event:"All",eventId:1,startDate:R,endDate:R,limit:x,softwares:d,userId:u.viewOnlyMyEvents&&!u.viewAllEvents?p:void 0});t.useEffect(()=>{(async()=>{w(!0);try{const[e,t]=await Promise.all([m.onFetchEvents(P.softwareId),m.onFetchUsers?.()??Promise.resolve([])]);C(e),I(t),await V(P,e)}catch(e){}finally{w(!1)}})()},[]);const V=t.useCallback(async(e,t)=>{try{const a=i((await m.onFetchTrails(e)).data,t||S,d,g);b(a)}catch(a){}},[m,S,d,g]),L=t.useCallback(async e=>{w(!0),F(e);try{await V(e)}finally{w(!1)}},[V]),M=t.useCallback(async e=>{try{const t=await m.onFetchEvents(e);C(t)}catch(t){}},[m]),q=t.useCallback(e=>{T(e.documentId),$(!0)},[]),z=t.useCallback(()=>{$(!1),T(null)},[]),B=t.useCallback(async()=>{const e={...P,startDate:R,endDate:R,eventId:1,userId:u.viewAllEvents?void 0:p};F(e),w(!0);try{await V(e)}finally{w(!1)}},[P,V]),_=t.useCallback(e=>{m.onExport?.(e,N)},[m,N]),O=t.useCallback(e=>{try{return new Date(e).toLocaleString("pt-BR",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"})}catch{return e}},[]);return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("div",{className:"p-3",children:e.jsx(l,{queryParams:P,events:S,softwares:d,users:D,permissions:u,isLoading:j,onFilter:L,onReset:B,onExport:u.download?_:void 0,onSoftwareChange:M})}),e.jsxs("div",{className:"flex flex-1 min-h-0 relative",children:[e.jsxs("div",{className:s.cn("flex-1 overflow-auto transition-all duration-300",k?"mr-[400px]":""),children:[j?e.jsxs("div",{className:"flex items-center justify-center h-64",children:[e.jsx(s.Spinner,{size:"md"}),e.jsx("span",{className:"ml-2 text-sm text-muted-foreground",children:"Carregando trilha de auditoria..."})]}):0===N.length?e.jsxs("div",{className:"flex flex-col items-center justify-center h-64 text-muted-foreground",children:[e.jsx(a.FileText,{className:"h-12 w-12 mb-3 opacity-30"}),e.jsx("p",{className:"text-sm",children:"Nenhum registro encontrado"}),e.jsx("p",{className:"text-xs mt-1",children:"Ajuste os filtros e tente novamente"})]}):e.jsxs("table",{className:"w-full text-xs border-collapse",children:[e.jsx("thead",{className:"sticky top-0 z-10",children:e.jsxs("tr",{className:"bg-muted/60 border-b border-border",children:[e.jsx("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(a.Layers,{className:"h-3 w-3"}),"Módulo"]})}),e.jsx("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(a.Clock,{className:"h-3 w-3"}),"Data"]})}),e.jsx("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(a.User,{className:"h-3 w-3"}),"Usuário"]})}),e.jsx("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(a.FileText,{className:"h-3 w-3"}),"Evento"]})}),e.jsx("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:"Item"}),e.jsx("th",{className:"px-3 py-2 w-10"})]})}),e.jsx("tbody",{children:N.map((t,r)=>e.jsxs("tr",{onClick:()=>q(t),className:s.cn("cursor-pointer border-b border-border/50 transition-colors","hover:bg-accent/50",E===t.documentId&&"bg-accent",r%2==0?"bg-background":"bg-muted/10"),children:[e.jsx("td",{className:"px-3 py-2 text-foreground",children:t.translatedSoftware}),e.jsx("td",{className:"px-3 py-2 text-muted-foreground whitespace-nowrap",children:t.date?O(t.date.toISOString()):"—"}),e.jsx("td",{className:"px-3 py-2 text-foreground",children:t.user}),e.jsx("td",{className:"px-3 py-2 text-foreground",children:t.translatedEvent}),e.jsx("td",{className:"px-3 py-2 text-foreground truncate max-w-[200px]",title:t.entityName,children:t.entityName}),e.jsx("td",{className:"px-3 py-2",children:e.jsx(a.Eye,{className:"h-3.5 w-3.5 text-muted-foreground"})})]},t.documentId||r))})]}),!j&&N.length>0&&e.jsxs("div",{className:"px-3 py-2 text-xs text-muted-foreground border-t border-border bg-muted/20",children:[N.length," registro",1!==N.length?"s":""]})]}),e.jsx("div",{ref:A,className:s.cn("fixed right-0 top-0 h-full w-[400px] border-l border-border bg-background shadow-lg z-30","transition-transform duration-300 ease-in-out",k?"translate-x-0":"translate-x-full"),children:k&&e.jsx(y,{documentId:E,onFetchDetails:m.onFetchDetails,onClose:z,labels:f,translateProperty:m.translateProperty,translatePropertyValue:m.translatePropertyValue,formatDate:h||O})})]})]})},exports.buildDetailRows=u,exports.camelToDash=h,exports.processTrails=i;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("lucide-react"),s=require("forlogic-core"),r=require("i18next"),n=require("react-i18next");function l({queryParams:r,events:n,softwares:l,users:o=[],permissions:d={viewAllEvents:!0,viewOnlyMyEvents:!1,download:!1},isLoading:c=!1,onFilter:u,onReset:m,onExport:x,onSoftwareChange:p}){const[f,h]=t.useState(r.softwareId),[g,v]=t.useState(r.eventId),[y,j]=t.useState(r.userId||"all"),[w,N]=t.useState(i(r.startDate)),[b,S]=t.useState(i(r.endDate)),C=t.useCallback(e=>{const t=parseInt(e);h(t),p?.(t)},[p]),D=t.useCallback(()=>{u({...r,softwareId:f,eventId:g,userId:"all"===y?void 0:y,startDate:new Date(w),endDate:new Date(b),software:l.find(e=>e.id===f)?.software||r.software,event:n.find(e=>e.id===g)?.name||r.event})},[r,f,g,y,w,b,l,n,u]),I=t.useCallback(()=>{const e=new Date;e.setHours(0,0,0,0),N(i(e)),S(i(e)),v(r.eventId),d.viewAllEvents&&j("all"),m?.()},[r.eventId,d.viewAllEvents,m]),E=d.viewOnlyMyEvents&&!d.viewAllEvents,T=f&&g&&w&&b;return e.jsxs("div",{className:"flex flex-wrap items-end gap-3 rounded-lg border border-border bg-card p-3",children:[e.jsxs("div",{className:"flex flex-col gap-1 min-w-[180px]",children:[e.jsx(s.Label,{className:"text-xs text-muted-foreground",children:"Módulo *"}),e.jsxs(s.Select,{value:String(f),onValueChange:C,disabled:c,children:[e.jsx(s.SelectTrigger,{className:"h-8 text-xs",children:e.jsx(s.SelectValue,{placeholder:"Selecione..."})}),e.jsx(s.SelectContent,{children:l.map(t=>e.jsx(s.SelectItem,{value:String(t.id),className:"text-xs",children:t.translation},t.id))})]})]}),e.jsxs("div",{className:"flex flex-col gap-1 min-w-[200px]",children:[e.jsx(s.Label,{className:"text-xs text-muted-foreground",children:"Evento *"}),e.jsxs(s.Select,{value:String(g),onValueChange:e=>v(parseInt(e)),disabled:c,children:[e.jsx(s.SelectTrigger,{className:"h-8 text-xs",children:e.jsx(s.SelectValue,{placeholder:"Selecione..."})}),e.jsx(s.SelectContent,{children:n.map(t=>e.jsx(s.SelectItem,{value:String(t.id),className:"text-xs",children:t.translation},t.id))})]})]}),e.jsxs("div",{className:"flex flex-col gap-1 min-w-[200px]",children:[e.jsx(s.Label,{className:"text-xs text-muted-foreground",children:"Usuário *"}),e.jsxs(s.Select,{value:y,onValueChange:j,disabled:c||E,children:[e.jsx(s.SelectTrigger,{className:"h-8 text-xs",children:e.jsx(s.SelectValue,{placeholder:"Selecione..."})}),e.jsxs(s.SelectContent,{children:[e.jsx(s.SelectItem,{value:"all",className:"text-xs",children:"Todos"}),o.map(t=>e.jsx(s.SelectItem,{value:t.id,className:"text-xs",children:t.name},t.id))]})]})]}),e.jsxs("div",{className:"flex flex-col gap-1 min-w-[150px]",children:[e.jsx(s.Label,{className:"text-xs text-muted-foreground",children:"De *"}),e.jsx(s.Input,{type:"date",value:w,onChange:e=>N(e.target.value),className:"h-8 text-xs",max:b,disabled:c})]}),e.jsxs("div",{className:"flex flex-col gap-1 min-w-[150px]",children:[e.jsx(s.Label,{className:"text-xs text-muted-foreground",children:"Até *"}),e.jsx(s.Input,{type:"date",value:b,onChange:e=>S(e.target.value),className:"h-8 text-xs",min:w,disabled:c})]}),e.jsxs("div",{className:"flex items-center gap-2 ml-auto",children:[e.jsxs(s.Button,{variant:"outline",size:"sm",onClick:I,disabled:c,children:[e.jsx(a.RotateCcw,{className:"h-3.5 w-3.5 mr-1"}),"Limpar"]}),d.download&&x&&e.jsxs(s.Button,{variant:"outline",size:"sm",onClick:()=>x("xlsx"),disabled:c,children:[e.jsx(a.Download,{className:"h-3.5 w-3.5 mr-1"}),"Exportar"]}),e.jsxs(s.Button,{size:"sm",onClick:D,disabled:c||!T,children:[e.jsx(a.Filter,{className:"h-3.5 w-3.5 mr-1"}),"Filtrar"]})]})]})}function i(e){return(e instanceof Date?e:new Date(e)).toISOString().split("T")[0]}function o(e,t,a,s="Anônimo"){return e.map(e=>({...e,translatedSoftware:c(e.software,a),user:e.userEmail||e.userName||s,translatedEvent:d(e.eventName,t),date:new Date(e.dateTime)})).sort((e,t)=>(t.date?.getTime()??0)-(e.date?.getTime()??0))}function d(e,t){const a=t.find(t=>t.name===e);return a?.translation||e}function c(e,t){const a=e.includes(".")?e.split(".").pop():e,s=t.find(e=>e.software===a);return s?.translation||a}function u(e,t){const a=[],s={...v,...t?.labels},r=e.eventName;a.push({name:s.event,value:r});const n=e.entities?.[0];if(n&&(a.push({name:s.entityName,value:m(n)}),n.description&&a.push({name:s.description,value:n.description}),n.justification&&a.push({name:s.justification,value:n.justification}),n.statusName&&a.push({name:s.status,value:n.statusName}),n.equipmentType&&a.push({name:s.type,value:n.equipmentType}),n.extra?.length)){[...new Set(n.extra.map(e=>e.property))].forEach(e=>{const t=n.extra.filter(t=>t.property===e).map(e=>e.value||"").join(", ");a.push({name:h(e),value:t})})}e.entities?.forEach(e=>{e.data?.forEach(e=>{if("Removed"===e.property)return;if(""===e.newValue&&!e.tagTranslate)return;const n=x(e,r,t?.translateProperty),l=p(e,null,r,s,t);l&&a.push({name:n,value:l})})}),e.entities?.forEach(e=>{if(e.association?.length){const t=e.association.filter(e=>""!==e.id).map(e=>{const t=m(e);return`(${e.softwareName||e.type}) ${t}`});t.length&&a.push({name:s.references,value:t.join(", ")})}}),n?.isElectronicSigned&&a.push({name:s.security,value:"🛡️ "+s.electronicSigned}),a.push({name:s.accomplishedBy,value:e.userName?`${e.userName} (${e.userEmail})`:e.userEmail});const l=t?.formatDate?t.formatDate(e.dateTime):g(e.dateTime);return a.push({name:s.accomplishedIn,value:l}),a}function m(e){return e.code&&e.name&&e.code!==e.name?`${e.code} ${e.name}`:e.name||e.code||""}function x(e,t,a){if(e.propertyCustomName)return e.propertyCustomName;const s=h(e.property);return a?a(t,s):s}function p(e,t,a,s,r){if(e.propertyResource||(e.propertyResource=t?`${t.propertyResource}.${e.property}`:e.property),e.children?.length){if(e.newValue){const t=x(e,a,r?.translateProperty),n=function(e,t){switch(e.state){case"Added":return t.stateAdded;case"Modified":return e.children?.some(e=>"Removed"===e.property)?t.stateRemoved:t.stateModified;default:return""}}(e,s);let l=`${t}: "${f(e,"newValue",s,r)}" ${n}`;const i=e.children.map(t=>(t.propertyResource=`${e.propertyResource}.${t.property}`,p(t,e,a,s,r)));return i.some(Boolean)&&(l+="\n"+i.filter(Boolean).join("\n")),l}return e.children.map(t=>(t.propertyResource=`${e.propertyResource}.${t.property}`,p(t,e,a,s,r))).filter(Boolean).join("\n")}if("Removed"===e.property)return"";if("Modified"===e.state){const n=f(e,"oldValue",s,r),l=f(e,"newValue",s,r);return`${t?x(e,a,r?.translateProperty)+": ":""}${s.changedFrom} "${n}" ${s.changedTo} "${l}"`}const n=f(e,"newValue",s,r);return t?`${x(e,a,r?.translateProperty)}: ${n}`:n}function f(e,t,a,s){const r=e[t];return null==r||""===r?"Modified"===e.state||"Added"===e.state||"Unchanged"===e.state?a.uninformed:"":"string"==typeof r&&function(e){if("string"!=typeof e)return!1;if(!/^\d{4}[-/]\d{2}[-/]\d{2}/.test(e))return!1;const t=new Date(e);return!isNaN(t.getTime())}(r)?s?.formatDate?s.formatDate(r):g(r):String(r)}function h(e){return e.replace(/([A-Z])/g,(e,t,a)=>`${a>0?"-":""}${t.toLowerCase()}`)}function g(e){try{return new Date(e).toLocaleString()}catch{return e}}const v={event:"Evento",entityName:"Item",description:r.t("audit_description"),justification:"Justificativa",status:"Status",type:"Tipo",references:r.t("audit_references"),security:r.t("audit_security"),electronicSigned:r.t("audit_esign"),accomplishedBy:"Realizado por",accomplishedIn:"Realizado em",changedFrom:"de",changedTo:"para",uninformed:r.t("audit_not_informed"),stateAdded:"(adicionado)",stateModified:"(modificado)",stateRemoved:"(removido)"};function y({documentId:r,onFetchDetails:n,onClose:l,labels:i,translateProperty:o,translatePropertyValue:d,formatDate:c}){const[m,x]=t.useState(!1),[p,f]=t.useState([]),[h,g]=t.useState(null),v=t.useCallback(async e=>{x(!0),g(null);try{const t=u(await n(e),{translateProperty:o,translatePropertyValue:d,formatDate:c,labels:i});f(t)}catch(t){g("Erro ao carregar detalhes da trilha de auditoria."),f([])}finally{x(!1)}},[n,o,d,c,i]);return t.useEffect(()=>{r&&v(r)},[r,v]),r?e.jsxs("div",{className:"flex flex-col h-full bg-card",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-border bg-muted/30",children:[e.jsx("h3",{className:"text-sm font-semibold text-foreground",children:"Detalhes da Auditoria"}),e.jsx(s.Button,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:l,children:e.jsx(a.X,{className:"h-4 w-4"})})]}),e.jsx("div",{className:"flex-1 overflow-y-auto",children:m?e.jsxs("div",{className:"flex items-center justify-center p-6",children:[e.jsx(s.Spinner,{size:"md"}),e.jsx("span",{className:"ml-2 text-sm text-muted-foreground",children:"Carregando detalhes..."})]}):h?e.jsx("div",{className:"p-6 text-sm text-destructive",children:h}):e.jsx("table",{className:"w-full text-xs",children:e.jsx("tbody",{children:p.map((t,a)=>e.jsxs("tr",{className:a%2==0?"bg-card":"bg-muted/30",children:[e.jsx("td",{className:"px-4 py-2.5 font-semibold text-foreground whitespace-nowrap align-top w-[180px] border-b border-border/50",children:t.name}),e.jsx("td",{"data-allow-wrap":"true",className:"px-4 py-2.5 text-muted-foreground break-words border-b border-border/50",children:e.jsx("span",{dangerouslySetInnerHTML:{__html:t.value.replace(/\n/g,"<br />")}})})]},a))})})})]}):null}exports.AuditTrailDetails=y,exports.AuditTrailFilter=l,exports.AuditTrailPage=function({title:i,softwares:d,softwareId:c,permissions:u={viewAllEvents:!0,viewOnlyMyEvents:!1,download:!1},callbacks:m,limit:x=2e3,currentUserId:p,labels:f,formatDate:h,anonymousLabel:g=r.t("anonymous")}){const{t:v}=n.useTranslation();i??v("audit_trail");const[j,w]=t.useState(!0),[N,b]=t.useState([]),[S,C]=t.useState([]),[D,I]=t.useState([]),[E,T]=t.useState(null),[$,k]=t.useState(!1),A=t.useRef(null),R=new Date;R.setHours(0,0,0,0);const[P,F]=t.useState({software:d.find(e=>e.id===c)?.software||"",softwareId:c,event:"All",eventId:1,startDate:R,endDate:R,limit:x,softwares:d,userId:u.viewOnlyMyEvents&&!u.viewAllEvents?p:void 0});t.useEffect(()=>{(async()=>{w(!0);try{const[e,t]=await Promise.all([m.onFetchEvents(P.softwareId),m.onFetchUsers?.()??Promise.resolve([])]);C(e),I(t),await V(P,e)}catch(e){}finally{w(!1)}})()},[]);const V=t.useCallback(async(e,t)=>{try{const a=o((await m.onFetchTrails(e)).data,t||S,d,g);b(a)}catch(a){}},[m,S,d,g]),L=t.useCallback(async e=>{w(!0),F(e);try{await V(e)}finally{w(!1)}},[V]),M=t.useCallback(async e=>{try{const t=await m.onFetchEvents(e);C(t)}catch(t){}},[m]),q=t.useCallback(e=>{T(e.documentId),k(!0)},[]),z=t.useCallback(()=>{k(!1),T(null)},[]),B=t.useCallback(async()=>{const e={...P,startDate:R,endDate:R,eventId:1,userId:u.viewAllEvents?void 0:p};F(e),w(!0);try{await V(e)}finally{w(!1)}},[P,V]),_=t.useCallback(e=>{m.onExport?.(e,N)},[m,N]),O=t.useCallback(e=>{try{return new Date(e).toLocaleString("pt-BR",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"})}catch{return e}},[]);return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("div",{className:"p-3",children:e.jsx(l,{queryParams:P,events:S,softwares:d,users:D,permissions:u,isLoading:j,onFilter:L,onReset:B,onExport:u.download?_:void 0,onSoftwareChange:M})}),e.jsxs("div",{className:"flex flex-1 min-h-0 relative",children:[e.jsxs("div",{className:s.cn("flex-1 overflow-auto transition-all duration-300",$?"mr-[400px]":""),children:[j?e.jsxs("div",{className:"flex items-center justify-center h-64",children:[e.jsx(s.Spinner,{size:"md"}),e.jsx("span",{className:"ml-2 text-sm text-muted-foreground",children:"Carregando trilha de auditoria..."})]}):0===N.length?e.jsxs("div",{className:"flex flex-col items-center justify-center h-64 text-muted-foreground",children:[e.jsx(a.FileText,{className:"h-12 w-12 mb-3 opacity-30"}),e.jsx("p",{className:"text-sm",children:"Nenhum registro encontrado"}),e.jsx("p",{className:"text-xs mt-1",children:"Ajuste os filtros e tente novamente"})]}):e.jsxs("table",{className:"w-full text-xs border-collapse",children:[e.jsx("thead",{className:"sticky top-0 z-10",children:e.jsxs("tr",{className:"bg-muted/60 border-b border-border",children:[e.jsx("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(a.Layers,{className:"h-3 w-3"}),"Módulo"]})}),e.jsx("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(a.Clock,{className:"h-3 w-3"}),"Data"]})}),e.jsx("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(a.User,{className:"h-3 w-3"}),"Usuário"]})}),e.jsx("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(a.FileText,{className:"h-3 w-3"}),"Evento"]})}),e.jsx("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground",children:"Item"}),e.jsx("th",{className:"px-3 py-2 w-10"})]})}),e.jsx("tbody",{children:N.map((t,r)=>e.jsxs("tr",{onClick:()=>q(t),className:s.cn("cursor-pointer border-b border-border/50 transition-colors","hover:bg-accent/50",E===t.documentId&&"bg-accent",r%2==0?"bg-card":"bg-muted/30"),children:[e.jsx("td",{className:"px-3 py-2 text-foreground",children:t.translatedSoftware}),e.jsx("td",{className:"px-3 py-2 text-muted-foreground whitespace-nowrap",children:t.date?O(t.date.toISOString()):"—"}),e.jsx("td",{className:"px-3 py-2 text-foreground",children:t.user}),e.jsx("td",{className:"px-3 py-2 text-foreground",children:t.translatedEvent}),e.jsx("td",{className:"px-3 py-2 text-foreground truncate max-w-[200px]",title:t.entityName,children:t.entityName}),e.jsx("td",{className:"px-3 py-2",children:e.jsx(a.Eye,{className:"h-3.5 w-3.5 text-muted-foreground"})})]},t.documentId||r))})]}),!j&&N.length>0&&e.jsxs("div",{className:"px-3 py-2 text-xs text-muted-foreground border-t border-border bg-muted/20",children:[N.length," registro",1!==N.length?"s":""]})]}),e.jsx("div",{ref:A,className:s.cn("fixed right-0 top-0 h-full w-[400px] border-l border-border bg-card shadow-lg z-30","transition-transform duration-300 ease-in-out",$?"translate-x-0":"translate-x-full"),children:$&&e.jsx(y,{documentId:E,onFetchDetails:m.onFetchDetails,onClose:z,labels:f,translateProperty:m.translateProperty,translatePropertyValue:m.translatePropertyValue,formatDate:h||O})})]})]})},exports.buildDetailRows=u,exports.camelToDash=h,exports.processTrails=o;

package/dist/auth/components/ProfilePhotoDialog.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @module ProfilePhotoDialog
+ * Fluxo dedicado para o usuário enviar/atualizar a própria foto de perfil.
+ * Suporta seleção por clique ou arrastar-e-soltar, valida tipo e tamanho,
+ * mostra pré-visualização e envia para a Identity API (`uploadUserPhoto`).
+ * Ao concluir, dispara `user-photo-updated` para que o header recarregue a foto.
+ */
+import React from 'react';
+export interface ProfilePhotoDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Foto atual (URL) exibida enquanto não há arquivo selecionado. */
+    currentPhotoUrl?: string | null;
+    /** Iniciais para o fallback do avatar. */
+    initials?: string;
+    /** Callback após upload concluído com sucesso. */
+    onUploaded?: () => void;
+    /**
+     * Estratégia de upload do produto. Quando ausente, usa a Identity API do Qualiex.
+     * Permite que cada produto grave a foto no seu próprio backend/storage.
+     */
+    onUpload?: (file: File) => Promise<void> | void;
+}
+export declare const ProfilePhotoDialog: React.FC<ProfilePhotoDialogProps>;
+export default ProfilePhotoDialog;

package/dist/auth/contexts/AuthContext.d.ts

@@ -18,6 +18,12 @@ interface AuthContextType extends AuthState {
 export declare const AuthProvider: React.FC<{
     children: React.ReactNode;
     moduleAlias?: string;
+    /**
+     * Opt-in explícito do redirect V5->V4 por `has_common_v5` na troca de unidade.
+     * Só o app Common V5 deve habilitar. Quando não informado, mantém o
+     * comportamento legado (`moduleAlias === 'common'`).
+     */
+    commonV5Redirect?: boolean;
 }>;
 /**
  * Hook para acessar informações de autenticação e gerenciar sessão
@@ -87,4 +93,9 @@ export declare const AuthProvider: React.FC<{
  * @see {@link AuthProvider} - Provider que deve envolver a aplicação
  */
 export declare const useAuth: () => AuthContextType;
+/**
+ * Versão tolerante de `useAuth`: retorna `undefined` fora do `AuthProvider`
+ * em vez de lançar erro. Útil para componentes de layout reutilizáveis.
+ */
+export declare const useOptionalAuth: () => AuthContextType;
 export {};

package/dist/components/dashboards/panels/index.d.ts

@@ -12,3 +12,4 @@ export { ParetoPanel, type ParetoPanelProps } from './pareto-panel';
 export { BurndownPanel, type BurndownPanelProps, type BurndownDataPoint } from './burndown-panel';
 export { PerformancePanel, type PerformancePanelProps, type PerformanceDataPoint } from './performance-panel';
 export { MatrixRiskPanel, type MatrixRiskPanelProps, type MatrixRule, type MatrixParameter, type MatrixRisk } from './matrix-risk-panel';
+export { PANEL_PALETTE, PANEL_ACCENT, PANEL_AXIS, PANEL_GRID, PANEL_LEGEND, PANEL_CURSOR, PANEL_ANIM, PANEL_BAR_RADIUS_TOP, PANEL_BAR_RADIUS_RIGHT, PANEL_SEGMENT_RADIUS, PANEL_CELL_RADIUS, PANEL_SHADOW, PANEL_SHADOW_FILTER, PanelChartDefs, PanelTooltip, panelColor, panelGradient, panelAreaGradient, type PanelTooltipProps, } from './panel-chart-theme';

package/dist/components/dashboards/panels/panel-chart-theme.d.ts

@@ -0,0 +1,111 @@
+/**
+ * @module PanelChartTheme
+ * Camada canônica de estilo dos **painéis reais de dashboard**, alinhada 1:1
+ * com os Insight Charts do Design System: mesma paleta única, mesmo raio,
+ * mesmo sombreamento e o **mesmo tooltip** (valor · percentual · série · fase · data).
+ *
+ * Regra: nenhum hex fixo — todas as cores derivam dos tokens do tema ativo.
+ */
+import React from 'react';
+/**
+ * Paleta **monocromática** única dos painéis — mesma escada do
+ * `CHART_PALETTE` dos Insight Charts: parte da marca (`--primary`) e desce até
+ * o cinza do tema (`--muted-foreground`), na proporção 60/30/10.
+ */
+export declare const PANEL_PALETTE: string[];
+/** Cor da n-ésima série na paleta única dos painéis. */
+export declare const panelColor: (index: number) => string;
+/** Cor de destaque de linhas acumuladas/limites (Pareto, metas) — marca profunda. */
+export declare const PANEL_ACCENT = "color-mix(in oklab, hsl(var(--primary)) 100%, hsl(var(--foreground)) 30%)";
+/** Raio canônico de coluna vertical (base assentada no eixo). */
+export declare const PANEL_BAR_RADIUS_TOP: [number, number, number, number];
+/** Raio canônico de barra horizontal. */
+export declare const PANEL_BAR_RADIUS_RIGHT: [number, number, number, number];
+/** Raio de segmento interno de pilha. */
+export declare const PANEL_SEGMENT_RADIUS: 3;
+/** Raio de célula de matriz/heatmap (px). */
+export declare const PANEL_CELL_RADIUS: 4;
+/** Id do filtro SVG de sombra das geometrias de dado. */
+export declare const PANEL_SHADOW_ID = "panel-data-shadow";
+/** Referência pronta para `filter` de barras/linhas. */
+export declare const PANEL_SHADOW_FILTER = "url(#panel-data-shadow)";
+/** Sombra CSS (para geometrias em HTML: células de matriz, trilhos, pílulas). */
+export declare const PANEL_SHADOW: {
+    readonly track: "inset 0 1px 2px 0 hsl(var(--foreground) / 0.06)";
+    readonly bar: "0 1px 2px 0 hsl(var(--foreground) / 0.10), 0 1px 3px -1px hsl(var(--foreground) / 0.06)";
+    readonly segment: "0 1px 1px 0 hsl(var(--foreground) / 0.06)";
+    readonly cell: "0 1px 1px 0 hsl(var(--foreground) / 0.05)";
+};
+/** Props canônicas de eixo dos painéis. */
+export declare const PANEL_AXIS: {
+    readonly tick: {
+        readonly fontSize: 11;
+        readonly fontWeight: 500;
+        readonly fill: "hsl(var(--muted-foreground))";
+        readonly fontFamily: "inherit";
+    };
+    readonly tickLine: false;
+    readonly axisLine: false;
+};
+/** Props canônicas da grade. */
+export declare const PANEL_GRID: {
+    readonly strokeDasharray: "3 3";
+    readonly stroke: "hsl(var(--surface-border))";
+    readonly vertical: false;
+};
+/** Props canônicas da legenda. */
+export declare const PANEL_LEGEND: {
+    readonly wrapperStyle: {
+        readonly fontSize: "11px";
+        readonly fontWeight: 500;
+        readonly color: "hsl(var(--muted-foreground))";
+    };
+};
+/** Cursor de hover padrão (realce discreto atrás da geometria). */
+export declare const PANEL_CURSOR: {
+    readonly fill: "hsl(var(--muted) / 0.45)";
+    readonly radius: 3;
+};
+/** Duração/easing de entrada — mesma curva orgânica dos Insight Charts. */
+export declare const PANEL_ANIM: {
+    readonly animationDuration: 720;
+    readonly animationEasing: "ease-out";
+};
+/** Id do degradê vertical da n-ésima série. */
+export declare const panelGradientId: (index: number) => string;
+/** Referência pronta para `fill` com degradê. */
+export declare const panelGradient: (index: number) => string;
+/**
+ * `<defs>` canônico: degradê vertical suave por série + filtro de sombra.
+ * Deve ser o primeiro filho do chart Recharts.
+ */
+export declare function PanelChartDefs({ colors }: {
+    colors?: string[];
+}): React.JSX.Element;
+/** Referência pronta para `fill` da área com degradê que se dissolve. */
+export declare const panelAreaGradient: (index: number) => string;
+export interface PanelTooltipProps {
+    /** Injetado pelo Recharts. */
+    active?: boolean;
+    payload?: Array<{
+        name?: string;
+        value?: unknown;
+        color?: string;
+        dataKey?: string;
+        payload?: Record<string, unknown>;
+    }>;
+    label?: React.ReactNode;
+    /** Unidade exibida ao lado do valor ("%", "R$"). */
+    unit?: string;
+    /** Base do percentual. Quando ausente, usa a soma das séries do ponto. */
+    total?: number;
+    /** Fase/estado do ponto. */
+    phase?: React.ReactNode;
+    /** Oculta o percentual (séries que já são percentuais). */
+    hidePercent?: boolean;
+}
+/**
+ * Tooltip canônico dos painéis: uma linha por série no formato
+ * **valor · percentual · série · fase · data** — idêntico aos Insight Charts.
+ */
+export declare function PanelTooltip({ active, payload, label, unit, total, phase, hidePercent, }: PanelTooltipProps): React.JSX.Element;

package/dist/components/insights/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @module Insights
+ * Infográficos (Insight Charts) do Design System: tokens, shell, primitivas e
+ * as 35 variantes reutilizáveis.
+ */
+export * from './insight-tokens';
+export * from './insight-card';
+export * from './insight-primitives';
+export * from './insight-variants';
+export * from './insight-widgets';
+export * from './insight-phases';

package/dist/components/insights/insight-card.d.ts

@@ -0,0 +1,88 @@
+/**
+ * @module InsightCard
+ * Shell canônico dos infográficos do Design System.
+ *
+ * Mesma semântica visual do `StatCard`: superfície `ds-surface`, tom semântico
+ * por variável local, valor destacado, chip de variação, legenda e rodapé
+ * descritivo. Todos os infográficos (Insight Charts) são compostos por este
+ * shell + uma primitiva de gráfico, garantindo consistência em todo o sistema.
+ */
+import * as React from 'react';
+import type { Icon as PhosphorIcon } from '@phosphor-icons/react';
+import { type InsightTone } from './insight-tokens';
+import { type ChartDensity } from './insight-motion';
+/** Densidade atual do `InsightCard` (responsividade por container). */
+export declare const useInsightDensity: () => ChartDensity;
+/** Props do shell `InsightCard`. */
+export interface InsightCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    /** Título do infográfico. */
+    title?: React.ReactNode;
+    /** Linha de apoio acima do título (período, unidade organizacional…). */
+    kicker?: React.ReactNode;
+    /** Descrição curta abaixo do título. */
+    description?: React.ReactNode;
+    /** Ícone Phosphor ao lado do título. */
+    icon?: PhosphorIcon;
+    /** Tom semântico. Default: `brand`. */
+    tone?: InsightTone;
+    /** Ações no canto superior direito (menu, filtro…). */
+    actions?: React.ReactNode;
+    /** Valor principal do indicador. */
+    value?: React.ReactNode;
+    /** Unidade exibida ao lado do valor. */
+    unit?: React.ReactNode;
+    /** Variação percentual. */
+    delta?: number;
+    /** Texto de comparação do delta ("vs. mês anterior"). */
+    comparison?: React.ReactNode;
+    /** Título/descrição posicionados abaixo do gráfico (anatomia "footer-first"). */
+    footer?: React.ReactNode;
+    /** Alinhamento do bloco de valor. */
+    align?: 'start' | 'center';
+    /** Ordem do bloco de texto em relação ao gráfico. */
+    layout?: 'header-first' | 'chart-first';
+    /** Conteúdo do gráfico. */
+    children?: React.ReactNode;
+}
+/** Chip de variação percentual com ícone de tendência. */
+export declare function InsightDelta({ delta, comparison, variant, className, }: {
+    delta: number;
+    comparison?: React.ReactNode;
+    /** `plain` = texto colorido; `pill` = pílula preenchida. */
+    variant?: 'plain' | 'pill';
+    className?: string;
+}): React.JSX.Element;
+/** Item de legenda (pílula de cor + rótulo). */
+export interface InsightLegendItem {
+    label: string;
+    color: string;
+    value?: React.ReactNode;
+}
+/** Legenda horizontal padronizada dos infográficos. */
+export declare function InsightLegend({ items, shape, className, }: {
+    items: InsightLegendItem[];
+    shape?: 'pill' | 'square' | 'dot';
+    className?: string;
+}): React.JSX.Element;
+/** Linha de identificação (avatar + nome + cargo) usada em vários infográficos. */
+export declare function InsightPerson({ name, role, image, online, trailing, className, }: {
+    name: string;
+    role?: string;
+    image?: string;
+    online?: boolean;
+    trailing?: React.ReactNode;
+    className?: string;
+}): React.JSX.Element;
+/** Filtros segmentados compactos (períodos, categorias) no padrão do DS. */
+export declare function InsightSegments({ items, value, onValueChange, shape, className, }: {
+    items: string[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    shape?: 'pill' | 'outline' | 'soft';
+    className?: string;
+}): React.JSX.Element;
+/**
+ * Shell do infográfico. Header (kicker/título/ícone/ações) → valor + delta →
+ * gráfico → rodapé.
+ */
+export declare const InsightCard: React.ForwardRefExoticComponent<InsightCardProps & React.RefAttributes<HTMLElement>>;

package/dist/components/insights/insight-motion.d.ts

@@ -0,0 +1,222 @@
+/**
+ * @module InsightMotion
+ * Camada canônica de movimento, hover e nitidez dos Insight Charts.
+ *
+ * Tudo que anima ou responde ao ponteiro em um gráfico do Design System passa
+ * por aqui: mesma curva de easing (orgânica), mesmos raios de canto, mesma
+ * bolha de tooltip e o mesmo tratamento de pixel (sem meio-pixel, sem blur).
+ */
+import * as React from 'react';
+/** Curva orgânica única (ease-out expressivo) de todos os charts. */
+export declare const EASE = "cubic-bezier(0.22, 0.61, 0.36, 1)";
+/** Durações padrão (ms). */
+export declare const DUR: {
+    readonly enter: 720;
+    readonly hover: 180;
+    readonly morph: 480;
+};
+/** Transição base de qualquer geometria de chart. */
+export declare const chartTransition: (props?: string) => string;
+/** Classe utilitária de transição suave (respeita `prefers-reduced-motion`). */
+export declare const MOTION = "motion-reduce:!transition-none motion-reduce:!animation-none";
+/**
+ * Raios canônicos dos elementos de chart (px). Barras verticais e horizontais
+ * compartilham o mesmo raio; trilhos e pílulas usam raio total.
+ */
+export declare const R: {
+    /** Barras, colunas e segmentos. */
+    readonly bar: 6;
+    /** Segmento interno de pilha (mantém a leitura de bloco). */
+    readonly segment: 3;
+    /** Células de matriz/heatmap. */
+    readonly cell: 4;
+    /** Trilhos, pílulas e medidores. */
+    readonly pill: 9999;
+};
+/**
+ * Sombreamento canônico das geometrias de dado (mesma escala do DS:
+ * `shadows.xs`/`shadows.sm`, mas derivada do token de tema `--foreground`,
+ * para funcionar em tema claro e escuro).
+ */
+export declare const SHADOW: {
+    /** Trilho / fundo de barra: profundidade interna sutil. */
+    readonly track: "inset 0 1px 2px 0 hsl(var(--foreground) / 0.06)";
+    /** Barra de dado (coluna, linha, ranking, floating). */
+    readonly bar: "0 1px 2px 0 hsl(var(--foreground) / 0.10), 0 1px 3px -1px hsl(var(--foreground) / 0.06)";
+    /** Segmento interno de pilha — mais leve, para não somar sombras. */
+    readonly segment: "0 1px 1px 0 hsl(var(--foreground) / 0.06)";
+    /** Célula de matriz/heatmap. */
+    readonly cell: "0 1px 1px 0 hsl(var(--foreground) / 0.05)";
+};
+/** Raio de topo para colunas (base reta assentada no eixo). */
+export declare const topRadius: (r?: number) => string;
+/**
+ * Raios em classe utilitária — mesma escala do `R`, para superfícies HTML
+ * (cards de dados, tooltips, chips, header). Único sistema em todo o chart.
+ */
+export declare const RC: {
+    /** Superfície do card de dado / tile interno. */
+    readonly tile: "rounded-lg";
+    /** Chips, badges e controles compactos (fases, unidades). */
+    readonly chip: "rounded-md";
+    /** Bolha de tooltip. */
+    readonly tip: "rounded-lg";
+    /** Amostras de legenda quadradas e segmentos. */
+    readonly segment: "rounded-[3px]";
+    /** Células de matriz/heatmap. */
+    readonly cell: "rounded-[4px]";
+    /** Trilhos, pílulas, dots e medidores. */
+    readonly pill: "rounded-full";
+};
+/**
+ * Espaçamento canônico dos infográficos — um único ritmo (4/8/12/16px) para
+ * shell, header, tiles e tooltip.
+ */
+export declare const SPACE: {
+    /** Padding da superfície do card. */
+    readonly card: "p-4";
+    /** Empilhamento vertical do card (header → valor → chart → rodapé). */
+    readonly stack: "gap-4";
+    /** Padding de tile/card de dado interno. */
+    readonly tile: "p-2.5";
+    /** Padding do tooltip. */
+    readonly tip: "px-2.5 py-1.5";
+    /** Gap entre elementos de uma mesma linha (header, legenda, controles). */
+    readonly row: "gap-2";
+    /** Gap do header (texto ↔ ações). */
+    readonly header: "gap-3";
+};
+/**
+ * Tipografia canônica dos infográficos — **uma só escala** para eixos,
+ * legendas, captions e valores auxiliares, herdando a fonte do DS (Inter).
+ */
+export declare const TYPO: {
+    /** Tamanho (px) de rótulo de eixo e legenda. */
+    readonly size: 11;
+    /** Peso de rótulo de eixo e legenda. */
+    readonly weight: 500;
+    /** Cor canônica de texto auxiliar dos charts. */
+    readonly color: "hsl(var(--muted-foreground))";
+};
+/** Classes canônicas de texto auxiliar dos charts (HTML/CSS). */
+export declare const TXT: {
+    /** Rótulo de eixo (categorias, datas, escala). */
+    readonly axis: "text-[11px] font-medium leading-none tabular-nums text-muted-foreground";
+    /** Item de legenda. */
+    readonly legend: "text-[11px] font-medium leading-none text-muted-foreground";
+    /** Caption/descrição auxiliar sob o gráfico. */
+    readonly caption: "text-[11px] leading-snug text-muted-foreground";
+    /** Valor auxiliar (totais, percentuais ao lado da geometria). */
+    readonly value: "text-[11px] font-semibold leading-none tabular-nums";
+};
+/** Props de `tick` canônicas para eixos Recharts (SVG). */
+export declare const AXIS_TICK: {
+    readonly fontSize: 11;
+    readonly fontWeight: 500;
+    readonly fill: "hsl(var(--muted-foreground))";
+    readonly fontFamily: "inherit";
+};
+/** Alturas canônicas de área de plotagem (px). */
+export declare const CHART_H: {
+    readonly xs: 120;
+    readonly sm: 150;
+    readonly md: 170;
+    readonly lg: 200;
+    readonly xl: 240;
+};
+/**
+ * Altura mínima canônica do card de infográfico (px) por densidade — garante
+ * que todos os charts do catálogo ocupem o mesmo bloco, variando só o conteúdo.
+ */
+export declare const CARD_MIN: {
+    readonly dense: 232;
+    readonly compact: 268;
+    readonly comfortable: 300;
+};
+/** Faixas de densidade do container do card. */
+export type ChartDensity = 'dense' | 'compact' | 'comfortable';
+/** Classifica a largura do container em faixas de densidade. */
+export declare const densityOf: (width: number) => ChartDensity;
+/** Observa a largura real do elemento (responsividade por container, não por viewport). */
+export declare function useElementWidth<T extends HTMLElement>(): {
+    readonly ref: React.RefObject<T>;
+    readonly width: number;
+    readonly density: ChartDensity;
+};
+/** Altura efetiva do gráfico conforme a densidade do container (nunca trunca). */
+export declare const fitHeight: (base: number, density: ChartDensity) => number;
+/**
+ * Alinha um valor à grade de pixels do dispositivo — evita bordas cinzas e
+ * traços "grossos" em telas 1x.
+ */
+export declare const snap: (value: number) => number;
+/** Props de nitidez para SVG (preenchimentos e traços). */
+export declare const CRISP: {
+    readonly shapeRendering: "geometricPrecision";
+    readonly vectorEffect: "non-scaling-stroke";
+};
+/** Props de nitidez para retângulos/células (bordas exatas). */
+export declare const CRISP_EDGE: {
+    readonly shapeRendering: "crispEdges";
+};
+/**
+ * Anima a entrada de qualquer geometria: retorna `false` no primeiro frame e
+ * `true` em seguida, permitindo transicionar de 0 até o valor real.
+ */
+export declare function useChartReveal(delay?: number): boolean;
+/** Atraso em cascata por índice (entrada orgânica, item após item). */
+export declare const stagger: (index: number, step?: number, max?: number) => string;
+/**
+ * Linha canônica de tooltip: **valor · percentual · série · fase · data**.
+ * Todos os charts do DS usam exatamente esta ordem, em uma única linha.
+ */
+export interface ChartTipRow {
+    /** Nome da série (ex.: "Concluídos"). Também aceito via `label` (legado). */
+    series?: React.ReactNode;
+    /** @deprecated use `series`. */
+    label?: React.ReactNode;
+    /** Valor absoluto do ponto. */
+    value?: React.ReactNode;
+    /** Percentual explícito (0–100). Se ausente, é derivado de `total`. */
+    percent?: number;
+    /** Fase/estado do ponto (ex.: "Execução"). */
+    phase?: React.ReactNode;
+    /** Data/período do ponto (ex.: "mar/25"). */
+    date?: React.ReactNode;
+    color?: string;
+}
+export interface ChartTipContent {
+    title?: React.ReactNode;
+    rows: ChartTipRow[];
+    /** Base para o percentual das linhas que não trazem `percent`. */
+    total?: number;
+    /** Fase padrão aplicada a todas as linhas. */
+    phase?: React.ReactNode;
+    /** Data padrão aplicada a todas as linhas (default: `title`). */
+    date?: React.ReactNode;
+}
+/** Bolha de tooltip canônica (mesma anatomia em SVG, CSS e Recharts). */
+export declare function ChartTipBubble({ title, rows, unit, total, phase, date, className, }: ChartTipContent & {
+    unit?: string;
+    className?: string;
+}): React.JSX.Element;
+/**
+ * Tooltip de hover para gráficos desenhados em CSS/SVG puro (barras, heatmap,
+ * sparkline). Segue o ponteiro dentro do container, com clamp nas bordas.
+ */
+export declare function useChartTip(): {
+    ref: React.RefObject<HTMLDivElement>;
+    bind: (content: ChartTipContent) => {
+        onMouseEnter: (e: React.MouseEvent) => void;
+        onMouseMove: (e: React.MouseEvent) => void;
+        onMouseLeave: () => void;
+        onFocus: (e: React.FocusEvent) => void;
+        onBlur: () => void;
+        tabIndex: number;
+    };
+    node: React.JSX.Element;
+    hide: () => void;
+    active: boolean;
+};
+/** Container relativo padrão para gráficos com tooltip próprio. */
+export declare const TIP_HOST = "relative w-full min-w-0 [transform:translateZ(0)]";