@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 1.93 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/styles"),i=require("@mui/material/Box"),a=require("@mui/material/Stack"),l=require("@mui/material/ListItem"),n=require("@mui/material/ListItemIcon"),o=require("@mui/material/ListItemText"),s=require("@mui/material/Tooltip"),u=require("@mui/material/Typography"),d=require("lodash/truncate"),c=require("./EventItem.styles.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=m(t),f=m(i),p=m(a),h=m(l),j=m(n),y=m(o),g=m(s),v=m(u),q=m(d);exports.EventItem=t=>{const{title:i,icon:a,timestamp:l,description:n,severity:o,links:s,isMinWidth:u,"data-testid":d}=t,m=r.useTheme().vars.palette[o.toLowerCase()||"info"];return e.jsxs(h.default,{divider:!1,alignItems:"center",sx:{...c.default.listItem},component:"div","data-testid":d,children:[e.jsx(j.default,{sx:e=>({...c.default.listIcon,backgroundColor:m[50],...e.applyStyles("light",{backgroundColor:`color-mix(in srgb, ${m[500]}, transparent 88%)`})}),children:x.default.cloneElement(a,{sx:{color:m.main,fontSize:32}})}),e.jsx(y.default,{sx:{pl:4,pr:3},children:e.jsxs(p.default,{spacing:3/4,alignItems:"flex-start",children:[e.jsx(v.default,{variant:"caption",color:"text.secondary",children:l}),e.jsx(f.default,{sx:{alignSelf:"normal",fontSize:"12px",lineHeight:4/3},children:e.jsx(v.default,{variant:"caption",color:"text.primary",fontWeight:700,children:i})}),e.jsx(v.default,{variant:"caption",color:"text.secondary",sx:{wordBreak:"break-word"},children:n}),e.jsx(p.default,{direction:u?"column":"row",alignSelf:"normal",children:s&&s.map((r=>e.jsx(g.default,{title:r.title,enterDelay:1e3,arrow:!0,children:e.jsx(v.default,{sx:{...c.default.noWrapOne,...c.linkStyle(u)},variant:"caption",color:m.main,onClick:()=>r.onClick(t),tabIndex:0,children:q.default(r.title,{length:30})})},r.title)))})]})})]})};