@rdsaude/pulso-react-components/dist/components/snackbar/index.cjs

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.

"use strict";var Je=Object.create;var h=Object.defineProperty,Qe=Object.defineProperties,Ze=Object.getOwnPropertyDescriptor,je=Object.getOwnPropertyDescriptors,er=Object.getOwnPropertyNames,N=Object.getOwnPropertySymbols,rr=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var J=(e,r,t)=>r in e?h(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))D.call(r,t)&&J(e,t,r[t]);if(N)for(var t of N(r))Q.call(r,t)&&J(e,t,r[t]);return e},u=(e,r)=>Qe(e,je(r));var b=(e,r)=>{var t={};for(var o in e)D.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&N)for(var o of N(e))r.indexOf(o)<0&&Q.call(e,o)&&(t[o]=e[o]);return t};var tr=(e,r)=>{for(var t in r)h(e,t,{get:r[t],enumerable:!0})},Z=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of er(r))!D.call(e,n)&&n!==t&&h(e,n,{get:()=>r[n],enumerable:!(o=Ze(r,n))||o.enumerable});return e};var j=(e,r,t)=>(t=e!=null?Je(rr(e)):{},Z(r||!e||!e.__esModule?h(t,"default",{value:e,enumerable:!0}):t,e)),or=e=>Z(h({},"__esModule",{value:!0}),e);var ur={};tr(ur,{Snackbar:()=>$e});module.exports=or(ur);var qe=require("@radix-ui/react-context"),Ke=require("react");var ue=require("react"),me=require("@radix-ui/react-context");var ee=require("tailwind-variants"),i=(0,ee.createTV)({twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var re=i({base:`
    tracking inline-flex items-center justify-center gap-twopulse rounded-pill
    border-quarterpulse border-[transparent] font-bold font-rdmodern text-threeandhalfpulse truncate`,variants:{variant:{"brand-primary":`bg-action-fill-brand-primary-enabled text-text-neutral-inverse
        enabled:active:bg-action-fill-brand-primary-pressed enabled:hover:bg-action-fill-brand-primary-hovered`,"neutral-secondary":`border-action-border-neutral-secondary-enabled bg-action-fill-neutral-secondary-enabled text-text-neutral
        enabled:active:border-action-border-neutral-secondary-pressed enabled:active:bg-action-fill-neutral-secondary-pressed enabled:hover:bg-action-fill-neutral-secondary-hovered`,"neutral-tertiary":`border-action-border-neutral-tertiary-enabled bg-action-fill-neutral-tertiary-enabled text-text-neutral
        enabled:active:bg-action-fill-neutral-tertiary-pressed enabled:hover:bg-action-fill-neutral-tertiary-hovered`},size:{md:"h-medium min-w-medium px-fourpulse text-threepulse leading-medium",ml:"h-mediumlarge min-w-mediumlarge px-fourpulse leading-small",lg:"h-large min-w-large px-fivepulse leading-small",xl:"h-extralarge min-w-extralarge px-sixpulse leading-small"},disabled:{true:"cursor-not-allowed text-text-neutral-disabled outline-none",false:"outline-action-border-focused outline-offset-4 focus-visible:outline-1"},full:{true:"w-full"},asIconOnly:{true:"aspect-square px-none"}},compoundVariants:[{variant:"brand-primary",disabled:!0,class:"border-action-border-brand-primary-disabled bg-action-fill-brand-primary-disabled"},{variant:"neutral-secondary",disabled:!0,class:"border-action-border-neutral-secondary-disabled bg-action-fill-neutral-secondary-disabled"},{variant:"neutral-tertiary",disabled:!0,class:"border-action-fill-neutral-tertiary-disabled bg-action-fill-neutral-tertiary-enabled"}],defaultVariants:{variant:"brand-primary",size:"ml"}});var f=require("@raiadrogasil/pulso-design-tokens"),oe=require("react");var O=require("react"),nr=require("react/jsx-runtime"),te=(0,O.createContext)({});function L(){let{currentTheme:e}=(0,oe.useContext)(te);return p(p({},{rdsaudesistemas:f.RDSAUDESISTEMAS_TOKENS,drogasil:f.DROGASIL_TOKENS,raia:f.RAIA_TOKENS,subscription:f.SUBSCRIPTION_TOKENS,prime:f.PRIME_TOKENS}[e]),f.GLOBALS_TOKENS)}function ne(e){let r=L();return Object.keys(r).reduce((n,a)=>{if(a.includes("color")){let s=a;n[s]=r[s]}return n},{})[e]}var ae={tiny:"var(--sizing-tiny)","extra-small":"var(--sizing-extrasmall)",small:"var(--sizing-small)",medium:"var(--sizing-medium)"};var se=require("react/jsx-runtime");function P(n){var a=n,{symbol:e="rdicon-default",size:r="small",color:t="colorActionFillBrandPrimaryEnabled"}=a,o=b(a,["symbol","size","color"]);let s=e.replace("rdicon","").trim();return(0,se.jsx)("i",u(p({},o),{title:s,className:e,style:{fontSize:ae[r],color:ne(t)}}))}var ie=require("react/jsx-runtime");function B(e){let c=e,{__scopeButton:r}=c,t=b(c,["__scopeButton"]),{variant:o,size:n,disabled:a}=E("ButtonIcon",r),s={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},l={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,ie.jsx)(P,u(p({},t),{color:a?"colorTextNeutralDisabled":s[o],size:l[n]}))}function le(e){let r=L();return{brand:r.colorActionFillBrandPrimaryEnabled,neutral:r.colorTextNeutralReadonly,black:r.colorTextNeutralDefault,white:r.colorTextNeutralInverse}[e]}var v=require("react/jsx-runtime");function z({color:e="brand",srText:r}){return(0,v.jsx)("div",{role:"status",className:"grid size-eightpulse place-items-center","aria-label":r,children:(0,v.jsxs)("svg",{className:"size-sixpulse animate-spin fill-none",viewBox:"0 0 24 24",children:[(0,v.jsx)("path",{fillRule:"evenodd",d:"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0v2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12H0z",clipRule:"evenodd",fill:le(e)}),(0,v.jsx)("title",{children:r})]})})}var pe=require("react/jsx-runtime");function ce(e){let a=e,{__scopeButton:r}=a,t=b(a,["__scopeButton"]),{variant:o}=E("ButtonRefresh",r),n={"brand-primary":"white","neutral-secondary":"neutral","neutral-tertiary":"black"};return(0,pe.jsx)(z,u(p({},t),{color:n[o]}))}var U=j(require("react"),1);function de(e){return U.default.Children.count(e)===1&&U.default.isValidElement(e)?e.type===B:!1}var V=require("react/jsx-runtime"),G="Button",be=(0,ue.forwardRef)((e,r)=>{let{children:t,variant:o="brand-primary",size:n="ml",loading:a=!1,disabled:s=!1,full:l,className:c,__scopeButton:d}=e,m=a||s;return(0,V.jsx)(sr,{scope:d,variant:o,size:n,disabled:s,children:(0,V.jsx)("button",u(p({},e),{ref:r,className:re({variant:o,size:n,disabled:s,full:l,className:c,asIconOnly:de(t)}),disabled:m,"aria-disabled":s,children:a?(0,V.jsx)(ce,{}):t}))})});be.displayName=G;var[ar]=(0,me.createContextScope)(G),[sr,E]=ar(G),g={Root:be,Icon:B};var F=require("react/jsx-runtime"),fe=e=>{let{closable:r,onClickAction:t}=e;return(0,F.jsx)(g.Root,{variant:"neutral-tertiary",onClick:t,"data-testid":"snackbar-action-button",size:"ml",children:(0,F.jsx)(g.Icon,{symbol:r?"rdicon-dismiss":"rdicon-chevron-right"})})};var Se=i({base:`
   text-text-neutral text-threeandhalfpulse !font-rdmodern font-regular
   leading-small line-clamp-2
  `});var ye=require("react/jsx-runtime"),ke=e=>{let{children:r}=e;return(0,ye.jsx)("p",{className:Se({}),"data-testid":"snackbar-description","aria-label":r==null?void 0:r.toString(),children:r})};var Pe=require("react");var ve=require("react/jsx-runtime"),xe=e=>{let{symbol:r,__scopeSnackbar:t}=e,{type:o}=k(S,t),n={success:"colorTextSuccessAlternative",informative:"colorTextInformativeAlternative",warning:"colorTextWarningAlternative",danger:"colorTextDangerAlternative","brand-accent":"colorActionTextOnbrandDefault"},a=(0,Pe.useCallback)(()=>n[o],[o]);return(0,ve.jsx)(P,{symbol:r,size:"small",color:a(),"data-testid":"snackbar-icon"})};var ge=i({base:`
    text-text-neutral text-threeandhalfpulse !font-rdmodern font-bold leading-small
    truncate max-w-full
  `});var Te=require("react/jsx-runtime"),Ie=e=>{let{children:r}=e;return(0,Te.jsx)("p",{className:ge({}),"data-testid":"snackbar-title","aria-label":r==null?void 0:r.toString(),children:r})};var he=i({base:`
    flex flex-row gap-twopulse items-center justify-start
    px-fourpulse pt-fourpulse
  `}),Re=i({base:`
    flex flex-col w-full overflow-hidden gap-onepulse max-h-huge
  `});var y=require("react/jsx-runtime"),Ce=e=>{let{description:r,title:t,onClickAction:o,closable:n,iconName:a,__scopeSnackbar:s}=e,{layout:l,setPaused:c}=k(S,s),d=()=>{c(!0)},m=()=>{c(!1)};return(0,y.jsxs)("div",{className:he({}),"data-testid":"snackbar-content",onMouseDown:d,onMouseUp:m,children:[a!==void 0&&(0,y.jsx)(xe,{symbol:a}),(0,y.jsxs)("div",{className:Re({}),children:[t&&(0,y.jsx)(Ie,{children:t}),(0,y.jsx)(ke,{children:r})]}),l===void 0&&(0,y.jsx)(fe,{closable:n,onClickAction:o})]})};var Ee=require("@radix-ui/react-context"),Ve=require("react");var H=require("react/jsx-runtime");function _e(n){var a=n,{__scopeLink:e,color:r="colorTextNeutralDefault",className:t}=a,o=b(a,["__scopeLink","color","className"]);let{size:s,disabled:l}=Ae("LinkIcon",e),c={md:"tiny",ml:"tiny"};return(0,H.jsx)("div",{className:`flex items-center ${t&&t}`,role:"figure",children:(0,H.jsx)(P,u(p({},o),{symbol:"rdicon-open",color:l?"colorTextNeutralDisabled":r,size:c[s]}))})}var Ne=i({base:"letter-spacing-default inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md rounded-pill border-action-border-neutral-tertiary-enabled bg-action-fill-neutral-tertiary-enabled px-fourpulse text-text-neutral hover:border-action-border-neutral-tertiary-hovered hover:bg-action-fill-neutral-tertiary-hovered focus:border-action-border-focused focus:border-halfpulse active:border-action-border-neutral-tertiary-pressed active:bg-action-fill-neutral-tertiary-pressed focus:active:border-action-border-focused",variants:{size:{md:"h-medium min-w-medium font-semibold text-threepulse leading-medium",ml:"h-mediumlarge min-w-mediumlarge font-semibold text-threeandhalfpulse leading-small"},disabled:{true:"cursor-not-allowed border-action-border-neutral-tertiary-disabled bg-action-fill-neutral-tertiary-disabled text-text-neutral-disabled hover:bg-action-fill-neutral-tertiary-disabled active:bg-action-fill-neutral-tertiary-disabled",false:""},full:{true:"w-full"},withIcon:{true:"pl-1"}},defaultVariants:{size:"md"}}),Le=i({base:"inline-flex h-small items-center justify-center underline decoration-solid"}),Be=i({base:"pl-onepulse no-underline"});var I=require("react/jsx-runtime"),X="Link",we=(0,Ve.forwardRef)((e,r)=>{let A=e,{children:t,icon:o,size:n,disabled:a,full:s,__scopeLink:l,href:c,onClick:d}=A,m=b(A,["children","icon","size","disabled","full","__scopeLink","href","onClick"]),x=Ne({size:n,disabled:a,full:s}),M=T=>{if(a){T.preventDefault(),T.stopPropagation();return}d&&d(T)};return(0,I.jsx)(lr,{scope:l,size:n,disabled:a,children:(0,I.jsxs)("a",u(p({},m),{ref:r,href:a?void 0:c,className:x,"aria-disabled":a,role:"link",onClick:M,children:[(0,I.jsx)("div",{className:Le(),children:t}),o&&(0,I.jsx)(_e,{className:Be()})]}))})});we.displayName=X;var[ir]=(0,Ee.createContextScope)(X),[lr,Ae]=ir(X),Y={Root:we};var Me=i({base:`
    flex pl-twelvepulse pr-fourpulse pt-twopulse
  `}),De=i({base:`
    flex pl-eightpulse pr-fourpulse pt-twopulse
  `});var R=require("react/jsx-runtime"),Oe=e=>{let{__scopeSnackbar:r}=e,{onClickFooter:t,layout:o,buttonLabel:n,setPaused:a}=k(S,r),s=()=>{a(!0)},l=()=>{a(!1)};if(o!==void 0)return o==="with-link"?(0,R.jsx)("div",{className:De({}),"data-testid":"snackbar-footer-link",onMouseDown:s,onMouseUp:l,children:(0,R.jsx)(Y.Root,{icon:!0,size:"ml",onClick:t,children:n===""||!n?"Link":n})}):(0,R.jsx)("div",{className:Me({}),"data-testid":"snackbar-footer-button",onMouseDown:s,onMouseUp:l,children:(0,R.jsx)(g.Root,{onClick:t,full:!0,variant:"neutral-secondary",size:"ml",children:n===""||!n?"Button":n})})};var _=j(require("react"),1);var Fe=require("react");var ze=require("clsx"),Ue=require("tailwind-merge"),q=(...e)=>(0,Ue.twMerge)((0,ze.clsx)(...e));var C=require("react");function Ge(e,r,t){let[a,s]=(0,C.useState)(Math.min(Math.max(e,0),100));return(0,C.useEffect)(()=>{s(Math.min(Math.max(e,0),100)),e===100&&t&&t()},[e,t]),(0,C.useEffect)(()=>{if(r){let l=r/100,c=0,d=setInterval(()=>{c+=1,s(m=>Math.min(Math.max(m+1,0),100)),c>=100&&(clearInterval(d),t==null||t())},l);return()=>clearInterval(d)}},[r,t]),{currentPercentage:a,PROGRESS_INDICATOR_MIN_VALUE:0,PROGRESS_INDICATOR_MAX_VALUE:100}}var K=require("react/jsx-runtime"),cr=i({base:"flex w-full min-w-48 overflow-hidden rounded-pill p-none",variants:{variant:{brand:"*:bg-action-fill-brand-primary-enabled",neutral:"*:bg-text-neutral","neutral-readonly":"*:bg-text-neutral-readonly",inverse:"*:bg-text-neutral-inverse",informative:"*:bg-text-informative-alternative",success:"*:bg-text-success-alternative",warning:"*:bg-text-warning-alternative",danger:"*:bg-text-danger-alternative"},size:{tiny:"h-tiny",mini:"h-3",micro:"h-2",nano:"h-1",pico:"h-[0.125rem]"}},defaultVariants:{variant:"brand",size:"tiny"}}),w=(0,Fe.forwardRef)((d,c)=>{var m=d,{variant:e,size:r,percentage:t=0,duration:o=0,onComplete:n,bgTransparent:a,className:s}=m,l=b(m,["variant","size","percentage","duration","onComplete","bgTransparent","className"]);if(t>0&&o)throw new Error("As propriedades 'percentage' e 'duration' s\xE3o mutuamente exclusivas. Por favor, forne\xE7a apenas uma delas.");l["aria-labelledby"]||console.warn('A propriedade "aria-labelledby" \xE9 obrigat\xF3ria para acessibilidade. Por favor, forne\xE7a um r\xF3tulo para o componente.');let{currentPercentage:x,PROGRESS_INDICATOR_MIN_VALUE:M,PROGRESS_INDICATOR_MAX_VALUE:A}=Ge(t,o,n),T=q(cr({variant:e,size:r,className:a?"bg-transparent":"bg-[--color-fill-neutral-fallback]"}),s);return(0,K.jsx)("div",u(p({},l),{role:"meter",ref:c,className:T,style:{"--color-fill-neutral-fallback":"#E6E6E6","--progress-width":`${x}%`},"aria-valuenow":x,"aria-valuemin":M,"aria-valuemax":A,children:(0,K.jsx)("span",{className:q("block h-full w-[--progress-width] rounded-tr-pill rounded-br-pill transition-transform ease-linear")})}))});w.displayName="ProgressIndicator";var He=i({base:`
     max-h-onepulse px-0.5
  `});var W=require("react/jsx-runtime"),Xe=e=>{let{__scopeSnackbar:r}=e,{duration:t=5e3,type:o,isPaused:n}=k(S,r),a={success:"success",informative:"informative",warning:"warning",danger:"danger","brand-accent":"brand"},[s,l]=_.default.useState(0);_.default.useEffect(()=>{if(n)return;let d=setInterval(()=>{l(m=>{let x=m+100/(t/100);return Math.min(x,100)})},100);return()=>clearInterval(d)},[n,t]);let c=(0,_.useCallback)(()=>a[o],[o]);return(0,W.jsx)("div",{className:He({}),"data-testid":"snackbar-timebar",children:(0,W.jsx)(w,{percentage:s,bgTransparent:!0,size:"nano",variant:c()})})};var Ye=i({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"}}});var $=require("react/jsx-runtime"),S="Snackbar",We=e=>{let{type:r,children:t,layout:o,duration:n,buttonLabel:a,onClickFooter:s,__scopeSnackbar:l}=e,[c,d]=(0,Ke.useState)(!1);return(0,$.jsx)(dr,{scope:l,layout:o,type:r,buttonLabel:a,onClickFooter:()=>s==null?void 0:s(),duration:n,isPaused:c,setPaused:d,children:(0,$.jsx)("div",{className:Ye({type:r}),"data-testid":"snackbar-root",children:t})})};We.displayName=S;var[pr]=(0,qe.createContextScope)(S),[dr,k]=pr(S),$e={Root:We,Content:Ce,Footer:Oe,Timebar:Xe};0&&(module.exports={Snackbar});
//# sourceMappingURL=index.cjs.map