{"version":3,"sources":["components/year-review/components/table/YRBigTable.jsx"],"names":["YRBigTable","data","style","colKeys","values","map","el","name","unit","className","item","colSpan","textAlign","dataItem","dataIndex","dataObj","colKey","colKeyIndex","idx","FormatGraphDataService","twoDecimalPlaces","defaultProps"],"mappings":"+FAAA,+BAKMA,EAAa,SAAC,GAAqB,IAAnBC,EAAkB,EAAlBA,KAAMC,EAAY,EAAZA,MAClBC,EAAUF,EAAK,GAAGG,OAAOC,KAAI,SAAAC,GAAE,OAAIA,EAAGC,QACtCC,EAAON,GAASA,EAAMM,KAE5B,OACI,qBAAKC,UAAU,4BAAf,SACI,wBAAOA,UAAU,WAAjB,UACI,kCACI,+BACI,uBACCR,EAAKI,KAAI,SAAAK,GAAI,OAAI,qBAAIC,QAAQ,IAAoBT,MAAO,CAAEU,UAAW,UAApD,cAAkEF,EAAKH,KAAvE,MAAqBG,EAAKH,YAEhD,+BACI,uBACCN,EAAKI,KAAI,SAACQ,EAAUC,GAAX,OAAyBD,EAAST,OAAOU,GAAWV,OACzDC,KAAI,SAAAU,GAAO,OACR,6BAAwBA,EAAQR,MAAvBQ,EAAQR,kBAGjC,gCACKJ,EAAQE,KAAI,SAACW,EAAQC,GAAT,OACT,+BACI,6BAAKD,IACJf,EAAKI,KAAI,SAAAQ,GAAQ,OAAIA,EAAST,OAAOa,GAAab,OAC9CC,KAAI,SAACU,EAASG,GAAV,OAED,cADA,CACA,gBACKC,IAAuBC,iBAAiBL,EAAQX,QAChDI,IAFIU,WALZF,cAgBjChB,EAAWqB,aAAe,CACtBnB,MAAO,IAQIF","file":"js/39.2676940d.chunk.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport FormatGraphDataService from 'components/year-review/services/FormatGraphDataService';\n\nconst YRBigTable = ({ data, style }) => {\n    const colKeys = data[0].values.map(el => el.name);\n    const unit = style && style.unit;\n\n    return (\n        <div className=\"yr-table-container is-big\">\n            <table className=\"yr-table\">\n                <thead>\n                    <tr>\n                        <td />\n                        {data.map(item => <th colSpan=\"2\" key={item.name} style={{ textAlign: 'center' }}> {item.name} </th>)}\n                    </tr>\n                    <tr>\n                        <td />\n                        {data.map((dataItem, dataIndex) => dataItem.values[dataIndex].values\n                            .map(dataObj =>\n                                <td key={dataObj.name}>{dataObj.name}</td>))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {colKeys.map((colKey, colKeyIndex) => (\n                        <tr key={colKey}>\n                            <td>{colKey}</td>\n                            {data.map(dataItem => dataItem.values[colKeyIndex].values\n                                .map((dataObj, idx) => (\n                                    // eslint-disable-next-line react/no-array-index-key\n                                    <td key={idx}>\n                                        {FormatGraphDataService.twoDecimalPlaces(dataObj.values)}\n                                        {unit}\n                                    </td>)))}\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        </div>\n    );\n};\nYRBigTable.defaultProps = {\n    style: {},\n};\n\nYRBigTable.propTypes = {\n    data: PropTypes.arrayOf(PropTypes.any).isRequired,\n    style: PropTypes.objectOf(PropTypes.any),\n};\n\nexport default YRBigTable;\n"],"sourceRoot":""}