{"version":3,"sources":["components/year-review/constants/colors.js","components/year-review/components/tooltip/YRTooltip.jsx","components/year-review/constants/config.js","components/year-review/components/barchart/YRStackedBarChart.jsx"],"names":["dnsBlue","dnsDarkBlue","dnsLightGrey","dnsGreen","dnsBlack","dnsVlaanderenColor","dnsBrusselsColor","Colors","dnsColorsArray","dnsBeColorArray","YRTooltip","active","payload","prefix","suffix","dataNames","data","className","length","map","dataName","index","Number","isInteger","FormatGraphDataService","addCommas","twoDecimalPlaces","values","name","defaultProps","isMobile","window","innerWidth","document","documentElement","clientWidth","Config","chartHeight","margin","pieChartMargin","animationBegin","animationDuration","animationEasing","YRStackedBarChart","style","isReady","color","tooltipPrefix","tooltipSuffix","unit","stackedBarsData","formatMultipleValues","width","height","top","left","right","bottom","focusable","vertical","stroke","dataKey","tickLine","minTickGap","interval","content","x","i","value","type","barData","fill","stackId"],"mappings":"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","file":"js/33.fac20e1e.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';\n\nconst YRTooltip = ({\n    active, payload, prefix, suffix, dataNames,\n}) => {\n    if (active) {\n        const data = payload[0].payload;\n\n        return (\n            <div className=\"yr-tooltip\">\n                <div>\n                    {\n                        dataNames.length ?\n                            dataNames.map((dataName, index) => (\n                                <span key={dataName}>\n                                    <strong>{dataName}: </strong>\n                                    {Number.isInteger(data[`values${index}`])\n                                        ? FormatGraphDataService.addCommas(data[`values${index}`])\n                                        : FormatGraphDataService.twoDecimalPlaces(data[`values${index}`])\n                                    }\n                                    {suffix}\n                                    <br />\n                                </span>))\n                            :\n                            (\n                                <strong>\n                                    {Number.isInteger(data.values)\n                                        ? FormatGraphDataService.addCommas(data.values)\n                                        : FormatGraphDataService.twoDecimalPlaces(data.values)}\n                                    {` ${suffix}`}\n                                </strong>\n                            )\n                    }\n                </div>\n                <div>{prefix} {data.name}</div>\n            </div>\n        );\n    }\n    return null;\n};\n\n\nYRTooltip.defaultProps = {\n    payload: [],\n    prefix: '',\n    suffix: '',\n    active: false,\n    dataNames: [],\n};\n\nYRTooltip.propTypes = {\n    active: PropTypes.bool,\n    payload: PropTypes.arrayOf(PropTypes.object),\n    prefix: PropTypes.string,\n    suffix: PropTypes.string,\n    dataNames: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default YRTooltip;\n","const viewportWidth = window.innerWidth || document.documentElement.clientWidth;\nconst isMobile = viewportWidth < 768;\n\nconst Config = {\n    chartHeight: isMobile ? 320 : 400,\n    margin: 10,\n    pieChartMargin: isMobile ? 90 : 20,\n    animationBegin: 500,\n    animationDuration: 1250,\n    animationEasing: 'ease-in-out',\n};\n\nexport default Config;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { BarChart, Bar, XAxis, YAxis, CartesianGrid, ResponsiveContainer, Tooltip, Legend } from 'recharts';\n\nimport YRTooltip from 'components/year-review/components/tooltip/YRTooltip';\n\nimport FormatGraphDataService from 'components/year-review/services/FormatGraphDataService';\n\nimport Config from 'components/year-review/constants/config';\nimport Colors from 'components/year-review/constants/colors';\n\nconst YRStackedBarChart = ({ data, style, isReady }) => {\n    const {\n        color,\n        tooltipPrefix,\n        tooltipSuffix,\n        unit,\n    } = style;\n\n    const stackedBarsData = FormatGraphDataService.formatMultipleValues(data);\n\n    return (\n        <ResponsiveContainer width=\"100%\" height={Config.chartHeight}>\n            <BarChart\n                data={stackedBarsData}\n                margin={{\n                    top: Config.margin,\n                    left: Config.margin,\n                    right: Config.margin,\n                    bottom: Config.margin,\n                }}\n                focusable=\"false\"\n                key={isReady ? 0 : 1}\n            >\n                <CartesianGrid\n                    vertical={false}\n                    stroke={Colors.dnsLightGrey}\n                    height={10}\n                />\n                <XAxis\n                    dataKey=\"name\"\n                    tickLine={false}\n                    stroke={Colors.dnsLightGrey}\n                />\n                <YAxis\n                    dataKey=\"values0\"\n                    minTickGap={5}\n                    interval={0}\n                    tickLine={false}\n                    stroke={Colors.dnsLightGrey}\n                    unit={unit}\n                />\n                <Tooltip\n                    content={\n                        <YRTooltip\n                            suffix={tooltipSuffix}\n                            prefix={tooltipPrefix}\n                            dataNames={data[0].values.map(x => x.name)}\n                        />}\n                />\n                <Legend\n                    payload={\n                        data[0].values.map((x, i) =>\n                            (\n                                {\n                                    value: x.name, type: 'circle', color: color[i],\n                                }\n                            ))\n                    }\n                />\n                {stackedBarsData.map((barData, index) => (\n                    <Bar\n                        dataKey={`values${index}`}\n                        fill={style.color[index]}\n                        stackId=\"a\"\n                        animationBegin={Config.animationBegin}\n                        animationDuration={Config.animationDuration}\n                        animationEasing={Config.animationEasing}\n                        key={barData.name}\n                    />\n                ))}\n            </BarChart>\n        </ResponsiveContainer>\n    );\n};\n\nYRStackedBarChart.defaultProps = {\n    style: {},\n};\n\nYRStackedBarChart.propTypes = {\n    data: PropTypes.arrayOf(PropTypes.any).isRequired,\n    isReady: PropTypes.bool.isRequired,\n    style: PropTypes.objectOf(PropTypes.any),\n};\n\nexport default YRStackedBarChart;\n"],"sourceRoot":""}