npm - @bikdotai/bik-component-library - Versions diffs - 0.0.808-beta.0 → 0.0.809-beta.0 - Mend

@bikdotai/bik-component-library 0.0.808-beta.0 → 0.0.809-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1601) hide show

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx"],"sourcesContent":["import BarChartIcon from '@src/assets/icons/ChartBar.svg';\nimport PieChartIcon from '@src/assets/icons/ChartPie.svg';\nimport MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tColor,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React, { Suspense, useEffect } from 'react';\nimport { useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport { VerticalGraphI } from './VerticalGraph.d';\nimport { GraphContainerWrapper } from './VerticalGraph.styles';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const VerticalGraph: React.FC<VerticalGraphI> = (props) => {\n\tconst { PieChartComponent: PieChartAnalytics } = props;\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst [showPieChart, setShowPieChart] = useState(false);\n\tconst [pieChartData, setPieChartData] = useState<\n\t\t{\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[]\n\t>();\n\n\tuseEffect(() => {\n\t\tconst dataForPieChart: {\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[] = [];\n\t\tif (!showPieChart) {\n\t\t\treturn;\n\t\t}\n\t\tprops.popupData?.xAxis.data.forEach((ele, index) => {\n\t\t\tdataForPieChart.push({\n\t\t\t\tname: ele.toString(),\n\t\t\t\tcount: Number(props.popupData?.yAxis.data[index]) \|\| 0,\n\t\t\t});\n\t\t});\n\t\tsetPieChartData(dataForPieChart);\n\t}, [showPieChart, props.popupData?.xAxis.data, props.popupData?.yAxis.data]);\n\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\tconst noDataPresent = props.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst noDataPresentInPopup =\n\t\tprops.popupData?.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\tconst options = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.yAxis.title,\n\t\t\t\t\ttext: props.yAxis.title,\n\t\t\t\t\tcolor: props.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresent ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\tconst optionsForPopup = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresentInPopup,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.xAxis.title,\n\t\t\t\t\ttext: props.popupData?.xAxis.title,\n\t\t\t\t\tcolor: props.popupData?.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.yAxis.title,\n\t\t\t\t\ttext: props.popupData?.yAxis.title,\n\t\t\t\t\tcolor: props.popupData?.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.popupData?.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresentInPopup ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\n\tconst data = {\n\t\tlabels: props.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.xAxis.data.length;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\tconst dataForPopup = {\n\t\tlabels: props.popupData?.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresentInPopup ? dummyValues : props.popupData?.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.popupData?.xAxis.data.length \|\| 0;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper padding={props.outerPadding}>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div style={{ marginBottom: 24 }}>\n\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n\t\t\t\t{props.showConvertToPieChart && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{props.allowChartPopup && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Bar options={options} data={data} />\n\t\t\t</div>\n\t\t\t{showPopup && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showPopup}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowPopup(false);\n\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t}}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={props.popupData?.chartHeading}\n\t\t\t\t\twidth=\"75%\"\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tprops.showConvertToPieChart ? (\n\t\t\t\t\t\t\t!showPieChart ? (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={BarChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : null\n\t\t\t\t\t}\n\t\t\t\t\theaderLeftCustomElement={props.popupData?.headerLeftCustomElement}\n\t\t\t\t>\n\t\t\t\t\t{showPieChart && pieChartData && PieChartAnalytics && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<div>Loading...</div>}>\n\t\t\t\t\t\t\t\t<PieChartAnalytics\n\t\t\t\t\t\t\t\t\tslices={pieChartData}\n\t\t\t\t\t\t\t\t\tsize={props.pieChartSize}\n\t\t\t\t\t\t\t\t\thideTitle={true}\n\t\t\t\t\t\t\t\t\tcurrencyProps={props.currencyProps}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!showPieChart && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Bar options={optionsForPopup} data={dataForPopup} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","register","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","props","PieChartComponent","PieChartAnalytics","showPopup","setShowPopup","useState","showPieChart","setShowPieChart","pieChartData","setPieChartData","useEffect","dataForPieChart","_a","popupData","xAxis","data","forEach","ele","index","push","name","toString","count","Number","yAxis","_b","dummyValues","noDataPresent","findIndex","noDataPresentInPopup","_c","yAxisConfigForNoData","min","max","stepSize","options","responsive","plugins","legend","display","tooltip","enabled","callbacks","label","toolTipCallback","datalabels","_d","showTotal","anchor","align","clamp","color","COLORS","content","secondary","scales","x","title","text","titleColor","font","size","FONTS","caption","fontSize","grid","borderColor","background","base","ticks","_e","labelColor","y","callback","ticksCallback","_f","maintainAspectRatio","optionsForPopup","_g","_h","_j","_k","_m","_l","_o","_p","_q","Object","assign","_r","_t","_s","labels","map","d","datasets","backgroundColor","context","rgba","barColorRGBA","gradientColorSet","dataSetLen","length","isFunnel","counter","toFixed","rgb","r","g","b","i","rgbaColor","a","Array","fill","barPercentage","categoryPercentage","borderRadius","dataForPopup","_u","_v","_jsxs","GraphContainerWrapper","padding","outerPadding","children","chartHeading","_jsx","style","marginBottom","jsx","TitleMedium","_w","heading","justifyContent","showConvertToPieChart","IconButton","Icon","PieChartIcon","onClick","allowChartPopup","MaximizeIcon","height","_x","graphCanvasHeight","Bar","StyledModal","open","onClose","closeOnOutsideClick","headingTitle","_y","width","headerRightCustomElement","BarChartIcon","headerLeftCustomElement","_z","_0","Suspense","fallback","slices","pieChartSize","hideTitle","currencyProps","_1"],"mappings":"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"}
1	+ {"version":3,"file":"VerticalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx"],"sourcesContent":["import BarChartIcon from '@src/assets/icons/ChartBar.svg';\nimport PieChartIcon from '@src/assets/icons/ChartPie.svg';\nimport MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tColor,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React, { Suspense, useEffect } from 'react';\nimport { useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport { VerticalGraphI } from './VerticalGraph.d';\nimport { GraphContainerWrapper } from './VerticalGraph.styles';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const VerticalGraph: React.FC<VerticalGraphI> = (props) => {\n\tconst { PieChartComponent: PieChartAnalytics } = props;\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst [showPieChart, setShowPieChart] = useState(false);\n\tconst [pieChartData, setPieChartData] = useState<\n\t\t{\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[]\n\t>();\n\n\tuseEffect(() => {\n\t\tconst dataForPieChart: {\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[] = [];\n\t\tif (!showPieChart) {\n\t\t\treturn;\n\t\t}\n\t\tprops.popupData?.xAxis.data.forEach((ele, index) => {\n\t\t\tdataForPieChart.push({\n\t\t\t\tname: ele.toString(),\n\t\t\t\tcount: Number(props.popupData?.yAxis.data[index]) \|\| 0,\n\t\t\t});\n\t\t});\n\t\tsetPieChartData(dataForPieChart);\n\t}, [showPieChart, props.popupData?.xAxis.data, props.popupData?.yAxis.data]);\n\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\tconst noDataPresent = props.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst noDataPresentInPopup =\n\t\tprops.popupData?.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\tconst options = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.yAxis.title,\n\t\t\t\t\ttext: props.yAxis.title,\n\t\t\t\t\tcolor: props.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresent ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\tconst optionsForPopup = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresentInPopup,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.xAxis.title,\n\t\t\t\t\ttext: props.popupData?.xAxis.title,\n\t\t\t\t\tcolor: props.popupData?.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.yAxis.title,\n\t\t\t\t\ttext: props.popupData?.yAxis.title,\n\t\t\t\t\tcolor: props.popupData?.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.popupData?.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresentInPopup ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\n\tconst data = {\n\t\tlabels: props.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.xAxis.data.length;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\tconst dataForPopup = {\n\t\tlabels: props.popupData?.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresentInPopup ? dummyValues : props.popupData?.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.popupData?.xAxis.data.length \|\| 0;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper padding={props.outerPadding}>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div style={{ marginBottom: 24 }}>\n\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n\t\t\t\t{props.showConvertToPieChart && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{props.allowChartPopup && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Bar options={options} data={data} />\n\t\t\t</div>\n\t\t\t{showPopup && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showPopup}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowPopup(false);\n\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t}}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={props.popupData?.chartHeading}\n\t\t\t\t\twidth=\"75%\"\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tprops.showConvertToPieChart ? (\n\t\t\t\t\t\t\t!showPieChart ? (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={BarChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : null\n\t\t\t\t\t}\n\t\t\t\t\theaderLeftCustomElement={props.popupData?.headerLeftCustomElement}\n\t\t\t\t>\n\t\t\t\t\t{showPieChart && pieChartData && PieChartAnalytics && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<div>Loading...</div>}>\n\t\t\t\t\t\t\t\t<PieChartAnalytics\n\t\t\t\t\t\t\t\t\tslices={pieChartData}\n\t\t\t\t\t\t\t\t\tsize={props.pieChartSize}\n\t\t\t\t\t\t\t\t\thideTitle={true}\n\t\t\t\t\t\t\t\t\tcurrencyProps={props.currencyProps}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!showPieChart && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Bar options={optionsForPopup} data={dataForPopup} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","register","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","props","PieChartComponent","PieChartAnalytics","showPopup","setShowPopup","useState","showPieChart","setShowPieChart","pieChartData","setPieChartData","useEffect","dataForPieChart","_a","popupData","xAxis","data","forEach","ele","index","push","name","toString","count","Number","yAxis","_b","dummyValues","noDataPresent","findIndex","noDataPresentInPopup","_c","yAxisConfigForNoData","min","max","stepSize","options","responsive","plugins","legend","display","tooltip","enabled","callbacks","label","toolTipCallback","datalabels","_d","showTotal","anchor","align","clamp","color","COLORS","content","secondary","scales","x","title","text","titleColor","font","size","FONTS","caption","fontSize","grid","borderColor","background","base","ticks","_e","labelColor","y","callback","ticksCallback","_f","maintainAspectRatio","optionsForPopup","_g","_h","_j","_k","_m","_l","_o","_p","_q","Object","assign","_r","_t","_s","labels","map","d","datasets","backgroundColor","context","rgba","barColorRGBA","gradientColorSet","dataSetLen","length","isFunnel","counter","toFixed","rgb","r","g","b","i","rgbaColor","a","Array","fill","barPercentage","categoryPercentage","borderRadius","dataForPopup","_u","_v","_jsxs","GraphContainerWrapper","padding","outerPadding","children","chartHeading","_jsx","style","marginBottom","jsx","TitleMedium","_w","heading","justifyContent","showConvertToPieChart","IconButton","Icon","PieChartIcon","onClick","allowChartPopup","MaximizeIcon","height","_x","graphCanvasHeight","Bar","StyledModal","open","onClose","closeOnOutsideClick","headingTitle","_y","width","headerRightCustomElement","BarChartIcon","headerLeftCustomElement","_z","_0","Suspense","fallback","slices","pieChartSize","hideTitle","currencyProps","_1"],"mappings":"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"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,s=require("react/jsx-runtime"),o=require("react"),n=require("../../../tooltips/Tooltip.js"),r=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),c=require("./HeatMapStyled.js");exports.HEAT_GRADING_TYPE=void 0,(e=exports.HEAT_GRADING_TYPE||(exports.HEAT_GRADING_TYPE={}))[e.ABSOLUTE=0]="ABSOLUTE",e[e.RELATIVE=1]="RELATIVE",exports.HEAT=void 0,(t=exports.HEAT||(exports.HEAT={}))[t.LOW=0]="LOW",t[t.MEDIUM=1]="MEDIUM",t[t.HIGH=2]="HIGH",t[t.HIGHEST=3]="HIGHEST";const l={[exports.HEAT.LOW]:"#EBDBFF",[exports.HEAT.MEDIUM]:"#D2AEFF",[exports.HEAT.HIGH]:"#9E77ED",[exports.HEAT.HIGHEST]:"#5E07BB"},a=e=>{if(e>=1e3){const t=e/1e3;return`${Math.round(10*t)/10}K`}return e.toString()};exports.HEAT_COLORS=l,exports.HeatMap=({title:e,xLabels:t,yLabels:x,values:d,heatType:H,absolutHeatValues:j,showAbsoluteValuesOnLegend:p,hideXLabels:E,customComponent:h,heatBoxWidth:T,heatBoxHeight:L,isLooseFit:g,centerAlignXLabels:A=!1})=>{const[O,I]=o.useState(),y=g?{display:"flex",justifyContent:"center",alignItems:"center"}:{};return o.useEffect((()=>{const e=Math.max(...d.flat()),t=Math.min(...d.flat());I(d.map((s=>s.map((s=>((e,t,s,o,n)=>{if(t===exports.HEAT_GRADING_TYPE.ABSOLUTE)return e<=s[0]?exports.HEAT.LOW:e<=s[1]?exports.HEAT.MEDIUM:e<=s[2]?exports.HEAT.HIGH:exports.HEAT.HIGHEST;{const t=(n-o)/4;return e<=o+t?exports.HEAT.LOW:e<=o+2*t?exports.HEAT.MEDIUM:e<=o+3*t?exports.HEAT.HIGH:exports.HEAT.HIGHEST}})(s,H,j||[],t,e))))))}),[d,j,H]),O?s.jsxs(c.HeatBoxStyled,Object.assign({isLooseFit:g},{children:[s.jsxs("div",Object.assign({className:"top-container"},{children:[s.jsxs("div",Object.assign({className:"top-container__heading"},{children:[s.jsx(r.TitleMedium,Object.assign({style:{color:i.COLORS.content.primary}},{children:e})),h]})),s.jsx("div",Object.assign({className:"top-container__legend"},{children:s.jsx(c.LegendContainer,{children:H===exports.HEAT_GRADING_TYPE.ABSOLUTE&&p&&j&&j.length>=3?s.jsxs(s.Fragment,{children:[s.jsxs(c.LegendItem,{children:[s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.LOW]}),s.jsx(c.LegendValue,{children:s.jsx(r.BodyCaption,Object.assign({color:i.COLORS.content.secondary},{children:a(j[0])}))})]}),s.jsxs(c.LegendItem,{children:[s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.MEDIUM]}),s.jsx(c.LegendValue,{children:s.jsx(r.BodyCaption,Object.assign({color:i.COLORS.content.secondary},{children:a(j[1])}))})]}),s.jsxs(c.LegendItem,{children:[s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.HIGH]}),s.jsx(c.LegendValue,{children:s.jsx(r.BodyCaption,Object.assign({color:i.COLORS.content.secondary},{children:a(j[2])}))})]}),s.jsxs(c.LegendItem,{children:[s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.HIGHEST]}),s.jsx(c.LegendValue,{children:s.jsx(r.BodyCaption,Object.assign({color:i.COLORS.content.secondary},{children:j[3]?a(j[3]):a(j[2])+"+"}))})]})]}):s.jsxs(c.LegendLabels,{children:[s.jsx(c.LegendCaption,{children:s.jsx(r.Caption,{children:"Less"})}),s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.LOW]}),s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.MEDIUM]}),s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.HIGH]}),s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.HIGHEST]}),s.jsx(c.LegendCaption,{children:s.jsx(r.Caption,{children:"More"})})]})})}))]})),s.jsx("table",Object.assign({style:y},{children:s.jsxs("tbody",{children:[x.map(((e,o)=>s.jsxs("tr",{children:[s.jsx("td",{children:s.jsx(r.BodyTiny,Object.assign({style:{color:i.COLORS.content.placeholder}},{children:e}))}),t.map(((e,t)=>s.jsx("td",{children:s.jsx(n.Tooltip,Object.assign({body:a(d[o][t]),placement:"bottom"},{children:s.jsx(c.HeatBox,{color:l[O[o][t]],heatBoxWidth:T,heatBoxHeight:L})}))},e)))]},e))),!E&&s.jsxs("tr",{children:[s.jsx("th",{}),t.map((e=>s.jsx("th",Object.assign({style:A?{textAlign:"center"}:void 0},{children:s.jsx(r.BodyTiny,Object.assign({style:A?{color:i.COLORS.content.placeholder,textAlign:"center",display:"block",width:"100%"}:{color:i.COLORS.content.placeholder}},{children:e}))}),e)))]})]})}))]})):s.jsx(s.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,s=require("react/jsx-runtime"),o=require("react"),n=require("../../../tooltips/Tooltip.js"),r=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),c=require("./HeatMapStyled.js");exports.HEAT_GRADING_TYPE=void 0,(e=exports.HEAT_GRADING_TYPE||(exports.HEAT_GRADING_TYPE={}))[e.ABSOLUTE=0]="ABSOLUTE",e[e.RELATIVE=1]="RELATIVE",exports.HEAT=void 0,(t=exports.HEAT||(exports.HEAT={}))[t.LOW=0]="LOW",t[t.MEDIUM=1]="MEDIUM",t[t.HIGH=2]="HIGH",t[t.HIGHEST=3]="HIGHEST";const l={[exports.HEAT.LOW]:"#EBDBFF",[exports.HEAT.MEDIUM]:"#D2AEFF",[exports.HEAT.HIGH]:"#9E77ED",[exports.HEAT.HIGHEST]:"#5E07BB"},a=e=>{if(e>=1e3){const t=e/1e3;return`${Math.round(10*t)/10}K`}return e.toString()};exports.HEAT_COLORS=l,exports.HeatMap=e=>{let{title:t,xLabels:x,yLabels:d,values:H,heatType:j,absolutHeatValues:p,showAbsoluteValuesOnLegend:E,hideXLabels:h,customComponent:T,heatBoxWidth:L,heatBoxHeight:g,isLooseFit:A,centerAlignXLabels:O=!1}=e;const[I,y]=o.useState(),u=A?{display:"flex",justifyContent:"center",alignItems:"center"}:{};return o.useEffect((()=>{const e=Math.max(...H.flat()),t=Math.min(...H.flat());y(H.map((s=>s.map((s=>((e,t,s,o,n)=>{if(t===exports.HEAT_GRADING_TYPE.ABSOLUTE)return e<=s[0]?exports.HEAT.LOW:e<=s[1]?exports.HEAT.MEDIUM:e<=s[2]?exports.HEAT.HIGH:exports.HEAT.HIGHEST;{const t=(n-o)/4;return e<=o+t?exports.HEAT.LOW:e<=o+2*t?exports.HEAT.MEDIUM:e<=o+3*t?exports.HEAT.HIGH:exports.HEAT.HIGHEST}})(s,j,p||[],t,e))))))}),[H,p,j]),I?s.jsxs(c.HeatBoxStyled,Object.assign({isLooseFit:A},{children:[s.jsxs("div",Object.assign({className:"top-container"},{children:[s.jsxs("div",Object.assign({className:"top-container__heading"},{children:[s.jsx(r.TitleMedium,Object.assign({style:{color:i.COLORS.content.primary}},{children:t})),T]})),s.jsx("div",Object.assign({className:"top-container__legend"},{children:s.jsx(c.LegendContainer,{children:j===exports.HEAT_GRADING_TYPE.ABSOLUTE&&E&&p&&p.length>=3?s.jsxs(s.Fragment,{children:[s.jsxs(c.LegendItem,{children:[s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.LOW]}),s.jsx(c.LegendValue,{children:s.jsx(r.BodyCaption,Object.assign({color:i.COLORS.content.secondary},{children:a(p[0])}))})]}),s.jsxs(c.LegendItem,{children:[s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.MEDIUM]}),s.jsx(c.LegendValue,{children:s.jsx(r.BodyCaption,Object.assign({color:i.COLORS.content.secondary},{children:a(p[1])}))})]}),s.jsxs(c.LegendItem,{children:[s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.HIGH]}),s.jsx(c.LegendValue,{children:s.jsx(r.BodyCaption,Object.assign({color:i.COLORS.content.secondary},{children:a(p[2])}))})]}),s.jsxs(c.LegendItem,{children:[s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.HIGHEST]}),s.jsx(c.LegendValue,{children:s.jsx(r.BodyCaption,Object.assign({color:i.COLORS.content.secondary},{children:p[3]?a(p[3]):a(p[2])+"+"}))})]})]}):s.jsxs(c.LegendLabels,{children:[s.jsx(c.LegendCaption,{children:s.jsx(r.Caption,{children:"Less"})}),s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.LOW]}),s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.MEDIUM]}),s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.HIGH]}),s.jsx(c.HeatBoxLegend,{color:l[exports.HEAT.HIGHEST]}),s.jsx(c.LegendCaption,{children:s.jsx(r.Caption,{children:"More"})})]})})}))]})),s.jsx("table",Object.assign({style:u},{children:s.jsxs("tbody",{children:[d.map(((e,t)=>s.jsxs("tr",{children:[s.jsx("td",{children:s.jsx(r.BodyTiny,Object.assign({style:{color:i.COLORS.content.placeholder}},{children:e}))}),x.map(((e,o)=>s.jsx("td",{children:s.jsx(n.Tooltip,Object.assign({body:a(H[t][o]),placement:"bottom"},{children:s.jsx(c.HeatBox,{color:l[I[t][o]],heatBoxWidth:L,heatBoxHeight:g})}))},e)))]},e))),!h&&s.jsxs("tr",{children:[s.jsx("th",{}),x.map((e=>s.jsx("th",Object.assign({style:O?{textAlign:"center"}:void 0},{children:s.jsx(r.BodyTiny,Object.assign({style:O?{color:i.COLORS.content.placeholder,textAlign:"center",display:"block",width:"100%"}:{color:i.COLORS.content.placeholder}},{children:e}))}),e)))]})]})}))]})):s.jsx(s.Fragment,{})};
 //# sourceMappingURL=HeatMap.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeatMap.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodyCaption,\n\tBodyTiny,\n\tCaption,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tHeatBox,\n\tHeatBoxLegend,\n\tHeatBoxStyled,\n\tLegendCaption,\n\tLegendContainer,\n\tLegendItem,\n\tLegendLabels,\n\tLegendValue,\n} from './HeatMapStyled';\n\nexport enum HEAT_GRADING_TYPE {\n\tABSOLUTE,\n\tRELATIVE,\n}\n\nexport interface HeatMapInputInterface {\n\ttitle: string;\n\txLabels: string[];\n\tyLabels: string[];\n\tvalues: number[][];\n\theatType: HEAT_GRADING_TYPE;\n\tabsolutHeatValues?: number[];\n\tshowAbsoluteValuesOnLegend?: boolean;\n\thideXLabels?: boolean;\n\tcustomComponent?: ReactNode;\n\theatBoxWidth?: number;\n\theatBoxHeight?: number;\n\tisLooseFit?: boolean;\n\t/*\n\t If true, xLabels are center-aligned. Defaults to false (left-aligned).\n\t /\n\tcenterAlignXLabels?: boolean;\n}\n\nexport enum HEAT {\n\tLOW,\n\tMEDIUM,\n\tHIGH,\n\tHIGHEST,\n}\n\nexport const HEAT_COLORS = {\n\t[HEAT.LOW]: '#EBDBFF',\n\t[HEAT.MEDIUM]: '#D2AEFF',\n\t[HEAT.HIGH]: '#9E77ED',\n\t[HEAT.HIGHEST]: '#5E07BB',\n};\n\nconst formatLargeNumber = (value: number): string => {\n\tif (value >= 1000) {\n\t\tconst kValue = value / 1000;\n\t\t// Round to 1 decimal place, but remove trailing zeros\n\t\tconst rounded = Math.round(kValue 10) / 10;\n\t\treturn `${rounded}K`;\n\t}\n\treturn value.toString();\n};\n\nconst getHeat = (\n\tvalue: number,\n\theatType: HEAT_GRADING_TYPE,\n\tabsolutHeatValues: number[],\n\tmin: number,\n\tmax: number,\n) => {\n\tif (heatType === HEAT_GRADING_TYPE.ABSOLUTE) {\n\t\tif (value <= absolutHeatValues[0]) return HEAT.LOW;\n\t\tif (value <= absolutHeatValues[1]) return HEAT.MEDIUM;\n\t\tif (value <= absolutHeatValues[2]) return HEAT.HIGH;\n\t\treturn HEAT.HIGHEST;\n\t} else {\n\t\tconst quarter = (max - min) / 4;\n\t\tif (value <= min + quarter) return HEAT.LOW;\n\t\tif (value <= min + quarter * 2) return HEAT.MEDIUM;\n\t\tif (value <= min + quarter * 3) return HEAT.HIGH;\n\t\treturn HEAT.HIGHEST;\n\t}\n};\n\nexport const HeatMap: React.FC<HeatMapInputInterface> = ({\n\ttitle,\n\txLabels,\n\tyLabels,\n\tvalues,\n\theatType,\n\tabsolutHeatValues,\n\tshowAbsoluteValuesOnLegend,\n\thideXLabels,\n\tcustomComponent,\n\theatBoxWidth,\n\theatBoxHeight,\n\tisLooseFit,\n\tcenterAlignXLabels = false,\n}) => {\n\tconst [heatValues, setHeatValues] = useState<HEAT[][]>();\n\n\tconst tableStyle = isLooseFit\n\t\t? {\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\talignItems: 'center', // Corrected this line\n\t\t }\n\t\t: {};\n\n\tuseEffect(() => {\n\t\tconst max = Math.max(...values.flat());\n\t\tconst min = Math.min(...values.flat());\n\t\tsetHeatValues(\n\t\t\tvalues.map((row) =>\n\t\t\t\trow.map((value) =>\n\t\t\t\t\tgetHeat(value, heatType, absolutHeatValues \|\| [], min, max),\n\t\t\t\t),\n\t\t\t),\n\t\t);\n\t}, [values, absolutHeatValues, heatType]);\n\n\tif (!heatValues) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<HeatBoxStyled isLooseFit={isLooseFit}>\n\t\t\t<div className=\"top-container\">\n\t\t\t\t<div className=\"top-container__heading\">\n\t\t\t\t\t<TitleMedium style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t{customComponent}\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"top-container__legend\">\n\t\t\t\t\t<LegendContainer>\n\t\t\t\t\t\t{heatType === HEAT_GRADING_TYPE.ABSOLUTE &&\n\t\t\t\t\t\tshowAbsoluteValuesOnLegend &&\n\t\t\t\t\t\tabsolutHeatValues &&\n\t\t\t\t\t\tabsolutHeatValues.length >= 3 ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<LegendItem>\n\t\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.LOW]} />\n\t\t\t\t\t\t\t\t\t<LegendValue>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t{formatLargeNumber(absolutHeatValues[0])}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</LegendValue>\n\t\t\t\t\t\t\t\t</LegendItem>\n\t\t\t\t\t\t\t\t<LegendItem>\n\t\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.MEDIUM]} />\n\t\t\t\t\t\t\t\t\t<LegendValue>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t{formatLargeNumber(absolutHeatValues[1])}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</LegendValue>\n\t\t\t\t\t\t\t\t</LegendItem>\n\t\t\t\t\t\t\t\t<LegendItem>\n\t\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGH]} />\n\t\t\t\t\t\t\t\t\t<LegendValue>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t{formatLargeNumber(absolutHeatValues[2])}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</LegendValue>\n\t\t\t\t\t\t\t\t</LegendItem>\n\t\t\t\t\t\t\t\t<LegendItem>\n\t\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGHEST]} />\n\t\t\t\t\t\t\t\t\t<LegendValue>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t{absolutHeatValues[3]\n\t\t\t\t\t\t\t\t\t\t\t\t? formatLargeNumber(absolutHeatValues[3])\n\t\t\t\t\t\t\t\t\t\t\t\t: formatLargeNumber(absolutHeatValues[2]) + '+'}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</LegendValue>\n\t\t\t\t\t\t\t\t</LegendItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<LegendLabels>\n\t\t\t\t\t\t\t\t<LegendCaption>\n\t\t\t\t\t\t\t\t\t<Caption>Less</Caption>\n\t\t\t\t\t\t\t\t</LegendCaption>\n\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.LOW]} />\n\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.MEDIUM]} />\n\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGH]} />\n\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGHEST]} />\n\t\t\t\t\t\t\t\t<LegendCaption>\n\t\t\t\t\t\t\t\t\t<Caption>More</Caption>\n\t\t\t\t\t\t\t\t</LegendCaption>\n\t\t\t\t\t\t\t</LegendLabels>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</LegendContainer>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<table style={tableStyle}>\n\t\t\t\t<tbody>\n\t\t\t\t\t{yLabels.map((yLabel, rowIndex) => (\n\t\t\t\t\t\t<tr key={yLabel}>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<BodyTiny style={{ color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t\t\t\t{yLabel}\n\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t{xLabels.map((xLabel, colIndex) => (\n\t\t\t\t\t\t\t\t<td key={xLabel}>\n\t\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\t\tbody={formatLargeNumber(values[rowIndex][colIndex])}\n\t\t\t\t\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<HeatBox\n\t\t\t\t\t\t\t\t\t\t\tcolor={HEAT_COLORS[heatValues[rowIndex][colIndex]]}\n\t\t\t\t\t\t\t\t\t\t\theatBoxWidth={heatBoxWidth}\n\t\t\t\t\t\t\t\t\t\t\theatBoxHeight={heatBoxHeight}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t))}\n\t\t\t\t\t{!hideXLabels && (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th></th>\n\t\t\t\t\t\t\t{xLabels.map((xLabel) => (\n\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\tkey={xLabel}\n\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\tcenterAlignXLabels ? { textAlign: 'center' } : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tcenterAlignXLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.content.placeholder,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t: { color: COLORS.content.placeholder }\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{xLabel}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t)}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</HeatBoxStyled>\n\t);\n};\n"],"names":["HEAT_GRADING_TYPE","HEAT","HEAT_COLORS","LOW","MEDIUM","HIGH","HIGHEST","formatLargeNumber","value","kValue","Math","round","toString","HeatMap","title","xLabels","yLabels","values","heatType","absolutHeatValues","showAbsoluteValuesOnLegend","hideXLabels","customComponent","heatBoxWidth","heatBoxHeight","isLooseFit","centerAlignXLabels","heatValues","setHeatValues","useState","tableStyle","display","justifyContent","alignItems","useEffect","max","flat","min","map","row","getHeat","ABSOLUTE","quarter","_jsxs","HeatBoxStyled","Object","assign","children","jsxs","className","_jsx","TitleMedium","style","color","COLORS","content","primary","jsx","LegendContainer","length","_Fragment","LegendItem","HeatBoxLegend","LegendValue","BodyCaption","secondary","LegendLabels","LegendCaption","Caption","yLabel","rowIndex","BodyTiny","placeholder","xLabel","colIndex","Tooltip","body","placement","HeatBox","textAlign","undefined","width"],"mappings":"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"}
1	+ {"version":3,"file":"HeatMap.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodyCaption,\n\tBodyTiny,\n\tCaption,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tHeatBox,\n\tHeatBoxLegend,\n\tHeatBoxStyled,\n\tLegendCaption,\n\tLegendContainer,\n\tLegendItem,\n\tLegendLabels,\n\tLegendValue,\n} from './HeatMapStyled';\n\nexport enum HEAT_GRADING_TYPE {\n\tABSOLUTE,\n\tRELATIVE,\n}\n\nexport interface HeatMapInputInterface {\n\ttitle: string;\n\txLabels: string[];\n\tyLabels: string[];\n\tvalues: number[][];\n\theatType: HEAT_GRADING_TYPE;\n\tabsolutHeatValues?: number[];\n\tshowAbsoluteValuesOnLegend?: boolean;\n\thideXLabels?: boolean;\n\tcustomComponent?: ReactNode;\n\theatBoxWidth?: number;\n\theatBoxHeight?: number;\n\tisLooseFit?: boolean;\n\t/*\n\t If true, xLabels are center-aligned. Defaults to false (left-aligned).\n\t /\n\tcenterAlignXLabels?: boolean;\n}\n\nexport enum HEAT {\n\tLOW,\n\tMEDIUM,\n\tHIGH,\n\tHIGHEST,\n}\n\nexport const HEAT_COLORS = {\n\t[HEAT.LOW]: '#EBDBFF',\n\t[HEAT.MEDIUM]: '#D2AEFF',\n\t[HEAT.HIGH]: '#9E77ED',\n\t[HEAT.HIGHEST]: '#5E07BB',\n};\n\nconst formatLargeNumber = (value: number): string => {\n\tif (value >= 1000) {\n\t\tconst kValue = value / 1000;\n\t\t// Round to 1 decimal place, but remove trailing zeros\n\t\tconst rounded = Math.round(kValue 10) / 10;\n\t\treturn `${rounded}K`;\n\t}\n\treturn value.toString();\n};\n\nconst getHeat = (\n\tvalue: number,\n\theatType: HEAT_GRADING_TYPE,\n\tabsolutHeatValues: number[],\n\tmin: number,\n\tmax: number,\n) => {\n\tif (heatType === HEAT_GRADING_TYPE.ABSOLUTE) {\n\t\tif (value <= absolutHeatValues[0]) return HEAT.LOW;\n\t\tif (value <= absolutHeatValues[1]) return HEAT.MEDIUM;\n\t\tif (value <= absolutHeatValues[2]) return HEAT.HIGH;\n\t\treturn HEAT.HIGHEST;\n\t} else {\n\t\tconst quarter = (max - min) / 4;\n\t\tif (value <= min + quarter) return HEAT.LOW;\n\t\tif (value <= min + quarter * 2) return HEAT.MEDIUM;\n\t\tif (value <= min + quarter * 3) return HEAT.HIGH;\n\t\treturn HEAT.HIGHEST;\n\t}\n};\n\nexport const HeatMap: React.FC<HeatMapInputInterface> = ({\n\ttitle,\n\txLabels,\n\tyLabels,\n\tvalues,\n\theatType,\n\tabsolutHeatValues,\n\tshowAbsoluteValuesOnLegend,\n\thideXLabels,\n\tcustomComponent,\n\theatBoxWidth,\n\theatBoxHeight,\n\tisLooseFit,\n\tcenterAlignXLabels = false,\n}) => {\n\tconst [heatValues, setHeatValues] = useState<HEAT[][]>();\n\n\tconst tableStyle = isLooseFit\n\t\t? {\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\talignItems: 'center', // Corrected this line\n\t\t }\n\t\t: {};\n\n\tuseEffect(() => {\n\t\tconst max = Math.max(...values.flat());\n\t\tconst min = Math.min(...values.flat());\n\t\tsetHeatValues(\n\t\t\tvalues.map((row) =>\n\t\t\t\trow.map((value) =>\n\t\t\t\t\tgetHeat(value, heatType, absolutHeatValues \|\| [], min, max),\n\t\t\t\t),\n\t\t\t),\n\t\t);\n\t}, [values, absolutHeatValues, heatType]);\n\n\tif (!heatValues) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<HeatBoxStyled isLooseFit={isLooseFit}>\n\t\t\t<div className=\"top-container\">\n\t\t\t\t<div className=\"top-container__heading\">\n\t\t\t\t\t<TitleMedium style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t{customComponent}\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"top-container__legend\">\n\t\t\t\t\t<LegendContainer>\n\t\t\t\t\t\t{heatType === HEAT_GRADING_TYPE.ABSOLUTE &&\n\t\t\t\t\t\tshowAbsoluteValuesOnLegend &&\n\t\t\t\t\t\tabsolutHeatValues &&\n\t\t\t\t\t\tabsolutHeatValues.length >= 3 ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<LegendItem>\n\t\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.LOW]} />\n\t\t\t\t\t\t\t\t\t<LegendValue>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t{formatLargeNumber(absolutHeatValues[0])}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</LegendValue>\n\t\t\t\t\t\t\t\t</LegendItem>\n\t\t\t\t\t\t\t\t<LegendItem>\n\t\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.MEDIUM]} />\n\t\t\t\t\t\t\t\t\t<LegendValue>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t{formatLargeNumber(absolutHeatValues[1])}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</LegendValue>\n\t\t\t\t\t\t\t\t</LegendItem>\n\t\t\t\t\t\t\t\t<LegendItem>\n\t\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGH]} />\n\t\t\t\t\t\t\t\t\t<LegendValue>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t{formatLargeNumber(absolutHeatValues[2])}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</LegendValue>\n\t\t\t\t\t\t\t\t</LegendItem>\n\t\t\t\t\t\t\t\t<LegendItem>\n\t\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGHEST]} />\n\t\t\t\t\t\t\t\t\t<LegendValue>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t{absolutHeatValues[3]\n\t\t\t\t\t\t\t\t\t\t\t\t? formatLargeNumber(absolutHeatValues[3])\n\t\t\t\t\t\t\t\t\t\t\t\t: formatLargeNumber(absolutHeatValues[2]) + '+'}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</LegendValue>\n\t\t\t\t\t\t\t\t</LegendItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<LegendLabels>\n\t\t\t\t\t\t\t\t<LegendCaption>\n\t\t\t\t\t\t\t\t\t<Caption>Less</Caption>\n\t\t\t\t\t\t\t\t</LegendCaption>\n\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.LOW]} />\n\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.MEDIUM]} />\n\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGH]} />\n\t\t\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGHEST]} />\n\t\t\t\t\t\t\t\t<LegendCaption>\n\t\t\t\t\t\t\t\t\t<Caption>More</Caption>\n\t\t\t\t\t\t\t\t</LegendCaption>\n\t\t\t\t\t\t\t</LegendLabels>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</LegendContainer>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<table style={tableStyle}>\n\t\t\t\t<tbody>\n\t\t\t\t\t{yLabels.map((yLabel, rowIndex) => (\n\t\t\t\t\t\t<tr key={yLabel}>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<BodyTiny style={{ color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t\t\t\t{yLabel}\n\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t{xLabels.map((xLabel, colIndex) => (\n\t\t\t\t\t\t\t\t<td key={xLabel}>\n\t\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\t\tbody={formatLargeNumber(values[rowIndex][colIndex])}\n\t\t\t\t\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<HeatBox\n\t\t\t\t\t\t\t\t\t\t\tcolor={HEAT_COLORS[heatValues[rowIndex][colIndex]]}\n\t\t\t\t\t\t\t\t\t\t\theatBoxWidth={heatBoxWidth}\n\t\t\t\t\t\t\t\t\t\t\theatBoxHeight={heatBoxHeight}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t))}\n\t\t\t\t\t{!hideXLabels && (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th></th>\n\t\t\t\t\t\t\t{xLabels.map((xLabel) => (\n\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\tkey={xLabel}\n\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\tcenterAlignXLabels ? { textAlign: 'center' } : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tcenterAlignXLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.content.placeholder,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t: { color: COLORS.content.placeholder }\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{xLabel}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t)}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</HeatBoxStyled>\n\t);\n};\n"],"names":["HEAT_GRADING_TYPE","HEAT","HEAT_COLORS","LOW","MEDIUM","HIGH","HIGHEST","formatLargeNumber","value","kValue","Math","round","toString","_ref","title","xLabels","yLabels","values","heatType","absolutHeatValues","showAbsoluteValuesOnLegend","hideXLabels","customComponent","heatBoxWidth","heatBoxHeight","isLooseFit","centerAlignXLabels","heatValues","setHeatValues","useState","tableStyle","display","justifyContent","alignItems","useEffect","max","flat","min","map","row","getHeat","ABSOLUTE","quarter","_jsxs","HeatBoxStyled","Object","assign","children","jsxs","className","_jsx","TitleMedium","style","color","COLORS","content","primary","jsx","LegendContainer","length","_Fragment","LegendItem","HeatBoxLegend","LegendValue","BodyCaption","secondary","LegendLabels","LegendCaption","Caption","yLabel","rowIndex","BodyTiny","placeholder","xLabel","colIndex","Tooltip","body","placement","HeatBox","textAlign","undefined","width"],"mappings":"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"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),c=require("react"),l=require("../../../tooltips/Tooltip.js"),C=require("../../../TypographyStyle.js"),b=require("../../../../constants/Theme.js"),d=require("./HeatMapStyled.js");function i(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var X,e=i(I);!function(I){I[I.LOW=0]="LOW",I[I.MEDIUM=1]="MEDIUM",I[I.HIGH=2]="HIGH",I[I.HIGHEST=3]="HIGHEST"}(X||(X={}));const s={[X.LOW]:"#EBDBFF",[X.MEDIUM]:"#D2AEFF",[X.HIGH]:"#9E77ED",[X.HIGHEST]:"#5E07BB"},Z=e.default("div","production"===process.env.NODE_ENV?{target:"e1i23nxv1"}:{target:"e1i23nxv1",label:"HeatBox"})("height:7px;border-radius:1px;background-color:",(I=>I.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEMyQiIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vLi4vLi4vdG9vbHRpcHNcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlUaW55IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IEhlYXRCb3hMZWdlbmQgfSBmcm9tICcuL0hlYXRNYXBTdHlsZWQnO1xyXG52YXIgSEVBVDtcclxuKGZ1bmN0aW9uIChIRUFUKSB7XHJcbiAgICBIRUFUW0hFQVRbXCJMT1dcIl0gPSAwXSA9IFwiTE9XXCI7XHJcbiAgICBIRUFUW0hFQVRbXCJNRURJVU1cIl0gPSAxXSA9IFwiTUVESVVNXCI7XHJcbiAgICBIRUFUW0hFQVRbXCJISUdIXCJdID0gMl0gPSBcIkhJR0hcIjtcclxuICAgIEhFQVRbSEVBVFtcIkhJR0hFU1RcIl0gPSAzXSA9IFwiSElHSEVTVFwiO1xyXG59KShIRUFUIHx8IChIRUFUID0ge30pKTtcclxuY29uc3QgSEVBVF9DT0xPUlMgPSB7XHJcbiAgICBbSEVBVC5MT1ddOiAnI0VCREJGRicsXHJcbiAgICBbSEVBVC5NRURJVU1dOiAnI0QyQUVGRicsXHJcbiAgICBbSEVBVC5ISUdIXTogJyM5RTc3RUQnLFxyXG4gICAgW0hFQVQuSElHSEVTVF06ICcjNUUwN0JCJyxcclxufTtcclxuY29uc3QgZ2V0SGVhdCA9ICh2YWx1ZSwgYWJzb2x1dEhlYXRWYWx1ZXMpID0+IHtcclxuICAgIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1swXSlcclxuICAgICAgICByZXR1cm4gSEVBVC5MT1c7XHJcbiAgICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMV0pXHJcbiAgICAgICAgcmV0dXJuIEhFQVQuTUVESVVNO1xyXG4gICAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzJdKVxyXG4gICAgICAgIHJldHVybiBIRUFULkhJR0g7XHJcbiAgICByZXR1cm4gSEVBVC5ISUdIRVNUO1xyXG59O1xyXG5leHBvcnQgY29uc3QgSGVhdE1hcFZlcnRpY2FsID0gKHsgeExhYmVscywgeUxhYmVscywgdmFsdWVzLCBhYnNvbHV0SGVhdFZhbHVlcywgfSkgPT4ge1xyXG4gICAgY29uc3QgW2hlYXRWYWx1ZXMsIHNldEhlYXRWYWx1ZXNdID0gdXNlU3RhdGUoKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0SGVhdFZhbHVlcyh2YWx1ZXMubWFwKChyb3cpID0+IHJvdy5tYXAoKHZhbHVlKSA9PiBnZXRIZWF0KHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcyB8fCBbXSkpKSk7XHJcbiAgICB9LCBbdmFsdWVzLCBhYnNvbHV0SGVhdFZhbHVlc10pO1xyXG4gICAgaWYgKCFoZWF0VmFsdWVzKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKEhlYXRCb3hTdHlsZWQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lclwiIH0sIHsgY2hpbGRyZW46IF9qc3hzKFwiZGl2XCIsIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcInRvcC1jb250YWluZXJfX2xlZ2VuZFwiIH0sIHsgY2hpbGRyZW46IFtfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuTE9XXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULk1FRElVTV0gfSksIF9qc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbSEVBVC5ISUdIXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULkhJR0hFU1RdIH0pXSB9KSksIF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIgfSwgeyBjaGlsZHJlbjogW19qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMF0gfSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSwgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogJ3JpZ2h0JyB9IH0sIHsgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzFdIH0pKSwgX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1syXSB9KSksIF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYCR7YWJzb2x1dEhlYXRWYWx1ZXNbMl19K2AgfSkpXSB9KSldIH0pIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHdpZHRoOiAnMTAwJScgfSB9LCB7IGNoaWxkcmVuOiBbeUxhYmVscy5tYXAoKHlMYWJlbCwgcm93SW5kZXgpID0+IChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcImhlYXQtcm93XCIgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDAuNSB9IH0sIHsgY2hpbGRyZW46IF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogJ3JpZ2h0JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHlMYWJlbCB9KSkgfSkpLCB4TGFiZWxzLm1hcCgoeExhYmVsLCBjb2xJbmRleCkgPT4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDEgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiB2YWx1ZXNbcm93SW5kZXhdW2NvbEluZGV4XS50b1N0cmluZygpLCBwbGFjZW1lbnQ6ICdib3R0b20nIH0sIHsgY2hpbGRyZW46IF9qc3goSGVhdEJveCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbaGVhdFZhbHVlc1tyb3dJbmRleF1bY29sSW5kZXhdXSB9KSB9KSkgfSksIHhMYWJlbCkpKV0gfSksIHlMYWJlbCkpKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJoZWF0LXJvd1wiLCBzdHlsZTogeyBtYXJnaW5Ub3A6IDEyIH0gfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBzdHlsZTogeyBmbGV4OiAwLjUgfSB9KSwgeExhYmVscy5tYXAoKHhMYWJlbCkgPT4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDEgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHhMYWJlbCB9KSkgfSksIHhMYWJlbCkpKV0gfSkpXSB9KSldIH0pKTtcclxufTtcclxuY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDdweDtcblx0Ym9yZGVyLXJhZGl1czogMXB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNHB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuaGVhdC1yb3cge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0aGVpZ2h0OiA5cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SGVhdE1hcFZlcnRpY2FsLmpzLm1hcCJdfQ== */")),H=e.default("div","production"===process.env.NODE_ENV?{target:"e1i23nxv0"}:{target:"e1i23nxv0",label:"HeatBoxStyled"})("production"===process.env.NODE_ENV?{name:"116aaa2",styles:"width:100%;.top-container{display:flex;flex-direction:row;justify-content:end;margin-bottom:16px;&__legend{display:flex;flex-direction:row;gap:4px;align-items:center;}}.heat-row{display:flex;height:9px;gap:4px;align-items:center;}"}:{name:"116aaa2",styles:"width:100%;.top-container{display:flex;flex-direction:row;justify-content:end;margin-bottom:16px;&__legend{display:flex;flex-direction:row;gap:4px;align-items:center;}}.heat-row{display:flex;height:9px;gap:4px;align-items:center;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUR3QyIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vLi4vLi4vdG9vbHRpcHNcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlUaW55IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IEhlYXRCb3hMZWdlbmQgfSBmcm9tICcuL0hlYXRNYXBTdHlsZWQnO1xyXG52YXIgSEVBVDtcclxuKGZ1bmN0aW9uIChIRUFUKSB7XHJcbiAgICBIRUFUW0hFQVRbXCJMT1dcIl0gPSAwXSA9IFwiTE9XXCI7XHJcbiAgICBIRUFUW0hFQVRbXCJNRURJVU1cIl0gPSAxXSA9IFwiTUVESVVNXCI7XHJcbiAgICBIRUFUW0hFQVRbXCJISUdIXCJdID0gMl0gPSBcIkhJR0hcIjtcclxuICAgIEhFQVRbSEVBVFtcIkhJR0hFU1RcIl0gPSAzXSA9IFwiSElHSEVTVFwiO1xyXG59KShIRUFUIHx8IChIRUFUID0ge30pKTtcclxuY29uc3QgSEVBVF9DT0xPUlMgPSB7XHJcbiAgICBbSEVBVC5MT1ddOiAnI0VCREJGRicsXHJcbiAgICBbSEVBVC5NRURJVU1dOiAnI0QyQUVGRicsXHJcbiAgICBbSEVBVC5ISUdIXTogJyM5RTc3RUQnLFxyXG4gICAgW0hFQVQuSElHSEVTVF06ICcjNUUwN0JCJyxcclxufTtcclxuY29uc3QgZ2V0SGVhdCA9ICh2YWx1ZSwgYWJzb2x1dEhlYXRWYWx1ZXMpID0+IHtcclxuICAgIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1swXSlcclxuICAgICAgICByZXR1cm4gSEVBVC5MT1c7XHJcbiAgICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMV0pXHJcbiAgICAgICAgcmV0dXJuIEhFQVQuTUVESVVNO1xyXG4gICAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzJdKVxyXG4gICAgICAgIHJldHVybiBIRUFULkhJR0g7XHJcbiAgICByZXR1cm4gSEVBVC5ISUdIRVNUO1xyXG59O1xyXG5leHBvcnQgY29uc3QgSGVhdE1hcFZlcnRpY2FsID0gKHsgeExhYmVscywgeUxhYmVscywgdmFsdWVzLCBhYnNvbHV0SGVhdFZhbHVlcywgfSkgPT4ge1xyXG4gICAgY29uc3QgW2hlYXRWYWx1ZXMsIHNldEhlYXRWYWx1ZXNdID0gdXNlU3RhdGUoKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0SGVhdFZhbHVlcyh2YWx1ZXMubWFwKChyb3cpID0+IHJvdy5tYXAoKHZhbHVlKSA9PiBnZXRIZWF0KHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcyB8fCBbXSkpKSk7XHJcbiAgICB9LCBbdmFsdWVzLCBhYnNvbHV0SGVhdFZhbHVlc10pO1xyXG4gICAgaWYgKCFoZWF0VmFsdWVzKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKEhlYXRCb3hTdHlsZWQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lclwiIH0sIHsgY2hpbGRyZW46IF9qc3hzKFwiZGl2XCIsIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcInRvcC1jb250YWluZXJfX2xlZ2VuZFwiIH0sIHsgY2hpbGRyZW46IFtfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuTE9XXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULk1FRElVTV0gfSksIF9qc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbSEVBVC5ISUdIXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULkhJR0hFU1RdIH0pXSB9KSksIF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIgfSwgeyBjaGlsZHJlbjogW19qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMF0gfSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSwgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogJ3JpZ2h0JyB9IH0sIHsgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzFdIH0pKSwgX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1syXSB9KSksIF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYCR7YWJzb2x1dEhlYXRWYWx1ZXNbMl19K2AgfSkpXSB9KSldIH0pIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHdpZHRoOiAnMTAwJScgfSB9LCB7IGNoaWxkcmVuOiBbeUxhYmVscy5tYXAoKHlMYWJlbCwgcm93SW5kZXgpID0+IChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcImhlYXQtcm93XCIgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDAuNSB9IH0sIHsgY2hpbGRyZW46IF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogJ3JpZ2h0JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHlMYWJlbCB9KSkgfSkpLCB4TGFiZWxzLm1hcCgoeExhYmVsLCBjb2xJbmRleCkgPT4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDEgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiB2YWx1ZXNbcm93SW5kZXhdW2NvbEluZGV4XS50b1N0cmluZygpLCBwbGFjZW1lbnQ6ICdib3R0b20nIH0sIHsgY2hpbGRyZW46IF9qc3goSGVhdEJveCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbaGVhdFZhbHVlc1tyb3dJbmRleF1bY29sSW5kZXhdXSB9KSB9KSkgfSksIHhMYWJlbCkpKV0gfSksIHlMYWJlbCkpKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJoZWF0LXJvd1wiLCBzdHlsZTogeyBtYXJnaW5Ub3A6IDEyIH0gfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBzdHlsZTogeyBmbGV4OiAwLjUgfSB9KSwgeExhYmVscy5tYXAoKHhMYWJlbCkgPT4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDEgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHhMYWJlbCB9KSkgfSksIHhMYWJlbCkpKV0gfSkpXSB9KSldIH0pKTtcclxufTtcclxuY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDdweDtcblx0Ym9yZGVyLXJhZGl1czogMXB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNHB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuaGVhdC1yb3cge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0aGVpZ2h0OiA5cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SGVhdE1hcFZlcnRpY2FsLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.HeatBoxStyled=H,exports.HeatMapVertical=({xLabels:I,yLabels:i,values:e,absolutHeatValues:h})=>{const[W,A]=c.useState();return c.useEffect((()=>{A(e.map((I=>I.map((I=>((I,g)=>I<=g[0]?X.LOW:I<=g[1]?X.MEDIUM:I<=g[2]?X.HIGH:X.HIGHEST)(I,h||[]))))))}),[e,h]),W?g.jsxs(H,{children:[g.jsx("div",Object.assign({className:"top-container"},{children:g.jsxs("div",{children:[g.jsxs("div",Object.assign({className:"top-container__legend"},{children:[g.jsx(d.HeatBoxLegend,{color:s[X.LOW]}),g.jsx(d.HeatBoxLegend,{color:s[X.MEDIUM]}),g.jsx(d.HeatBoxLegend,{color:s[X.HIGH]}),g.jsx(d.HeatBoxLegend,{color:s[X.HIGHEST]})]})),g.jsxs("div",Object.assign({className:"top-container__legend"},{children:[g.jsx(C.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:h[0]})),g.jsx(C.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:h[1]})),g.jsx(C.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:h[2]})),g.jsx(C.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:`${h[2]}+`}))]}))]})})),g.jsxs("div",Object.assign({style:{width:"100%"}},{children:[i.map(((c,d)=>g.jsxs("div",Object.assign({className:"heat-row"},{children:[g.jsx("div",Object.assign({style:{flex:.5}},{children:g.jsx(C.BodyTiny,Object.assign({style:{color:b.COLORS.content.secondary,textAlign:"right",marginRight:8}},{children:c}))})),I.map(((I,c)=>g.jsx("div",Object.assign({style:{flex:1}},{children:g.jsx(l.Tooltip,Object.assign({body:e[d][c].toString(),placement:"bottom"},{children:g.jsx(Z,{color:s[W[d][c]]})}))}),I)))]}),c))),g.jsxs("div",Object.assign({className:"heat-row",style:{marginTop:12}},{children:[g.jsx("div",{style:{flex:.5}}),I.map((I=>g.jsx("div",Object.assign({style:{flex:1}},{children:g.jsx(C.BodyTiny,Object.assign({style:{color:b.COLORS.content.secondary,textAlign:"center"}},{children:I}))}),I)))]}))]}))]}):g.jsx(g.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),c=require("react"),l=require("../../../tooltips/Tooltip.js"),C=require("../../../TypographyStyle.js"),b=require("../../../../constants/Theme.js"),d=require("./HeatMapStyled.js");function i(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var X,e=i(I);!function(I){I[I.LOW=0]="LOW",I[I.MEDIUM=1]="MEDIUM",I[I.HIGH=2]="HIGH",I[I.HIGHEST=3]="HIGHEST"}(X||(X={}));const s={[X.LOW]:"#EBDBFF",[X.MEDIUM]:"#D2AEFF",[X.HIGH]:"#9E77ED",[X.HIGHEST]:"#5E07BB"},Z=e.default("div","production"===process.env.NODE_ENV?{target:"e1i23nxv1"}:{target:"e1i23nxv1",label:"HeatBox"})("height:7px;border-radius:1px;background-color:",(I=>I.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEMyQiIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vLi4vLi4vdG9vbHRpcHNcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlUaW55IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IEhlYXRCb3hMZWdlbmQgfSBmcm9tICcuL0hlYXRNYXBTdHlsZWQnO1xyXG52YXIgSEVBVDtcclxuKGZ1bmN0aW9uIChIRUFUKSB7XHJcbiAgICBIRUFUW0hFQVRbXCJMT1dcIl0gPSAwXSA9IFwiTE9XXCI7XHJcbiAgICBIRUFUW0hFQVRbXCJNRURJVU1cIl0gPSAxXSA9IFwiTUVESVVNXCI7XHJcbiAgICBIRUFUW0hFQVRbXCJISUdIXCJdID0gMl0gPSBcIkhJR0hcIjtcclxuICAgIEhFQVRbSEVBVFtcIkhJR0hFU1RcIl0gPSAzXSA9IFwiSElHSEVTVFwiO1xyXG59KShIRUFUIHx8IChIRUFUID0ge30pKTtcclxuY29uc3QgSEVBVF9DT0xPUlMgPSB7XHJcbiAgICBbSEVBVC5MT1ddOiAnI0VCREJGRicsXHJcbiAgICBbSEVBVC5NRURJVU1dOiAnI0QyQUVGRicsXHJcbiAgICBbSEVBVC5ISUdIXTogJyM5RTc3RUQnLFxyXG4gICAgW0hFQVQuSElHSEVTVF06ICcjNUUwN0JCJyxcclxufTtcclxuY29uc3QgZ2V0SGVhdCA9ICh2YWx1ZSwgYWJzb2x1dEhlYXRWYWx1ZXMpID0+IHtcclxuICAgIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1swXSlcclxuICAgICAgICByZXR1cm4gSEVBVC5MT1c7XHJcbiAgICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMV0pXHJcbiAgICAgICAgcmV0dXJuIEhFQVQuTUVESVVNO1xyXG4gICAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzJdKVxyXG4gICAgICAgIHJldHVybiBIRUFULkhJR0g7XHJcbiAgICByZXR1cm4gSEVBVC5ISUdIRVNUO1xyXG59O1xyXG5leHBvcnQgY29uc3QgSGVhdE1hcFZlcnRpY2FsID0gKHsgeExhYmVscywgeUxhYmVscywgdmFsdWVzLCBhYnNvbHV0SGVhdFZhbHVlcywgfSkgPT4ge1xyXG4gICAgY29uc3QgW2hlYXRWYWx1ZXMsIHNldEhlYXRWYWx1ZXNdID0gdXNlU3RhdGUoKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0SGVhdFZhbHVlcyh2YWx1ZXMubWFwKChyb3cpID0+IHJvdy5tYXAoKHZhbHVlKSA9PiBnZXRIZWF0KHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcyB8fCBbXSkpKSk7XHJcbiAgICB9LCBbdmFsdWVzLCBhYnNvbHV0SGVhdFZhbHVlc10pO1xyXG4gICAgaWYgKCFoZWF0VmFsdWVzKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKEhlYXRCb3hTdHlsZWQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lclwiIH0sIHsgY2hpbGRyZW46IF9qc3hzKFwiZGl2XCIsIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcInRvcC1jb250YWluZXJfX2xlZ2VuZFwiIH0sIHsgY2hpbGRyZW46IFtfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuTE9XXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULk1FRElVTV0gfSksIF9qc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbSEVBVC5ISUdIXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULkhJR0hFU1RdIH0pXSB9KSksIF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIgfSwgeyBjaGlsZHJlbjogW19qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMF0gfSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSwgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogJ3JpZ2h0JyB9IH0sIHsgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzFdIH0pKSwgX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1syXSB9KSksIF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYCR7YWJzb2x1dEhlYXRWYWx1ZXNbMl19K2AgfSkpXSB9KSldIH0pIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHdpZHRoOiAnMTAwJScgfSB9LCB7IGNoaWxkcmVuOiBbeUxhYmVscy5tYXAoKHlMYWJlbCwgcm93SW5kZXgpID0+IChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcImhlYXQtcm93XCIgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDAuNSB9IH0sIHsgY2hpbGRyZW46IF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogJ3JpZ2h0JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHlMYWJlbCB9KSkgfSkpLCB4TGFiZWxzLm1hcCgoeExhYmVsLCBjb2xJbmRleCkgPT4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDEgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiB2YWx1ZXNbcm93SW5kZXhdW2NvbEluZGV4XS50b1N0cmluZygpLCBwbGFjZW1lbnQ6ICdib3R0b20nIH0sIHsgY2hpbGRyZW46IF9qc3goSGVhdEJveCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbaGVhdFZhbHVlc1tyb3dJbmRleF1bY29sSW5kZXhdXSB9KSB9KSkgfSksIHhMYWJlbCkpKV0gfSksIHlMYWJlbCkpKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJoZWF0LXJvd1wiLCBzdHlsZTogeyBtYXJnaW5Ub3A6IDEyIH0gfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBzdHlsZTogeyBmbGV4OiAwLjUgfSB9KSwgeExhYmVscy5tYXAoKHhMYWJlbCkgPT4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDEgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHhMYWJlbCB9KSkgfSksIHhMYWJlbCkpKV0gfSkpXSB9KSldIH0pKTtcclxufTtcclxuY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDdweDtcblx0Ym9yZGVyLXJhZGl1czogMXB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNHB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuaGVhdC1yb3cge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0aGVpZ2h0OiA5cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SGVhdE1hcFZlcnRpY2FsLmpzLm1hcCJdfQ== */")),H=e.default("div","production"===process.env.NODE_ENV?{target:"e1i23nxv0"}:{target:"e1i23nxv0",label:"HeatBoxStyled"})("production"===process.env.NODE_ENV?{name:"116aaa2",styles:"width:100%;.top-container{display:flex;flex-direction:row;justify-content:end;margin-bottom:16px;&__legend{display:flex;flex-direction:row;gap:4px;align-items:center;}}.heat-row{display:flex;height:9px;gap:4px;align-items:center;}"}:{name:"116aaa2",styles:"width:100%;.top-container{display:flex;flex-direction:row;justify-content:end;margin-bottom:16px;&__legend{display:flex;flex-direction:row;gap:4px;align-items:center;}}.heat-row{display:flex;height:9px;gap:4px;align-items:center;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUR3QyIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vLi4vLi4vdG9vbHRpcHNcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlUaW55IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IEhlYXRCb3hMZWdlbmQgfSBmcm9tICcuL0hlYXRNYXBTdHlsZWQnO1xyXG52YXIgSEVBVDtcclxuKGZ1bmN0aW9uIChIRUFUKSB7XHJcbiAgICBIRUFUW0hFQVRbXCJMT1dcIl0gPSAwXSA9IFwiTE9XXCI7XHJcbiAgICBIRUFUW0hFQVRbXCJNRURJVU1cIl0gPSAxXSA9IFwiTUVESVVNXCI7XHJcbiAgICBIRUFUW0hFQVRbXCJISUdIXCJdID0gMl0gPSBcIkhJR0hcIjtcclxuICAgIEhFQVRbSEVBVFtcIkhJR0hFU1RcIl0gPSAzXSA9IFwiSElHSEVTVFwiO1xyXG59KShIRUFUIHx8IChIRUFUID0ge30pKTtcclxuY29uc3QgSEVBVF9DT0xPUlMgPSB7XHJcbiAgICBbSEVBVC5MT1ddOiAnI0VCREJGRicsXHJcbiAgICBbSEVBVC5NRURJVU1dOiAnI0QyQUVGRicsXHJcbiAgICBbSEVBVC5ISUdIXTogJyM5RTc3RUQnLFxyXG4gICAgW0hFQVQuSElHSEVTVF06ICcjNUUwN0JCJyxcclxufTtcclxuY29uc3QgZ2V0SGVhdCA9ICh2YWx1ZSwgYWJzb2x1dEhlYXRWYWx1ZXMpID0+IHtcclxuICAgIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1swXSlcclxuICAgICAgICByZXR1cm4gSEVBVC5MT1c7XHJcbiAgICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMV0pXHJcbiAgICAgICAgcmV0dXJuIEhFQVQuTUVESVVNO1xyXG4gICAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzJdKVxyXG4gICAgICAgIHJldHVybiBIRUFULkhJR0g7XHJcbiAgICByZXR1cm4gSEVBVC5ISUdIRVNUO1xyXG59O1xyXG5leHBvcnQgY29uc3QgSGVhdE1hcFZlcnRpY2FsID0gKHsgeExhYmVscywgeUxhYmVscywgdmFsdWVzLCBhYnNvbHV0SGVhdFZhbHVlcywgfSkgPT4ge1xyXG4gICAgY29uc3QgW2hlYXRWYWx1ZXMsIHNldEhlYXRWYWx1ZXNdID0gdXNlU3RhdGUoKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgc2V0SGVhdFZhbHVlcyh2YWx1ZXMubWFwKChyb3cpID0+IHJvdy5tYXAoKHZhbHVlKSA9PiBnZXRIZWF0KHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcyB8fCBbXSkpKSk7XHJcbiAgICB9LCBbdmFsdWVzLCBhYnNvbHV0SGVhdFZhbHVlc10pO1xyXG4gICAgaWYgKCFoZWF0VmFsdWVzKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKEhlYXRCb3hTdHlsZWQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lclwiIH0sIHsgY2hpbGRyZW46IF9qc3hzKFwiZGl2XCIsIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcInRvcC1jb250YWluZXJfX2xlZ2VuZFwiIH0sIHsgY2hpbGRyZW46IFtfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuTE9XXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULk1FRElVTV0gfSksIF9qc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbSEVBVC5ISUdIXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULkhJR0hFU1RdIH0pXSB9KSksIF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIgfSwgeyBjaGlsZHJlbjogW19qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMF0gfSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSwgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogJ3JpZ2h0JyB9IH0sIHsgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzFdIH0pKSwgX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1syXSB9KSksIF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYCR7YWJzb2x1dEhlYXRWYWx1ZXNbMl19K2AgfSkpXSB9KSldIH0pIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHdpZHRoOiAnMTAwJScgfSB9LCB7IGNoaWxkcmVuOiBbeUxhYmVscy5tYXAoKHlMYWJlbCwgcm93SW5kZXgpID0+IChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcImhlYXQtcm93XCIgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDAuNSB9IH0sIHsgY2hpbGRyZW46IF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogJ3JpZ2h0JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHlMYWJlbCB9KSkgfSkpLCB4TGFiZWxzLm1hcCgoeExhYmVsLCBjb2xJbmRleCkgPT4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDEgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiB2YWx1ZXNbcm93SW5kZXhdW2NvbEluZGV4XS50b1N0cmluZygpLCBwbGFjZW1lbnQ6ICdib3R0b20nIH0sIHsgY2hpbGRyZW46IF9qc3goSGVhdEJveCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbaGVhdFZhbHVlc1tyb3dJbmRleF1bY29sSW5kZXhdXSB9KSB9KSkgfSksIHhMYWJlbCkpKV0gfSksIHlMYWJlbCkpKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJoZWF0LXJvd1wiLCBzdHlsZTogeyBtYXJnaW5Ub3A6IDEyIH0gfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBzdHlsZTogeyBmbGV4OiAwLjUgfSB9KSwgeExhYmVscy5tYXAoKHhMYWJlbCkgPT4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDEgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHhMYWJlbCB9KSkgfSksIHhMYWJlbCkpKV0gfSkpXSB9KSldIH0pKTtcclxufTtcclxuY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDdweDtcblx0Ym9yZGVyLXJhZGl1czogMXB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNHB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuaGVhdC1yb3cge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0aGVpZ2h0OiA5cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SGVhdE1hcFZlcnRpY2FsLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.HeatBoxStyled=H,exports.HeatMapVertical=I=>{let{xLabels:i,yLabels:e,values:h,absolutHeatValues:W}=I;const[A,B]=c.useState();return c.useEffect((()=>{B(h.map((I=>I.map((I=>((I,g)=>I<=g[0]?X.LOW:I<=g[1]?X.MEDIUM:I<=g[2]?X.HIGH:X.HIGHEST)(I,W||[]))))))}),[h,W]),A?g.jsxs(H,{children:[g.jsx("div",Object.assign({className:"top-container"},{children:g.jsxs("div",{children:[g.jsxs("div",Object.assign({className:"top-container__legend"},{children:[g.jsx(d.HeatBoxLegend,{color:s[X.LOW]}),g.jsx(d.HeatBoxLegend,{color:s[X.MEDIUM]}),g.jsx(d.HeatBoxLegend,{color:s[X.HIGH]}),g.jsx(d.HeatBoxLegend,{color:s[X.HIGHEST]})]})),g.jsxs("div",Object.assign({className:"top-container__legend"},{children:[g.jsx(C.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:W[0]})),g.jsx(C.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:W[1]})),g.jsx(C.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:W[2]})),g.jsx(C.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:`${W[2]}+`}))]}))]})})),g.jsxs("div",Object.assign({style:{width:"100%"}},{children:[e.map(((I,c)=>g.jsxs("div",Object.assign({className:"heat-row"},{children:[g.jsx("div",Object.assign({style:{flex:.5}},{children:g.jsx(C.BodyTiny,Object.assign({style:{color:b.COLORS.content.secondary,textAlign:"right",marginRight:8}},{children:I}))})),i.map(((I,C)=>g.jsx("div",Object.assign({style:{flex:1}},{children:g.jsx(l.Tooltip,Object.assign({body:h[c][C].toString(),placement:"bottom"},{children:g.jsx(Z,{color:s[A[c][C]]})}))}),I)))]}),I))),g.jsxs("div",Object.assign({className:"heat-row",style:{marginTop:12}},{children:[g.jsx("div",{style:{flex:.5}}),i.map((I=>g.jsx("div",Object.assign({style:{flex:1}},{children:g.jsx(C.BodyTiny,Object.assign({style:{color:b.COLORS.content.secondary,textAlign:"center"}},{children:I}))}),I)))]}))]}))]}):g.jsx(g.Fragment,{})};
 //# sourceMappingURL=HeatMapVertical.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeatMapVertical.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { useEffect, useState } from 'react';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodyCaption, BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HeatBoxLegend } from './HeatMapStyled';\n\nexport interface HeatMapVerticalInputInterface {\n\ttitle: string;\n\txLabels: string[];\n\tyLabels: string[];\n\tvalues: number[][];\n\tabsolutHeatValues: number[];\n\thideXLabels?: boolean;\n}\n\nenum HEAT {\n\tLOW,\n\tMEDIUM,\n\tHIGH,\n\tHIGHEST,\n}\n\nconst HEAT_COLORS = {\n\t[HEAT.LOW]: '#EBDBFF',\n\t[HEAT.MEDIUM]: '#D2AEFF',\n\t[HEAT.HIGH]: '#9E77ED',\n\t[HEAT.HIGHEST]: '#5E07BB',\n};\n\nconst getHeat = (value: number, absolutHeatValues: number[]) => {\n\tif (value <= absolutHeatValues[0]) return HEAT.LOW;\n\tif (value <= absolutHeatValues[1]) return HEAT.MEDIUM;\n\tif (value <= absolutHeatValues[2]) return HEAT.HIGH;\n\treturn HEAT.HIGHEST;\n};\n\nexport const HeatMapVertical: React.FC<HeatMapVerticalInputInterface> = ({\n\txLabels,\n\tyLabels,\n\tvalues,\n\tabsolutHeatValues,\n}) => {\n\tconst [heatValues, setHeatValues] = useState<HEAT[][]>();\n\n\tuseEffect(() => {\n\t\tsetHeatValues(\n\t\t\tvalues.map((row) =>\n\t\t\t\trow.map((value) => getHeat(value, absolutHeatValues \|\| [])),\n\t\t\t),\n\t\t);\n\t}, [values, absolutHeatValues]);\n\n\tif (!heatValues) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<HeatBoxStyled>\n\t\t\t<div className=\"top-container\">\n\t\t\t\t<div>\n\t\t\t\t\t<div className=\"top-container__legend\">\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.LOW]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.MEDIUM]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGH]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGHEST]} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"top-container__legend\">\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[0]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[1]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[2]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>{`${absolutHeatValues[2]}+`}</BodyCaption>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div style={{ width: '100%' }}>\n\t\t\t\t{yLabels.map((yLabel, rowIndex) => (\n\t\t\t\t\t<div key={yLabel} className=\"heat-row\">\n\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\ttextAlign: 'right',\n\t\t\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{yLabel}\n\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{xLabels.map((xLabel, colIndex) => (\n\t\t\t\t\t\t\t<div key={xLabel} style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\tbody={values[rowIndex][colIndex].toString()}\n\t\t\t\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<HeatBox\n\t\t\t\t\t\t\t\t\t\tcolor={HEAT_COLORS[heatValues[rowIndex][colIndex]]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t\t<div className=\"heat-row\" style={{ marginTop: 12 }}>\n\t\t\t\t\t<div style={{ flex: 0.5 }} />\n\t\t\t\t\t{xLabels.map((xLabel) => (\n\t\t\t\t\t\t<div key={xLabel} style={{ flex: 1 }}>\n\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{xLabel}\n\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</HeatBoxStyled>\n\t);\n};\n\nconst HeatBox = styled.div`\n\theight: 7px;\n\tborder-radius: 1px;\n\tbackground-color: ${(props) => props.color};\n`;\n\nexport const HeatBoxStyled = styled.div`\n\twidth: 100%;\n\t.top-container {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: end;\n\t\tmargin-bottom: 16px;\n\n\t\t&__legend {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tgap: 4px;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.heat-row {\n\t\tdisplay: flex;\n\t\theight: 9px;\n\t\tgap: 4px;\n\t\talign-items: center;\n\t}\n`;\n"],"names":["HEAT","HEAT_COLORS","LOW","MEDIUM","HIGH","HIGHEST","HeatBox","_styled","process","env","NODE_ENV","target","label","props","color","HeatBoxStyled","name","styles","map","toString","~~HeatMapVertical~~","xLabels","yLabels","values","absolutHeatValues","heatValues","setHeatValues","useState","useEffect","row","value","getHeat","_jsxs","children","_jsx","jsx","Object","assign","className","jsxs","HeatBoxLegend","BodyCaption","COLORS","content","secondary","style","width","margin","textAlign","yLabel","rowIndex","flex","BodyTiny","marginRight","xLabel","colIndex","Tooltip","body","placement","marginTop"],"mappings":"uYAgBKA,UAAL,SAAKA,GACJA,EAAAA,EAAA,IAAA,GAAA,MACAA,EAAAA,EAAA,OAAA,GAAA,SACAA,EAAAA,EAAA,KAAA,GAAA,OACAA,EAAAA,EAAA,QAAA,GAAA,SACA,CALD,CAAKA,IAAAA,EAKJ,CAAA,IAED,MAAMC,EAAc,CACnB,CAACD,EAAKE,KAAM,UACZ,CAACF,EAAKG,QAAS,UACf,CAACH,EAAKI,MAAO,UACb,CAACJ,EAAKK,SAAU,WAkHXC,EAAOC,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,WAAAL,CAGSM,kDAAAA,GAAUA,EAAMC,OAAKN,KAC1C,eAD0CA,QAAAC,IAAAC,SAC1C,GAAA,g1MAEYK,EAAaR,EAAA,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,iBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAM,KAAA,UAAAC,OAAA,0OAAA,CAAAD,KAAA,UAAAC,OAAA,yOAAAC,IAAA,80MAAAC,+SA9G8CC,~~EACvEC~~,~~UACAC~~,~~UACAC~~,~~SACAC~~,~~wBAEA~~,~~MAAOC~~,EAAYC,GAAiBC,EAAQA,WAU5C,OARAC,EAAAA,WAAU,KACTF,EACCH,EAAOL,KAAKW,GACXA,EAAIX,KAAKY,GAlBGC,EAACD,EAAeN,IAC3BM,GAASN,EAAkB,GAAWxB,EAAKE,IAC3C4B,GAASN,EAAkB,GAAWxB,EAAKG,OAC3C2B,GAASN,EAAkB,GAAWxB,EAAKI,KACxCJ,EAAKK,QAcU0B,CAAQD,EAAON,GAAqB,QAExD,GACC,CAACD,EAAQC,IAEPC,EAKJO,EAAAA,KAACjB,EACA,CAAAkB,SAAA,CAAAC,EAAAC,IAAA,MAAAC,OAAAC,OAAA,CAAKC,UAAU,iBAAe,CAAAL,SAC7BD,EACCO,KAAA,MAAA,CAAAN,SAAA,CAAAD,EAAAO,KAAA,MAAAH,OAAAC,OAAA,CAAKC,UAAU,yBAAuB,CAAAL,SAAA,CACrCC,EAACC,IAAAK,gBAAc,CAAA1B,MAAOb,EAAYD,EAAKE,OACvCgC,EAAAC,IAACK,gBAAa,CAAC1B,MAAOb,EAAYD,EAAKG,UACvC+B,EAACC,IAAAK,gBAAc,CAAA1B,MAAOb,EAAYD,EAAKI,QACvC8B,EAAAC,IAACK,gBAAa,CAAC1B,MAAOb,EAAYD,EAAKK,eAExC2B,EAAKO,KAAA,MAAAH,OAAAC,OAAA,CAAAC,UAAU,yBACd,CAAAL,SAAA,CAAAC,EAAAC,IAACM,cAAWL,OAAAC,OAAA,CACXvB,MAAO4B,EAAAA,OAAOC,QAAQC,UACtBC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,EAAGC,UAAW,UAAS,CAAAf,SAElDT,EAAkB,MAEpBU,EAACC,IAAAM,cACAL,OAAAC,OAAA,CAAAvB,MAAO4B,EAAAA,OAAOC,QAAQC,UACtBC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,EAAGC,UAAW,UAAS,CAAAf,SAElDT,EAAkB,MAEpBU,EAACC,IAAAM,cACAL,OAAAC,OAAA,CAAAvB,MAAO4B,EAAAA,OAAOC,QAAQC,UACtBC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,EAAGC,UAAW,UAEzC,CAAAf,SAAAT,EAAkB,MAEpBU,EAAAC,IAACM,cAAWL,OAAAC,OAAA,CACXvB,MAAO4B,EAAAA,OAAOC,QAAQC,UACtBC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,EAAGC,UAAW,UAAS,CAAAf,~~SAClD~~,~~GAAGT~~,EAAkB,mBAI1BQ,EAAAO,KAAA,MAAAH,OAAAC,OAAA,CAAKQ,MAAO,CAAEC,MAAO,SAAQ,CAAAb,SAAA,CAC3BX,EAAQJ,KAAI,CAAC+B,EAAQC,IACrBlB,OAAkB,MAAAI,OAAAC,OAAA,CAAAC,UAAU,YAC3B,CAAAL,SAAA,CAAAC,EAAAC,IAAA,MAAAC,OAAAC,OAAA,CAAKQ,MAAO,CAAEM,KAAM,KAAK,CAAAlB,SACxBC,EAACC,IAAAiB,WACAhB,OAAAC,OAAA,CAAAQ,MAAO,CACN/B,MAAO4B,EAAAA,OAAOC,QAAQC,UACtBI,UAAW,QACXK,YAAa,IAGb,CAAApB,SAAAgB,QAGF5B,EAAQH,KAAI,CAACoC,EAAQC,IACrBrB,MAAkB,MAAAE,OAAAC,OAAA,CAAAQ,MAAO,CAAEM,KAAM,IAChC,CAAAlB,SAAAC,EAAAC,IAACqB,UAAOpB,OAAAC,OAAA,CACPoB,KAAMlC,EAAO2B,GAAUK,GAAUpC,WACjCuC,UAAW,UAAQ,CAAAzB,SAEnBC,EAACC,IAAA7B,EACA,CAAAQ,MAAOb,EAAYwB,EAAWyB,GAAUK,WANjCD,QAbFL,KA0BXjB,EAAAO,KAAA,MAAAH,OAAAC,OAAA,CAAKC,UAAU,WAAWO,MAAO,CAAEc,UAAW,KAAI,CAAA1B,SAAA,CACjDC,EAAKC,IAAA,MAAA,CAAAU,MAAO,CAAEM,KAAM,MACnB9B,EAAQH,KAAKoC,GACbpB,EAAAA,IAAA,MAAAE,OAAAC,OAAA,CAAkBQ,MAAO,CAAEM,KAAM,IAAG,CAAAlB,SACnCC,EAACC,IAAAiB,WACAhB,OAAAC,OAAA,CAAAQ,MAAO,CACN/B,MAAO4B,EAAAA,OAAOC,QAAQC,UACtBI,UAAW,WAGX,CAAAf,SAAAqB,OAPOA,gBAtEPpB,oBAmFS"}
1	+ {"version":3,"file":"HeatMapVertical.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { useEffect, useState } from 'react';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodyCaption, BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HeatBoxLegend } from './HeatMapStyled';\n\nexport interface HeatMapVerticalInputInterface {\n\ttitle: string;\n\txLabels: string[];\n\tyLabels: string[];\n\tvalues: number[][];\n\tabsolutHeatValues: number[];\n\thideXLabels?: boolean;\n}\n\nenum HEAT {\n\tLOW,\n\tMEDIUM,\n\tHIGH,\n\tHIGHEST,\n}\n\nconst HEAT_COLORS = {\n\t[HEAT.LOW]: '#EBDBFF',\n\t[HEAT.MEDIUM]: '#D2AEFF',\n\t[HEAT.HIGH]: '#9E77ED',\n\t[HEAT.HIGHEST]: '#5E07BB',\n};\n\nconst getHeat = (value: number, absolutHeatValues: number[]) => {\n\tif (value <= absolutHeatValues[0]) return HEAT.LOW;\n\tif (value <= absolutHeatValues[1]) return HEAT.MEDIUM;\n\tif (value <= absolutHeatValues[2]) return HEAT.HIGH;\n\treturn HEAT.HIGHEST;\n};\n\nexport const HeatMapVertical: React.FC<HeatMapVerticalInputInterface> = ({\n\txLabels,\n\tyLabels,\n\tvalues,\n\tabsolutHeatValues,\n}) => {\n\tconst [heatValues, setHeatValues] = useState<HEAT[][]>();\n\n\tuseEffect(() => {\n\t\tsetHeatValues(\n\t\t\tvalues.map((row) =>\n\t\t\t\trow.map((value) => getHeat(value, absolutHeatValues \|\| [])),\n\t\t\t),\n\t\t);\n\t}, [values, absolutHeatValues]);\n\n\tif (!heatValues) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<HeatBoxStyled>\n\t\t\t<div className=\"top-container\">\n\t\t\t\t<div>\n\t\t\t\t\t<div className=\"top-container__legend\">\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.LOW]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.MEDIUM]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGH]} />\n\t\t\t\t\t\t<HeatBoxLegend color={HEAT_COLORS[HEAT.HIGHEST]} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"top-container__legend\">\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[0]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[1]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{absolutHeatValues[2]}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tstyle={{ width: 56, margin: 3, textAlign: 'right' }}\n\t\t\t\t\t\t>{`${absolutHeatValues[2]}+`}</BodyCaption>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div style={{ width: '100%' }}>\n\t\t\t\t{yLabels.map((yLabel, rowIndex) => (\n\t\t\t\t\t<div key={yLabel} className=\"heat-row\">\n\t\t\t\t\t\t<div style={{ flex: 0.5 }}>\n\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\ttextAlign: 'right',\n\t\t\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{yLabel}\n\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{xLabels.map((xLabel, colIndex) => (\n\t\t\t\t\t\t\t<div key={xLabel} style={{ flex: 1 }}>\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\tbody={values[rowIndex][colIndex].toString()}\n\t\t\t\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<HeatBox\n\t\t\t\t\t\t\t\t\t\tcolor={HEAT_COLORS[heatValues[rowIndex][colIndex]]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t\t<div className=\"heat-row\" style={{ marginTop: 12 }}>\n\t\t\t\t\t<div style={{ flex: 0.5 }} />\n\t\t\t\t\t{xLabels.map((xLabel) => (\n\t\t\t\t\t\t<div key={xLabel} style={{ flex: 1 }}>\n\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{xLabel}\n\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</HeatBoxStyled>\n\t);\n};\n\nconst HeatBox = styled.div`\n\theight: 7px;\n\tborder-radius: 1px;\n\tbackground-color: ${(props) => props.color};\n`;\n\nexport const HeatBoxStyled = styled.div`\n\twidth: 100%;\n\t.top-container {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: end;\n\t\tmargin-bottom: 16px;\n\n\t\t&__legend {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tgap: 4px;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.heat-row {\n\t\tdisplay: flex;\n\t\theight: 9px;\n\t\tgap: 4px;\n\t\talign-items: center;\n\t}\n`;\n"],"names":["HEAT","HEAT_COLORS","LOW","MEDIUM","HIGH","HIGHEST","HeatBox","_styled","process","env","NODE_ENV","target","label","props","color","HeatBoxStyled","name","styles","map","toString","_ref","xLabels","yLabels","values","absolutHeatValues","heatValues","setHeatValues","useState","useEffect","row","value","getHeat","_jsxs","children","_jsx","jsx","Object","assign","className","jsxs","HeatBoxLegend","BodyCaption","COLORS","content","secondary","style","width","margin","textAlign","yLabel","rowIndex","flex","BodyTiny","marginRight","xLabel","colIndex","Tooltip","body","placement","marginTop"],"mappings":"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"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var s=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),r=require("../LineChart/LineChart.js"),n=require("../scoreBlock/ScoreBlock.js"),i=require("./LinearChipGroupedChart.styled.js");exports.LinearChipGroupedChart=({separator:o,name:a,overallValue:c,requestSent:l,responses:d,chipValues:j,lineChartOption:h,formatVal:p})=>e.jsxs(i.Container,Object.assign({separator:o},{children:[e.jsxs(i.Row,Object.assign({style:{alignItems:"center",justifyContent:"space-between"}},{children:[e.jsxs("div",{children:[e.jsx(s.TitleRegular,Object.assign({color:t.COLORS.content.secondary},{children:a})),e.jsx(s.TitleLarge,Object.assign({color:void 0===c||0===c?t.COLORS.content.secondary:c<0?t.COLORS.content.negative:t.COLORS.content.positive},{children:p?new Intl.NumberFormat("en-IN",{}).format(c):c}))]}),e.jsxs(i.Column,Object.assign({style:{alignItems:"flex-end"}},{children:[e.jsxs(s.BodySecondary,Object.assign({color:t.COLORS.content.secondary,style:{marginBottom:2}},{children:["Requests sent: ",l]})),e.jsxs(s.BodySecondary,Object.assign({color:t.COLORS.content.secondary},{children:["Responses: ",d]}))]}))]})),e.jsx(n.ScoreBlock,{chipValues:j,formatVal:p,CustomStyledChip:i.StyledChip}),e.jsx("div",Object.assign({style:{marginTop:28,width:"100%"}},{children:e.jsx(r.LineChart,Object.assign({},h,{maintainAspectRatio:!0}))}))]}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var t=require("../../../TypographyStyle.js"),s=require("../../../../constants/Theme.js"),r=require("../LineChart/LineChart.js"),n=require("../scoreBlock/ScoreBlock.js"),i=require("./LinearChipGroupedChart.styled.js");exports.LinearChipGroupedChart=o=>{let{separator:a,name:c,overallValue:l,requestSent:d,responses:j,chipValues:h,lineChartOption:u,formatVal:p}=o;return e.jsxs(i.Container,Object.assign({separator:a},{children:[e.jsxs(i.Row,Object.assign({style:{alignItems:"center",justifyContent:"space-between"}},{children:[e.jsxs("div",{children:[e.jsx(t.TitleRegular,Object.assign({color:s.COLORS.content.secondary},{children:c})),e.jsx(t.TitleLarge,Object.assign({color:void 0===l||0===l?s.COLORS.content.secondary:l<0?s.COLORS.content.negative:s.COLORS.content.positive},{children:p?new Intl.NumberFormat("en-IN",{}).format(l):l}))]}),e.jsxs(i.Column,Object.assign({style:{alignItems:"flex-end"}},{children:[e.jsxs(t.BodySecondary,Object.assign({color:s.COLORS.content.secondary,style:{marginBottom:2}},{children:["Requests sent: ",d]})),e.jsxs(t.BodySecondary,Object.assign({color:s.COLORS.content.secondary},{children:["Responses: ",j]}))]}))]})),e.jsx(n.ScoreBlock,{chipValues:h,formatVal:p,CustomStyledChip:i.StyledChip}),e.jsx("div",Object.assign({style:{marginTop:28,width:"100%"}},{children:e.jsx(r.LineChart,Object.assign({},u,{maintainAspectRatio:!0}))}))]}))};
 //# sourceMappingURL=LinearChipGroupedChart.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinearChipGroupedChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx"],"sourcesContent":["import React from 'react';\nimport 'react-bootstrap';\nimport {\n\tBodySecondary,\n\tTitleLarge,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { LineChart, LineChartProps } from '../LineChart/LineChart';\nimport { ScoreBlock } from '../scoreBlock/ScoreBlock';\nimport {\n\tColumn,\n\tContainer,\n\tRow,\n\tStyledChip,\n} from './LinearChipGroupedChart.styled';\n\nexport type LinearChipGroupedChartProps = {\n\tlineChartOption: LineChartProps;\n\toverallValue: number;\n\trequestSent: number;\n\tresponses: number;\n\tchipValues: {\n\t\tpositive: { text: string; val: number };\n\t\tneutral: { text: string; val: number };\n\t\tnegative: { text: string; val: number };\n\t};\n\tname: string;\n\tseparator?: boolean;\n\tformatVal?: boolean;\n};\n\nexport const LinearChipGroupedChart: React.FC<LinearChipGroupedChartProps> = ({\n\tseparator,\n\tname,\n\toverallValue,\n\trequestSent,\n\tresponses,\n\tchipValues,\n\tlineChartOption,\n\tformatVal,\n}) => {\n\treturn (\n\t\t<Container separator={separator}>\n\t\t\t<Row style={{ alignItems: 'center', justifyContent: 'space-between' }}>\n\t\t\t\t<div>\n\t\t\t\t\t<TitleRegular color={COLORS.content.secondary}>{name}</TitleRegular>\n\t\t\t\t\t<TitleLarge\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\ttypeof overallValue === 'undefined' \|\| overallValue === 0\n\t\t\t\t\t\t\t\t? COLORS.content.secondary\n\t\t\t\t\t\t\t\t: overallValue < 0\n\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t: COLORS.content.positive\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{formatVal\n\t\t\t\t\t\t\t? new Intl.NumberFormat('en-IN', {}).format(overallValue)\n\t\t\t\t\t\t\t: overallValue}\n\t\t\t\t\t</TitleLarge>\n\t\t\t\t</div>\n\t\t\t\t<Column\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\talignItems: 'flex-end',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\tstyle={{ marginBottom: 2 }}\n\t\t\t\t\t>\n\t\t\t\t\t\tRequests sent: {requestSent}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\tResponses: {responses}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</Column>\n\t\t\t</Row>\n\t\t\t<ScoreBlock\n\t\t\t\tchipValues={chipValues}\n\t\t\t\tformatVal={formatVal}\n\t\t\t\tCustomStyledChip={StyledChip}\n\t\t\t/>\n\t\t\t<div style={{ marginTop: 28, width: '100%' }}>\n\t\t\t\t<LineChart {...lineChartOption} maintainAspectRatio />\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["~~LinearChipGroupedChart~~","separator","name","overallValue","requestSent","responses","chipValues","lineChartOption","formatVal","_jsxs","Container","Object","assign","children","jsxs","Row","style","alignItems","justifyContent","_jsx","jsx","TitleRegular","color","COLORS","content","secondary","TitleLarge","negative","positive","Intl","NumberFormat","format","Column","BodySecondary","marginBottom","ScoreBlock","CustomStyledChip","StyledChip","marginTop","width","LineChart","maintainAspectRatio"],"mappings":"0XAgC6EA,~~EAC5EC~~,~~YACAC~~,~~OACAC~~,~~eACAC~~,~~cACAC~~,~~YACAC~~,~~aACAC~~,~~kBACAC~~,~~eAGCC~~,OAACC,EAAAA,UAASC,OAAAC,OAAA,CAACX,UAAWA,GACrB,CAAAY,SAAA,CAAAJ,EAAAK,KAACC,MAAGJ,OAAAC,OAAA,CAACI,MAAO,CAAEC,WAAY,SAAUC,eAAgB,kBAAiB,CAAAL,SAAA,CACpEJ,EACCK,KAAA,MAAA,CAAAD,SAAA,CAAAM,EAAAC,IAACC,eAAaV,OAAAC,OAAA,CAAAU,MAAOC,EAAAA,OAAOC,QAAQC,WAAY,CAAAZ,SAAAX,KAChDiB,MAACO,aAAUf,OAAAC,OAAA,CACVU,WACyB,IAAjBnB,GAAiD,IAAjBA,EACpCoB,EAAAA,OAAOC,QAAQC,UACftB,EAAe,EACfoB,SAAOC,QAAQG,SACfJ,EAAAA,OAAOC,QAAQI,oBAGlBpB,EACE,IAAIqB,KAAKC,aAAa,QAAS,CAAA,GAAIC,OAAO5B,GAC1CA,QAGLM,EAACK,KAAAkB,SACArB,OAAAC,OAAA,CAAAI,MAAO,CACNC,WAAY,aACZ,CAAAJ,SAAA,CAEDJ,OAACwB,gBAAatB,OAAAC,OAAA,CACbU,MAAOC,EAAAA,OAAOC,QAAQC,UACtBT,MAAO,CAAEkB,aAAc,IAEP,CAAArB,SAAA,CAAA,kBAAAT,MAEjBK,EAAAK,KAACmB,gBAAatB,OAAAC,OAAA,CAACU,MAAOC,EAAAA,OAAOC,QAAQC,WAAS,CAAAZ,SAAA,CAAA,cACjCR,cAIfc,EAACC,IAAAe,cACA7B,WAAYA,EACZE,UAAWA,EACX4B,iBAAkBC,EAAAA,aAEnBlB,EAAAC,IAAA,MAAAT,OAAAC,OAAA,CAAKI,MAAO,CAAEsB,UAAW,GAAIC,MAAO,SACnC,CAAA1B,SAAAM,EAAAC,IAACoB,EAASA,UAAA7B,OAAAC,OAAA,CAAA,EAAKL,EAAiB,CAAAkC"}
1	+ {"version":3,"file":"LinearChipGroupedChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.tsx"],"sourcesContent":["import React from 'react';\nimport 'react-bootstrap';\nimport {\n\tBodySecondary,\n\tTitleLarge,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { LineChart, LineChartProps } from '../LineChart/LineChart';\nimport { ScoreBlock } from '../scoreBlock/ScoreBlock';\nimport {\n\tColumn,\n\tContainer,\n\tRow,\n\tStyledChip,\n} from './LinearChipGroupedChart.styled';\n\nexport type LinearChipGroupedChartProps = {\n\tlineChartOption: LineChartProps;\n\toverallValue: number;\n\trequestSent: number;\n\tresponses: number;\n\tchipValues: {\n\t\tpositive: { text: string; val: number };\n\t\tneutral: { text: string; val: number };\n\t\tnegative: { text: string; val: number };\n\t};\n\tname: string;\n\tseparator?: boolean;\n\tformatVal?: boolean;\n};\n\nexport const LinearChipGroupedChart: React.FC<LinearChipGroupedChartProps> = ({\n\tseparator,\n\tname,\n\toverallValue,\n\trequestSent,\n\tresponses,\n\tchipValues,\n\tlineChartOption,\n\tformatVal,\n}) => {\n\treturn (\n\t\t<Container separator={separator}>\n\t\t\t<Row style={{ alignItems: 'center', justifyContent: 'space-between' }}>\n\t\t\t\t<div>\n\t\t\t\t\t<TitleRegular color={COLORS.content.secondary}>{name}</TitleRegular>\n\t\t\t\t\t<TitleLarge\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\ttypeof overallValue === 'undefined' \|\| overallValue === 0\n\t\t\t\t\t\t\t\t? COLORS.content.secondary\n\t\t\t\t\t\t\t\t: overallValue < 0\n\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t: COLORS.content.positive\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{formatVal\n\t\t\t\t\t\t\t? new Intl.NumberFormat('en-IN', {}).format(overallValue)\n\t\t\t\t\t\t\t: overallValue}\n\t\t\t\t\t</TitleLarge>\n\t\t\t\t</div>\n\t\t\t\t<Column\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\talignItems: 'flex-end',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\tstyle={{ marginBottom: 2 }}\n\t\t\t\t\t>\n\t\t\t\t\t\tRequests sent: {requestSent}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\tResponses: {responses}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</Column>\n\t\t\t</Row>\n\t\t\t<ScoreBlock\n\t\t\t\tchipValues={chipValues}\n\t\t\t\tformatVal={formatVal}\n\t\t\t\tCustomStyledChip={StyledChip}\n\t\t\t/>\n\t\t\t<div style={{ marginTop: 28, width: '100%' }}>\n\t\t\t\t<LineChart {...lineChartOption} maintainAspectRatio />\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["_ref","separator","name","overallValue","requestSent","responses","chipValues","lineChartOption","formatVal","_jsxs","Container","Object","assign","children","jsxs","Row","style","alignItems","justifyContent","_jsx","jsx","TitleRegular","color","COLORS","content","secondary","TitleLarge","negative","positive","Intl","NumberFormat","format","Column","BodySecondary","marginBottom","ScoreBlock","CustomStyledChip","StyledChip","marginTop","width","LineChart","maintainAspectRatio"],"mappings":"0XAgC6EA,IASxE,IATyEC,UAC7EA,EAASC,KACTA,EAAIC,aACJA,EAAYC,YACZA,EAAWC,UACXA,EAASC,WACTA,EAAUC,gBACVA,EAAeC,UACfA,GACAR,EACA,OACCS,OAACC,EAAAA,UAASC,OAAAC,OAAA,CAACX,UAAWA,GACrB,CAAAY,SAAA,CAAAJ,EAAAK,KAACC,MAAGJ,OAAAC,OAAA,CAACI,MAAO,CAAEC,WAAY,SAAUC,eAAgB,kBAAiB,CAAAL,SAAA,CACpEJ,EACCK,KAAA,MAAA,CAAAD,SAAA,CAAAM,EAAAC,IAACC,eAAaV,OAAAC,OAAA,CAAAU,MAAOC,EAAAA,OAAOC,QAAQC,WAAY,CAAAZ,SAAAX,KAChDiB,MAACO,aAAUf,OAAAC,OAAA,CACVU,WACyB,IAAjBnB,GAAiD,IAAjBA,EACpCoB,EAAAA,OAAOC,QAAQC,UACftB,EAAe,EACfoB,SAAOC,QAAQG,SACfJ,EAAAA,OAAOC,QAAQI,oBAGlBpB,EACE,IAAIqB,KAAKC,aAAa,QAAS,CAAA,GAAIC,OAAO5B,GAC1CA,QAGLM,EAACK,KAAAkB,SACArB,OAAAC,OAAA,CAAAI,MAAO,CACNC,WAAY,aACZ,CAAAJ,SAAA,CAEDJ,OAACwB,gBAAatB,OAAAC,OAAA,CACbU,MAAOC,EAAAA,OAAOC,QAAQC,UACtBT,MAAO,CAAEkB,aAAc,IAEP,CAAArB,SAAA,CAAA,kBAAAT,MAEjBK,EAAAK,KAACmB,gBAAatB,OAAAC,OAAA,CAACU,MAAOC,EAAAA,OAAOC,QAAQC,WAAS,CAAAZ,SAAA,CAAA,cACjCR,cAIfc,EAACC,IAAAe,cACA7B,WAAYA,EACZE,UAAWA,EACX4B,iBAAkBC,EAAAA,aAEnBlB,EAAAC,IAAA,MAAAT,OAAAC,OAAA,CAAKI,MAAO,CAAEsB,UAAW,GAAIC,MAAO,SACnC,CAAA1B,SAAAM,EAAAC,IAACoB,EAASA,UAAA7B,OAAAC,OAAA,CAAA,EAAKL,EAAiB,CAAAkC,gCAEtB"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),i=require("../../../../assets/icons/arrow_down.svg.js"),n=require("../../../../assets/icons/arrow_up.svg.js"),r=require("../../../../assets/icons/expressionless_emoji.svg.js"),o=require("../../../../assets/icons/sad_emoji.svg.js"),a=require("../../../../assets/icons/smiley_emoji.svg.js"),l=require("./ScoreBlock.styled.js");const c=(e,s)=>`${e} ${s}${e>1?"s":""}`;exports.Chip=({type:d,text:u,value:j,formatVal:p,progress:g,durationValue:h,durationUnit:O,plainText:y,showEmojiIcon:m,customTrailingIcon:v,CustomStyledChip:x=l.StyledChip})=>{const C="positive"===d?t.COLORS.content.positive:"negative"===d?t.COLORS.content.negative:t.COLORS.content.warning,S=g&&g<0?i.default:n.default,b="positive"===d?a.default:"neutral"===d?r.default:o.default,f=g&&g<0?t.COLORS.content.negative:g&&g>0?t.COLORS.content.positive:t.COLORS.content.placeholder;return e.jsxs(x,Object.assign({type:d},{children:[e.jsx(s.BodyCaption,Object.assign({color:C},{children:u})),e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[e.jsx(s.TitleMedium,Object.assign({color:y?t.COLORS.content.primary:C},{children:p?new Intl.NumberFormat("en-IN",{}).format(j):j})),v||(m?e.jsx(b,{width:22,height:22}):null)]})),e.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[h&&O?e.jsx(S,{color:f,height:16,width:16,style:{marginRight:2}}):null,h&&O?e.jsxs(e.Fragment,{children:[e.jsxs(s.BodyCaption,Object.assign({color:f},{children:[Math.abs(g||0),"%"]})),e.jsxs(s.BodyCaption,Object.assign({color:t.COLORS.content.placeholder},{children:["vs last ",c(h,O)]}))]}):null]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),i=require("../../../../assets/icons/arrow_down.svg.js"),n=require("../../../../assets/icons/arrow_up.svg.js"),r=require("../../../../assets/icons/expressionless_emoji.svg.js"),o=require("../../../../assets/icons/sad_emoji.svg.js"),a=require("../../../../assets/icons/smiley_emoji.svg.js"),l=require("./ScoreBlock.styled.js");const c=(e,s)=>`${e} ${s}${e>1?"s":""}`;exports.Chip=d=>{let{type:u,text:j,value:p,formatVal:g,progress:h,durationValue:O,durationUnit:y,plainText:m,showEmojiIcon:v,customTrailingIcon:x,CustomStyledChip:C=l.StyledChip}=d;const S="positive"===u?t.COLORS.content.positive:"negative"===u?t.COLORS.content.negative:t.COLORS.content.warning,b=h&&h<0?i.default:n.default,f="positive"===u?a.default:"neutral"===u?r.default:o.default,q=h&&h<0?t.COLORS.content.negative:h&&h>0?t.COLORS.content.positive:t.COLORS.content.placeholder;return e.jsxs(C,Object.assign({type:u},{children:[e.jsx(s.BodyCaption,Object.assign({color:S},{children:j})),e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[e.jsx(s.TitleMedium,Object.assign({color:m?t.COLORS.content.primary:S},{children:g?new Intl.NumberFormat("en-IN",{}).format(p):p})),x||(v?e.jsx(f,{width:22,height:22}):null)]})),e.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[O&&y?e.jsx(b,{color:q,height:16,width:16,style:{marginRight:2}}):null,O&&y?e.jsxs(e.Fragment,{children:[e.jsxs(s.BodyCaption,Object.assign({color:q},{children:[Math.abs(h||0),"%"]})),e.jsxs(s.BodyCaption,Object.assign({color:t.COLORS.content.placeholder},{children:["vs last ",c(O,y)]}))]}):null]}))]}))};
 //# sourceMappingURL=Chip.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyCaption, TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport DownArrowIcon from '../../../../assets/icons/arrow_down.svg';\nimport UpArrowIcon from '../../../../assets/icons/arrow_up.svg';\nimport ExpressionlessIcon from '../../../../assets/icons/expressionless_emoji.svg';\nimport SadIcon from '../../../../assets/icons/sad_emoji.svg';\nimport SmileIcon from '../../../../assets/icons/smiley_emoji.svg';\nimport { StyledChip as DefaultStyledChip } from './ScoreBlock.styled';\nimport { ChipProps, DurationUnit } from './types';\n\nexport const Chip: React.FC<ChipProps> = ({\n\ttype,\n\ttext,\n\tvalue,\n\tformatVal,\n\tprogress,\n\tdurationValue,\n\tdurationUnit,\n\tplainText,\n\tshowEmojiIcon,\n\tcustomTrailingIcon,\n\tCustomStyledChip = DefaultStyledChip,\n}) => {\n\tconst color =\n\t\ttype === 'positive'\n\t\t\t? COLORS.content.positive\n\t\t\t: type === 'negative'\n\t\t\t? COLORS.content.negative\n\t\t\t: COLORS.content.warning;\n\tconst TrendIcon = progress && progress < 0 ? DownArrowIcon : UpArrowIcon;\n\tconst EmojiIcon =\n\t\ttype === 'positive'\n\t\t\t? SmileIcon\n\t\t\t: type === 'neutral'\n\t\t\t? ExpressionlessIcon\n\t\t\t: SadIcon;\n\tconst trendIconColor =\n\t\tprogress && progress < 0\n\t\t\t? COLORS.content.negative\n\t\t\t: progress && progress > 0\n\t\t\t? COLORS.content.positive\n\t\t\t: COLORS.content.placeholder;\n\treturn (\n\t\t<CustomStyledChip type={type}>\n\t\t\t<BodyCaption color={color}>{text}</BodyCaption>\n\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n\t\t\t\t<TitleMedium color={plainText ? COLORS.content.primary : color}>\n\t\t\t\t\t{formatVal ? new Intl.NumberFormat('en-IN', {}).format(value) : value}\n\t\t\t\t</TitleMedium>\n\t\t\t\t{customTrailingIcon ? (\n\t\t\t\t\tcustomTrailingIcon\n\t\t\t\t) : showEmojiIcon ? (\n\t\t\t\t\t<EmojiIcon width={22} height={22} />\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t<div style={{ display: 'flex', gap: 4 }}>\n\t\t\t\t{durationValue && durationUnit ? (\n\t\t\t\t\t<TrendIcon\n\t\t\t\t\t\tcolor={trendIconColor}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\tstyle={{ marginRight: 2 }}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t\t{durationValue && durationUnit ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodyCaption color={trendIconColor}>\n\t\t\t\t\t\t\t{Math.abs(progress \|\| 0)}%\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\tvs last {formatDuration(durationValue, durationUnit)}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</CustomStyledChip>\n\t);\n};\n\nconst formatDuration = (value: number, unit: DurationUnit) => {\n\tconst plural = value > 1 ? 's' : '';\n\treturn `${value} ${unit}${plural}`;\n};\n"],"names":["formatDuration","value","unit","~~Chip~~","type","text","formatVal","progress","durationValue","durationUnit","plainText","showEmojiIcon","customTrailingIcon","CustomStyledChip","DefaultStyledChip","color","COLORS","content","positive","negative","warning","TrendIcon","DownArrowIcon","UpArrowIcon","EmojiIcon","SmileIcon","ExpressionlessIcon","SadIcon","trendIconColor","placeholder","_jsxs","Object","assign","children","_jsx","jsx","BodyCaption","style","display","alignItems","gap","TitleMedium","primary","Intl","NumberFormat","format","width","height","jsxs","marginRight","_Fragment","Math","abs"],"mappings":"~~igBAWO~~,~~MAqEDA~~,EAAiBA,CAACC,EAAeC,~~IAE/B~~,~~GAAGD,~~KAASC,IADJD,EAAQ,EAAI,IAAM,kBAtEOE,~~EACxCC~~,~~OACAC~~,~~OACAJ~~,~~QACAK~~,~~YACAC~~,~~WACAC~~,~~gBACAC~~,~~eACAC~~,~~YACAC~~,~~gBACAC~~,~~qBACAC~~,~~mBAAmBC~~,EAAAA,~~eAEnB~~,~~MAAMC~~,EACI,aAATX,EACGY,EAAAA,OAAOC,QAAQC,SACN,aAATd,EACAY,EAAAA,OAAOC,QAAQE,SACfH,EAAAA,OAAOC,QAAQG,QACbC,EAAYd,GAAYA,EAAW,EAAIe,EAAAA,QAAgBC,EAAAA,QACvDC,EACI,aAATpB,EACGqB,EAAAA,QACS,YAATrB,EACAsB,EAAkB,QAClBC,UACEC,EACLrB,GAAYA,EAAW,EACpBS,EAAMA,OAACC,QAAQE,SACfZ,GAAYA,EAAW,EACvBS,EAAAA,OAAOC,QAAQC,SACfF,EAAMA,OAACC,QAAQY,YACnB,OACCC,OAACjB,EAAgBkB,OAAAC,OAAA,CAAC5B,KAAMA,GACvB,CAAA6B,SAAA,CAAAC,EAAAC,IAACC,cAAWL,OAAAC,OAAA,CAACjB,MAAOA,GAAQ,CAAAkB,SAAA5B,KAC5ByB,4BAAKO,MAAO,CAAEC,QAAS,OAAQC,WAAY,SAAUC,IAAK,IACzD,CAAAP,SAAA,CAAAC,EAAAC,IAACM,cAAWV,OAAAC,OAAA,CAACjB,MAAOL,EAAYM,EAAAA,OAAOC,QAAQyB,QAAU3B,GACvD,CAAAkB,SAAA3B,EAAY,IAAIqC,KAAKC,aAAa,QAAS,CAAA,GAAIC,OAAO5C,GAASA,KAEhEW,IAEGD,EACHuB,EAAAA,IAACV,EAAU,CAAAsB,MAAO,GAAIC,OAAQ,KAC3B,UAELjB,EAAAkB,KAAA,MAAAjB,OAAAC,OAAA,CAAKK,MAAO,CAAEC,QAAS,OAAQE,IAAK,IAAG,CAAAP,SAAA,CACrCzB,GAAiBC,EACjByB,EAAAA,IAACb,GACAN,MAAOa,EACPmB,OAAQ,GACRD,MAAO,GACPT,MAAO,CAAEY,YAAa,KAEpB,KACHzC,GAAiBC,EACjBqB,EAAAA,KACCoB,EAAAA,SAAA,CAAAjB,SAAA,CAAAH,EAAAkB,KAACZ,cAAWL,OAAAC,OAAA,CAACjB,MAAOa,GAClB,CAAAK,SAAA,CAAAkB,KAAKC,IAAI7C,GAAY,GACT,QACduB,EAACkB,KAAAZ,6BAAYrB,MAAOC,EAAAA,OAAOC,QAAQY,aAAW,CAAAI,SAAA,CAAA,WACpCjC,EAAeQ,EAAeC,UAGtC,YAEa"}
1	+ {"version":3,"file":"Chip.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyCaption, TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport DownArrowIcon from '../../../../assets/icons/arrow_down.svg';\nimport UpArrowIcon from '../../../../assets/icons/arrow_up.svg';\nimport ExpressionlessIcon from '../../../../assets/icons/expressionless_emoji.svg';\nimport SadIcon from '../../../../assets/icons/sad_emoji.svg';\nimport SmileIcon from '../../../../assets/icons/smiley_emoji.svg';\nimport { StyledChip as DefaultStyledChip } from './ScoreBlock.styled';\nimport { ChipProps, DurationUnit } from './types';\n\nexport const Chip: React.FC<ChipProps> = ({\n\ttype,\n\ttext,\n\tvalue,\n\tformatVal,\n\tprogress,\n\tdurationValue,\n\tdurationUnit,\n\tplainText,\n\tshowEmojiIcon,\n\tcustomTrailingIcon,\n\tCustomStyledChip = DefaultStyledChip,\n}) => {\n\tconst color =\n\t\ttype === 'positive'\n\t\t\t? COLORS.content.positive\n\t\t\t: type === 'negative'\n\t\t\t? COLORS.content.negative\n\t\t\t: COLORS.content.warning;\n\tconst TrendIcon = progress && progress < 0 ? DownArrowIcon : UpArrowIcon;\n\tconst EmojiIcon =\n\t\ttype === 'positive'\n\t\t\t? SmileIcon\n\t\t\t: type === 'neutral'\n\t\t\t? ExpressionlessIcon\n\t\t\t: SadIcon;\n\tconst trendIconColor =\n\t\tprogress && progress < 0\n\t\t\t? COLORS.content.negative\n\t\t\t: progress && progress > 0\n\t\t\t? COLORS.content.positive\n\t\t\t: COLORS.content.placeholder;\n\treturn (\n\t\t<CustomStyledChip type={type}>\n\t\t\t<BodyCaption color={color}>{text}</BodyCaption>\n\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n\t\t\t\t<TitleMedium color={plainText ? COLORS.content.primary : color}>\n\t\t\t\t\t{formatVal ? new Intl.NumberFormat('en-IN', {}).format(value) : value}\n\t\t\t\t</TitleMedium>\n\t\t\t\t{customTrailingIcon ? (\n\t\t\t\t\tcustomTrailingIcon\n\t\t\t\t) : showEmojiIcon ? (\n\t\t\t\t\t<EmojiIcon width={22} height={22} />\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t<div style={{ display: 'flex', gap: 4 }}>\n\t\t\t\t{durationValue && durationUnit ? (\n\t\t\t\t\t<TrendIcon\n\t\t\t\t\t\tcolor={trendIconColor}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\tstyle={{ marginRight: 2 }}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t\t{durationValue && durationUnit ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodyCaption color={trendIconColor}>\n\t\t\t\t\t\t\t{Math.abs(progress \|\| 0)}%\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\tvs last {formatDuration(durationValue, durationUnit)}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</CustomStyledChip>\n\t);\n};\n\nconst formatDuration = (value: number, unit: DurationUnit) => {\n\tconst plural = value > 1 ? 's' : '';\n\treturn `${value} ${unit}${plural}`;\n};\n"],"names":["Chip","formatDuration","value","unit","_ref","type","text","formatVal","progress","durationValue","durationUnit","plainText","showEmojiIcon","customTrailingIcon","CustomStyledChip","DefaultStyledChip","color","COLORS","content","positive","negative","warning","TrendIcon","DownArrowIcon","UpArrowIcon","EmojiIcon","SmileIcon","ExpressionlessIcon","SadIcon","trendIconColor","placeholder","_jsxs","Object","assign","children","_jsx","jsx","BodyCaption","style","display","alignItems","gap","TitleMedium","primary","Intl","NumberFormat","format","width","height","jsxs","marginRight","_Fragment","Math","abs"],"mappings":"igBAWaA,MAqEPC,EAAiBA,CAACC,EAAeC,OAE5BD,KAASC,IADJD,EAAQ,EAAI,IAAM,kBAtEOE,IAYpC,IAZqCC,KACzCA,EAAIC,KACJA,EAAIJ,MACJA,EAAKK,UACLA,EAASC,SACTA,EAAQC,cACRA,EAAaC,aACbA,EAAYC,UACZA,EAASC,cACTA,EAAaC,mBACbA,EAAkBC,iBAClBA,EAAmBC,EAAAA,YACnBX,EACA,MAAMY,EACI,aAATX,EACGY,EAAAA,OAAOC,QAAQC,SACN,aAATd,EACAY,EAAAA,OAAOC,QAAQE,SACfH,EAAAA,OAAOC,QAAQG,QACbC,EAAYd,GAAYA,EAAW,EAAIe,EAAAA,QAAgBC,EAAAA,QACvDC,EACI,aAATpB,EACGqB,EAAAA,QACS,YAATrB,EACAsB,EAAkB,QAClBC,UACEC,EACLrB,GAAYA,EAAW,EACpBS,EAAMA,OAACC,QAAQE,SACfZ,GAAYA,EAAW,EACvBS,EAAAA,OAAOC,QAAQC,SACfF,EAAMA,OAACC,QAAQY,YACnB,OACCC,OAACjB,EAAgBkB,OAAAC,OAAA,CAAC5B,KAAMA,GACvB,CAAA6B,SAAA,CAAAC,EAAAC,IAACC,cAAWL,OAAAC,OAAA,CAACjB,MAAOA,GAAQ,CAAAkB,SAAA5B,KAC5ByB,4BAAKO,MAAO,CAAEC,QAAS,OAAQC,WAAY,SAAUC,IAAK,IACzD,CAAAP,SAAA,CAAAC,EAAAC,IAACM,cAAWV,OAAAC,OAAA,CAACjB,MAAOL,EAAYM,EAAAA,OAAOC,QAAQyB,QAAU3B,GACvD,CAAAkB,SAAA3B,EAAY,IAAIqC,KAAKC,aAAa,QAAS,CAAA,GAAIC,OAAO5C,GAASA,KAEhEW,IAEGD,EACHuB,EAAAA,IAACV,EAAU,CAAAsB,MAAO,GAAIC,OAAQ,KAC3B,UAELjB,EAAAkB,KAAA,MAAAjB,OAAAC,OAAA,CAAKK,MAAO,CAAEC,QAAS,OAAQE,IAAK,IAAG,CAAAP,SAAA,CACrCzB,GAAiBC,EACjByB,EAAAA,IAACb,GACAN,MAAOa,EACPmB,OAAQ,GACRD,MAAO,GACPT,MAAO,CAAEY,YAAa,KAEpB,KACHzC,GAAiBC,EACjBqB,EAAAA,KACCoB,EAAAA,SAAA,CAAAjB,SAAA,CAAAH,EAAAkB,KAACZ,cAAWL,OAAAC,OAAA,CAACjB,MAAOa,GAClB,CAAAK,SAAA,CAAAkB,KAAKC,IAAI7C,GAAY,GACT,QACduB,EAACkB,KAAAZ,6BAAYrB,MAAOC,EAAAA,OAAOC,QAAQY,aAAW,CAAAI,SAAA,CAAA,WACpCjC,EAAeQ,EAAeC,UAGtC,YAEa"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),n=require("../utils/calcPercentage.js"),s=require("./ScoreBlock.styled.js");exports.HorinzontalBar=({showPercentage:r,positive:c,negative:l,neutral:a})=>{const[d,o,j]=n.calculatePercentage(c,a,l),g={height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"};return e.jsxs("div",{children:[e.jsxs(s.StyledBarContainer,{children:[e.jsx("div",{style:Object.assign(Object.assign({},g),{width:`${d}%`,backgroundColor:i.COLORS.background.positive.vibrant})}),e.jsx("div",{style:Object.assign(Object.assign({},g),{width:`${o}%`,backgroundColor:i.COLORS.background.warning.vibrant})}),e.jsx("div",{style:Object.assign(Object.assign({},g),{width:`${j}%`,backgroundColor:i.COLORS.background.negative.vibrant})})]}),r&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsx("div",Object.assign({style:{display:"flex",width:"100%",marginTop:8}},{children:0===d&&0===o&&0===j?e.jsx("div",Object.assign({style:{width:"100%",textAlign:"left"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:"0%"}))})):e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({style:{width:`${d}%`,textAlign:"center"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:d>0&&`${Math.round(d)}%`}))})),e.jsx("div",Object.assign({style:{width:`${o}%`,textAlign:"center"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:o>0&&`${Math.round(o)}%`}))})),e.jsx("div",Object.assign({style:{width:`${j}%`,textAlign:"center"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:j>0&&`${Math.round(j)}%`}))}))]})}))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),n=require("../utils/calcPercentage.js"),s=require("./ScoreBlock.styled.js");exports.HorinzontalBar=r=>{let{showPercentage:c,positive:l,negative:a,neutral:d}=r;const[o,j,g]=n.calculatePercentage(l,d,a),h={height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"};return e.jsxs("div",{children:[e.jsxs(s.StyledBarContainer,{children:[e.jsx("div",{style:Object.assign(Object.assign({},h),{width:`${o}%`,backgroundColor:i.COLORS.background.positive.vibrant})}),e.jsx("div",{style:Object.assign(Object.assign({},h),{width:`${j}%`,backgroundColor:i.COLORS.background.warning.vibrant})}),e.jsx("div",{style:Object.assign(Object.assign({},h),{width:`${g}%`,backgroundColor:i.COLORS.background.negative.vibrant})})]}),c&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsx("div",Object.assign({style:{display:"flex",width:"100%",marginTop:8}},{children:0===o&&0===j&&0===g?e.jsx("div",Object.assign({style:{width:"100%",textAlign:"left"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:"0%"}))})):e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({style:{width:`${o}%`,textAlign:"center"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:o>0&&`${Math.round(o)}%`}))})),e.jsx("div",Object.assign({style:{width:`${j}%`,textAlign:"center"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:j>0&&`${Math.round(j)}%`}))})),e.jsx("div",Object.assign({style:{width:`${g}%`,textAlign:"center"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:g>0&&`${Math.round(g)}%`}))}))]})}))}))]})};
 //# sourceMappingURL=HorizontalBar.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HorizontalBar.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { calculatePercentage } from '../utils/calcPercentage';\nimport { StyledBarContainer } from './ScoreBlock.styled';\nimport { HorizontalBarProps } from './types';\n\nexport const HorinzontalBar: React.FC<HorizontalBarProps> = ({\n\tshowPercentage,\n\tpositive,\n\tnegative,\n\tneutral,\n}) => {\n\tconst [positiveWidth, neutralWidth, negativeWidth] = calculatePercentage(\n\t\tpositive,\n\t\tneutral,\n\t\tnegative,\n\t);\n\tconst barStyle = {\n\t\theight: '100%',\n\t\tposition: 'relative' as const,\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\toverflow: 'hidden',\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<StyledBarContainer>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${positiveWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.positive.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${neutralWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.warning.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${negativeWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.negative.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t</StyledBarContainer>\n\t\t\t{showPercentage && (\n\t\t\t\t<div style={{ display: 'flex', width: '100%' }}>\n\t\t\t\t\t<div style={{ display: 'flex', width: '100%', marginTop: 8 }}>\n\t\t\t\t\t\t{positiveWidth === 0 &&\n\t\t\t\t\t\tneutralWidth === 0 &&\n\t\t\t\t\t\tnegativeWidth === 0 ? (\n\t\t\t\t\t\t\t<div style={{ width: '100%', textAlign: 'left' }}>\n\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>0%</BodyTiny>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{ width: `${positiveWidth}%`, textAlign: 'center' }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{positiveWidth > 0 && `${Math.round(positiveWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ width: `${neutralWidth}%`, textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{neutralWidth > 0 && `${Math.round(neutralWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{ width: `${negativeWidth}%`, textAlign: 'center' }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{negativeWidth > 0 && `${Math.round(negativeWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["~~HorinzontalBar~~","showPercentage","positive","negative","neutral","positiveWidth","neutralWidth","negativeWidth","calculatePercentage","barStyle","height","position","display","alignItems","justifyContent","overflow","_jsxs","jsxs","StyledBarContainer","_jsx","jsx","style","Object","assign","width","backgroundColor","COLORS","background","vibrant","warning","children","marginTop","textAlign","BodyTiny","color","content","placeholder","_Fragment","Math","round"],"mappings":"+RAO4DA,~~EAC3DC~~,~~iBACAC~~,~~WACAC~~,~~WACAC~~,~~cAEA~~,~~MAAOC~~,EAAeC,EAAcC,GAAiBC,EAAAA,oBACpDN,EACAE,EACAD,GAEKM,EAAW,CAChBC,OAAQ,OACRC,SAAU,WACVC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,SAAU,UAGX,OACCC,EAAAA,sBACCA,EAACC,KAAAC,gCACAC,EACCC,IAAA,MAAA,CAAAC,MACIC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAd,GACH,CAAAe,~~MAAO~~,~~GAAGnB~~,KACVoB,gBAAiBC,EAAMA,OAACC,WAAWzB,SAAS0B,YAG9CT,EAAAC,IAAA,MAAA,CACCC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDd,GAAQ,CACXe,MAAO,GAAGlB,KACVmB,gBAAiBC,EAAMA,OAACC,WAAWE,QAAQD,YAG7CT,EACCC,IAAA,MAAA,CAAAC,MACIC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAd,IACHe,~~MAAO~~,~~GAAGjB~~,KACVkB,gBAAiBC,EAAMA,OAACC,WAAWxB,SAASyB,eAI9C3B,GACAkB,EAAAA,IAAK,MAAAG,OAAAC,OAAA,CAAAF,MAAO,CAAET,QAAS,OAAQY,MAAO,SAAQ,CAAAM,SAC7CX,2BAAKE,MAAO,CAAET,QAAS,OAAQY,MAAO,OAAQO,UAAW,IAAG,CAAAD,SACxC,IAAlBzB,GACgB,IAAjBC,GACkB,IAAlBC,EACCY,EAAKC,IAAA,MAAAE,OAAAC,OAAA,CAAAF,MAAO,CAAEG,MAAO,OAAQQ,UAAW,SAAQ,CAAAF,SAC/CX,EAACC,IAAAa,0BAASC,MAAOR,EAAAA,OAAOS,QAAQC,aAA0B,CAAAN,SAAA,WAG3Dd,EAAAC,KAAAoB,WAAA,CAAAP,SAAA,CACCX,2BACCE,MAAO,CAAEG,~~MAAO~~,~~GAAGnB~~,KAAkB2B,UAAW,WAAU,CAAAF,SAE1DX,MAACc,WAAQX,OAAAC,OAAA,CAACW,MAAOR,EAAAA,OAAOS,QAAQC,aAAW,CAAAN,SACzCzB,EAAgB,~~GAAK~~,~~GAAGiC~~,KAAKC,MAAMlC,YAGtCc,EAAKC,IAAA,MAAAE,OAAAC,OAAA,CAAAF,MAAO,CAAEG,MAAO,GAAGlB,KAAiB0B,UAAW,WAAU,CAAAF,SAC7DX,EAACC,IAAAa,0BAASC,MAAOR,EAAAA,OAAOS,QAAQC,aAAW,CAAAN,SACzCxB,EAAe,GAAK,GAAGgC,KAAKC,MAAMjC,YAGrCa,2BACCE,MAAO,CAAEG,~~MAAO~~,~~GAAGjB~~,KAAkByB,UAAW,WAEhD,CAAAF,SAAAX,EAAAC,IAACa,WAAQX,OAAAC,OAAA,CAACW,MAAOR,EAAAA,OAAOS,QAAQC,aAC9B,CAAAN,SAAAvB,EAAgB,~~GAAK~~,~~GAAG~~+B,KAAKC,MAAMhC,uBAQtC"}
1	+ {"version":3,"file":"HorizontalBar.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { calculatePercentage } from '../utils/calcPercentage';\nimport { StyledBarContainer } from './ScoreBlock.styled';\nimport { HorizontalBarProps } from './types';\n\nexport const HorinzontalBar: React.FC<HorizontalBarProps> = ({\n\tshowPercentage,\n\tpositive,\n\tnegative,\n\tneutral,\n}) => {\n\tconst [positiveWidth, neutralWidth, negativeWidth] = calculatePercentage(\n\t\tpositive,\n\t\tneutral,\n\t\tnegative,\n\t);\n\tconst barStyle = {\n\t\theight: '100%',\n\t\tposition: 'relative' as const,\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\toverflow: 'hidden',\n\t};\n\n\treturn (\n\t\t<div>\n\t\t\t<StyledBarContainer>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${positiveWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.positive.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${neutralWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.warning.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...barStyle,\n\t\t\t\t\t\twidth: `${negativeWidth}%`,\n\t\t\t\t\t\tbackgroundColor: COLORS.background.negative.vibrant,\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t</StyledBarContainer>\n\t\t\t{showPercentage && (\n\t\t\t\t<div style={{ display: 'flex', width: '100%' }}>\n\t\t\t\t\t<div style={{ display: 'flex', width: '100%', marginTop: 8 }}>\n\t\t\t\t\t\t{positiveWidth === 0 &&\n\t\t\t\t\t\tneutralWidth === 0 &&\n\t\t\t\t\t\tnegativeWidth === 0 ? (\n\t\t\t\t\t\t\t<div style={{ width: '100%', textAlign: 'left' }}>\n\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>0%</BodyTiny>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{ width: `${positiveWidth}%`, textAlign: 'center' }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{positiveWidth > 0 && `${Math.round(positiveWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ width: `${neutralWidth}%`, textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{neutralWidth > 0 && `${Math.round(neutralWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{ width: `${negativeWidth}%`, textAlign: 'center' }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t{negativeWidth > 0 && `${Math.round(negativeWidth)}%`}\n\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["_ref","showPercentage","positive","negative","neutral","positiveWidth","neutralWidth","negativeWidth","calculatePercentage","barStyle","height","position","display","alignItems","justifyContent","overflow","_jsxs","jsxs","StyledBarContainer","_jsx","jsx","style","Object","assign","width","backgroundColor","COLORS","background","vibrant","warning","children","marginTop","textAlign","BodyTiny","color","content","placeholder","_Fragment","Math","round"],"mappings":"+RAO4DA,IAKvD,IALwDC,eAC5DA,EAAcC,SACdA,EAAQC,SACRA,EAAQC,QACRA,GACAJ,EACA,MAAOK,EAAeC,EAAcC,GAAiBC,EAAAA,oBACpDN,EACAE,EACAD,GAEKM,EAAW,CAChBC,OAAQ,OACRC,SAAU,WACVC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,SAAU,UAGX,OACCC,EAAAA,sBACCA,EAACC,KAAAC,gCACAC,EACCC,IAAA,MAAA,CAAAC,MACIC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAd,GACH,CAAAe,MAAU,GAAAnB,KACVoB,gBAAiBC,EAAMA,OAACC,WAAWzB,SAAS0B,YAG9CT,EAAAC,IAAA,MAAA,CACCC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDd,GAAQ,CACXe,MAAO,GAAGlB,KACVmB,gBAAiBC,EAAMA,OAACC,WAAWE,QAAQD,YAG7CT,EACCC,IAAA,MAAA,CAAAC,MACIC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAd,IACHe,MAAU,GAAAjB,KACVkB,gBAAiBC,EAAMA,OAACC,WAAWxB,SAASyB,eAI9C3B,GACAkB,EAAAA,IAAK,MAAAG,OAAAC,OAAA,CAAAF,MAAO,CAAET,QAAS,OAAQY,MAAO,SAAQ,CAAAM,SAC7CX,2BAAKE,MAAO,CAAET,QAAS,OAAQY,MAAO,OAAQO,UAAW,IAAG,CAAAD,SACxC,IAAlBzB,GACgB,IAAjBC,GACkB,IAAlBC,EACCY,EAAKC,IAAA,MAAAE,OAAAC,OAAA,CAAAF,MAAO,CAAEG,MAAO,OAAQQ,UAAW,SAAQ,CAAAF,SAC/CX,EAACC,IAAAa,0BAASC,MAAOR,EAAAA,OAAOS,QAAQC,aAA0B,CAAAN,SAAA,WAG3Dd,EAAAC,KAAAoB,WAAA,CAAAP,SAAA,CACCX,2BACCE,MAAO,CAAEG,MAAU,GAAAnB,KAAkB2B,UAAW,WAAU,CAAAF,SAE1DX,MAACc,WAAQX,OAAAC,OAAA,CAACW,MAAOR,EAAAA,OAAOS,QAAQC,aAAW,CAAAN,SACzCzB,EAAgB,GAAQ,GAAAiC,KAAKC,MAAMlC,YAGtCc,EAAKC,IAAA,MAAAE,OAAAC,OAAA,CAAAF,MAAO,CAAEG,MAAO,GAAGlB,KAAiB0B,UAAW,WAAU,CAAAF,SAC7DX,EAACC,IAAAa,0BAASC,MAAOR,EAAAA,OAAOS,QAAQC,aAAW,CAAAN,SACzCxB,EAAe,GAAK,GAAGgC,KAAKC,MAAMjC,YAGrCa,2BACCE,MAAO,CAAEG,MAAU,GAAAjB,KAAkByB,UAAW,WAEhD,CAAAF,SAAAX,EAAAC,IAACa,WAAQX,OAAAC,OAAA,CAACW,MAAOR,EAAAA,OAAOS,QAAQC,aAC9B,CAAAN,SAAAvB,EAAgB,GAAQ,GAAA+B,KAAKC,MAAMhC,uBAQtC"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var t=require("../../../../assets/icons/expressionless_emoji.svg.js"),i=require("../../../../assets/icons/sad_emoji.svg.js"),o=require("../../../../assets/icons/smiley_emoji.svg.js"),a=require("../../../half-doughnut-chart/HalfDoughnutChart.js"),r=require("./Chip.js"),s=require("./HorizontalBar.js"),n=require("./ScoreBlock.styled.js");const l="#5F9C58",u="#F8C347",p="#C85151";exports.ScoreBlock=({type:c,customTrailingIcon:v,showEmojiIcon:g,plainText:d,showPercentage:j,separator:h,CustomStyledChip:m,chipValues:x,formatVal:C})=>"doughnut"===c?e.jsx(a.HalfDoughnutChart,{segments:[{label:x.positive.text,value:x.positive.val,description:x.positive.description,tooltipLabel:x.positive.tooltipLabel,color:l,emojiIcon:o.default},{label:x.neutral.text,value:x.neutral.val,description:x.neutral.description,tooltipLabel:x.neutral.tooltipLabel,color:u,emojiIcon:t.default},{label:x.negative.text,value:x.negative.val,description:x.negative.description,tooltipLabel:x.negative.tooltipLabel,color:p,emojiIcon:i.default}]}):"chip"!==c&&c?null:e.jsxs(n.Container,Object.assign({separator:h},{children:[e.jsxs(n.Row,Object.assign({style:{marginTop:8,gap:16}},{children:[e.jsx(r.Chip,{formatVal:C,type:"positive",text:x.positive.text,value:x.positive.val,durationValue:x.positive.durationValue,durationUnit:x.positive.durationUnit,progress:x.positive.progress,plainText:d,showEmojiIcon:g,CustomStyledChip:m,customTrailingIcon:v}),e.jsx(r.Chip,{formatVal:C,type:"neutral",text:x.neutral.text,value:x.neutral.val,durationValue:x.neutral.durationValue,durationUnit:x.neutral.durationUnit,progress:x.neutral.progress,plainText:d,showEmojiIcon:g,CustomStyledChip:m,customTrailingIcon:v}),e.jsx(r.Chip,{formatVal:C,type:"negative",text:x.negative.text,value:x.negative.val,durationValue:x.negative.durationValue,durationUnit:x.negative.durationUnit,progress:x.negative.progress,plainText:d,showEmojiIcon:g,CustomStyledChip:m,customTrailingIcon:v})]})),e.jsx("div",Object.assign({style:{marginTop:24,width:"100%"}},{children:e.jsx(s.HorinzontalBar,{showPercentage:j,positive:x.positive.val,neutral:x.neutral.val,negative:x.negative.val})}))]}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var t=require("../../../../assets/icons/expressionless_emoji.svg.js"),i=require("../../../../assets/icons/sad_emoji.svg.js"),o=require("../../../../assets/icons/smiley_emoji.svg.js"),a=require("../../../half-doughnut-chart/HalfDoughnutChart.js"),r=require("./Chip.js"),s=require("./HorizontalBar.js"),n=require("./ScoreBlock.styled.js");const l="#5F9C58",u="#F8C347",p="#C85151";exports.ScoreBlock=c=>{let{type:v,customTrailingIcon:g,showEmojiIcon:d,plainText:j,showPercentage:h,separator:m,CustomStyledChip:x,chipValues:C,formatVal:b}=c;return"doughnut"===v?e.jsx(a.HalfDoughnutChart,{segments:[{label:C.positive.text,value:C.positive.val,description:C.positive.description,tooltipLabel:C.positive.tooltipLabel,color:l,emojiIcon:o.default},{label:C.neutral.text,value:C.neutral.val,description:C.neutral.description,tooltipLabel:C.neutral.tooltipLabel,color:u,emojiIcon:t.default},{label:C.negative.text,value:C.negative.val,description:C.negative.description,tooltipLabel:C.negative.tooltipLabel,color:p,emojiIcon:i.default}]}):"chip"!==v&&v?null:e.jsxs(n.Container,Object.assign({separator:m},{children:[e.jsxs(n.Row,Object.assign({style:{marginTop:8,gap:16}},{children:[e.jsx(r.Chip,{formatVal:b,type:"positive",text:C.positive.text,value:C.positive.val,durationValue:C.positive.durationValue,durationUnit:C.positive.durationUnit,progress:C.positive.progress,plainText:j,showEmojiIcon:d,CustomStyledChip:x,customTrailingIcon:g}),e.jsx(r.Chip,{formatVal:b,type:"neutral",text:C.neutral.text,value:C.neutral.val,durationValue:C.neutral.durationValue,durationUnit:C.neutral.durationUnit,progress:C.neutral.progress,plainText:j,showEmojiIcon:d,CustomStyledChip:x,customTrailingIcon:g}),e.jsx(r.Chip,{formatVal:b,type:"negative",text:C.negative.text,value:C.negative.val,durationValue:C.negative.durationValue,durationUnit:C.negative.durationUnit,progress:C.negative.progress,plainText:j,showEmojiIcon:d,CustomStyledChip:x,customTrailingIcon:g})]})),e.jsx("div",Object.assign({style:{marginTop:24,width:"100%"}},{children:e.jsx(s.HorinzontalBar,{showPercentage:h,positive:C.positive.val,neutral:C.neutral.val,negative:C.negative.val})}))]}))};
 //# sourceMappingURL=ScoreBlock.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScoreBlock.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx"],"sourcesContent":["import React from 'react';\nimport 'react-bootstrap';\nimport ExpressionlessIcon from '../../../../assets/icons/expressionless_emoji.svg';\nimport SadIcon from '../../../../assets/icons/sad_emoji.svg';\nimport SmileIcon from '../../../../assets/icons/smiley_emoji.svg';\nimport { HalfDoughnutChart } from '../../../half-doughnut-chart';\nimport { Chip } from './Chip';\nimport { HorinzontalBar } from './HorizontalBar';\nimport { Container, Row } from './ScoreBlock.styled';\nimport { ScoreBlockProps } from './types';\n\n// Fixed default colours for the doughnut variant\nconst DEFAULT_DOUGHNUT_COLORS = {\n\tpositive: '#5F9C58',\n\tneutral: '#F8C347',\n\tnegative: '#C85151',\n} as const;\n\n// Reusable group for chips and horizontal bar\nexport const ScoreBlock: React.FC<ScoreBlockProps> = ({\n\ttype,\n\tcustomTrailingIcon,\n\tshowEmojiIcon,\n\tplainText,\n\tshowPercentage,\n\tseparator,\n\tCustomStyledChip,\n\tchipValues,\n\tformatVal,\n}) => {\n\tif (type === 'doughnut') {\n\t\treturn (\n\t\t\t<HalfDoughnutChart\n\t\t\t\tsegments={[\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.positive.text,\n\t\t\t\t\t\tvalue: chipValues.positive.val,\n\t\t\t\t\t\tdescription: chipValues.positive.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.positive.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.positive,\n\t\t\t\t\t\temojiIcon: SmileIcon,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.neutral.text,\n\t\t\t\t\t\tvalue: chipValues.neutral.val,\n\t\t\t\t\t\tdescription: chipValues.neutral.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.neutral.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.neutral,\n\t\t\t\t\t\temojiIcon: ExpressionlessIcon,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.negative.text,\n\t\t\t\t\t\tvalue: chipValues.negative.val,\n\t\t\t\t\t\tdescription: chipValues.negative.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.negative.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.negative,\n\t\t\t\t\t\temojiIcon: SadIcon,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (type === 'chip' \|\| !type) {\n\t\treturn (\n\t\t\t<Container separator={separator}>\n\t\t\t\t<Row style={{ marginTop: 8, gap: 16 }}>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"positive\"\n\t\t\t\t\t\ttext={chipValues.positive.text}\n\t\t\t\t\t\tvalue={chipValues.positive.val}\n\t\t\t\t\t\tdurationValue={chipValues.positive.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.positive.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.positive.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\ttext={chipValues.neutral.text}\n\t\t\t\t\t\tvalue={chipValues.neutral.val}\n\t\t\t\t\t\tdurationValue={chipValues.neutral.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.neutral.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.neutral.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"negative\"\n\t\t\t\t\t\ttext={chipValues.negative.text}\n\t\t\t\t\t\tvalue={chipValues.negative.val}\n\t\t\t\t\t\tdurationValue={chipValues.negative.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.negative.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.negative.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t</Row>\n\t\t\t\t<div style={{ marginTop: 24, width: '100%' }}>\n\t\t\t\t\t<HorinzontalBar\n\t\t\t\t\t\tshowPercentage={showPercentage}\n\t\t\t\t\t\tpositive={chipValues.positive.val}\n\t\t\t\t\t\tneutral={chipValues.neutral.val}\n\t\t\t\t\t\tnegative={chipValues.negative.val}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t);\n\t}\n\n\treturn null;\n};\n"],"names":["DEFAULT_DOUGHNUT_COLORS","~~ScoreBlock~~","type","customTrailingIcon","showEmojiIcon","plainText","showPercentage","separator","CustomStyledChip","chipValues","formatVal","_jsx","HalfDoughnutChart","segments","label","positive","text","value","val","description","tooltipLabel","color","emojiIcon","SmileIcon","neutral","ExpressionlessIcon","negative","SadIcon","_jsxs","Container","Object","assign","children","jsxs","Row","style","marginTop","gap","jsx","Chip","durationValue","durationUnit","progress","width","HorinzontalBar"],"mappings":"mdAYA,MAAMA,EACK,UADLA,EAEI,UAFJA,EAGK,6BAI0CC,~~EACpDC~~,~~OACAC~~,~~qBACAC~~,~~gBACAC~~,~~YACAC~~,~~iBACAC~~,~~YACAC~~,~~mBACAC~~,~~aACAC~~,~~eAEa~~,~~aAATR~~,EAEFS,EAAAA,IAACC,EAAAA,kBAAiB,CACjBC,SAAU,CACT,CACCC,MAAOL,EAAWM,SAASC,KAC3BC,MAAOR,EAAWM,SAASG,IAC3BC,YAAaV,EAAWM,SAASI,YACjCC,aAAcX,EAAWM,SAASK,aAClCC,MAAOrB,EACPsB,UAAWC,EAAAA,SAEZ,CACCT,MAAOL,EAAWe,QAAQR,KAC1BC,MAAOR,EAAWe,QAAQN,IAC1BC,YAAaV,EAAWe,QAAQL,YAChCC,aAAcX,EAAWe,QAAQJ,aACjCC,MAAOrB,EACPsB,UAAWG,EAAAA,SAEZ,CACCX,MAAOL,EAAWiB,SAASV,KAC3BC,MAAOR,EAAWiB,SAASR,IAC3BC,YAAaV,EAAWiB,SAASP,YACjCC,aAAcX,EAAWiB,SAASN,aAClCC,MAAOrB,EACPsB,UAAWK,EAAAA,YAOH,SAATzB,GAAoBA,EAwDjB,KAtDL0B,OAACC,EAAAA,UAASC,OAAAC,OAAA,CAACxB,UAAWA,GAAS,CAAAyB,SAAA,CAC9BJ,EAACK,KAAAC,MAAIJ,OAAAC,OAAA,CAAAI,MAAO,CAAEC,UAAW,EAAGC,IAAK,KAAI,CAAAL,SAAA,CACpCrB,EAAC2B,IAAAC,OACA,CAAA7B,UAAWA,EACXR,KAAK,WACLc,KAAMP,EAAWM,SAASC,KAC1BC,MAAOR,EAAWM,SAASG,IAC3BsB,cAAe/B,EAAWM,SAASyB,cACnCC,aAAchC,EAAWM,SAAS0B,aAClCC,SAAUjC,EAAWM,SAAS2B,SAC9BrC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,IAErBQ,EAAC2B,IAAAC,OACA,CAAA7B,UAAWA,EACXR,KAAK,UACLc,KAAMP,EAAWe,QAAQR,KACzBC,MAAOR,EAAWe,QAAQN,IAC1BsB,cAAe/B,EAAWe,QAAQgB,cAClCC,aAAchC,EAAWe,QAAQiB,aACjCC,SAAUjC,EAAWe,QAAQkB,SAC7BrC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,IAErBQ,EAAA2B,IAACC,OACA,CAAA7B,UAAWA,EACXR,KAAK,WACLc,KAAMP,EAAWiB,SAASV,KAC1BC,MAAOR,EAAWiB,SAASR,IAC3BsB,cAAe/B,EAAWiB,SAASc,cACnCC,aAAchC,EAAWiB,SAASe,aAClCC,SAAUjC,EAAWiB,SAASgB,SAC9BrC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,QAGtBQ,EAAK2B,IAAA,MAAAR,OAAAC,OAAA,CAAAI,MAAO,CAAEC,UAAW,GAAIO,MAAO,SACnC,CAAAX,SAAArB,EAAA2B,IAACM,iBAAc,CACdtC,eAAgBA,EAChBS,SAAUN,EAAWM,SAASG,IAC9BM,QAASf,EAAWe,QAAQN,IAC5BQ,SAAUjB,EAAWiB,SAASR"}
1	+ {"version":3,"file":"ScoreBlock.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.tsx"],"sourcesContent":["import React from 'react';\nimport 'react-bootstrap';\nimport ExpressionlessIcon from '../../../../assets/icons/expressionless_emoji.svg';\nimport SadIcon from '../../../../assets/icons/sad_emoji.svg';\nimport SmileIcon from '../../../../assets/icons/smiley_emoji.svg';\nimport { HalfDoughnutChart } from '../../../half-doughnut-chart';\nimport { Chip } from './Chip';\nimport { HorinzontalBar } from './HorizontalBar';\nimport { Container, Row } from './ScoreBlock.styled';\nimport { ScoreBlockProps } from './types';\n\n// Fixed default colours for the doughnut variant\nconst DEFAULT_DOUGHNUT_COLORS = {\n\tpositive: '#5F9C58',\n\tneutral: '#F8C347',\n\tnegative: '#C85151',\n} as const;\n\n// Reusable group for chips and horizontal bar\nexport const ScoreBlock: React.FC<ScoreBlockProps> = ({\n\ttype,\n\tcustomTrailingIcon,\n\tshowEmojiIcon,\n\tplainText,\n\tshowPercentage,\n\tseparator,\n\tCustomStyledChip,\n\tchipValues,\n\tformatVal,\n}) => {\n\tif (type === 'doughnut') {\n\t\treturn (\n\t\t\t<HalfDoughnutChart\n\t\t\t\tsegments={[\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.positive.text,\n\t\t\t\t\t\tvalue: chipValues.positive.val,\n\t\t\t\t\t\tdescription: chipValues.positive.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.positive.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.positive,\n\t\t\t\t\t\temojiIcon: SmileIcon,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.neutral.text,\n\t\t\t\t\t\tvalue: chipValues.neutral.val,\n\t\t\t\t\t\tdescription: chipValues.neutral.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.neutral.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.neutral,\n\t\t\t\t\t\temojiIcon: ExpressionlessIcon,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: chipValues.negative.text,\n\t\t\t\t\t\tvalue: chipValues.negative.val,\n\t\t\t\t\t\tdescription: chipValues.negative.description,\n\t\t\t\t\t\ttooltipLabel: chipValues.negative.tooltipLabel,\n\t\t\t\t\t\tcolor: DEFAULT_DOUGHNUT_COLORS.negative,\n\t\t\t\t\t\temojiIcon: SadIcon,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (type === 'chip' \|\| !type) {\n\t\treturn (\n\t\t\t<Container separator={separator}>\n\t\t\t\t<Row style={{ marginTop: 8, gap: 16 }}>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"positive\"\n\t\t\t\t\t\ttext={chipValues.positive.text}\n\t\t\t\t\t\tvalue={chipValues.positive.val}\n\t\t\t\t\t\tdurationValue={chipValues.positive.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.positive.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.positive.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\ttext={chipValues.neutral.text}\n\t\t\t\t\t\tvalue={chipValues.neutral.val}\n\t\t\t\t\t\tdurationValue={chipValues.neutral.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.neutral.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.neutral.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Chip\n\t\t\t\t\t\tformatVal={formatVal}\n\t\t\t\t\t\ttype=\"negative\"\n\t\t\t\t\t\ttext={chipValues.negative.text}\n\t\t\t\t\t\tvalue={chipValues.negative.val}\n\t\t\t\t\t\tdurationValue={chipValues.negative.durationValue}\n\t\t\t\t\t\tdurationUnit={chipValues.negative.durationUnit}\n\t\t\t\t\t\tprogress={chipValues.negative.progress}\n\t\t\t\t\t\tplainText={plainText}\n\t\t\t\t\t\tshowEmojiIcon={showEmojiIcon}\n\t\t\t\t\t\tCustomStyledChip={CustomStyledChip}\n\t\t\t\t\t\tcustomTrailingIcon={customTrailingIcon}\n\t\t\t\t\t/>\n\t\t\t\t</Row>\n\t\t\t\t<div style={{ marginTop: 24, width: '100%' }}>\n\t\t\t\t\t<HorinzontalBar\n\t\t\t\t\t\tshowPercentage={showPercentage}\n\t\t\t\t\t\tpositive={chipValues.positive.val}\n\t\t\t\t\t\tneutral={chipValues.neutral.val}\n\t\t\t\t\t\tnegative={chipValues.negative.val}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t);\n\t}\n\n\treturn null;\n};\n"],"names":["DEFAULT_DOUGHNUT_COLORS","_ref","type","customTrailingIcon","showEmojiIcon","plainText","showPercentage","separator","CustomStyledChip","chipValues","formatVal","_jsx","HalfDoughnutChart","segments","label","positive","text","value","val","description","tooltipLabel","color","emojiIcon","SmileIcon","neutral","ExpressionlessIcon","negative","SadIcon","_jsxs","Container","Object","assign","children","jsxs","Row","style","marginTop","gap","jsx","Chip","durationValue","durationUnit","progress","width","HorinzontalBar"],"mappings":"mdAYA,MAAMA,EACK,UADLA,EAEI,UAFJA,EAGK,6BAI0CC,IAUhD,IAViDC,KACrDA,EAAIC,mBACJA,EAAkBC,cAClBA,EAAaC,UACbA,EAASC,eACTA,EAAcC,UACdA,EAASC,iBACTA,EAAgBC,WAChBA,EAAUC,UACVA,GACAT,EACA,MAAa,aAATC,EAEFS,EAAAA,IAACC,EAAAA,kBAAiB,CACjBC,SAAU,CACT,CACCC,MAAOL,EAAWM,SAASC,KAC3BC,MAAOR,EAAWM,SAASG,IAC3BC,YAAaV,EAAWM,SAASI,YACjCC,aAAcX,EAAWM,SAASK,aAClCC,MAAOrB,EACPsB,UAAWC,EAAAA,SAEZ,CACCT,MAAOL,EAAWe,QAAQR,KAC1BC,MAAOR,EAAWe,QAAQN,IAC1BC,YAAaV,EAAWe,QAAQL,YAChCC,aAAcX,EAAWe,QAAQJ,aACjCC,MAAOrB,EACPsB,UAAWG,EAAAA,SAEZ,CACCX,MAAOL,EAAWiB,SAASV,KAC3BC,MAAOR,EAAWiB,SAASR,IAC3BC,YAAaV,EAAWiB,SAASP,YACjCC,aAAcX,EAAWiB,SAASN,aAClCC,MAAOrB,EACPsB,UAAWK,EAAAA,YAOH,SAATzB,GAAoBA,EAwDjB,KAtDL0B,OAACC,EAAAA,UAASC,OAAAC,OAAA,CAACxB,UAAWA,GAAS,CAAAyB,SAAA,CAC9BJ,EAACK,KAAAC,MAAIJ,OAAAC,OAAA,CAAAI,MAAO,CAAEC,UAAW,EAAGC,IAAK,KAAI,CAAAL,SAAA,CACpCrB,EAAC2B,IAAAC,OACA,CAAA7B,UAAWA,EACXR,KAAK,WACLc,KAAMP,EAAWM,SAASC,KAC1BC,MAAOR,EAAWM,SAASG,IAC3BsB,cAAe/B,EAAWM,SAASyB,cACnCC,aAAchC,EAAWM,SAAS0B,aAClCC,SAAUjC,EAAWM,SAAS2B,SAC9BrC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,IAErBQ,EAAC2B,IAAAC,OACA,CAAA7B,UAAWA,EACXR,KAAK,UACLc,KAAMP,EAAWe,QAAQR,KACzBC,MAAOR,EAAWe,QAAQN,IAC1BsB,cAAe/B,EAAWe,QAAQgB,cAClCC,aAAchC,EAAWe,QAAQiB,aACjCC,SAAUjC,EAAWe,QAAQkB,SAC7BrC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,IAErBQ,EAAA2B,IAACC,OACA,CAAA7B,UAAWA,EACXR,KAAK,WACLc,KAAMP,EAAWiB,SAASV,KAC1BC,MAAOR,EAAWiB,SAASR,IAC3BsB,cAAe/B,EAAWiB,SAASc,cACnCC,aAAchC,EAAWiB,SAASe,aAClCC,SAAUjC,EAAWiB,SAASgB,SAC9BrC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,QAGtBQ,EAAK2B,IAAA,MAAAR,OAAAC,OAAA,CAAAI,MAAO,CAAEC,UAAW,GAAIO,MAAO,SACnC,CAAAX,SAAArB,EAAA2B,IAACM,iBAAc,CACdtC,eAAgBA,EAChBS,SAAUN,EAAWM,SAASG,IAC9BM,QAASf,EAAWe,QAAQN,IAC5BQ,SAAUjB,EAAWiB,SAASR,YAOxB"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>{if(Math.abs(e)<1e3)return N(e).toString();return N(e/1e3)+"K"},t=e=>N(Number(e)/exports.TruncateValue.ONE_LAKH)+"L",r=e=>N(Number(e)/exports.TruncateValue.ONE_CRORE)+"C",u=e=>N(Number(e)/exports.TruncateValue.ONE_ARAB)+"A",a=e=>N(Number(e)/exports.TruncateValue.ONE_MILLION)+"M",o=e=>N(Number(e)/exports.TruncateValue.ONE_BILLION)+"B",n=e=>N(Number(e)/exports.TruncateValue.ONE_TRILLION)+"T",N=(e,t=2)=>{const r=10*t;return Math.round((e+Number.EPSILON)*r)/r};var O;exports.TruncateValue=void 0,(O=exports.TruncateValue||(exports.TruncateValue={}))[O.ONE_LAKH=1e5]="ONE_LAKH",O[O.ONE_CRORE=1e7]="ONE_CRORE",O[O.ONE_ARAB=1e9]="ONE_ARAB",O[O.ONE_MILLION=1e6]="ONE_MILLION",O[O.ONE_BILLION=1e9]="ONE_BILLION",O[O.ONE_TRILLION=1e12]="ONE_TRILLION",exports.calculatePercentage=function(e,t,r){const u=e+t+r;return[e/u*100||0,t/u*100||0,r/u*100||0]},exports.roundNumber=N,exports.truncateValueForIndianStore=a=>a<1e3?N(a):a>999&&a<exports.TruncateValue.ONE_LAKH?e(a):a>99999&&a<exports.TruncateValue.ONE_CRORE?t(a):a>9999999&&a<exports.TruncateValue.ONE_ARAB?r(a):u(a),exports.truncateValueForInternationalStore=t=>t<1e3?N(t):t>999&&t<exports.TruncateValue.ONE_MILLION?e(t):t>999999&&t<exports.TruncateValue.ONE_BILLION?a(t):t>999999999&&t<exports.TruncateValue.ONE_TRILLION?o(t):n(t),exports.truncateValueTo10K=e=>{if(Math.abs(e)<1e4)return N(e).toString();return N(Number(e)/1e3)+"K"},exports.truncateValueToA=u,exports.truncateValueToB=o,exports.truncateValueToC=r,exports.truncateValueToK=e,exports.truncateValueToL=t,exports.truncateValueToM=a,exports.truncateValueToT=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>{if(Math.abs(e)<1e3)return N(e).toString();return N(e/1e3)+"K"},t=e=>N(Number(e)/exports.TruncateValue.ONE_LAKH)+"L",r=e=>N(Number(e)/exports.TruncateValue.ONE_CRORE)+"C",u=e=>N(Number(e)/exports.TruncateValue.ONE_ARAB)+"A",a=e=>N(Number(e)/exports.TruncateValue.ONE_MILLION)+"M",o=e=>N(Number(e)/exports.TruncateValue.ONE_BILLION)+"B",n=e=>N(Number(e)/exports.TruncateValue.ONE_TRILLION)+"T",N=function(e){const t=10*(arguments.length>1&&void 0!==arguments[1]?arguments[1]:2);return Math.round((e+Number.EPSILON)*t)/t};var O;exports.TruncateValue=void 0,(O=exports.TruncateValue||(exports.TruncateValue={}))[O.ONE_LAKH=1e5]="ONE_LAKH",O[O.ONE_CRORE=1e7]="ONE_CRORE",O[O.ONE_ARAB=1e9]="ONE_ARAB",O[O.ONE_MILLION=1e6]="ONE_MILLION",O[O.ONE_BILLION=1e9]="ONE_BILLION",O[O.ONE_TRILLION=1e12]="ONE_TRILLION",exports.calculatePercentage=function(e,t,r){const u=e+t+r;return[e/u*100||0,t/u*100||0,r/u*100||0]},exports.roundNumber=N,exports.truncateValueForIndianStore=a=>a<1e3?N(a):a>999&&a<exports.TruncateValue.ONE_LAKH?e(a):a>99999&&a<exports.TruncateValue.ONE_CRORE?t(a):a>9999999&&a<exports.TruncateValue.ONE_ARAB?r(a):u(a),exports.truncateValueForInternationalStore=t=>t<1e3?N(t):t>999&&t<exports.TruncateValue.ONE_MILLION?e(t):t>999999&&t<exports.TruncateValue.ONE_BILLION?a(t):t>999999999&&t<exports.TruncateValue.ONE_TRILLION?o(t):n(t),exports.truncateValueTo10K=e=>{if(Math.abs(e)<1e4)return N(e).toString();return N(Number(e)/1e3)+"K"},exports.truncateValueToA=u,exports.truncateValueToB=o,exports.truncateValueToC=r,exports.truncateValueToK=e,exports.truncateValueToL=t,exports.truncateValueToM=a,exports.truncateValueToT=n;
 //# sourceMappingURL=calcPercentage.js.map