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 11.7 kB
"use strict";var Pe=Object.create;var T=Object.defineProperty,Ie=Object.defineProperties,Te=Object.getOwnPropertyDescriptor,Re=Object.getOwnPropertyDescriptors,Ne=Object.getOwnPropertyNames,C=Object.getOwnPropertySymbols,Be=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable;var Y=(e,t,o)=>t in e?T(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,c=(e,t)=>{for(var o in t||(t={}))_.call(t,o)&&Y(e,o,t[o]);if(C)for(var o of C(t))J.call(t,o)&&Y(e,o,t[o]);return e},f=(e,t)=>Ie(e,Re(t));var b=(e,t)=>{var o={};for(var r in e)_.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&C)for(var r of C(e))t.indexOf(r)<0&&J.call(e,r)&&(o[r]=e[r]);return o};var Ce=(e,t)=>{for(var o in t)T(e,o,{get:t[o],enumerable:!0})},Q=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ne(t))!_.call(e,n)&&n!==o&&T(e,n,{get:()=>t[n],enumerable:!(r=Te(t,n))||r.enumerable});return e};var S=(e,t,o)=>(o=e!=null?Pe(Be(e)):{},Q(t||!e||!e.__esModule?T(o,"default",{value:e,enumerable:!0}):o,e)),Se=e=>Q(T({},"__esModule",{value:!0}),e);var _e={};Ce(_e,{OptionMenu:()=>ve});module.exports=Se(_e);var V=require("react/jsx-runtime"),y=()=>(0,V.jsx)("div",{className:"x-full flex py-onepulse","data-testid":"separator",children:(0,V.jsx)("div",{className:"flex-1 border-border-neutral border-hairline","data-testid":"divider-line"})});var pe=require("react"),ce=require("@radix-ui/react-context");var X=require("tailwind-variants"),h=(0,X.createTV)({twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var Z=h({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 p=require("@raiadrogasil/pulso-design-tokens"),ee=require("react");var L=require("react"),Me=require("react/jsx-runtime"),j=(0,L.createContext)({});function v(){let{currentTheme:e}=(0,ee.useContext)(j);return c(c({},{rdsaudesistemas:p.RDSAUDESISTEMAS_TOKENS,drogasil:p.DROGASIL_TOKENS,raia:p.RAIA_TOKENS,subscription:p.SUBSCRIPTION_TOKENS,prime:p.PRIME_TOKENS}[e]),p.GLOBALS_TOKENS)}function te(e){let t=v();return Object.keys(t).reduce((n,s)=>{if(s.includes("color")){let a=s;n[a]=t[a]}return n},{})[e]}var oe={tiny:"var(--sizing-tiny)","extra-small":"var(--sizing-extrasmall)",small:"var(--sizing-small)",medium:"var(--sizing-medium)"};var re=require("react/jsx-runtime");function x(n){var s=n,{symbol:e="rdicon-default",size:t="small",color:o="colorActionFillBrandPrimaryEnabled"}=s,r=b(s,["symbol","size","color"]);let a=e.replace("rdicon","").trim();return(0,re.jsx)("i",f(c({},r),{title:a,className:e,style:{fontSize:oe[t],color:te(o)}}))}var ne=require("react/jsx-runtime");function M(e){let d=e,{__scopeButton:t}=d,o=b(d,["__scopeButton"]),{variant:r,size:n,disabled:s}=O("ButtonIcon",t),a={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},l={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,ne.jsx)(x,f(c({},o),{color:s?"colorTextNeutralDisabled":a[r],size:l[n]}))}function se(e){let t=v();return{brand:t.colorActionFillBrandPrimaryEnabled,neutral:t.colorTextNeutralReadonly,black:t.colorTextNeutralDefault,white:t.colorTextNeutralInverse}[e]}var g=require("react/jsx-runtime");function A({color:e="brand",srText:t}){return(0,g.jsx)("div",{role:"status",className:"grid size-eightpulse place-items-center","aria-label":t,children:(0,g.jsxs)("svg",{className:"size-sixpulse animate-spin fill-none",viewBox:"0 0 24 24",children:[(0,g.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:se(e)}),(0,g.jsx)("title",{children:t})]})})}var ie=require("react/jsx-runtime");function ae(e){let s=e,{__scopeButton:t}=s,o=b(s,["__scopeButton"]),{variant:r}=O("ButtonRefresh",t),n={"brand-primary":"white","neutral-secondary":"neutral","neutral-tertiary":"black"};return(0,ie.jsx)(A,f(c({},o),{color:n[r]}))}var G=S(require("react"),1);function le(e){return G.default.Children.count(e)===1&&G.default.isValidElement(e)?e.type===M:!1}var E=require("react/jsx-runtime"),F="Button",ue=(0,pe.forwardRef)((e,t)=>{let{children:o,variant:r="brand-primary",size:n="ml",loading:s=!1,disabled:a=!1,full:l,className:d,__scopeButton:m}=e,i=s||a;return(0,E.jsx)(Ee,{scope:m,variant:r,size:n,disabled:a,children:(0,E.jsx)("button",f(c({},e),{ref:t,className:Z({variant:r,size:n,disabled:a,full:l,className:d,asIconOnly:le(o)}),disabled:i,"aria-disabled":a,children:s?(0,E.jsx)(ae,{}):o}))})});ue.displayName=F;var[Oe]=(0,ce.createContextScope)(F),[Ee,O]=Oe(F),q={Root:ue,Icon:M};var K=require("react/jsx-runtime"),$=({controls:e,testID:t})=>(0,K.jsx)("div",{"data-testid":t,className:"x-full flex items-center gap-threepulse border-border-neutral border-t-hairline bg-fill-neutral p-threepulse ",children:e.slice(0,2).map((o,r)=>{let n=o.type==="confirm"?"brand-primary":"neutral-tertiary";return(0,K.jsx)(q.Root,{size:"lg",variant:n,onClick:o.handler,children:o.label},String(r))})});var ye=require("@radix-ui/react-context"),w=S(require("react"),1);var P=require("react/jsx-runtime");function k({children:e,title:t}){let o=!!(t!=null&&t.length);return(0,P.jsxs)("div",{className:"flex flex-col",children:[(0,P.jsx)(y,{}),(0,P.jsx)("div",{className:"px-fivepulse py-twopulse",children:o&&(0,P.jsx)("h2",{className:"font-bold text-rdmodern text-text-neutral-readonly text-threeandhalfpulse leading-small",children:t})}),e]})}var R=require("react");var de=h({base:"flex items-center space-x-2",variants:{type:{single:"px-twopulse py-onepulse",multi:"px-twopulse py-onepulse"}}}),Ot=h({base:"gap-onepulse p-onepulse"}),me=h({base:["bg-action-fill-neutral-tertiary-enabled","border-border-neutral-tertiary-enabled","border-none","duration-100 ease-in","focus:border-x-halfpulse","focus:border-y-halfpulse","focus:border-action-border-focused","focus:rounded-pill","hover:bg-action-fill-neutral-tertiary-hovered","hover:border-action-border-neutral-tertiary-hovered","hover:rounded-pill","disabled:cursor-not-allowed","disabled:bg-action-fill-neutral-tertiary-disabled","disabled:border-action-border-neutral-tertiary-disabled","disabled:border-none","active:bg-action-fill-neutral-tertiary-pressed","active:border-action-border-neutral-tertiary-pressed","active:rounded-pill","px-twopulse","py-onepulse"]});var u=require("react/jsx-runtime");function D({type:e="multi",content:t,checked:o,disabled:r,testID:n,onPress:s}){let[a,l]=(0,R.useState)(!1),d=!!t.prefixIcon,m=!!t.description,i=(0,R.useCallback)(()=>l(!0),[]),z=(0,R.useCallback)(()=>l(!1),[]),ge=B=>{let W=d?23:25;return B&&B.length>W?`${B.substr(0,W)}...`:B};return(0,u.jsx)("button",{onMouseDown:i,onMouseUp:z,onClick:s,"data-testid":n,disabled:r,type:"button",className:me(),children:(0,u.jsxs)("div",{className:de({type:e}),children:[e==="multi"&&(0,u.jsx)("div",{className:"flex items-center p-onepulse",children:(0,u.jsx)(x,{symbol:o?"rdicon-checkbox-checked":"rdicon-checkbox-unchecked",color:r?"colorTextNeutralDisabled":o?"colorActionFillBrandPrimaryEnabled":"colorTextNeutralDefault",size:"small"})}),d&&(0,u.jsx)(x,{symbol:t.prefixIcon,color:r?"colorTextNeutralDisabled":"colorTextNeutralDefault",size:"small"}),(0,u.jsxs)("div",{className:"flex flex-1 flex-col items-start gap-halfpulse p-onepulse ",children:[(0,u.jsx)("p",{className:`tracking font-rdmodern font-regular text-threeandhalfpulse leading-small ${r?"text-text-neutral-disabled":"text-text-neutral"}`,children:t.label}),m&&(0,u.jsx)("p",{className:`tracking font-rdmodern font-regular text-threepulse leading-small ${r?"text-text-neutral-disabled":"text-text-neutral-placeholder"}`,children:ge(t.description)})]}),e==="single"&&o&&(0,u.jsx)(x,{symbol:"rdicon-checkmark",color:"colorTextSuccessAlternative",size:"small"})]})})}var N=S(require("react"),1);var fe=S(require("react"),1);function H(e){return fe.default.isValidElement(e)&&e.type===D}var be=require("react/jsx-runtime"),ke="Only Fragment, OptionMenu.Item and Group components are allowed as children of OptionMenu.List. Please remove or replace any other elements.";function U(o){var r=o,{maxHeight:e=480}=r,t=b(r,["maxHeight"]);let{__scopeOptionMenu:n,children:s,testID:a}=t,l=v(),{type:d}=xe("OptionMenuList",n),m=[];return N.default.Children.forEach(s,i=>{if(N.default.isValidElement(i)){if(i.type===N.default.Fragment){let z=i.props.children;m.push(z);return}if(H(i)||i.type===k||i.type===y)m.push(i);else throw new Error(ke)}}),m=m.map(i=>H(i)?N.default.cloneElement(i,{key:((1+Math.random())*65536|0).toString(16).substring(1),type:d}):i),(0,be.jsx)("div",{className:`flex max-h-[${e}px] flex-col overflow-y-scroll px-onepulse py-onepulse ${l.spacingInlineOnepulse}`,"data-testid":a,children:m})}var I=require("react/jsx-runtime"),he="OptionMenu",De=e=>{let{type:t,children:o,customEmptyMessage:r="N\xE3o foi encontrado nenhum resultado.",testID:n,__scopeOptionMenu:s}=e,a=w.default.Children.map(o,l=>{if(w.default.isValidElement(l)&&(l.type===U||l.type===$))return l});return(0,I.jsx)(ze,{scope:s,type:t,"data-testid":n,children:(0,I.jsx)("div",{className:"rounded-form border-border-neutral border-quarterpulse bg-fill-neutral py-onepulse ",children:w.default.Children.count(o)>0?(0,I.jsx)("div",{className:"flex-grow",children:a}):(0,I.jsx)("div",{className:"flex items-start justify-center",children:(0,I.jsx)("p",{className:"tracking px-onepulse py-twopulse font-regular text-rdmodern text-text-neutral text-threeandhalfpulse leading-small",children:r})})})})},[we]=(0,ye.createContextScope)(he),[ze,xe]=we(he),ve={Root:De,Footer:$,Divider:y,Item:D,List:U,Group:k};0&&(module.exports={OptionMenu}); //# sourceMappingURL=index.cjs.map