@anoki/fse-ui
Version:
FSE UI components library
3 lines (2 loc) • 3.52 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardClinicalData/CardClinicalData.css');const s=require("./index.cjs278.js");;/* empty css */const a=require("./index.cjs280.js"),R=require("react"),j=require("./index.cjs219.js"),E=require("./index.cjs19.js"),$=require("./index.cjs36.js"),q=({information:c=[],className:g="",clinicalCode:u="",isOpen:n,hideArrow:t=!1,onToggle:m,hasBorder:w=!0,clinicalLabel:o="",label:r,classNameTitle:b="fw-semibold fs-5 md-fs-4 text-color-darker",deleteLabel:h,onDelete:v,deleteButtonPosition:y="right",statusIndex:x})=>{const i=c.length>0,[N,f]=R.useState(!1),d=x!==void 0?[void 0,"#995C00","#008055"][x]:void 0;R.useEffect(()=>{n!==void 0&&f(n)},[n]);const e=t?!0:n??N,p=i&&!t,C=()=>{!i||t||(m==null||m(),n===void 0&&f(l=>!l))};return s.jsxRuntimeExports.jsxs("div",{className:"rounded shadow w-full card-clinical-data-container",children:[s.jsxRuntimeExports.jsx("button",{className:a.clsx(e&&w&&"ui-has-border-bottom","ui-btn-accordion-clinical-data",g),type:"button","aria-label":`${u}${o?` - ${o}`:""}${r?` - ${r}`:""}${p?e?" - Comprimi dettagli":" - Espandi dettagli":""}`,"aria-expanded":i&&!t?e:void 0,onClick:p?C:void 0,disabled:!p,style:{cursor:t?"default":void 0},children:s.jsxRuntimeExports.jsxs("div",{className:"ui-header-content p-x24",children:[s.jsxRuntimeExports.jsxs(j.Row,{gap:"x24",alignItems:"center",className:"first-row",children:[s.jsxRuntimeExports.jsxs("div",{className:"clinical-data-info",children:[s.jsxRuntimeExports.jsx("h1",{className:a.clsx(b),title:u,children:u}),o&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("span",{className:"ui-divider"}),s.jsxRuntimeExports.jsx("p",{className:"fs-7 md-fs-6 text-muted fw-semibold",title:o,children:o})]})]}),i&&!t&&s.jsxRuntimeExports.jsx(E.ArrowDown,{color:"primary",className:a.clsx("ui-arrow-card-clinical-data mobile-arrow",{"ui-expanded-card-clinical-data":e}),"aria-hidden":"true"})]}),s.jsxRuntimeExports.jsxs(j.Row,{gap:"x16",alignItems:"center",className:"ui-arrow-container desktop-row",children:[r&&x!==void 0&&s.jsxRuntimeExports.jsx("div",{className:"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 desktop-label",style:{width:"max-content",...d&&{backgroundColor:d}},children:r}),i&&!t&&s.jsxRuntimeExports.jsx(E.ArrowDown,{color:"primary",className:a.clsx("ui-arrow-card-clinical-data desktop-arrow",{"ui-expanded-card-clinical-data":e}),"aria-hidden":"true"})]}),r&&x!==void 0&&s.jsxRuntimeExports.jsx("div",{className:"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 mobile-label",style:{width:"max-content",...d&&{backgroundColor:d}},children:r})]})}),e&&i&&s.jsxRuntimeExports.jsx("dl",{className:a.clsx("p-x24",c.length>1?"ui-card-clinical-data":"base-row py-x16"),children:c.map(({label:l,value:k})=>s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsxs("dt",{className:a.clsx("fs-custom fw-bold text-slate-28",c.length===1&&"me-x8 mb-0"),children:[l,":"]}),s.jsxRuntimeExports.jsx("dd",{className:"fs-custom fw-regular text-slate-28 mb-0",children:k})]},l))}),e&&h&&!t&&s.jsxRuntimeExports.jsx(j.Row,{className:a.clsx("align-items-center px-x24 w-full bg-lightblue-a03 py-x16",y==="right"?"justify-content-end":"justify-content-start"),children:s.jsxRuntimeExports.jsx($.Button,{variant:"secondary",size:"3",variantBg:"bg-lightblue-a03",onClick:v,children:h})})]})};exports.CardClinicalData=q;
//# sourceMappingURL=index.cjs44.js.map