@anoki/fse-ui/dist/index.cjs43.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardClinicalAction/CardClinicalAction.css');const e=require("./index.cjs278.js");;/* empty css              */const d=require("./index.cjs280.js"),j=require("react"),D=require("./index.cjs128.js"),f=require("./index.cjs36.js"),z=require("./index.cjs219.js"),I={default:"#6C757D",warning:"#DC3545",success:"#28A745",error:"#DC3545"},M=({title:n,subtitle:a,information:u=[],statusLabel:c,statusVariant:h="default",buttonLabel:m,buttonVariant:R="secondary",onButtonClick:s,toggleOnButton:r=!1,toggleLabels:l={open:"Open detail",close:"Close detail"},isOpen:E,deleteLabel:p,onDelete:w,deleteButtonPosition:v="right",externalLink:t,asLink:N="a",className:g="",classNameTitle:y="fw-semibold fs-6 md-fs-5 text-slate-20"})=>{const b=I[h],q=N,[C,$]=j.useState(!1),x=r?E??C:!0,o=j.useMemo(()=>r?x?l.close:l.open:m,[m,x,l,r]),S=()=>{if(r){s==null||s(),$(i=>!i);return}s==null||s()};return e.jsxRuntimeExports.jsxs("div",{className:d.clsx("rounded shadow w-full card-clinical-action-container",g),children:[e.jsxRuntimeExports.jsxs("div",{className:"ui-clinical-action-content p-x24",children:[e.jsxRuntimeExports.jsxs("div",{className:"ui-action-header",children:[e.jsxRuntimeExports.jsxs("div",{className:"clinical-action-info d-flex align-items-center gap-x16",children:[e.jsxRuntimeExports.jsx("h2",{className:d.clsx(y),title:n,style:{minWidth:"300px",flexShrink:0},children:n}),u.length>0&&e.jsxRuntimeExports.jsx("div",{className:"ui-information-row d-flex gap-x16",children:u.map((i,A)=>e.jsxRuntimeExports.jsxs("div",{className:"ui-info-item",children:[e.jsxRuntimeExports.jsxs("span",{className:"fs-custom fw-bold text-slate-28",children:[i.label,":"]}),e.jsxRuntimeExports.jsx("span",{className:"fs-custom fw-regular text-slate-28",children:i.value})]},A))})]}),a&&e.jsxRuntimeExports.jsx("p",{className:"fs-7 md-fs-6 text-muted fw-regular",title:a,children:a})]}),e.jsxRuntimeExports.jsxs("div",{className:"ui-action-footer",children:[c&&e.jsxRuntimeExports.jsx("div",{className:"fs-7 fw-bold text-white rounded py-x4 px-x16",style:{width:"max-content",backgroundColor:b},role:"status","aria-label":`Stato: ${c}`,children:c}),t?e.jsxRuntimeExports.jsxs(q,{href:t.href,target:"_blank",rel:"noopener noreferrer",className:"d-flex align-items-center gap-x8 text-decoration-none text-primary fw-bold fs-6","aria-label":`${t.title} (si apre in una nuova finestra)`,children:[t.title,e.jsxRuntimeExports.jsx(D.ExternalLink,{width:20,height:20,color:"primary","aria-hidden":"true"})]}):o&&e.jsxRuntimeExports.jsx(f.Button,{variant:R,size:"3",onClick:S,"aria-label":`${o} ${n}`,children:o})]})]}),x&&p&&e.jsxRuntimeExports.jsx(z.Row,{className:d.clsx("align-items-center px-x24 w-full bg-lightblue-a03 py-x16",v==="right"?"justify-content-end":"justify-content-start"),children:e.jsxRuntimeExports.jsx(f.Button,{variant:"secondary",size:"3",variantBg:"bg-lightblue-a03",onClick:w,children:p})})]})};exports.CardClinicalAction=M;
//# sourceMappingURL=index.cjs43.js.map