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.

7 lines 8.66 kB
"use strict";var ie=Object.create;var P=Object.defineProperty,se=Object.defineProperties,le=Object.getOwnPropertyDescriptor,pe=Object.getOwnPropertyDescriptors,ce=Object.getOwnPropertyNames,v=Object.getOwnPropertySymbols,me=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var O=(e,t,o)=>t in e?P(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,s=(e,t)=>{for(var o in t||(t={}))S.call(t,o)&&O(e,o,t[o]);if(v)for(var o of v(t))A.call(t,o)&&O(e,o,t[o]);return e},p=(e,t)=>se(e,pe(t));var d=(e,t)=>{var o={};for(var r in e)S.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&v)for(var r of v(e))t.indexOf(r)<0&&A.call(e,r)&&(o[r]=e[r]);return o};var ue=(e,t)=>{for(var o in t)P(e,o,{get:t[o],enumerable:!0})},D=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ce(t))!S.call(e,n)&&n!==o&&P(e,n,{get:()=>t[n],enumerable:!(r=le(t,n))||r.enumerable});return e};var de=(e,t,o)=>(o=e!=null?ie(me(e)):{},D(t||!e||!e.__esModule?P(o,"default",{value:e,enumerable:!0}):o,e)),fe=e=>D(P({},"__esModule",{value:!0}),e);var he={};ue(he,{Pagination:()=>ae});module.exports=fe(he);var ne=require("react");var W=require("react"),X=require("@radix-ui/react-context");var L=require("tailwind-variants"),x=(0,L.createTV)({twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var K=x({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 c=require("@raiadrogasil/pulso-design-tokens"),q=require("react");var N=require("react"),be=require("react/jsx-runtime"),M=(0,N.createContext)({});function T(){let{currentTheme:e}=(0,q.useContext)(M);return s(s({},{rdsaudesistemas:c.RDSAUDESISTEMAS_TOKENS,drogasil:c.DROGASIL_TOKENS,raia:c.RAIA_TOKENS,subscription:c.SUBSCRIPTION_TOKENS,prime:c.PRIME_TOKENS}[e]),c.GLOBALS_TOKENS)}function F(e){let t=T();return Object.keys(t).reduce((n,a)=>{if(a.includes("color")){let i=a;n[i]=t[i]}return n},{})[e]}var G={tiny:"var(--sizing-tiny)","extra-small":"var(--sizing-extrasmall)",small:"var(--sizing-small)",medium:"var(--sizing-medium)"};var H=require("react/jsx-runtime");function z(n){var a=n,{symbol:e="rdicon-default",size:t="small",color:o="colorActionFillBrandPrimaryEnabled"}=a,r=d(a,["symbol","size","color"]);let i=e.replace("rdicon","").trim();return(0,H.jsx)("i",p(s({},r),{title:i,className:e,style:{fontSize:G[t],color:F(o)}}))}var U=require("react/jsx-runtime");function B(e){let l=e,{__scopeButton:t}=l,o=d(l,["__scopeButton"]),{variant:r,size:n,disabled:a}=I("ButtonIcon",t),i={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},m={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,U.jsx)(z,p(s({},o),{color:a?"colorTextNeutralDisabled":i[r],size:m[n]}))}function $(e){let t=T();return{brand:t.colorActionFillBrandPrimaryEnabled,neutral:t.colorTextNeutralReadonly,black:t.colorTextNeutralDefault,white:t.colorTextNeutralInverse}[e]}var h=require("react/jsx-runtime");function E({color:e="brand",srText:t}){return(0,h.jsx)("div",{role:"status",className:"grid size-eightpulse place-items-center","aria-label":t,children:(0,h.jsxs)("svg",{className:"size-sixpulse animate-spin fill-none",viewBox:"0 0 24 24",children:[(0,h.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:$(e)}),(0,h.jsx)("title",{children:t})]})})}var J=require("react/jsx-runtime");function Y(e){let a=e,{__scopeButton:t}=a,o=d(a,["__scopeButton"]),{variant:r}=I("ButtonRefresh",t),n={"brand-primary":"white","neutral-secondary":"neutral","neutral-tertiary":"black"};return(0,J.jsx)(E,p(s({},o),{color:n[r]}))}var w=de(require("react"),1);function Q(e){return w.default.Children.count(e)===1&&w.default.isValidElement(e)?e.type===B:!1}var R=require("react/jsx-runtime"),k="Button",Z=(0,W.forwardRef)((e,t)=>{let{children:o,variant:r="brand-primary",size:n="ml",loading:a=!1,disabled:i=!1,full:m,className:l,__scopeButton:y}=e,u=a||i;return(0,R.jsx)(xe,{scope:y,variant:r,size:n,disabled:i,children:(0,R.jsx)("button",p(s({},e),{ref:t,className:K({variant:r,size:n,disabled:i,full:m,className:l,asIconOnly:Q(o)}),disabled:u,"aria-disabled":i,children:a?(0,R.jsx)(Y,{}):o}))})});Z.displayName=k;var[ye]=(0,X.createContextScope)(k),[xe,I]=ye(k),g={Root:Z,Icon:B};var V=require("react/jsx-runtime"),_=n=>{var a=n,{control:e,children:t,disabled:o}=a,r=d(a,["control","children","disabled"]);return(0,V.jsx)("a",p(s({},r),{"aria-disabled":o,href:e==null?void 0:e.href,children:(0,V.jsx)(g.Root,{type:"button",disabled:o,variant:"neutral-secondary",size:"lg",onClick:e==null?void 0:e.onClickEvent,children:t})}))};var j=x({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"]});var te=require("react/jsx-runtime"),ee=()=>(0,te.jsx)("li",{className:j(),children:"..."});var oe=x({base:"flex p-none",variants:{hasCurrent:{false:"max-sm:hidden"}},defaultVariants:{hasCurrent:!1}});var C=require("react/jsx-runtime"),re=a=>{var i=a,{children:e,hasCurrent:t,href:o,item:r}=i,n=d(i,["children","hasCurrent","href","item"]);return(0,C.jsx)("li",{className:oe({hasCurrent:t}),children:(0,C.jsx)("a",{href:o,"aria-label":`P\xE1gina ${r}`,"aria-current":t,children:(0,C.jsx)(g.Root,p(s({},n),{type:"button",variant:"neutral-tertiary",size:"lg","data-active":t,className:"data-[active=true]:bg-action-fill-neutral-tertiary-activated",children:r}))})})};var f=require("react/jsx-runtime"),ae=({current:e,total:t,pagesMapper:o,onPageClick:r,prevControl:n,nextControl:a})=>{let i=(0,ne.useMemo)(()=>{var y;let m=new Set([1,Number(e),Number(t)]),l=(y=Array.from(m))==null?void 0:y.map(u=>({id:u,page:o==null?void 0:o[u-1]}));return l==null?void 0:l.filter(u=>{var b;return!!((b=u==null?void 0:u.page)!=null&&b.href)})},[e,t,o]);return(0,f.jsxs)("nav",{className:"flex flex-row items-center gap-[var(--spacing-inline-twopulse)] max-sm:gap-[var(--spacing-inline-threepulse)]",children:[(0,f.jsx)(_,{control:n,disabled:e===1,"aria-label":"Anterior",children:"Anterior"}),(0,f.jsx)("ol",{className:"flex flex-row items-center justify-start gap-[var(--spacing-inline-onepulse)]",children:i.map(({id:m,page:l},y)=>{let u=m===e,b=i==null?void 0:i[y-1];return[!!b&&m-(b==null?void 0:b.id)>1&&(0,f.jsx)(ee,{},`${m}-ellipse`),(0,f.jsx)(re,{item:m,hasCurrent:u,href:l==null?void 0:l.href,onClick:r},m)]})}),(0,f.jsx)(_,{control:a,disabled:e===t,"aria-label":"Pr\xF3ximo",children:"Pr\xF3ximo"})]})};0&&(module.exports={Pagination}); //# sourceMappingURL=index.cjs.map