UNPKG

@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.

4 lines 1.06 kB
import{a as d}from"./chunk-2MB3Y6WI.js";import{a}from"./chunk-DQ6V5CGR.js";import{a as g,b as u,c as y}from"./chunk-DDCCLFYC.js";import{useState as k}from"react";var b=d({base:` flex flex-row bg-[transparent] `,variants:{size:{tiny:"gap-none",small:"gap-onepulse"}}});import{jsx as o}from"react/jsx-runtime";var F=w=>{var c=w,{size:r="tiny",value:s,ratingLimit:P=5,onClick:V}=c,h=y(c,["size","value","ratingLimit","onClick"]);let[I,S]=k(0),n="colorTextEvaluateDefault";function f(m){let t=m+1;V(t),S(t)}return o("div",u(g({className:b({size:r})},h),{children:Array.from({length:P},(m,t)=>{let e=s!=null?s:I,v=Math.floor(e),p=e%1,l=v,i=!1;p>=.5&&(i=!0),p>=.99&&(l+=1,i=!1);let R=t<l,D=t===l&&i;return o("div",{onClick:$=>{$.stopPropagation(),f(t)},role:"button",onKeyDown:()=>f(t),"data-testid":`star-icon-${t}`,children:R?o(a,{symbol:"rdicon-star-filled",color:n,size:r}):D?o(a,{symbol:"rdicon-star-half",color:n,size:r}):o(a,{symbol:"rdicon-star-outline",color:n,size:r})},`${t}-${e}`)})}))};export{F as a}; //# sourceMappingURL=chunk-Z5PPSKMO.js.map