@cavilha/rating/dist/index.cjs.js

A component that serve to indicate an assessment status, contemplating different viewing options.

"use strict";var e=require("react"),a=require("@cavilha/text"),t=require("@cavilha/box"),l=require("@cavilha/flex"),i=require("@cavilha/theme"),r=require("@cavilha/layout"),M=require("@radix-ui/react-progress"),n=require("@cavilha/icon"),c=require("@fortawesome/pro-solid-svg-icons");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}var d=o(e),s=o(a),N=o(t),g=o(l),D=u(M),j=o(n),I=80,m=i.styled(N.default,{display:"inline-flex",height:"".concat(16,"px"),position:"relative",width:"".concat(I,"px"),backgroundColor:"transparent",mt:"$letterSpacings$large",ml:"$letterSpacings$large","&::before":{backgroundRepeat:"repeat-x",backgroundSize:"".concat(16,"px"),content:"",display:"block",height:"".concat(16,"px"),left:"$none",position:"absolute",right:"$none",width:"".concat(I,"px")},"& span":{display:"block",textIndent:"-10000px",marginRight:"$small2",height:"".concat(16,"px"),maxWidth:"".concat(I,"px"),position:"absolute",overflow:"hidden","&::before":{textAlign:"center",backgroundRepeat:"repeat-x",backgroundSize:"".concat(16,"px"),bottom:"$none",content:"",display:"block",height:"".concat(16,"px"),left:"$none",position:"absolute",right:"$none",textIndent:"10000px",top:"$none"}},variants:{disabled:{true:{"&::before":{backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzY1NjIgMS4yNDIxOUwxMC41NzAzIDQuODc4OTFMMTQuNTYyNSA1LjQ1MzEyQzE1LjI3MzQgNS41NjI1IDE1LjU3NDIgNi40Mzc1IDE1LjA1NDcgNi45NTcwM0wxMi4xNTYyIDkuNzQ2MDlMMTIuODM5OCAxMy43MTA5QzEyLjk0OTIgMTQuNDIxOSAxMi4yMTA5IDE0Ljk2ODggMTEuNTU0NyAxNC42NDA2TDggMTIuNzgxMkw0LjQxNzk3IDE0LjY2OEMzLjc2MTcyIDE0Ljk5NjEgMy4wMjM0NCAxNC40NDkyIDMuMTMyODEgMTMuNzM4M0wzLjgxNjQxIDkuNzczNDRMMC45MTc5NjkgNi45NTcwM0MwLjM5ODQzOCA2LjQzNzUgMC42OTkyMTkgNS41NjI1IDEuNDEwMTYgNS40NTMxMkw1LjQwMjM0IDQuODc4OTFMNy4yMDcwMyAxLjI0MjE5QzcuNTM1MTYgMC41ODU5MzggOC40NjQ4NCAwLjYxMzI4MSA4Ljc2NTYyIDEuMjQyMTlaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=')",marginRight:"$small1"},"& span":{"&::before":{backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzY1NjIgMS4yNDIxOUwxMC41NzAzIDQuODc4OTFMMTQuNTYyNSA1LjQ1MzEyQzE1LjI3MzQgNS41NjI1IDE1LjU3NDIgNi40Mzc1IDE1LjA1NDcgNi45NTcwM0wxMi4xNTYyIDkuNzQ2MDlMMTIuODM5OCAxMy43MTA5QzEyLjk0OTIgMTQuNDIxOSAxMi4yMTA5IDE0Ljk2ODggMTEuNTU0NyAxNC42NDA2TDggMTIuNzgxMkw0LjQxNzk3IDE0LjY2OEMzLjc2MTcyIDE0Ljk5NjEgMy4wMjM0NCAxNC40NDkyIDMuMTMyODEgMTMuNzM4M0wzLjgxNjQxIDkuNzczNDRMMC45MTc5NjkgNi45NTcwM0MwLjM5ODQzOCA2LjQzNzUgMC42OTkyMTkgNS41NjI1IDEuNDEwMTYgNS40NTMxMkw1LjQwMjM0IDQuODc4OTFMNy4yMDcwMyAxLjI0MjE5QzcuNTM1MTYgMC41ODU5MzggOC40NjQ4NCAwLjYxMzI4MSA4Ljc2NTYyIDEuMjQyMTlaIiBmaWxsPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=')"}}},false:{"&::before":{backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjU2MjUgNS40NTMxMkwxMC41NzAzIDQuODc4OTFMOC43NjU2MiAxLjI0MjE5QzguNjAxNTYgMC45MTQwNjIgOC4zMDA3OCAwLjc1IDcuOTcyNjYgMC43NUM3LjY3MTg4IDAuNzUgNy4zNzEwOSAwLjkxNDA2MiA3LjIwNzAzIDEuMjQyMTlMNS40MDIzNCA0Ljg3ODkxTDEuNDEwMTYgNS40NTMxMkMwLjY5OTIxOSA1LjU2MjUgMC4zOTg0MzggNi40Mzc1IDAuOTE3OTY5IDYuOTU3MDNMMy44MTY0MSA5Ljc0NjA5TDMuMTMyODEgMTMuNzM4M0MzLjA1MDc4IDE0LjMxMjUgMy40ODgyOCAxNC43NSA0LjAwNzgxIDE0Ljc1QzQuMTQ0NTMgMTQuNzUgNC4yODEyNSAxNC43MjI3IDQuNDE3OTcgMTQuNjY4TDggMTIuNzgxMkwxMS41NTQ3IDE0LjY2OEMxMS42OTE0IDE0LjcyMjcgMTEuODI4MSAxNC43NzczIDExLjk2NDggMTQuNzc3M0MxMi40ODQ0IDE0Ljc3NzMgMTIuOTIxOSAxNC4zMTI1IDEyLjgzOTggMTMuNzM4M0wxMi4xNTYyIDkuNzczNDRMMTUuMDU0NyA2Ljk4NDM4QzE1LjU3NDIgNi40Mzc1IDE1LjI3MzQgNS41NjI1IDE0LjU2MjUgNS40NTMxMlpNMTAuNzg5MSA5LjUyNzM0TDExLjM5MDYgMTMuMDgyTDguMTkxNDEgMTEuNDE0MUM4LjA1NDY5IDExLjMzMiA3LjkxNzk3IDExLjMzMiA3Ljc4MTI1IDExLjQxNDFMNC41ODIwMyAxMy4wODJMNS4xODM1OSA5LjUyNzM0QzUuMjEwOTQgOS4zOTA2MiA1LjE1NjI1IDkuMjUzOTEgNS4wNzQyMiA5LjE0NDUzTDIuNDc2NTYgNi42Mjg5MUw2LjA1ODU5IDYuMTA5MzhDNi4xOTUzMSA2LjA4MjAzIDYuMzMyMDMgNiA2LjM4NjcyIDUuODYzMjhMOCAyLjYwOTM4TDkuNTg1OTQgNS44NjMyOEM5LjY0MDYyIDYgOS43NzczNCA2LjA4MjAzIDkuOTE0MDYgNi4xMDkzOEwxMy40OTYxIDYuNjI4OTFMMTAuODk4NCA5LjE0NDUzQzEwLjgxNjQgOS4yNTM5MSAxMC43NjE3IDkuMzkwNjIgMTAuNzg5MSA5LjUyNzM0WiIgZmlsbD0iI0ZGQUE1MCIvPgo8L3N2Zz4K')",marginRight:"$small2"},"& span":{"&::before":{backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzY1NjIgMS4yNDIxOUwxMC41NzAzIDQuODc4OTFMMTQuNTYyNSA1LjQ1MzEyQzE1LjI3MzQgNS41NjI1IDE1LjU3NDIgNi40Mzc1IDE1LjA1NDcgNi45NTcwM0wxMi4xNTYyIDkuNzQ2MDlMMTIuODM5OCAxMy43MTA5QzEyLjk0OTIgMTQuNDIxOSAxMi4yMTA5IDE0Ljk2ODggMTEuNTU0NyAxNC42NDA2TDggMTIuNzgxMkw0LjQxNzk3IDE0LjY2OEMzLjc2MTcyIDE0Ljk5NjEgMy4wMjM0NCAxNC40NDkyIDMuMTMyODEgMTMuNzM4M0wzLjgxNjQxIDkuNzczNDRMMC45MTc5NjkgNi45NTcwM0MwLjM5ODQzOCA2LjQzNzUgMC42OTkyMTkgNS41NjI1IDEuNDEwMTYgNS40NTMxMkw1LjQwMjM0IDQuODc4OTFMNy4yMDcwMyAxLjI0MjE5QzcuNTM1MTYgMC41ODU5MzggOC40NjQ4NCAwLjYxMzI4MSA4Ljc2NTYyIDEuMjQyMTlaIiBmaWxsPSIjRkZBQTUwIi8+Cjwvc3ZnPgo=')"}}}}},defaultVariants:{disabled:!1}}),T=i.styled(N.default,{variants:{active:{true:{"& .cav-scale-container":{border:"1px solid $neutral2",borderRadius:"$radii$small",p:"$none $small1"},"& span":{color:"$secondary4 !important"},"& .cav-rating-box":{backgroundColor:"$secondary4 !important","& span":{color:"$alwaysWhite !important"}},"&:hover .cav-rating-box":{"& span":{color:"$alwaysWhite !important"}},"& div > div > i > svg path":{fill:"$secondary4"},"& div > div > div > div":{backgroundColor:"$secondary4"}},false:{"& span":{color:"$neutral5"},"& .cav-rating-box":{backgroundColor:"$neutral2","& span":{color:"$neutral5"},"&:hover":{color:"$alwaysWhite"}}}}}}),z=i.styled(g.default,{cursor:"pointer",minWidth:"250px",maxWidth:"346px",justifyContent:"center",border:"1px solid transparent","& div > i > svg path":{fill:"$primary1"},variants:{active:{true:{border:"1px solid $neutral2",borderRadius:"$radii$small","& div > i > svg path":{fill:"$secondary4"},"& div:nth-child(3) > div > div":{backgroundColor:"$secondary4"}}},disabled:{true:{"& span":{color:"$neutral3"},"& div > i > svg path":{fill:"$neutral3"}},false:{"&:hover":{border:"1px solid $neutral2",borderRadius:"$radii$small","& div > i > svg path":{fill:"$secondary4"},"& div:nth-child(3) > div > div":{backgroundColor:"$secondary4"}}}}},"& span":{"@sm":{fontSize:"$bodyXSmall"},"@md":{fontSize:"$bodySmall"},"@lg":{fontSize:"$bodyMedium"}}}),x=i.styled(D.Root,{background:"$neutral2",mt:"$small2",position:"relative",overflow:"hidden",borderRadius:"$radii$small",height:8,minWidth:"100%"}),y=i.styled(D.Indicator,{boxSizing:"border-box",position:"absolute",transition:"width 660ms cubic-bezier(0.65, 0, 0.35, 1)",height:"100%",variants:{disabled:{true:{backgroundColor:"transparent"},false:{backgroundColor:"$secondary2"}}}}),f=i.styled(r.Container,{margin:0}),E=i.styled(r.Row,{margin:0});N.default.toString=function(){return".cav-rating-box"};var b=function(e){var a,t,l=e.ratioValue,i=e.disabled,r=e.counter,M=e.active,n=e.className,c=void 0===n?"":n,o=100*l/5;return d.default.createElement(T,{active:M,className:c},d.default.createElement(g.default,{alignItems:"center",css:(a={cursor:"pointer","& span":{color:!0===i?"$neutral4":"$neutral5"}},a["& ".concat(N.default)]={backgroundColor:"$neutral2"},a["&:hover"]=(t={"& span":{color:!0===i?"$neutral4":"$secondary4"}},t["& ".concat(N.default)]={backgroundColor:!0===i?"$neutral2":"$secondary4","& span":{color:!0===i?"$neutral4":"$white"}},t),a)},d.default.createElement(m,{disabled:i},d.default.createElement(s.default,{as:"span",css:{width:"".concat(o,"%")}})),d.default.createElement(s.default,{as:"span",size:"bodySmall",weight:"regular",css:{mx:"$small1","@sm":{fontSize:"$bodyXSmall"},"@md":{fontSize:"$bodySmall"},"@lg":{fontSize:"$bodyMedium"}}},"e acima"),d.default.createElement(N.default,{className:"cav-rating-box",css:{pb:"$letterSpacings$large",px:"$small2",borderRadius:"$radii$small"}},d.default.createElement(s.default,{weight:"semibold",size:"bodyXSmall",as:"span",role:"button"},i?0:r))))};N.default.toString=function(){return".cav-rating-box"};var A=function(e){var a=e.ratioValue,t=e.counter,l=e.link,i=e.mode,r=e.className,M=void 0===r?"":r,n=100*a/5;return d.default.createElement(g.default,{alignItems:"center",css:{cursor:"pointer","& a":{textDecoration:"none","&:hover":{textDecoration:"underline",color:"$secondary4"}},"& span":{"@sm":{fontSize:"$bodyXSmall"},"@md":{fontSize:"$bodySmall"},"@lg":{fontSize:"$bodyMedium"}}},className:M},d.default.createElement(m,null,d.default.createElement(s.default,{as:"span",css:{width:"".concat(n,"%")}})),"default"===i&&d.default.createElement(d.default.Fragment,null,d.default.createElement(s.default,{as:"span",size:"bodySmall",weight:"bold",css:{ml:"$small1"}},a),d.default.createElement(N.default,{className:"cav-rating-box"},d.default.createElement(s.default,{weight:"regular",size:"bodyXSmall",as:"span",css:{mx:"$letterSpacings$large"}},"|"),d.default.createElement(s.default,{weight:"regular",size:"bodyXSmall",as:"a",href:l||"https://www.madeiramadeira.com.br/",css:{textDecoration:"underline",color:"$secondary4 !important"}},t," avaliações"))),"score"===i&&d.default.createElement(s.default,{as:"span",size:"bodySmall",weight:"bold",css:{ml:"$small1"}},a),"counter"===i&&d.default.createElement(N.default,{className:"cav-rating-box",css:{ml:"$small1"}},d.default.createElement(s.default,{weight:"regular",size:"bodyXSmall",as:"span"},"(",t,")")))};s.default.toString=function(){return".cav-rating-text"},g.default.toString=function(){return".cav-scale-container"};var O=function(e){var a=e.ratioValue,t=e.disabled,l=e.counter,i=e.scale,M=e.active,n=e.className,o=void 0===n?"":n;return d.default.createElement(T,{className:o},d.default.createElement(z,{disabled:t,className:"cav-scale-container",active:M},d.default.createElement(f,null,d.default.createElement(E,null,d.default.createElement(r.Col,{sm:1,noGutters:!0},d.default.createElement(s.default,{as:"span",size:"bodySmall",weight:"bold",className:"cav-rating-text"},a)),d.default.createElement(r.Col,{sm:1,noGutters:!0},d.default.createElement(j.default,{icon:c.faStar,iconSize:14})),d.default.createElement(r.Col,{sm:8,noGutters:!0},d.default.createElement(x,null,d.default.createElement(y,{style:{width:"".concat(i,"%")},disabled:t}))),d.default.createElement(r.Col,{sm:2},d.default.createElement(s.default,{size:"bodySmall",as:"span",className:"cav-rating-text"},"(",l,")"))))))},L=function(e){var a=e.ratioValue,t=e.className,l=void 0===t?"":t,i=100*a/5;return d.default.createElement(m,{className:l},d.default.createElement(s.default,{as:"span",css:{width:"".concat(i,"%")}}))};module.exports=function(e){var a=e.disabled,t=void 0!==a&&a,l=e.active,i=void 0!==l&&l,r=e.counter,M=e.ratioValue,n=void 0===M?5:M,c=e.link,o=e.type,u=void 0===o?"filterAverage":o,s=e.mode,N=e.scale,g=e.className,D=void 0===g?"":g;return{star:d.default.createElement(L,{ratioValue:n,className:D}),scale:d.default.createElement(O,{ratioValue:n,disabled:t,counter:r,scale:N,active:i,className:D}),info:d.default.createElement(A,{ratioValue:n,counter:r,link:c,mode:s,className:D}),filterAverage:d.default.createElement(b,{ratioValue:n,disabled:t,counter:r,active:i,className:D})}[u]};