@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.
23 lines • 4.5 kB
JavaScript
import{a as x}from"./chunk-FCJOMIII.js";import{a as k}from"./chunk-UJT43C57.js";import{a as P}from"./chunk-F6G524B7.js";import{a as f}from"./chunk-VXMAUSYG.js";import{a as n}from"./chunk-V5IX4U5J.js";import{createContextScope as J}from"@radix-ui/react-context";import{useState as K}from"react";import{jsx as v}from"react/jsx-runtime";var y=t=>{let{closable:o,onClickAction:r}=t;return v(k.Root,{variant:"neutral-tertiary",onClick:r,"data-testid":"snackbar-action-button",size:"ml",children:v(k.Icon,{symbol:o?"rdicon-dismiss":"rdicon-chevron-right"})})};var g=n({base:`
text-text-neutral text-threeandhalfpulse !font-rdmodern font-regular
leading-small line-clamp-2
`});import{jsx as U}from"react/jsx-runtime";var T=t=>{let{children:o}=t;return U("p",{className:g({}),"data-testid":"snackbar-description","aria-label":o==null?void 0:o.toString(),children:o})};import{useCallback as q}from"react";import{jsx as O}from"react/jsx-runtime";var C=t=>{let{symbol:o,__scopeSnackbar:r}=t,{type:e}=l(c,r),a={success:"colorTextSuccessAlternative",informative:"colorTextInformativeAlternative",warning:"colorTextWarningAlternative",danger:"colorTextDangerAlternative","brand-accent":"colorActionTextOnbrandDefault"},s=q(()=>a[e],[e]);return O(f,{symbol:o,size:"small",color:s(),"data-testid":"snackbar-icon"})};var A=n({base:`
text-text-neutral text-threeandhalfpulse !font-rdmodern font-bold leading-small
truncate max-w-full
`});import{jsx as W}from"react/jsx-runtime";var I=t=>{let{children:o}=t;return W("p",{className:A({}),"data-testid":"snackbar-title","aria-label":o==null?void 0:o.toString(),children:o})};var B=n({base:`
flex flex-row gap-twopulse items-center justify-start
px-fourpulse pt-fourpulse
`}),R=n({base:`
flex flex-col w-full overflow-hidden gap-onepulse max-h-huge
`});import{jsx as S,jsxs as w}from"react/jsx-runtime";var h=t=>{let{description:o,title:r,onClickAction:e,closable:a,iconName:s,__scopeSnackbar:i}=t,{layout:p,setPaused:b}=l(c,i),m=()=>{b(!0)},u=()=>{b(!1)};return w("div",{className:B({}),"data-testid":"snackbar-content",onMouseDown:m,onMouseUp:u,children:[s!==void 0&&S(C,{symbol:s}),w("div",{className:R({}),children:[r&&S(I,{children:r}),S(T,{children:o})]}),p===void 0&&S(y,{closable:a,onClickAction:e})]})};var N=n({base:`
flex pl-twelvepulse pr-fourpulse pt-twopulse
`}),V=n({base:`
flex pl-eightpulse pr-fourpulse pt-twopulse
`});import{jsx as d}from"react/jsx-runtime";var D=t=>{let{__scopeSnackbar:o}=t,{onClickFooter:r,layout:e,buttonLabel:a,setPaused:s}=l(c,o),i=()=>{s(!0)},p=()=>{s(!1)};if(e!==void 0)return e==="with-link"?d("div",{className:V({}),"data-testid":"snackbar-footer-link",onMouseDown:i,onMouseUp:p,children:d(P.Root,{icon:!0,size:"ml",onClick:r,children:a===""||!a?"Link":a})}):d("div",{className:N({}),"data-testid":"snackbar-footer-button",onMouseDown:i,onMouseUp:p,children:d(k.Root,{onClick:r,full:!0,variant:"neutral-secondary",size:"ml",children:a===""||!a?"Button":a})})};import L,{useCallback as G}from"react";var _=n({base:`
max-h-onepulse px-0.5
`});import{jsx as M}from"react/jsx-runtime";var F=t=>{let{__scopeSnackbar:o}=t,{duration:r=5e3,type:e,isPaused:a}=l(c,o),s={success:"success",informative:"informative",warning:"warning",danger:"danger","brand-accent":"brand"},[i,p]=L.useState(0);L.useEffect(()=>{if(a)return;let m=setInterval(()=>{p(u=>{let H=u+100/(r/100);return Math.min(H,100)})},100);return()=>clearInterval(m)},[a,r]);let b=G(()=>s[e],[e]);return M("div",{className:_({}),"data-testid":"snackbar-timebar",children:M(x,{percentage:i,bgTransparent:!0,size:"nano",variant:b()})})};var E=n({base:`
flex flex-col min-w-[256px] max-w-[768px] border-quarterpulse
rounded-form border-border-neutral overflow-hidden
pb-fourpulse
`,variants:{type:{"brand-accent":"bg-fill-neutral",informative:"bg-fill-informative-alternative",success:"bg-fill-success-alternative",warning:"bg-fill-warning-alternative",danger:"bg-fill-danger-alternative"}}});import{jsx as z}from"react/jsx-runtime";var c="Snackbar",Y=t=>{let{type:o,children:r,layout:e,duration:a,buttonLabel:s,onClickFooter:i,__scopeSnackbar:p}=t,[b,m]=K(!1);return z(X,{scope:p,layout:e,type:o,buttonLabel:s,onClickFooter:()=>i==null?void 0:i(),duration:a,isPaused:b,setPaused:m,children:z("div",{className:E({type:o}),"data-testid":"snackbar-root",children:r})})};Y.displayName=c;var[Q]=J(c),[X,l]=Q(c),Z={Root:Y,Content:h,Footer:D,Timebar:F};export{Z as a};
//# sourceMappingURL=chunk-P7LDCGH4.js.map