@rdsaude/pulso-react-components
Version:
Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.
2 lines • 5.24 kB
JavaScript
import{a as E}from"./chunk-LB262UC7.js";import{a as b}from"./chunk-DQ6V5CGR.js";import{a as D}from"./chunk-TZXDQB75.js";import{a as x}from"./chunk-2MB3Y6WI.js";import{c as C}from"./chunk-DDCCLFYC.js";import{jsx as S}from"react/jsx-runtime";var l=()=>S("div",{className:"x-full flex py-onepulse","data-testid":"separator",children:S("div",{className:"flex-1 border-border-neutral border-hairline","data-testid":"divider-line"})});import{jsx as k}from"react/jsx-runtime";var P=({controls:t,testID:e})=>k("div",{"data-testid":e,className:"x-full flex items-center gap-threepulse border-border-neutral border-t-hairline bg-fill-neutral p-threepulse ",children:t.slice(0,2).map((o,n)=>{let i=o.type==="confirm"?"brand-primary":"neutral-tertiary";return k(E.Root,{size:"lg",variant:i,onClick:o.handler,children:o.label},String(n))})});import{createContextScope as W}from"@radix-ui/react-context";import O from"react";import{jsx as M,jsxs as A}from"react/jsx-runtime";function y({children:t,title:e}){let o=!!(e!=null&&e.length);return A("div",{className:"flex flex-col",children:[M(l,{}),M("div",{className:"px-fivepulse py-twopulse",children:o&&M("h2",{className:"font-bold text-rdmodern text-text-neutral-readonly text-threeandhalfpulse leading-small",children:e})}),t]})}import{useCallback as V,useState as B}from"react";var w=x({base:"flex items-center space-x-2",variants:{type:{single:"px-twopulse py-onepulse",multi:"px-twopulse py-onepulse"}}}),ne=x({base:"gap-onepulse p-onepulse"}),L=x({base:["bg-action-fill-neutral-tertiary-enabled","border-border-neutral-tertiary-enabled","border-none","duration-100 ease-in","focus:border-x-halfpulse","focus:border-y-halfpulse","focus:border-action-border-focused","focus:rounded-pill","hover:bg-action-fill-neutral-tertiary-hovered","hover:border-action-border-neutral-tertiary-hovered","hover:rounded-pill","disabled:cursor-not-allowed","disabled:bg-action-fill-neutral-tertiary-disabled","disabled:border-action-border-neutral-tertiary-disabled","disabled:border-none","active:bg-action-fill-neutral-tertiary-pressed","active:border-action-border-neutral-tertiary-pressed","active:rounded-pill","px-twopulse","py-onepulse"]});import{jsx as p,jsxs as _}from"react/jsx-runtime";function h({type:t="single",content:e,checked:o,disabled:n,testID:i,onPress:u}){let[c,s]=B(!1),m=!!e.prefixIcon,a=!!e.description,r=V(()=>s(!0),[]),g=V(()=>s(!1),[]),G=f=>{let R=m?23:25;return f&&f.length>R?`${f.substr(0,R)}...`:f};return p("button",{onMouseDown:r,onMouseUp:g,onClick:u,"data-testid":i,disabled:n,type:"button",className:L(),children:_("div",{className:w({type:t}),children:[t==="multi"&&p("div",{className:"flex items-center p-onepulse",children:p(b,{symbol:o?"rdicon-checkbox-checked":"rdicon-checkbox-unchecked",color:n?"colorTextNeutralDisabled":o?"colorActionFillBrandPrimaryEnabled":"colorTextNeutralDefault",size:"small"})}),m&&p(b,{symbol:e.prefixIcon,color:n?"colorTextNeutralDisabled":"colorTextNeutralDefault",size:"small"}),_("div",{className:"flex flex-1 flex-col items-start gap-halfpulse p-onepulse ",children:[p("p",{className:`tracking font-rdmodern font-regular text-threeandhalfpulse leading-small ${n?"text-text-neutral-disabled":"text-text-neutral"}`,children:e.label}),a&&p("p",{className:`tracking font-rdmodern font-regular text-threepulse leading-small ${n?"text-text-neutral-disabled":"text-text-neutral-placeholder"}`,children:G(e.description)})]}),t==="single"&&o&&p(b,{symbol:"rdicon-checkmark",color:"colorTextSuccessAlternative",size:"small"})]})})}import v from"react";import $ from"react";function I(t){return $.isValidElement(t)&&t.type===h}import{jsx as H}from"react/jsx-runtime";var z="Only Fragment, OptionMenu.Item and Group components are allowed as children of OptionMenu.List. Please remove or replace any other elements.";function N(o){var n=o,{maxHeight:t=480}=n,e=C(n,["maxHeight"]);let{__scopeOptionMenu:i,children:u,testID:c}=e,s=D(),{type:m}=T("OptionMenuList",i),a=[];return v.Children.forEach(u,r=>{if(v.isValidElement(r)){if(r.type===v.Fragment){let g=r.props.children;a.push(g);return}if(I(r)||r.type===y||r.type===l)a.push(r);else throw new Error(z)}}),a=a.map(r=>I(r)?v.cloneElement(r,{key:((1+Math.random())*65536|0).toString(16).substring(1),type:m}):r),H("div",{className:`flex max-h-[${t}px] flex-col overflow-y-scroll px-onepulse py-onepulse ${s.spacingInlineOnepulse}`,"data-testid":c,children:a})}import{jsx as d}from"react/jsx-runtime";var F="OptionMenu",q=t=>{let{type:e,children:o,customEmptyMessage:n="N\xE3o foi encontrado nenhum resultado.",testID:i,__scopeOptionMenu:u}=t,c=O.Children.map(o,s=>{if(O.isValidElement(s)&&(s.type===N||s.type===P))return s});return d(Y,{scope:u,type:e,"data-testid":i,children:d("div",{className:"rounded-form border-border-neutral border-quarterpulse bg-fill-neutral py-onepulse ",children:O.Children.count(o)>0?d("div",{className:"flex-grow",children:c}):d("div",{className:"flex items-start justify-center",children:d("p",{className:"tracking px-onepulse py-twopulse font-regular text-rdmodern text-text-neutral text-threeandhalfpulse leading-small",children:n})})})})},[U]=W(F),[Y,T]=U(F),J={Root:q,Footer:P,Divider:l,Item:h,List:N,Group:y};export{J as a};
//# sourceMappingURL=chunk-ZAFVKKBQ.js.map