{"version":3,"sources":["components/year-review/constants/colors.js","components/year-review/components/stats/YRStats.jsx"],"names":["dnsBlue","dnsDarkBlue","dnsLightGrey","dnsGreen","dnsBlack","dnsVlaanderenColor","dnsBrusselsColor","Colors","dnsColorsArray","dnsBeColorArray","YRStats","data","style","unit","valueAtTop","finalData","FormatGraphDataService","sortByName","className","map","element","index","value","values","Number","isInteger","addCommas","twoDecimalPlaces","color","name","defaultProps"],"mappings":"+FAAA,IAAMA,EAAU,UAEVC,EAAc,UACdC,EAAe,UACfC,EAAW,UACXC,EAAW,UACXC,EAAqB,UACrBC,EAAmB,UAEnBC,EAAS,CACXC,eAAgB,CACZP,EACAD,EACAI,EACAD,EAba,UAebD,GAEJO,gBAAiB,CACbL,EACAE,EACAD,GAEJL,UACAC,cACAC,eACAC,WACAC,WACAE,mBACAD,sBAGWE,O,iCChCf,wCAMMG,EAAU,SAAC,GAAqB,IAAnBC,EAAkB,EAAlBA,KAAMC,EAAY,EAAZA,MAEjBC,EAEAD,EAFAC,KACAC,EACAF,EADAE,WAGAC,EAAYJ,EAEZG,IACAC,EAAYC,IAAuBC,WAAWN,EAAMG,IAWxD,OACI,qBAAKI,UAAU,WAAf,SACKH,EAAUI,KAAI,SAACC,EAASC,GAAV,OACX,sBAAKH,UAAS,wBAA6B,IAAVG,EAAc,UAAY,IAA3D,UACI,sBAAKH,UAAU,kBAAf,WAZMI,EAaYF,EAAQG,OAZlCC,OAAOC,UAAUH,GACVN,IAAuBU,UAAUJ,GAGrCN,IAAuBW,iBAAiBL,IAS9BT,IAFiCO,EAAQG,QAI9C,qBACIL,UAAU,kBACVN,MAAO,CAAEgB,MAAOrB,IAAOE,gBAAgBY,IAF3C,SAIKD,EAAQS,SATqDT,EAAQS,MAXrE,IAACP,QA4B1BZ,EAAQoB,aAAe,CACnBlB,MAAO,IAQIF","file":"js/37.f4236ee7.chunk.js","sourcesContent":["const dnsBlue = '#049ee0';\nconst dnsLightBlue = '#5ED0FF';\nconst dnsDarkBlue = '#1e5fa6';\nconst dnsLightGrey = '#ededed';\nconst dnsGreen = '#008389';\nconst dnsBlack = '#1a1a1a';\nconst dnsVlaanderenColor = '#7a7a29';\nconst dnsBrusselsColor = '#55083f';\n\nconst Colors = {\n    dnsColorsArray: [\n        dnsDarkBlue,\n        dnsBlue,\n        dnsBlack,\n        dnsGreen,\n        dnsLightBlue,\n        dnsLightGrey,\n    ],\n    dnsBeColorArray: [\n        dnsBlack,\n        dnsBrusselsColor,\n        dnsVlaanderenColor,\n    ],\n    dnsBlue,\n    dnsDarkBlue,\n    dnsLightGrey,\n    dnsGreen,\n    dnsBlack,\n    dnsBrusselsColor,\n    dnsVlaanderenColor,\n};\n\nexport default Colors;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport FormatGraphDataService from 'components/year-review/services/FormatGraphDataService';\nimport Colors from 'components/year-review/constants/colors';\n\nconst YRStats = ({ data, style }) => {\n    const {\n        unit,\n        valueAtTop,\n    } = style;\n\n    let finalData = data;\n\n    if (valueAtTop) {\n        finalData = FormatGraphDataService.sortByName(data, valueAtTop);\n    }\n\n    const getStatValue = (value) => {\n        if (Number.isInteger(value)) {\n            return FormatGraphDataService.addCommas(value);\n        }\n\n        return FormatGraphDataService.twoDecimalPlaces(value);\n    };\n\n    return (\n        <div className=\"yr-stats\">\n            {finalData.map((element, index) => (\n                <div className={`yr-stats__item${index === 0 ? ' is-big' : ''}`} key={element.name}>\n                    <div className=\"yr-stats__value\" key={element.values}>\n                        {getStatValue(element.values)}\n                        {unit}\n                    </div>\n                    <div\n                        className=\"yr-stats__title\"\n                        style={{ color: Colors.dnsBeColorArray[index] }}\n                    >\n                        {element.name}\n                    </div>\n                </div>\n            ))}\n        </div>\n    );\n};\n\nYRStats.defaultProps = {\n    style: {},\n};\n\nYRStats.propTypes = {\n    data: PropTypes.arrayOf(PropTypes.any).isRequired,\n    style: PropTypes.objectOf(PropTypes.any),\n};\n\nexport default YRStats;\n"],"sourceRoot":""}