@keyvaluesystems/react-star-rating-summary - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

build/index.js

 /*!
  * 
- *   @keyvaluesystems/react-star-rating-summary v1.1.0
+ *   @keyvaluesystems/react-star-rating-summary v1.2.0
  *   git+https://github.com/KeyValueSoftwareSystems/react-star-rating-summary
@@ -12,3 +12,3 @@ *
  */
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react")):"function"==typeof define&&define.amd?define(["react"],n):"object"==typeof exports?exports["React Star Rating Summary"]=n(require("react")):e["React Star Rating Summary"]=n(e.react)}(this,(e=>(()=>{"use strict";var n={410:(e,n,t)=>{t.d(n,{Z:()=>s});var a=t(537),r=t.n(a),o=t(645),i=t.n(o)()(r());i.push([e.id,".oNpxS5P9tectifMTMw0S{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:4px}.zO_sav5ObG8srDRDKZ94{font-size:60px;font-weight:200;margin:0}.whsS67xMLmkYLLrkeaI7{display:flex;flex-direction:row;column-gap:4px}.JH7Di2rVJITJQRjN2Qxg{display:flex;flex-direction:row;justify-content:center;color:#a9a9a9;font-size:14px;min-width:104px;padding-top:4px;column-gap:4px}.Q3SVIzX3noP9rBdEy4l4{width:18px;height:18px}","",{version:3,sources:["webpack://./src/rating-average/styles.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CAEF,sBACE,cAAA,CACA,eAAA,CACA,QAAA,CAEF,sBACE,YAAA,CACA,kBAAA,CACA,cAAA,CAEF,sBACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CACA,cAAA,CAEF,sBACE,UAAA,CACA,WAAA",sourcesContent:[".container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  row-gap: 4px;\n}\n.averageRatingValue {\n  font-size: 60px;\n  font-weight: 200;\n  margin: 0;\n}\n.iconsWrapper {\n  display: flex;\n  flex-direction: row;\n  column-gap: 4px;\n}\n.subTextContainer {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  color: #a9a9a9;\n  font-size: 14px;\n  min-width: 104px;\n  padding-top: 4px;\n  column-gap: 4px;\n}\n.starImage {\n  width: 18px;\n  height: 18px;\n}\n"],sourceRoot:""}]),i.locals={container:"oNpxS5P9tectifMTMw0S",averageRatingValue:"zO_sav5ObG8srDRDKZ94",iconsWrapper:"whsS67xMLmkYLLrkeaI7",subTextContainer:"JH7Di2rVJITJQRjN2Qxg",starImage:"Q3SVIzX3noP9rBdEy4l4"};const s=i},45:(e,n,t)=>{t.d(n,{Z:()=>s});var a=t(537),r=t.n(a),o=t(645),i=t.n(o)()(r());i.push([e.id,"@keyframes eZfqOwy8I0_eMYPg5825{from{width:0px}to{width:100%}}.Hkx1BjuF2wMP4lMXEGNP{width:100%;display:table-cell}.RTXc6023VVPyVQIL1qBQ{max-width:100%}.LGd9TE3TOzO4BQ8ChBjl{height:24px;overflow-x:visible;display:flex;align-items:center;width:100%}.Wpxhk6Xe6SQ0loDvb3KX{font-size:11px;line-height:17px;background-color:rgba(0,0,0,0);color:#282b0b;padding-left:8px}.ujpYuxRvsbOsX5IjQa3L{transition:width .3s ease-in-out}.UZJ21sFNb51HqFL5Pw7q{animation-name:eZfqOwy8I0_eMYPg5825;animation-duration:300ms;animation-timing-function:ease-in-out;animation-iteration-count:1}.HFOH8Fkvefg3m6uP8WT_{cursor:pointer}","",{version:3,sources:["webpack://./src/rating-distribution-item/styles.module.scss"],names:[],mappings:"AAAA,gCACE,KACE,SAAA,CAEF,GACE,UAAA,CAAA,CAGJ,sBACE,UAAA,CACA,kBAAA,CAEF,sBACE,cAAA,CAEF,sBACE,WAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,UAAA,CAEF,sBACE,cAAA,CACA,gBAAA,CACA,8BAAA,CACA,aAAA,CACA,gBAAA,CAEF,sBACE,gCAAA,CAEF,sBACE,mCAAA,CACA,wBAAA,CACA,qCAAA,CACA,2BAAA,CAEF,sBACE,cAAA",sourcesContent:["@keyframes widthAnimation {\n  from {\n    width: 0px;\n  }\n  to {\n    width: 100%;\n  }\n}\n.barContainer {\n  width: 100%;\n  display: table-cell;\n}\n.filledBarContainer {\n  max-width: 100%;\n}\n.filledBar {\n  height: 24px;\n  overflow-x: visible;\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n.countContainer {\n  font-size: 11px;\n  line-height: 17px;\n  background-color: transparent;\n  color: #282b0b;\n  padding-left: 8px;\n}\n.transitions {\n  transition: width 0.3s ease-in-out;\n}\n.animations {\n  animation-name: widthAnimation;\n  animation-duration: 300ms;\n  animation-timing-function: ease-in-out;\n  animation-iteration-count: 1;\n}\n.cursorPointer {\n  cursor: pointer;\n}\n"],sourceRoot:""}]),i.locals={barContainer:"Hkx1BjuF2wMP4lMXEGNP",filledBarContainer:"RTXc6023VVPyVQIL1qBQ",filledBar:"LGd9TE3TOzO4BQ8ChBjl",countContainer:"Wpxhk6Xe6SQ0loDvb3KX",transitions:"ujpYuxRvsbOsX5IjQa3L",animations:"UZJ21sFNb51HqFL5Pw7q",widthAnimation:"eZfqOwy8I0_eMYPg5825",cursorPointer:"HFOH8Fkvefg3m6uP8WT_"};const s=i},802:(e,n,t)=>{t.d(n,{Z:()=>s});var a=t(537),r=t.n(a),o=t(645),i=t.n(o)()(r());i.push([e.id,".Kz24wLXscDomnbkEljUb{display:table-cell;padding-right:8px;white-space:nowrap;vertical-align:middle;font-size:15px;color:#919191}.KmV2vz5lSJwT26AOidds{vertical-align:middle;margin-right:4px;width:14px;height:14px}","",{version:3,sources:["webpack://./src/rating-label/styles.module.scss"],names:[],mappings:"AAAA,sBACE,kBAAA,CACA,iBAAA,CACA,kBAAA,CACA,qBAAA,CACA,cAAA,CACA,aAAA,CAGF,sBACE,qBAAA,CACA,gBAAA,CACA,UAAA,CACA,WAAA",sourcesContent:[".label {\n  display: table-cell;\n  padding-right: 8px;\n  white-space: nowrap;\n  vertical-align: middle;\n  font-size: 15px;\n  color: #919191;\n}\n\n.starImage {\n  vertical-align: middle;\n  margin-right: 4px;\n  width: 14px;\n  height: 14px;\n}\n"],sourceRoot:""}]),i.locals={label:"Kz24wLXscDomnbkEljUb",starImage:"KmV2vz5lSJwT26AOidds"};const s=i},292:(e,n,t)=>{t.d(n,{Z:()=>s});var a=t(537),r=t.n(a),o=t(645),i=t.n(o)()(r());i.push([e.id,".hnVseFrjhpYzH317CWPt{display:flex;align-items:center;column-gap:15px}.xBjHaCvXpytFroOTCAdX{display:table;border-spacing:0 4px;width:100%;row-gap:4px;font-family:inherit}.EBtUyiC76iZgLZO70T5T{display:table-row;width:100%;padding-bottom:4px}.EBtUyiC76iZgLZO70T5T:last-child{padding-bottom:0}","",{version:3,sources:["webpack://./src/rating-summary/styles.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,kBAAA,CACA,eAAA,CAEF,sBACE,aAAA,CACA,oBAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CAEF,sBACE,iBAAA,CACA,UAAA,CACA,kBAAA,CAEF,iCACE,gBAAA",sourcesContent:[".container {\n  display: flex;\n  align-items: center;\n  column-gap: 15px;\n}\n.ratingsWrapper {\n  display: table;\n  border-spacing: 0 4px;\n  width: 100%;\n  row-gap: 4px;\n  font-family: inherit;\n}\n.ratingWrapper {\n  display: table-row;\n  width: 100%;\n  padding-bottom: 4px;\n}\n.ratingWrapper:last-child {\n  padding-bottom: 0;\n}\n"],sourceRoot:""}]),i.locals={container:"hnVseFrjhpYzH317CWPt",ratingsWrapper:"xBjHaCvXpytFroOTCAdX",ratingWrapper:"EBtUyiC76iZgLZO70T5T"};const s=i},645:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",a=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),a&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),a&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,a,r,o){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(a)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(i[l]=!0)}for(var c=0;c<e.length;c++){var A=[].concat(e[c]);a&&i[A[0]]||(void 0!==o&&(void 0===A[5]||(A[1]="@layer".concat(A[5].length>0?" ".concat(A[5]):""," {").concat(A[1],"}")),A[5]=o),t&&(A[2]?(A[1]="@media ".concat(A[2]," {").concat(A[1],"}"),A[2]=t):A[2]=t),r&&(A[4]?(A[1]="@supports (".concat(A[4],") {").concat(A[1],"}"),A[4]=r):A[4]="".concat(r)),n.push(A))}},n}},537:e=>{e.exports=function(e){var n=e[1],t=e[3];if(!t)return n;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),o="/*# ".concat(r," */");return[n].concat([o]).join("\n")}return[n].join("\n")}},379:e=>{var n=[];function t(e){for(var t=-1,a=0;a<n.length;a++)if(n[a].identifier===e){t=a;break}return t}function a(e,a){for(var o={},i=[],s=0;s<e.length;s++){var l=e[s],c=a.base?l[0]+a.base:l[0],A=o[c]||0,d="".concat(c," ").concat(A);o[c]=A+1;var u=t(d),p={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==u)n[u].references++,n[u].updater(p);else{var C=r(p,a);a.byIndex=s,n.splice(s,0,{identifier:d,updater:C,references:1})}i.push(d)}return i}function r(e,n){var t=n.domAPI(n);t.update(e);return function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.remove()}}e.exports=function(e,r){var o=a(e=e||[],r=r||{});return function(e){e=e||[];for(var i=0;i<o.length;i++){var s=t(o[i]);n[s].references--}for(var l=a(e,r),c=0;c<o.length;c++){var A=t(o[c]);0===n[A].references&&(n[A].updater(),n.splice(A,1))}o=l}}},569:e=>{var n={};e.exports=function(e,t){var a=function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[e]}(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}},216:e=>{e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},565:(e,n,t)=>{e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},795:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,t){var a="";t.supports&&(a+="@supports (".concat(t.supports,") {")),t.media&&(a+="@media ".concat(t.media," {"));var r=void 0!==t.layer;r&&(a+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),a+=t.css,r&&(a+="}"),t.media&&(a+="}"),t.supports&&(a+="}");var o=t.sourceMap;o&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),n.styleTagTransform(a,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},589:e=>{e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}},156:n=>{n.exports=e}},t={};function a(e){var r=t[e];if(void 0!==r)return r.exports;var o=t[e]={id:e,exports:{}};return n[e](o,o.exports,a),o.exports}a.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return a.d(n,{a:n}),n},a.d=(e,n)=>{for(var t in n)a.o(n,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},a.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.nc=void 0;var r={};return(()=>{a.r(r),a.d(r,{default:()=>U});var e=a(156),n=a.n(e);var t,o,i;!function(e){e.Root="Root",e.SummaryContainer="SummaryContainer",e.AverageContainer="AverageContainer",e.Average="Average",e.AverageIconsWrapper="AverageIconsWrapper",e.AverageStarIcon="AverageStarIcon",e.AverageSubTextContainer="AverageSubTextContainer",e.AverageTotalReviews="AverageTotalReviews",e.AverageSubText="AverageSubText"}(t||(t={})),function(e){e.SummaryItemContainer="SummaryItemContainer",e.BarContainer="BarContainer",e.FilledBarContainer="FilledBarContainer",e.Bar="Bar",e.Count="Count",e.Label="Label",e.LabelStarIcon="LabelStarIcon"}(o||(o={})),function(e){e.ORIGINAL="ORIGINAL",e.REVERSE="REVERSE"}(i||(i={}));var s=/\B(?=(\d{3})+(?!\d))/g,l={1:"#ff8b5a",2:"#ffb337",3:"#ffd834",4:"#add633",5:"#9fc05a"},c=function(e,n){return void 0===n&&(n=","),e.toString().replace(s,n)},A=function(e,n,t){var a=e[n];return a?a(t):{}},d=function(e){return Object.values(e).reduce((function(e,n){return e+(n||0)}))},u=function(e,n){var t=Object.entries(e).reduce((function(e,t){var a=t[0],r=t[1];return e+(n[a]||0)*Number(r)}),0),a=d(e);return a?t/a:0},p=a(379),C=a.n(p),g=a(795),m=a.n(g),f=a(569),v=a.n(f),y=a(565),b=a.n(y),h=a(216),x=a.n(h),E=a(589),w=a.n(E),I=a(802),B={};B.styleTagTransform=w(),B.setAttributes=b(),B.insert=v().bind(null,"head"),B.domAPI=m(),B.insertStyleElement=x();C()(I.Z,B);const S=I.Z&&I.Z.locals?I.Z.locals:void 0;const T=function(e){var t=e.ratingId,a=e.styles;return n().createElement("div",{className:S.label,id:"".concat(t,"-label"),style:A(a,o.Label,t)},n().createElement("img",{className:S.starImage,style:A(a,o.LabelStarIcon,t),src:"data:image/svg+xml;base64,ICAgICAgPHN2ZwogICAgICB3aWR0aD0iMTAwJSIKICAgICAgdmlld0JveD0iMCAwIDMyIDMyIgogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICAgIGlkPSJteUNpcmNsZSIKICAgID4KICAgICAgPHBhdGgKICAgICAgZmlsbD0iIzkxOTE5MSIKICAgICAgICBkPSJNMjAuMzg4LDEwLjkxOEwzMiwxMi4xMThsLTguNzM1LDcuNzQ5TDI1LjkxNCwzMS40bC05Ljg5My02LjA4OEw2LjEyNywzMS40bDIuNjk1LTExLjUzM0wwLDEyLjExOAogIGwxMS41NDctMS4yTDE2LjAyNiwwLjZMMjAuMzg4LDEwLjkxOHoiCiAgICAgIC8+CiAgICA8L3N2Zz4K",alt:""}),t)};var j=a(45),L={};L.styleTagTransform=w(),L.setAttributes=b(),L.insert=v().bind(null,"head"),L.domAPI=m(),L.insertStyleElement=x();C()(j.Z,L);const k=j.Z&&j.Z.locals?j.Z.locals:void 0;var R=function(){return R=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e},R.apply(this,arguments)};const F=function(e){var t=e.currentRatingId,a=e.currentRatingValue,r=e.totalRatingCount,i=e.showCount,s=e.showAnimation,d=e.styles,u=void 0===d?{}:d,p=e.barColors,C=e.onBarClick,g=e.thousandsSeparator,m=(a||0)/r*100;return n().createElement("div",{className:k.barContainer,style:A(u,o.BarContainer,t)},n().createElement("div",R({style:R({width:"".concat(m,"%")},A(u,o.FilledBarContainer,t)),className:"".concat(k.filledBarContainer,"\n              ").concat(s&&k.transitions,"\n              ").concat(C&&k.cursorPointer),id:"".concat(t,"-bar")},C&&{role:"presentation",onClick:function(){return C(t)}}),n().createElement("div",{id:"".concat(t,"-inner-bar"),style:R({backgroundColor:(null==p?void 0:p[t])?p[t]:!isNaN(parseFloat(t))&&l[Number(t)]?l[Number(t)]:l[1]},A(u,o.Bar,t)),className:"".concat(k.filledBar," ").concat(s&&k.animations)},i&&n().createElement("span",{className:k.countContainer,style:A(u,o.Count,t),id:"".concat(t,"-count")},c(a,g)))))};const M=function(e){var t=e.fillColor,a=e.bgColor,r=e.colorFilledFraction,o=e.id;return n().createElement("svg",{width:"100%",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg"},n().createElement("defs",null,n().createElement("linearGradient",{id:o,shapeRendering:"crispEdges"},n().createElement("stop",{offset:r,stopColor:t}),n().createElement("stop",{offset:"0%",stopColor:a}))),n().createElement("path",{fill:"url(#".concat(o,")"),d:"M20.388,10.918L32,12.118l-8.735,7.749L25.914,31.4l-9.893-6.088L6.127,31.4l2.695-11.533L0,12.118\n  l11.547-1.2L16.026,0.6L20.388,10.918z"}))};var N=a(410),O={};O.styleTagTransform=w(),O.setAttributes=b(),O.insert=v().bind(null,"head"),O.domAPI=m(),O.insertStyleElement=x();C()(N.Z,O);const P=N.Z&&N.Z.locals?N.Z.locals:void 0;var Z={fillColor:"#919191",bgColor:"#F2F2F2"};const z=function(e){var a,r=e.ratings,o=e.ranks,i=void 0===o?{}:o,s=e.customAverageFn,l=void 0===s?u:s,A=e.averageRatingPrecision,p=e.iconProps,C=e.styles,g=void 0===C?{}:C,m=e.thousandsSeparator,f=e.ratingAverageSubText,v=p||{},y=v.fillColor,b=void 0===y?Z.fillColor:y,h=v.bgColor,x=void 0===h?Z.bgColor:h,E=l(r,i),w=d(r),I=function(e){var n=Math.max.apply(Math,Object.values(i)),t=Number(e.toString().split(".")[0]),a=e-t;return[n-Math.ceil(e),t,a]}(E),B=I[0],S=I[1],T=I[2];return n().createElement("div",{className:P.container,style:g[t.AverageContainer]},n().createElement("div",{className:P.averageRatingValue,style:g[t.Average]},(a=A,E.toFixed(a))),n().createElement("div",{className:P.iconsWrapper,style:g[t.AverageIconsWrapper]},Array(S).fill(0).map((function(e,a){return n().createElement("div",{key:"completely-filled-star-".concat(a),className:P.starImage,style:g[t.AverageStarIcon]},n().createElement(M,{fillColor:b,bgColor:x,colorFilledFraction:1,id:"completely-filled-star-".concat(a)}))})),Boolean(T)&&n().createElement("div",{key:"fraction-filled-star",className:P.starImage,style:g[t.AverageStarIcon]},n().createElement(M,{fillColor:b,bgColor:x,colorFilledFraction:T,id:"fraction-filled-star"})),Array(B).fill(0).map((function(e,a){return n().createElement("div",{key:"unfilled-star-".concat(a),className:P.starImage,style:g[t.AverageStarIcon]},n().createElement(M,{fillColor:b,bgColor:x,colorFilledFraction:0,id:"unfilled-star-".concat(a)}))}))),n().createElement("div",{className:P.subTextContainer,style:g[t.AverageSubTextContainer]},n().createElement("div",{style:g[t.AverageTotalReviews]},c(w,m)),n().createElement("div",{style:g[t.AverageSubText]},f)))};var D=a(292),W={};W.styleTagTransform=w(),W.setAttributes=b(),W.insert=v().bind(null,"head"),W.domAPI=m(),W.insertStyleElement=x();C()(D.Z,W);const V=D.Z&&D.Z.locals?D.Z.locals:void 0;var H=function(){return H=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e},H.apply(this,arguments)};const U=function(e){var a=e.ratings,r=e.ratingRanks,s=void 0===r?{}:r,l=e.renderLabel,c=e.showCount,u=void 0===c||c,p=e.showAnimation,C=void 0===p||p,g=e.styles,m=void 0===g?{}:g,f=e.barColors,v=e.onBarClick,y=e.showAverageRating,b=void 0===y||y,h=e.customAverageFn,x=e.averageRatingPrecision,E=void 0===x?1:x,w=e.ratingAverageIconProps,I=void 0===w?{}:w,B=e.thousandsSeparator,S=e.ratingAverageSubText,j=void 0===S?"reviews":S,L=e.order,k=void 0===L?i.REVERSE:L,R=Object.keys(s).length?s:Object.keys(a).reduce((function(e,n,t){var a;return H(H({},e),((a={})[n]=t+1,a))}),{}),M=k===i.REVERSE?Object.keys(a).reverse():Object.keys(a);return n().createElement("div",{className:V.container,style:m[t.Root]},b&&n().createElement(z,{ratings:a,ranks:R,customAverageFn:h,averageRatingPrecision:E,iconProps:I,styles:m,thousandsSeparator:B,ratingAverageSubText:j}),n().createElement("div",{className:V.ratingsWrapper,style:m[t.SummaryContainer],id:"ratings-container"},M.map((function(e){return n().createElement("div",{key:e,className:V.ratingWrapper,style:A(m,o.SummaryItemContainer,e)},l&&n().createElement(n().Fragment,null,l(e))||n().createElement(T,{ratingId:e,styles:m}),n().createElement(F,{currentRatingId:e,currentRatingValue:a[e],totalRatingCount:d(a),showCount:u,showAnimation:C,styles:m,barColors:f,onBarClick:v,thousandsSeparator:B}))}))))}})(),r})()));
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react")):"function"==typeof define&&define.amd?define(["react"],n):"object"==typeof exports?exports["React Star Rating Summary"]=n(require("react")):e["React Star Rating Summary"]=n(e.react)}(this,(e=>(()=>{"use strict";var n={410:(e,n,t)=>{t.d(n,{Z:()=>s});var r=t(537),a=t.n(r),o=t(645),i=t.n(o)()(a());i.push([e.id,".oNpxS5P9tectifMTMw0S{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:4px}.zO_sav5ObG8srDRDKZ94{font-size:36px;font-weight:600;margin:0}.whsS67xMLmkYLLrkeaI7{display:flex;flex-direction:row;column-gap:4px}.JH7Di2rVJITJQRjN2Qxg{display:flex;flex-direction:row;justify-content:center;color:#1d1d1d;font-size:12px;min-width:104px;padding-top:4px;column-gap:4px}.Q3SVIzX3noP9rBdEy4l4{width:18px;height:18px}","",{version:3,sources:["webpack://./src/rating-average/styles.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CAEF,sBACE,cAAA,CACA,eAAA,CACA,QAAA,CAEF,sBACE,YAAA,CACA,kBAAA,CACA,cAAA,CAEF,sBACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CACA,cAAA,CAEF,sBACE,UAAA,CACA,WAAA",sourcesContent:[".container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  row-gap: 4px;\n}\n.averageRatingValue {\n  font-size: 36px;\n  font-weight: 600;\n  margin: 0;\n}\n.iconsWrapper {\n  display: flex;\n  flex-direction: row;\n  column-gap: 4px;\n}\n.subTextContainer {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  color: #1D1D1D;\n  font-size: 12px;\n  min-width: 104px;\n  padding-top: 4px;\n  column-gap: 4px;\n}\n.starImage {\n  width: 18px;\n  height: 18px;\n}\n"],sourceRoot:""}]),i.locals={container:"oNpxS5P9tectifMTMw0S",averageRatingValue:"zO_sav5ObG8srDRDKZ94",iconsWrapper:"whsS67xMLmkYLLrkeaI7",subTextContainer:"JH7Di2rVJITJQRjN2Qxg",starImage:"Q3SVIzX3noP9rBdEy4l4"};const s=i},45:(e,n,t)=>{t.d(n,{Z:()=>s});var r=t(537),a=t.n(r),o=t(645),i=t.n(o)()(a());i.push([e.id,"@keyframes eZfqOwy8I0_eMYPg5825{from{width:0px}to{width:100%}}.Hkx1BjuF2wMP4lMXEGNP{background-color:#f2f2f2;height:16px;border-radius:4px;width:100%;display:table-cell}.RTXc6023VVPyVQIL1qBQ{max-width:100%}.LGd9TE3TOzO4BQ8ChBjl{height:16px;border-radius:4px;overflow-x:visible;display:flex;align-items:center;width:100%}.Wpxhk6Xe6SQ0loDvb3KX{display:table-cell;text-align:end;padding-left:5px;vertical-align:middle;font-size:10px;line-height:17px}.ujpYuxRvsbOsX5IjQa3L{transition:width .3s ease-in-out}.UZJ21sFNb51HqFL5Pw7q{animation-name:eZfqOwy8I0_eMYPg5825;animation-duration:300ms;animation-timing-function:ease-in-out;animation-iteration-count:1}.HFOH8Fkvefg3m6uP8WT_{cursor:pointer}","",{version:3,sources:["webpack://./src/rating-distribution-item/styles.module.scss"],names:[],mappings:"AAAA,gCACE,KACE,SAAA,CAEF,GACE,UAAA,CAAA,CAGJ,sBACE,wBAAA,CACA,WAAA,CACA,iBAAA,CACA,UAAA,CACA,kBAAA,CAEF,sBACE,cAAA,CAEF,sBACE,WAAA,CACA,iBAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,UAAA,CAGF,sBACE,kBAAA,CACA,cAAA,CACA,gBAAA,CACA,qBAAA,CACA,cAAA,CACA,gBAAA,CAEF,sBACE,gCAAA,CAEF,sBACE,mCAAA,CACA,wBAAA,CACA,qCAAA,CACA,2BAAA,CAEF,sBACE,cAAA",sourcesContent:["@keyframes widthAnimation {\n  from {\n    width: 0px;\n  }\n  to {\n    width: 100%;\n  }\n}\n.barContainer {\n  background-color: #F2F2F2;\n  height: 16px;\n  border-radius: 4px;\n  width: 100%;\n  display: table-cell;\n}\n.filledBarContainer {\n  max-width: 100%;\n}\n.filledBar {\n  height: 16px;\n  border-radius: 4px;\n  overflow-x: visible;\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.countContainer {\n  display: table-cell;\n  text-align: end;\n  padding-left: 5px;\n  vertical-align: middle;\n  font-size: 10px;\n  line-height: 17px;\n}\n.transitions {\n  transition: width 0.3s ease-in-out;\n}\n.animations {\n  animation-name: widthAnimation;\n  animation-duration: 300ms;\n  animation-timing-function: ease-in-out;\n  animation-iteration-count: 1;\n}\n.cursorPointer {\n  cursor: pointer;\n}\n"],sourceRoot:""}]),i.locals={barContainer:"Hkx1BjuF2wMP4lMXEGNP",filledBarContainer:"RTXc6023VVPyVQIL1qBQ",filledBar:"LGd9TE3TOzO4BQ8ChBjl",countContainer:"Wpxhk6Xe6SQ0loDvb3KX",transitions:"ujpYuxRvsbOsX5IjQa3L",animations:"UZJ21sFNb51HqFL5Pw7q",widthAnimation:"eZfqOwy8I0_eMYPg5825",cursorPointer:"HFOH8Fkvefg3m6uP8WT_"};const s=i},802:(e,n,t)=>{t.d(n,{Z:()=>s});var r=t(537),a=t.n(r),o=t(645),i=t.n(o)()(a());i.push([e.id,".Kz24wLXscDomnbkEljUb{display:table-cell;padding-right:8px;white-space:nowrap;vertical-align:middle;font-size:12px;font-weight:500}.KmV2vz5lSJwT26AOidds{display:inline-block;vertical-align:middle;margin-right:4px;width:13px;height:13px}","",{version:3,sources:["webpack://./src/rating-label/styles.module.scss"],names:[],mappings:"AAAA,sBACE,kBAAA,CACA,iBAAA,CACA,kBAAA,CACA,qBAAA,CACA,cAAA,CACA,eAAA,CAGF,sBACE,oBAAA,CACA,qBAAA,CACA,gBAAA,CACA,UAAA,CACA,WAAA",sourcesContent:[".label {\n  display: table-cell;\n  padding-right: 8px;\n  white-space: nowrap;\n  vertical-align: middle;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.starImage {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 4px;\n  width: 13px;\n  height: 13px;\n}\n"],sourceRoot:""}]),i.locals={label:"Kz24wLXscDomnbkEljUb",starImage:"KmV2vz5lSJwT26AOidds"};const s=i},292:(e,n,t)=>{t.d(n,{Z:()=>s});var r=t(537),a=t.n(r),o=t(645),i=t.n(o)()(a());i.push([e.id,".hnVseFrjhpYzH317CWPt{display:flex;align-items:center;column-gap:15px}.xBjHaCvXpytFroOTCAdX{display:table;border-spacing:0 8px;width:100%;row-gap:4px;font-family:inherit}.EBtUyiC76iZgLZO70T5T{display:table-row;width:100%;padding-bottom:4px}.EBtUyiC76iZgLZO70T5T:last-child{padding-bottom:0}","",{version:3,sources:["webpack://./src/rating-summary/styles.module.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,kBAAA,CACA,eAAA,CAEF,sBACE,aAAA,CACA,oBAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CAEF,sBACE,iBAAA,CACA,UAAA,CACA,kBAAA,CAEF,iCACE,gBAAA",sourcesContent:[".container {\n  display: flex;\n  align-items: center;\n  column-gap: 15px;\n}\n.ratingsWrapper {\n  display: table;\n  border-spacing: 0 8px;\n  width: 100%;\n  row-gap: 4px;\n  font-family: inherit;\n}\n.ratingWrapper {\n  display: table-row;\n  width: 100%;\n  padding-bottom: 4px;\n}\n.ratingWrapper:last-child {\n  padding-bottom: 0;\n}\n"],sourceRoot:""}]),i.locals={container:"hnVseFrjhpYzH317CWPt",ratingsWrapper:"xBjHaCvXpytFroOTCAdX",ratingWrapper:"EBtUyiC76iZgLZO70T5T"};const s=i},645:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",r=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,r,a,o){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(i[l]=!0)}for(var c=0;c<e.length;c++){var A=[].concat(e[c]);r&&i[A[0]]||(void 0!==o&&(void 0===A[5]||(A[1]="@layer".concat(A[5].length>0?" ".concat(A[5]):""," {").concat(A[1],"}")),A[5]=o),t&&(A[2]?(A[1]="@media ".concat(A[2]," {").concat(A[1],"}"),A[2]=t):A[2]=t),a&&(A[4]?(A[1]="@supports (".concat(A[4],") {").concat(A[1],"}"),A[4]=a):A[4]="".concat(a)),n.push(A))}},n}},537:e=>{e.exports=function(e){var n=e[1],t=e[3];if(!t)return n;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),o="/*# ".concat(a," */");return[n].concat([o]).join("\n")}return[n].join("\n")}},379:e=>{var n=[];function t(e){for(var t=-1,r=0;r<n.length;r++)if(n[r].identifier===e){t=r;break}return t}function r(e,r){for(var o={},i=[],s=0;s<e.length;s++){var l=e[s],c=r.base?l[0]+r.base:l[0],A=o[c]||0,d="".concat(c," ").concat(A);o[c]=A+1;var u=t(d),p={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==u)n[u].references++,n[u].updater(p);else{var C=a(p,r);r.byIndex=s,n.splice(s,0,{identifier:d,updater:C,references:1})}i.push(d)}return i}function a(e,n){var t=n.domAPI(n);t.update(e);return function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.remove()}}e.exports=function(e,a){var o=r(e=e||[],a=a||{});return function(e){e=e||[];for(var i=0;i<o.length;i++){var s=t(o[i]);n[s].references--}for(var l=r(e,a),c=0;c<o.length;c++){var A=t(o[c]);0===n[A].references&&(n[A].updater(),n.splice(A,1))}o=l}}},569:e=>{var n={};e.exports=function(e,t){var r=function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}},216:e=>{e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},565:(e,n,t)=>{e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},795:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,t){var r="";t.supports&&(r+="@supports (".concat(t.supports,") {")),t.media&&(r+="@media ".concat(t.media," {"));var a=void 0!==t.layer;a&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,a&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var o=t.sourceMap;o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),n.styleTagTransform(r,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},589:e=>{e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}},156:n=>{n.exports=e}},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var o=t[e]={id:e,exports:{}};return n[e](o,o.exports,r),o.exports}r.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return r.d(n,{a:n}),n},r.d=(e,n)=>{for(var t in n)r.o(n,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},r.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nc=void 0;var a={};return(()=>{r.r(a),r.d(a,{default:()=>H});var e,n,t,o=r(156),i=r.n(o);!function(e){e.Root="Root",e.SummaryContainer="SummaryContainer",e.AverageContainer="AverageContainer",e.Average="Average",e.AverageIconsWrapper="AverageIconsWrapper",e.AverageStarIcon="AverageStarIcon",e.AverageSubTextContainer="AverageSubTextContainer",e.AverageTotalReviews="AverageTotalReviews",e.AverageSubText="AverageSubText"}(e||(e={})),function(e){e.SummaryItemContainer="SummaryItemContainer",e.BarContainer="BarContainer",e.FilledBarContainer="FilledBarContainer",e.Bar="Bar",e.Count="Count",e.Label="Label",e.LabelStarIcon="LabelStarIcon"}(n||(n={})),function(e){e.ORIGINAL="ORIGINAL",e.REVERSE="REVERSE"}(t||(t={}));var s=/\B(?=(\d{3})+(?!\d))/g,l="#5D5FEF",c={icon:{fillColor:l,bgColor:"#FFFFFF"}},A=function(e,n){return void 0===n&&(n=""),Math.abs(e)<999?e:n?function(e,n){return void 0===n&&(n=","),e.toString().replace(s,n)}(e,n):function(e){for(var n=0;Math.abs(e)>=999;)n++,e/=1e3;return e.toFixed(1)+["K","M","B","T"][n-1]}(e)},d=function(e,n,t){var r=e[n];return r?r(t):{}},u=function(e){return Object.values(e).reduce((function(e,n){return e+(n||0)}))},p=function(e,n){var t=Object.entries(e).reduce((function(e,t){var r=t[0],a=t[1];return e+(n[r]||0)*Number(a)}),0),r=u(e);return r?t/r:0},C=r(379),m=r.n(C),g=r(795),f=r.n(g),v=r(569),y=r.n(v),b=r(565),h=r.n(b),x=r(216),E=r.n(x),w=r(589),B=r.n(w),S=r(802),F={};F.styleTagTransform=B(),F.setAttributes=h(),F.insert=y().bind(null,"head"),F.domAPI=f(),F.insertStyleElement=E();m()(S.Z,F);const I=S.Z&&S.Z.locals?S.Z.locals:void 0;const T=function(e){var n=e.fillColor,t=e.bgColor,r=e.colorFilledFraction,a=e.borderColor,o=e.borderWidth,s=void 0===o?2:o,l=e.id,c=a||n;return i().createElement("svg",{width:"100%",viewBox:"-2 -2 36 36",xmlns:"http://www.w3.org/2000/svg"},i().createElement("defs",null,i().createElement("linearGradient",{id:l,shapeRendering:"crispEdges"},i().createElement("stop",{offset:r,stopColor:n}),i().createElement("stop",{offset:"0%",stopColor:t}))),i().createElement("path",{stroke:c,strokeWidth:s,fill:"url(#".concat(l,")"),d:"M20.388,10.918L32,12.118l-8.735,7.749L25.914,31.4l-9.893-6.088L6.127,31.4l2.695-11.533L0,12.118\n  l11.547-1.2L16.026,0.6L20.388,10.918z"}))};const k=function(e){var t=e.ratingId,r=e.styles,a=e.iconProps,o=c.icon,s=(a||{}).fillColor,l=void 0===s?o.fillColor:s;return i().createElement("div",{className:I.label,id:"".concat(t,"-label"),style:d(r,n.Label,t)},i().createElement("div",{className:I.starImage,style:d(r,n.LabelStarIcon,t)},i().createElement(T,{fillColor:l,colorFilledFraction:1,id:"label-star-".concat(t)})),t)},R=k;var O=r(45),j={};j.styleTagTransform=B(),j.setAttributes=h(),j.insert=y().bind(null,"head"),j.domAPI=f(),j.insertStyleElement=E();m()(O.Z,j);const P=O.Z&&O.Z.locals?O.Z.locals:void 0;var L=function(){return L=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},L.apply(this,arguments)};const N=function(e){var t=e.currentRatingId,r=e.currentRatingValue,a=e.totalRatingCount,o=e.showCount,s=e.showAnimation,c=e.styles,u=void 0===c?{}:c,p=e.barColors,C=e.onBarClick,m=e.thousandsSeparator,g=(r||0)/a*100;return i().createElement(i().Fragment,null,i().createElement("div",{className:P.barContainer,style:d(u,n.BarContainer,t)},i().createElement("div",L({style:L({width:"".concat(g,"%")},d(u,n.FilledBarContainer,t)),className:"".concat(P.filledBarContainer,"\n              ").concat(s&&P.transitions,"\n              ").concat(C&&P.cursorPointer),id:"".concat(t,"-bar")},C&&{role:"presentation",onClick:function(){return C(t)}}),i().createElement("div",{id:"".concat(t,"-inner-bar"),style:L({backgroundColor:(null==p?void 0:p[t])?p[t]:l},d(u,n.Bar,t)),className:"".concat(P.filledBar," ").concat(s&&P.animations)}))),o&&i().createElement("span",{className:P.countContainer,style:d(u,n.Count,t),id:"".concat(t,"-count")},A(r,m)))};var Z=r(410),M={};M.styleTagTransform=B(),M.setAttributes=h(),M.insert=y().bind(null,"head"),M.domAPI=f(),M.insertStyleElement=E();m()(Z.Z,M);const W=Z.Z&&Z.Z.locals?Z.Z.locals:void 0;var V=c.icon;const z=function(n){var t,r=n.ratings,a=n.ranks,o=void 0===a?{}:a,s=n.customAverageFn,l=void 0===s?p:s,c=n.averageRatingPrecision,d=n.iconProps,C=n.styles,m=void 0===C?{}:C,g=n.thousandsSeparator,f=n.ratingAverageSubText,v=d||{},y=v.fillColor,b=void 0===y?V.fillColor:y,h=v.bgColor,x=void 0===h?V.bgColor:h,E=v.borderColor,w=v.borderWidth,B=l(r,o),S=u(r),F=function(e){var n=Math.max.apply(Math,Object.values(o)),t=Number(e.toString().split(".")[0]),r=e-t;return[n-Math.ceil(e),t,r]}(B),I=F[0],k=F[1],R=F[2];return i().createElement("div",{className:W.container,style:m[e.AverageContainer]},i().createElement("div",{className:W.averageRatingValue,style:m[e.Average]},(t=c,B.toFixed(t))),i().createElement("div",{className:W.iconsWrapper,style:m[e.AverageIconsWrapper]},Array(k).fill(0).map((function(n,t){return i().createElement("div",{key:"completely-filled-star-".concat(t),className:W.starImage,style:m[e.AverageStarIcon]},i().createElement(T,{fillColor:b,bgColor:x,borderColor:E,borderWidth:w,colorFilledFraction:1,id:"completely-filled-star-".concat(t)}))})),Boolean(R)&&i().createElement("div",{key:"fraction-filled-star",className:W.starImage,style:m[e.AverageStarIcon]},i().createElement(T,{fillColor:b,bgColor:x,borderColor:E,borderWidth:w,colorFilledFraction:R,id:"fraction-filled-star"})),Array(I).fill(0).map((function(n,t){return i().createElement("div",{key:"unfilled-star-".concat(t),className:W.starImage,style:m[e.AverageStarIcon]},i().createElement(T,{fillColor:b,bgColor:x,borderColor:E,borderWidth:w,colorFilledFraction:0,id:"unfilled-star-".concat(t)}))}))),i().createElement("div",{className:W.subTextContainer,style:m[e.AverageSubTextContainer]},i().createElement("div",{style:m[e.AverageTotalReviews]},A(S,g)),i().createElement("div",{style:m[e.AverageSubText]},f)))};var U=r(292),X={};X.styleTagTransform=B(),X.setAttributes=h(),X.insert=y().bind(null,"head"),X.domAPI=f(),X.insertStyleElement=E();m()(U.Z,X);const q=U.Z&&U.Z.locals?U.Z.locals:void 0;var Q=function(){return Q=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},Q.apply(this,arguments)};const H=function(r){var a=r.ratings,o=r.ratingRanks,s=void 0===o?{}:o,l=r.renderLabel,c=r.showCount,A=void 0===c||c,p=r.showAnimation,C=void 0===p||p,m=r.styles,g=void 0===m?{}:m,f=r.barColors,v=r.onBarClick,y=r.showAverageRating,b=void 0===y||y,h=r.customAverageFn,x=r.averageRatingPrecision,E=void 0===x?1:x,w=r.ratingAverageIconProps,B=void 0===w?{}:w,S=r.ratingLabelIconProps,F=void 0===S?{}:S,I=r.thousandsSeparator,T=r.ratingAverageSubText,k=void 0===T?"reviews":T,O=r.order,j=void 0===O?t.REVERSE:O,P=Object.keys(s).length?s:Object.keys(a).reduce((function(e,n,t){var r;return Q(Q({},e),((r={})[n]=t+1,r))}),{}),L=j===t.REVERSE?Object.keys(a).reverse():Object.keys(a);return i().createElement("div",{className:q.container,style:g[e.Root]},b&&i().createElement(z,{ratings:a,ranks:P,customAverageFn:h,averageRatingPrecision:E,iconProps:B,styles:g,thousandsSeparator:I,ratingAverageSubText:k}),i().createElement("div",{className:q.ratingsWrapper,style:g[e.SummaryContainer],id:"ratings-container"},L.map((function(e){return i().createElement("div",{key:e,className:q.ratingWrapper,style:d(g,n.SummaryItemContainer,e)},l&&i().createElement(i().Fragment,null,l(e))||i().createElement(R,{ratingId:e,styles:g,iconProps:F}),i().createElement(N,{currentRatingId:e,currentRatingValue:a[e],totalRatingCount:u(a),showCount:A,showAnimation:C,styles:g,barColors:f,onBarClick:v,thousandsSeparator:I}))}))))}})(),a})()));
 //# sourceMappingURL=index.js.map

build/types/constants.d.ts

@@ -26,9 +26,3 @@ export declare enum GenericElements {
 export declare const INTERNATIONAL_NUMBER_SYSTEM_REGEX: RegExp;
-export declare const DEFAULT_BAR_COLORS: {
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    5: string;
-};
+export declare const DEFAULT_COLOR = "#5D5FEF";
 export declare const RATING_AVERAGE_DEFAULTS: {
@@ -35,0 +29,0 @@ icon: {

build/types/constants.js

@@ -29,15 +29,9 @@ export var GenericElements;
 export var INTERNATIONAL_NUMBER_SYSTEM_REGEX = /\B(?=(\d{3})+(?!\d))/g;
-export var DEFAULT_BAR_COLORS = {
-    1: '#ff8b5a',
-    2: '#ffb337',
-    3: '#ffd834',
-    4: '#add633',
-    5: '#9fc05a'
-};
+export var DEFAULT_COLOR = "#5D5FEF";
 export var RATING_AVERAGE_DEFAULTS = {
     icon: {
-        fillColor: '#919191',
-        bgColor: '#F2F2F2'
+        fillColor: DEFAULT_COLOR,
+        bgColor: '#FFFFFF'
     }
 };
 //# sourceMappingURL=constants.js.map

build/types/rating-average/RatingAverage.js

@@ -9,3 +9,3 @@ import React from 'react';
     var ratings = props.ratings, _a = props.ranks, ranks = _a === void 0 ? {} : _a, _b = props.customAverageFn, customAverageFn = _b === void 0 ? getWeightedAverage : _b, averageRatingPrecision = props.averageRatingPrecision, iconProps = props.iconProps, _c = props.styles, styles = _c === void 0 ? {} : _c, thousandsSeparator = props.thousandsSeparator, ratingAverageSubText = props.ratingAverageSubText;
-    var _d = iconProps || {}, _e = _d.fillColor, fillColor = _e === void 0 ? icon.fillColor : _e, _f = _d.bgColor, bgColor = _f === void 0 ? icon.bgColor : _f;
+    var _d = iconProps || {}, _e = _d.fillColor, fillColor = _e === void 0 ? icon.fillColor : _e, _f = _d.bgColor, bgColor = _f === void 0 ? icon.bgColor : _f, borderColor = _d.borderColor, borderWidth = _d.borderWidth;
     var extractStarInfo = function (average) {
@@ -26,9 +26,9 @@ var maxRank = Math.max.apply(Math, Object.values(ranks));
                 .map(function (_item, index) { return (React.createElement("div", { key: "completely-filled-star-".concat(index), className: classes.starImage, style: styles[GenericElements.AverageStarIcon] },
-                React.createElement(Star, { fillColor: fillColor, bgColor: bgColor, colorFilledFraction: 1, id: "completely-filled-star-".concat(index) }))); }),
+                React.createElement(Star, { fillColor: fillColor, bgColor: bgColor, borderColor: borderColor, borderWidth: borderWidth, colorFilledFraction: 1, id: "completely-filled-star-".concat(index) }))); }),
             Boolean(visibleStarFraction) && (React.createElement("div", { key: "fraction-filled-star", className: classes.starImage, style: styles[GenericElements.AverageStarIcon] },
-                React.createElement(Star, { fillColor: fillColor, bgColor: bgColor, colorFilledFraction: visibleStarFraction, id: "fraction-filled-star" }))),
+                React.createElement(Star, { fillColor: fillColor, bgColor: bgColor, borderColor: borderColor, borderWidth: borderWidth, colorFilledFraction: visibleStarFraction, id: "fraction-filled-star" }))),
             Array(noOfEmptyStars)
                 .fill(0)
                 .map(function (_item, index) { return (React.createElement("div", { key: "unfilled-star-".concat(index), className: classes.starImage, style: styles[GenericElements.AverageStarIcon] },
-                React.createElement(Star, { fillColor: fillColor, bgColor: bgColor, colorFilledFraction: 0, id: "unfilled-star-".concat(index) }))); })),
+                React.createElement(Star, { fillColor: fillColor, bgColor: bgColor, borderColor: borderColor, borderWidth: borderWidth, colorFilledFraction: 0, id: "unfilled-star-".concat(index) }))); })),
         React.createElement("div", { className: classes.subTextContainer, style: styles[GenericElements.AverageSubTextContainer] },
@@ -35,0 +35,0 @@ React.createElement("div", { style: styles[GenericElements.AverageTotalReviews] }, formatNumber(totalRatingCount, thousandsSeparator)),

build/types/rating-average/star/Star.js

 import React from 'react';
 var Star = function (props) {
-    var fillColor = props.fillColor, bgColor = props.bgColor, colorFilledFraction = props.colorFilledFraction, id = props.id;
-    return (React.createElement("svg", { width: "100%", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg" },
+    var fillColor = props.fillColor, bgColor = props.bgColor, colorFilledFraction = props.colorFilledFraction, borderColor = props.borderColor, _a = props.borderWidth, borderWidth = _a === void 0 ? 2 : _a, id = props.id;
+    var borderFallBackColor = borderColor || fillColor;
+    return (React.createElement("svg", { width: "100%", viewBox: "-2 -2 36 36", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("defs", null,
@@ -9,5 +10,5 @@ React.createElement("linearGradient", { id: id, shapeRendering: "crispEdges" },
                 React.createElement("stop", { offset: "0%", stopColor: bgColor }))),
-        React.createElement("path", { fill: "url(#".concat(id, ")"), d: "M20.388,10.918L32,12.118l-8.735,7.749L25.914,31.4l-9.893-6.088L6.127,31.4l2.695-11.533L0,12.118\n  l11.547-1.2L16.026,0.6L20.388,10.918z" })));
+        React.createElement("path", { stroke: borderFallBackColor, strokeWidth: borderWidth, fill: "url(#".concat(id, ")"), d: "M20.388,10.918L32,12.118l-8.735,7.749L25.914,31.4l-9.893-6.088L6.127,31.4l2.695-11.533L0,12.118\n  l11.547-1.2L16.026,0.6L20.388,10.918z" })));
 };
 export default Star;
 //# sourceMappingURL=Star.js.map

build/types/rating-distribution-item/RatingDistributionItem.js

@@ -13,4 +13,4 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
-import { DEFAULT_BAR_COLORS, Elements } from '../constants';
-import { formatNumber, getStyles, isValidNumber } from '../utils';
+import { Elements, DEFAULT_COLOR } from '../constants';
+import { formatNumber, getStyles } from '../utils';
 import classes from './styles.module.scss';
@@ -24,15 +24,14 @@ var RatingDistributionItem = function (props) {
             return barColors[currentRatingId];
-        return isValidNumber(currentRatingId) &&
-            DEFAULT_BAR_COLORS[Number(currentRatingId)]
-            ? DEFAULT_BAR_COLORS[Number(currentRatingId)]
-            : DEFAULT_BAR_COLORS[1];
+        return DEFAULT_COLOR;
     };
-    return (React.createElement("div", { className: classes.barContainer, style: getStyles(styles, Elements.BarContainer, currentRatingId) },
-        React.createElement("div", __assign({ style: __assign({ width: "".concat(barWidth, "%") }, getStyles(styles, Elements.FilledBarContainer, currentRatingId)), className: "".concat(classes.filledBarContainer, "\n              ").concat(showAnimation && classes.transitions, "\n              ").concat(onBarClick && classes.cursorPointer), id: "".concat(currentRatingId, "-bar") }, (onBarClick && {
-            role: 'presentation',
-            onClick: function () { return onBarClick(currentRatingId); }
-        })),
-            React.createElement("div", { id: "".concat(currentRatingId, "-inner-bar"), style: __assign({ backgroundColor: getBarBgColor() }, getStyles(styles, Elements.Bar, currentRatingId)), className: "".concat(classes.filledBar, " ").concat(showAnimation && classes.animations) }, showCount && (React.createElement("span", { className: classes.countContainer, style: getStyles(styles, Elements.Count, currentRatingId), id: "".concat(currentRatingId, "-count") }, formatNumber(currentRatingValue, thousandsSeparator)))))));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: classes.barContainer, style: getStyles(styles, Elements.BarContainer, currentRatingId) },
+            React.createElement("div", __assign({ style: __assign({ width: "".concat(barWidth, "%") }, getStyles(styles, Elements.FilledBarContainer, currentRatingId)), className: "".concat(classes.filledBarContainer, "\n              ").concat(showAnimation && classes.transitions, "\n              ").concat(onBarClick && classes.cursorPointer), id: "".concat(currentRatingId, "-bar") }, (onBarClick && {
+                role: 'presentation',
+                onClick: function () { return onBarClick(currentRatingId); }
+            })),
+                React.createElement("div", { id: "".concat(currentRatingId, "-inner-bar"), style: __assign({ backgroundColor: getBarBgColor() }, getStyles(styles, Elements.Bar, currentRatingId)), className: "".concat(classes.filledBar, " ").concat(showAnimation && classes.animations) }))),
+        showCount && (React.createElement("span", { className: classes.countContainer, style: getStyles(styles, Elements.Count, currentRatingId), id: "".concat(currentRatingId, "-count") }, formatNumber(currentRatingValue, thousandsSeparator)))));
 };
 export default RatingDistributionItem;
 //# sourceMappingURL=RatingDistributionItem.js.map

build/types/rating-label/RatingLabel.js

 import React from 'react';
-import starImg from '../assets/star-grey.svg';
 import { getStyles } from '../utils';
-import { Elements } from '../constants';
+import { Elements, RATING_AVERAGE_DEFAULTS } from '../constants';
 import classes from './styles.module.scss';
+import Star from '../rating-average/star';
 var RatingLabel = function (props) {
-    var ratingId = props.ratingId, styles = props.styles;
+    var ratingId = props.ratingId, styles = props.styles, iconProps = props.iconProps;
+    var icon = RATING_AVERAGE_DEFAULTS.icon;
+    var _a = (iconProps || {}).fillColor, fillColor = _a === void 0 ? icon.fillColor : _a;
     return (React.createElement("div", { className: classes.label, id: "".concat(ratingId, "-label"), style: getStyles(styles, Elements.Label, ratingId) },
-        React.createElement("img", { className: classes.starImage, style: getStyles(styles, Elements.LabelStarIcon, ratingId), src: starImg, alt: "" }),
+        React.createElement("div", { className: classes.starImage, style: getStyles(styles, Elements.LabelStarIcon, ratingId) },
+            React.createElement(Star, { fillColor: fillColor, colorFilledFraction: 1, id: "label-star-".concat(ratingId) })),
         ratingId));
@@ -11,0 +14,0 @@ };

build/types/rating-summary/RatingSummary.js

@@ -20,3 +20,3 @@ var __assign = (this && this.__assign) || function () {
 var RatingSummary = function (props) {
-    var ratings = props.ratings, _a = props.ratingRanks, ratingRanks = _a === void 0 ? {} : _a, renderLabel = props.renderLabel, _b = props.showCount, showCount = _b === void 0 ? true : _b, _c = props.showAnimation, showAnimation = _c === void 0 ? true : _c, _d = props.styles, styles = _d === void 0 ? {} : _d, barColors = props.barColors, onBarClick = props.onBarClick, _e = props.showAverageRating, showAverageRating = _e === void 0 ? true : _e, customAverageFn = props.customAverageFn, _f = props.averageRatingPrecision, averageRatingPrecision = _f === void 0 ? 1 : _f, _g = props.ratingAverageIconProps, ratingAverageIconProps = _g === void 0 ? {} : _g, thousandsSeparator = props.thousandsSeparator, _h = props.ratingAverageSubText, ratingAverageSubText = _h === void 0 ? 'reviews' : _h, _j = props.order, order = _j === void 0 ? ORDER.REVERSE : _j;
+    var ratings = props.ratings, _a = props.ratingRanks, ratingRanks = _a === void 0 ? {} : _a, renderLabel = props.renderLabel, _b = props.showCount, showCount = _b === void 0 ? true : _b, _c = props.showAnimation, showAnimation = _c === void 0 ? true : _c, _d = props.styles, styles = _d === void 0 ? {} : _d, barColors = props.barColors, onBarClick = props.onBarClick, _e = props.showAverageRating, showAverageRating = _e === void 0 ? true : _e, customAverageFn = props.customAverageFn, _f = props.averageRatingPrecision, averageRatingPrecision = _f === void 0 ? 1 : _f, _g = props.ratingAverageIconProps, ratingAverageIconProps = _g === void 0 ? {} : _g, _h = props.ratingLabelIconProps, ratingLabelIconProps = _h === void 0 ? {} : _h, thousandsSeparator = props.thousandsSeparator, _j = props.ratingAverageSubText, ratingAverageSubText = _j === void 0 ? 'reviews' : _j, _k = props.order, order = _k === void 0 ? ORDER.REVERSE : _k;
     var getRatingRanks = function () {
@@ -37,3 +37,3 @@ if (Object.keys(ratingRanks).length)
         React.createElement("div", { className: classes.ratingsWrapper, style: styles[GenericElements.SummaryContainer], id: "ratings-container" }, ratingKeys.map(function (ratingId) { return (React.createElement("div", { key: ratingId, className: classes.ratingWrapper, style: getStyles(styles, Elements.SummaryItemContainer, ratingId) },
-            (renderLabel && React.createElement(React.Fragment, null, renderLabel(ratingId))) || (React.createElement(RatingLabel, { ratingId: ratingId, styles: styles })),
+            (renderLabel && React.createElement(React.Fragment, null, renderLabel(ratingId))) || (React.createElement(RatingLabel, { ratingId: ratingId, styles: styles, iconProps: ratingLabelIconProps })),
             React.createElement(RatingDistributionItem, { currentRatingId: ratingId, currentRatingValue: ratings[ratingId], totalRatingCount: getTotalRatingCount(ratings), showCount: showCount, showAnimation: showAnimation, styles: styles, barColors: barColors, onBarClick: onBarClick, thousandsSeparator: thousandsSeparator }))); }))));
@@ -40,0 +40,0 @@ };

build/types/stories/RatingSummary.stories.d.ts

@@ -7,2 +7,3 @@ import React from 'react';
 export declare const DefaultFixedWidthContainer: any;
+export declare const VariantWithThousandsSeparator: any;
 export declare const VariantWithCustomBarColors: any;
@@ -9,0 +10,0 @@ export declare const VariantWithoutAnimations: any;

build/types/stories/RatingSummary.stories.js

@@ -34,7 +34,2 @@ var __assign = (this && this.__assign) || function () {
         },
-        thousandsSeparator: {
-            defaultValue: ',',
-            options: [',', '.'],
-            control: { type: 'select' }
-        },
         averageRatingPrecision: {
@@ -57,4 +52,4 @@ defaultValue: 1,
             defaultValue: {
-                fillColor: '#919191',
-                bgColor: '#F2F2F2'
+                fillColor: '#5D5FEF',
+                bgColor: '#FFFFFF'
             }
@@ -106,2 +101,4 @@ },
 };
+export var VariantWithThousandsSeparator = Template.bind({});
+VariantWithThousandsSeparator.args = __assign(__assign({}, Default.args), { thousandsSeparator: "," });
 export var VariantWithCustomBarColors = Template.bind({});
@@ -108,0 +105,0 @@ VariantWithCustomBarColors.args = __assign(__assign({}, Default.args), { barColors: {

build/types/utils.d.ts

 import { Elements } from './constants';
 import { CustomStyles, IRatings, RatingRanks } from './rating-summary/types';
-export declare const formatNumber: (num: number, thousandsSeparator?: string) => string;
+export declare const formatThousandNumber: (num: number, thousandsSeparator?: string) => string;
+export declare const formatLargeNumber: (num: number) => string;
+export declare const formatNumber: (num: number, thousandsSeparator?: string) => string | number;
 export declare const getStyles: (allStyles: CustomStyles, element: Elements, ratingId: string) => object;
@@ -8,2 +10,1 @@ export declare const getTotalRatingCount: (ratings: IRatings) => number;
 export declare const getWeightedAverage: (data: IRatings, ranks: RatingRanks) => number;
-export declare const isValidNumber: (value: string) => boolean;

build/types/utils.js

 import { INTERNATIONAL_NUMBER_SYSTEM_REGEX } from './constants';
-export var formatNumber = function (num, thousandsSeparator) {
+export var formatThousandNumber = function (num, thousandsSeparator) {
     if (thousandsSeparator === void 0) { thousandsSeparator = ','; }
     return num.toString().replace(INTERNATIONAL_NUMBER_SYSTEM_REGEX, thousandsSeparator);
 };
+export var formatLargeNumber = function (num) {
+    var abbrev = ["K", "M", "B", "T"];
+    var round = 0;
+    while (Math.abs(num) >= 999) {
+        round++;
+        num /= 1000;
+    }
+    return num.toFixed(1) + abbrev[round - 1];
+};
+export var formatNumber = function (num, thousandsSeparator) {
+    if (thousandsSeparator === void 0) { thousandsSeparator = ''; }
+    if (Math.abs(num) < 999) {
+        return num;
+    }
+    else if (thousandsSeparator)
+        return formatThousandNumber(num, thousandsSeparator);
+    return formatLargeNumber(num);
+};
 export var getStyles = function (allStyles, element, ratingId) {
@@ -24,5 +42,2 @@ var getElementStyle = allStyles[element];
 };
-export var isValidNumber = function (value) {
-    return !isNaN(parseFloat(value));
-};
 //# sourceMappingURL=utils.js.map

package.json

 {
   "name": "@keyvaluesystems/react-star-rating-summary",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "A ready to use rating summary component",
@@ -5,0 +5,0 @@ "main": "build/index.js",

README.md

@@ -179,3 +179,3 @@
 			<td><code><b>ratingAverageIconProps?:</b> object</code></td>
-			<td>An object defining the fill color ( fillColor?: string ) and background color ( bgColor?: string ) for customizing the appearance of star icon in the average rating section.</td>
+			<td>An object defining the fill color ( fillColor?: string ), background color ( bgColor?: string ), border color (borderColor: string) and border width (borderWidth: number) for customizing the appearance of star icon in the average rating section.</td>
 			<td><code>undefined</code></td>
@@ -186,3 +186,3 @@ </tr>
 			<td>A string specifying the custom thousands separator for formatting a numerical value.</td>
-			<td><code>','</code></td>
+			<td><code>undefined</code></td>
 		</tr>
@@ -199,2 +199,7 @@ <tr>
 		</tr>
+    <tr>
+			<td><code><b>ratingLabelIconProps?:</b> object</code></td>
+			<td>An object defining the fill color ( fillColor?: string ), background color ( bgColor?: string ), border color (borderColor: string) and border width (borderWidth: number) for customizing the appearance of star icon in the progess bar label section.</td>
+			<td><code>undefined</code></td>
+		</tr>
 	</tbody>
@@ -201,0 +206,0 @@ </table>

No alert changes

Improved metrics

Total package byte prevSize

136917

increased by3.34%

Lines of code

575

increased by1.05%

Number of lines in readme file

345

increased by1.47%

No dependency changes