@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 • 2.53 kB
JavaScript
import{a as y}from"./chunk-WOH6CXUQ.js";import{a as c}from"./chunk-V5IX4U5J.js";import{a as p,b as f,c as g}from"./chunk-UABQX4UA.js";import{useMemo as D}from"react";import{jsx as x}from"react/jsx-runtime";var b=m=>{var s=m,{control:t,children:o,disabled:i,testID:e}=s,r=g(s,["control","children","disabled","testID"]);return x("a",f(p({"data-testid":e},r),{"aria-disabled":i,href:t==null?void 0:t.href,children:x(y.Root,{type:"button",disabled:i,variant:"neutral-secondary",size:"lg",onClick:t==null?void 0:t.onClickEvent,children:o})}))};var I=c({base:["flex h-large w-medium items-center justify-center max-sm:hidden","text-center font-bold font-rdmodern text-threeandhalfpulse leading-small tracking-default"]});import{jsx as N}from"react/jsx-runtime";var v=()=>N("li",{className:I(),children:"..."});var w=c({base:"flex p-none",variants:{hasCurrent:{false:"max-sm:hidden"}},defaultVariants:{hasCurrent:!1}});import{jsx as h}from"react/jsx-runtime";var E=s=>{var a=s,{children:t,hasCurrent:o,href:i,item:e,testID:r}=a,m=g(a,["children","hasCurrent","href","item","testID"]);return h("li",{className:w({hasCurrent:o}),children:h("a",f(p({"data-testid":r},i?{href:i}:{}),{"aria-label":`P\xE1gina ${e}`,"aria-current":o,children:h(y.Root,f(p({},m),{type:"button",variant:"neutral-tertiary",size:"lg","data-active":o,className:"data-[active=true]:bg-action-fill-neutral-tertiary-activated",children:e}))}))})};import{jsx as u,jsxs as V}from"react/jsx-runtime";var R=({current:t,total:o,pagesMapper:i,onPageClick:e,prevControl:r,nextControl:m})=>{let s=D(()=>{var d;let a=new Set([1,Number(t),Number(o)]),n=(d=Array.from(a))==null?void 0:d.map(l=>({id:l,page:i==null?void 0:i[l-1]}));return n==null?void 0:n.filter(l=>!!(l!=null&&l.page))},[t,o,i]);return V("nav",{className:"flex flex-row items-center gap-[var(--spacing-inline-twopulse)] max-sm:gap-[var(--spacing-inline-threepulse)]",children:[u(b,{testID:r==null?void 0:r.testID,control:r,disabled:t===1,"aria-label":"Anterior",children:"Anterior"}),u("ol",{className:"flex flex-row items-center justify-start gap-[var(--spacing-inline-onepulse)]",children:s.map(({id:a,page:n},d)=>{let l=a===t,P=s==null?void 0:s[d-1];return[!!P&&a-(P==null?void 0:P.id)>1&&u(v,{},`${a}-ellipse`),u(E,{testID:n==null?void 0:n.testID,item:a,hasCurrent:l,href:n==null?void 0:n.href,onClick:()=>e==null?void 0:e(a)},a)]})}),u(b,{control:m,disabled:t===o,testID:m==null?void 0:m.testID,"aria-label":"Pr\xF3ximo",children:"Pr\xF3ximo"})]})};export{R as a};
//# sourceMappingURL=chunk-QTJ22VQE.js.map