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

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardClinicalData/CardClinicalData.css');const s=require("./index.cjs237.js");;/* empty css              */const e=require("./index.cjs238.js"),f=require("react"),d=require("./index.cjs116.js"),h=require("./index.cjs165.js"),q=require("./index.cjs32.js"),k=({information:r=[],className:R="",clinicalCode:o="",isOpen:n,hideArrow:t=!1,onToggle:x,hasBorder:b=!0,clinicalLabel:u="",label:c,classNameTitle:w="fw-semibold fs-5 md-fs-4 text-color-darker",deleteLabel:m,onDelete:E,deleteButtonPosition:y="right"})=>{const a=r.length>0,[N,p]=f.useState(!1);f.useEffect(()=>{n!==void 0&&p(n)},[n]);const i=t?!0:n??N,j=a&&!t,g=()=>{!a||t||(x==null||x(),n===void 0&&p(l=>!l))};return s.jsxRuntimeExports.jsxs("div",{className:"rounded shadow w-full card-clinical-data-container",children:[s.jsxRuntimeExports.jsx("button",{className:e.clsx(i&&b&&"ui-has-border-bottom","ui-btn-accordion-clinical-data",R),type:"button","aria-expanded":a&&!t?i:void 0,onClick:j?g:void 0,disabled:!j,style:{cursor:t?"default":void 0},children:s.jsxRuntimeExports.jsxs("div",{className:"ui-header-content p-x24",children:[s.jsxRuntimeExports.jsxs(d.Row,{gap:"x24",alignItems:"center",className:"first-row",children:[s.jsxRuntimeExports.jsxs("div",{className:"clinical-data-info",children:[s.jsxRuntimeExports.jsx("h1",{className:e.clsx(w),title:o,children:o}),s.jsxRuntimeExports.jsx("span",{className:"ui-divider"}),s.jsxRuntimeExports.jsx("p",{className:"fs-7 md-fs-6 text-muted fw-semibold",title:u,children:u})]}),a&&!t&&s.jsxRuntimeExports.jsx(h.ArrowDown,{color:"primary",className:e.clsx("ui-arrow-card-clinical-data mobile-arrow",{"ui-expanded-card-clinical-data":i})})]}),s.jsxRuntimeExports.jsxs(d.Row,{gap:"x16",alignItems:"center",className:"ui-arrow-container desktop-row",children:[c&&s.jsxRuntimeExports.jsx("div",{className:"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 desktop-label",style:{width:"max-content"},children:c}),a&&!t&&s.jsxRuntimeExports.jsx(h.ArrowDown,{color:"primary",className:e.clsx("ui-arrow-card-clinical-data desktop-arrow",{"ui-expanded-card-clinical-data":i})})]}),c&&s.jsxRuntimeExports.jsx("div",{className:"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 mobile-label",style:{width:"max-content"},children:c})]})}),i&&a&&s.jsxRuntimeExports.jsx("dl",{className:e.clsx("p-x24",r.length>1?"ui-card-clinical-data":"base-row py-x16"),children:r.map(({label:l,value:v})=>s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsxs("dt",{className:e.clsx("fs-custom fw-bold text-slate-28",r.length===1&&"me-x8 mb-0"),children:[l,":"]}),s.jsxRuntimeExports.jsx("dd",{className:"fs-custom fw-regular text-slate-28 mb-0",children:v})]},l))}),i&&m&&!t&&s.jsxRuntimeExports.jsx(d.Row,{className:e.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(q.Button,{variant:"secondary",size:"3",variantBg:"bg-lightblue-a03",onClick:E,children:m})})]})};exports.CardClinicalData=k;
//# sourceMappingURL=index.cjs37.js.map