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

@bikdotai/bik-component-library 0.0.807-beta.2 → 0.0.808-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 (1549) hide show

package/dist/esm/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","VerticalGraph","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","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","VerticalGraph","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","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/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js CHANGED Viewed

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

package/dist/esm/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","_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","className","_jsx","TitleMedium","style","color","COLORS","content","primary","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","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","className","_jsx","TitleMedium","style","color","COLORS","content","primary","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/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import I from"@emotion/styled/base";import{jsx as g,Fragment as c,jsxs as l}from"react/jsx-runtime";import{useState as C,useEffect as b}from"react";import{Tooltip as X}from"../../../tooltips/Tooltip.js";import{BodyCaption as d,BodyTiny as i}from"../../../TypographyStyle.js";import{COLORS as Z}from"../../../../constants/Theme.js";import{HeatBoxLegend as h}from"./HeatMapStyled.js";var H;!function(I){I[I.LOW=0]="LOW",I[I.MEDIUM=1]="MEDIUM",I[I.HIGH=2]="HIGH",I[I.HIGHEST=3]="HIGHEST"}(H||(H={}));const e={[H.LOW]:"#EBDBFF",[H.MEDIUM]:"#D2AEFF",[H.HIGH]:"#9E77ED",[H.HIGHEST]:"#5E07BB"},s=I=>{let{xLabels:s,yLabels:B,values:V,absolutHeatValues:n}=I;const[t,G]=C();return b((()=>{G(V.map((I=>I.map((I=>((I,g)=>I<=g[0]?H.LOW:I<=g[1]?H.MEDIUM:I<=g[2]?H.HIGH:H.HIGHEST)(I,n||[]))))))}),[V,n]),t?l(A,{children:[g("div",Object.assign({className:"top-container"},{children:l("div",{children:[l("div",Object.assign({className:"top-container__legend"},{children:[g(h,{color:e[H.LOW]}),g(h,{color:e[H.MEDIUM]}),g(h,{color:e[H.HIGH]}),g(h,{color:e[H.HIGHEST]})]})),l("div",Object.assign({className:"top-container__legend"},{children:[g(d,Object.assign({color:Z.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:n[0]})),g(d,Object.assign({color:Z.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:n[1]})),g(d,Object.assign({color:Z.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:n[2]})),g(d,Object.assign({color:Z.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:`${n[2]}+`}))]}))]})})),l("div",Object.assign({style:{width:"100%"}},{children:[B.map(((I,c)=>l("div",Object.assign({className:"heat-row"},{children:[g("div",Object.assign({style:{flex:.5}},{children:g(i,Object.assign({style:{color:Z.content.secondary,textAlign:"right",marginRight:8}},{children:I}))})),s.map(((I,l)=>g("div",Object.assign({style:{flex:1}},{children:g(X,Object.assign({body:V[c][l].toString(),placement:"bottom"},{children:g(W,{color:e[t[c][l]]})}))}),I)))]}),I))),l("div",Object.assign({className:"heat-row",style:{marginTop:12}},{children:[g("div",{style:{flex:.5}}),s.map((I=>g("div",Object.assign({style:{flex:1}},{children:g(i,Object.assign({style:{color:Z.content.secondary,textAlign:"center"}},{children:I}))}),I)))]}))]}))]}):g(c,{})},W=I("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== */")),A=I("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)."}});export{A as HeatBoxStyled,s as HeatMapVertical};
+import I from"@emotion/styled/base";import{jsx as g,Fragment as c,jsxs as l}from"react/jsx-runtime";import{useState as C,useEffect as b}from"react";import{Tooltip as X}from"../../../tooltips/Tooltip.js";import{BodyCaption as d,BodyTiny as i}from"../../../TypographyStyle.js";import{COLORS as Z}from"../../../../constants/Theme.js";import{HeatBoxLegend as h}from"./HeatMapStyled.js";var H;!function(I){I[I.LOW=0]="LOW",I[I.MEDIUM=1]="MEDIUM",I[I.HIGH=2]="HIGH",I[I.HIGHEST=3]="HIGHEST"}(H||(H={}));const e={[H.LOW]:"#EBDBFF",[H.MEDIUM]:"#D2AEFF",[H.HIGH]:"#9E77ED",[H.HIGHEST]:"#5E07BB"},s=({xLabels:I,yLabels:s,values:B,absolutHeatValues:V})=>{const[n,t]=C();return b((()=>{t(B.map((I=>I.map((I=>((I,g)=>I<=g[0]?H.LOW:I<=g[1]?H.MEDIUM:I<=g[2]?H.HIGH:H.HIGHEST)(I,V||[]))))))}),[B,V]),n?l(A,{children:[g("div",Object.assign({className:"top-container"},{children:l("div",{children:[l("div",Object.assign({className:"top-container__legend"},{children:[g(h,{color:e[H.LOW]}),g(h,{color:e[H.MEDIUM]}),g(h,{color:e[H.HIGH]}),g(h,{color:e[H.HIGHEST]})]})),l("div",Object.assign({className:"top-container__legend"},{children:[g(d,Object.assign({color:Z.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:V[0]})),g(d,Object.assign({color:Z.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:V[1]})),g(d,Object.assign({color:Z.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:V[2]})),g(d,Object.assign({color:Z.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:`${V[2]}+`}))]}))]})})),l("div",Object.assign({style:{width:"100%"}},{children:[s.map(((c,C)=>l("div",Object.assign({className:"heat-row"},{children:[g("div",Object.assign({style:{flex:.5}},{children:g(i,Object.assign({style:{color:Z.content.secondary,textAlign:"right",marginRight:8}},{children:c}))})),I.map(((I,c)=>g("div",Object.assign({style:{flex:1}},{children:g(X,Object.assign({body:B[C][c].toString(),placement:"bottom"},{children:g(W,{color:e[n[C][c]]})}))}),I)))]}),c))),l("div",Object.assign({className:"heat-row",style:{marginTop:12}},{children:[g("div",{style:{flex:.5}}),I.map((I=>g("div",Object.assign({style:{flex:1}},{children:g(i,Object.assign({style:{color:Z.content.secondary,textAlign:"center"}},{children:I}))}),I)))]}))]}))]}):g(c,{})},W=I("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== */")),A=I("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)."}});export{A as HeatBoxStyled,s as HeatMapVertical};
 //# sourceMappingURL=HeatMapVertical.js.map

package/dist/esm/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","HeatMapVertical","~~_ref","~~xLabels","yLabels","values","absolutHeatValues","heatValues","setHeatValues","useState","useEffect","map","row","value","getHeat","_jsxs","HeatBoxStyled","children","_jsx","Object","assign","className","HeatBoxLegend","color","BodyCaption","COLORS","content","secondary","style","width","margin","textAlign","yLabel","rowIndex","flex","BodyTiny","marginRight","xLabel","colIndex","Tooltip","body","toString","placement","HeatBox","marginTop","_styled","process","env","NODE_ENV","target","label","props","name","styles"],"mappings":"8XAgBA,IAAKA,GAAL,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,WAUJC,~~EAA2DC~~,~~IAKnE~~,~~IALoEC~~,~~QACxEA~~,~~EAAOC~~,~~QACPA~~,~~EAAOC~~,~~OACPA,EAAMC,kBACNA,GACAJ,EACA,MAAOK,~~EAAYC,GAAiBC,IAUpC,OARAC,GAAU,KACTF,EACCH,EAAOM,KAAKC,GACXA,EAAID,KAAKE,GAlBGC,EAACD,EAAeP,IAC3BO,GAASP,EAAkB,~~GAAWX~~,EAAKE,~~IAC3CgB~~,GAASP,EAAkB,~~GAAWX~~,EAAKG,~~OAC3Ce~~,GAASP,EAAkB,~~GAAWX~~,EAAKI,KACxCJ,EAAKK,~~QAcUc~~,CAAQD,EAAOP,GAAqB,QAExD,GACC,CAACD,EAAQC,IAEPC,EAKJQ,EAACC,EACA,CAAAC,SAAA,CAAAC,EAAA,MAAAC,OAAAC,OAAA,CAAKC,UAAU,iBAAe,CAAAJ,SAC7BF,EACC,MAAA,CAAAE,SAAA,CAAAF,EAAA,MAAAI,OAAAC,OAAA,CAAKC,UAAU,yBAAuB,CAAAJ,SAAA,CACrCC,EAACI,EAAc,CAAAC,~~MAAO3B~~,EAAYD,EAAKE,~~OACvCqB~~,EAACI,EAAa,CAACC,~~MAAO3B~~,EAAYD,EAAKG,~~UACvCoB~~,EAACI,EAAc,CAAAC,~~MAAO3B~~,EAAYD,EAAKI,~~QACvCmB~~,EAACI,EAAa,CAACC,~~MAAO3B~~,EAAYD,EAAKK,~~eAExCe~~,EAAK,MAAAI,OAAAC,OAAA,CAAAC,UAAU,yBACd,CAAAJ,SAAA,CAAAC,EAACM,EAAWL,OAAAC,OAAA,CACXG,MAAOE,EAAOC,QAAQC,UACtBC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,EAAGC,UAAW,UAAS,CAAAd,SAElDX,EAAkB,MAEpBY,EAACM,EACAL,OAAAC,OAAA,CAAAG,MAAOE,EAAOC,QAAQC,UACtBC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,EAAGC,UAAW,UAAS,CAAAd,SAElDX,EAAkB,MAEpBY,EAACM,EACAL,OAAAC,OAAA,CAAAG,MAAOE,EAAOC,QAAQC,UACtBC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,EAAGC,UAAW,UAEzC,CAAAd,SAAAX,EAAkB,MAEpBY,EAACM,EAAWL,OAAAC,OAAA,CACXG,MAAOE,EAAOC,QAAQC,UACtBC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,EAAGC,UAAW,UAAS,CAAAd,~~SAC/C~~,~~GAAAX~~,EAAkB,mBAI1BS,EAAA,MAAAI,OAAAC,OAAA,CAAKQ,MAAO,CAAEC,MAAO,SAAQ,CAAAZ,SAAA,CAC3Bb,EAAQO,KAAI,CAACqB,EAAQC,IACrBlB,EAAkB,MAAAI,OAAAC,OAAA,CAAAC,UAAU,YAC3B,CAAAJ,SAAA,CAAAC,EAAA,MAAAC,OAAAC,OAAA,CAAKQ,MAAO,CAAEM,KAAM,KAAK,CAAAjB,SACxBC,EAACiB,EACAhB,OAAAC,OAAA,CAAAQ,MAAO,CACNL,MAAOE,EAAOC,QAAQC,UACtBI,UAAW,QACXK,YAAa,IAGb,CAAAnB,SAAAe,QAGF7B,EAAQQ,KAAI,CAAC0B,EAAQC,IACrBpB,EAAkB,MAAAC,OAAAC,OAAA,CAAAQ,MAAO,CAAEM,KAAM,IAChC,CAAAjB,SAAAC,EAACqB,EAAOpB,OAAAC,OAAA,CACPoB,KAAMnC,EAAO4B,GAAUK,GAAUG,WACjCC,UAAW,UAAQ,CAAAzB,SAEnBC,EAACyB,EACA,CAAApB,~~MAAO3B~~,~~EAAYW~~,EAAW0B,GAAUK,WANjCD,QAbFL,KA0BXjB,EAAA,MAAAI,OAAAC,OAAA,CAAKC,UAAU,WAAWO,MAAO,CAAEgB,UAAW,KAAI,CAAA3B,SAAA,CACjDC,EAAK,MAAA,CAAAU,MAAO,CAAEM,KAAM,MACnB/B,EAAQQ,KAAK0B,GACbnB,EAAA,MAAAC,OAAAC,OAAA,CAAkBQ,MAAO,CAAEM,KAAM,IAAG,CAAAjB,SACnCC,EAACiB,EACAhB,OAAAC,OAAA,CAAAQ,MAAO,CACNL,MAAOE,EAAOC,QAAQC,UACtBI,UAAW,WAGX,CAAAd,SAAAoB,OAPOA,gBAtEPnB,OAmFS,EAIZyB,EAAOE,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,WAAAL,CAGSM,kDAAAA,GAAUA,EAAM5B,OAAKuB,KAC1C,eAD0CA,QAAAC,IAAAC,SAC1C,GAAA,g1MAEYhC,EAAa6B,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,iBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAI,KAAA,UAAAC,OAAA,0OAAA,CAAAD,KAAA,UAAAC,OAAA,yOAAA1C,IAAA,80MAAA8B"}
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","HeatMapVertical","xLabels","yLabels","values","absolutHeatValues","heatValues","setHeatValues","useState","useEffect","map","row","value","getHeat","_jsxs","HeatBoxStyled","children","_jsx","Object","assign","className","HeatBoxLegend","color","BodyCaption","COLORS","content","secondary","style","width","margin","textAlign","yLabel","rowIndex","flex","BodyTiny","marginRight","xLabel","colIndex","Tooltip","body","toString","placement","HeatBox","marginTop","_styled","process","env","NODE_ENV","target","label","props","name","styles"],"mappings":"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"}

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

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

package/dist/esm/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","~~_ref","~~separator","name","overallValue","requestSent","responses","chipValues","lineChartOption","formatVal","_jsxs","Container","Object","assign","children","Row","style","alignItems","justifyContent","_jsx","TitleRegular","color","COLORS","content","secondary","TitleLarge","negative","positive","Intl","NumberFormat","format","Column","BodySecondary","marginBottom","ScoreBlock","CustomStyledChip","StyledChip","marginTop","width","LineChart","maintainAspectRatio"],"mappings":"~~mbAgCaA~~,~~MAAAA~~,~~EAAgEC~~,~~IASxE~~,~~IATyEC~~,~~UAC7EA~~,~~EAASC~~,~~KACTA~~,~~EAAIC~~,~~aACJA~~,~~EAAYC~~,~~YACZA~~,~~EAAWC,UACXA,EAASC,WACTA,EAAUC,gBACVA,EAAeC,UACfA,GACAR,EACA,OACCS,~~EAACC,EAASC,OAAAC,OAAA,CAACX,UAAWA,GACrB,CAAAY,SAAA,CAAAJ,EAACK,EAAGH,OAAAC,OAAA,CAACG,MAAO,CAAEC,WAAY,SAAUC,eAAgB,kBAAiB,CAAAJ,SAAA,CACpEJ,EACC,MAAA,CAAAI,SAAA,CAAAK,EAACC,EAAaR,OAAAC,OAAA,CAAAQ,MAAOC,EAAOC,QAAQC,WAAY,CAAAV,SAAAX,KAChDgB,EAACM,EAAUb,OAAAC,OAAA,CACVQ,WACyB,IAAjBjB,GAAiD,IAAjBA,EACpCkB,EAAOC,QAAQC,UACfpB,EAAe,EACfkB,EAAOC,QAAQG,SACfJ,EAAOC,QAAQI,oBAGlBlB,EACE,IAAImB,KAAKC,aAAa,QAAS,CAAA,GAAIC,OAAO1B,GAC1CA,QAGLM,EAACqB,EACAnB,OAAAC,OAAA,CAAAG,MAAO,CACNC,WAAY,aACZ,CAAAH,SAAA,CAEDJ,EAACsB,EAAapB,OAAAC,OAAA,CACbQ,MAAOC,EAAOC,QAAQC,UACtBR,MAAO,CAAEiB,aAAc,IAEP,CAAAnB,SAAA,CAAA,kBAAAT,MAEjBK,EAACsB,EAAapB,OAAAC,OAAA,CAACQ,MAAOC,EAAOC,QAAQC,WAAS,CAAAV,SAAA,CAAA,cACjCR,cAIfa,EAACe,GACA3B,WAAYA,EACZE,UAAWA,EACX0B,iBAAkBC,IAEnBjB,EAAA,MAAAP,OAAAC,OAAA,CAAKG,MAAO,CAAEqB,UAAW,GAAIC,MAAO,SACnC,CAAAxB,SAAAK,EAACoB,EAAS3B,OAAAC,OAAA,CAAA,EAAKL,EAAiB,CAAAgC~~,gCAEtB~~"}
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","Row","style","alignItems","justifyContent","_jsx","TitleRegular","color","COLORS","content","secondary","TitleLarge","negative","positive","Intl","NumberFormat","format","Column","BodySecondary","marginBottom","ScoreBlock","CustomStyledChip","StyledChip","marginTop","width","LineChart","maintainAspectRatio"],"mappings":"mbAgCO,MAAMA,EAAgEA,EAC5EC,YACAC,OACAC,eACAC,cACAC,YACAC,aACAC,kBACAC,eAGCC,EAACC,EAASC,OAAAC,OAAA,CAACX,UAAWA,GACrB,CAAAY,SAAA,CAAAJ,EAACK,EAAGH,OAAAC,OAAA,CAACG,MAAO,CAAEC,WAAY,SAAUC,eAAgB,kBAAiB,CAAAJ,SAAA,CACpEJ,EACC,MAAA,CAAAI,SAAA,CAAAK,EAACC,EAAaR,OAAAC,OAAA,CAAAQ,MAAOC,EAAOC,QAAQC,WAAY,CAAAV,SAAAX,KAChDgB,EAACM,EAAUb,OAAAC,OAAA,CACVQ,WACyB,IAAjBjB,GAAiD,IAAjBA,EACpCkB,EAAOC,QAAQC,UACfpB,EAAe,EACfkB,EAAOC,QAAQG,SACfJ,EAAOC,QAAQI,oBAGlBlB,EACE,IAAImB,KAAKC,aAAa,QAAS,CAAA,GAAIC,OAAO1B,GAC1CA,QAGLM,EAACqB,EACAnB,OAAAC,OAAA,CAAAG,MAAO,CACNC,WAAY,aACZ,CAAAH,SAAA,CAEDJ,EAACsB,EAAapB,OAAAC,OAAA,CACbQ,MAAOC,EAAOC,QAAQC,UACtBR,MAAO,CAAEiB,aAAc,IAEP,CAAAnB,SAAA,CAAA,kBAAAT,MAEjBK,EAACsB,EAAapB,OAAAC,OAAA,CAACQ,MAAOC,EAAOC,QAAQC,WAAS,CAAAV,SAAA,CAAA,cACjCR,cAIfa,EAACe,GACA3B,WAAYA,EACZE,UAAWA,EACX0B,iBAAkBC,IAEnBjB,EAAA,MAAAP,OAAAC,OAAA,CAAKG,MAAO,CAAEqB,UAAW,GAAIC,MAAO,SACnC,CAAAxB,SAAAK,EAACoB,EAAS3B,OAAAC,OAAA,CAAA,EAAKL,EAAiB,CAAAgC"}

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

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

package/dist/esm/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":["Chip","~~_ref","~~type","text","value","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","BodyCaption","style","display","alignItems","gap","TitleMedium","primary","Intl","NumberFormat","format","width","height","marginRight","_Fragment","Math","abs","formatDuration","unit"],"mappings":"~~kiBAWaA~~,~~MAAAA~~,~~EAA4BC~~,~~IAYpC~~,~~IAZqCC~~,~~KACzCA~~,~~EAAIC~~,~~KACJA~~,~~EAAIC~~,~~MACJA~~,~~EAAKC~~,~~UACLA~~,~~EAASC~~,~~SACTA~~,~~EAAQC~~,~~cACRA~~,~~EAAaC~~,~~aACbA,EAAYC,UACZA,EAASC,cACTA,EAAaC,mBACbA,EAAkBC,iBAClBA,EAAmBC,GACnBZ,EACA,MAAMa,~~EACI,aAATZ,EACGa,EAAOC,QAAQC,SACN,aAATf,EACAa,EAAOC,QAAQE,SACfH,EAAOC,QAAQG,QACbC,EAAYd,GAAYA,EAAW,EAAIe,EAAgBC,EACvDC,EACI,aAATrB,EACGsB,EACS,YAATtB,EACAuB,EACAC,EACEC,EACLrB,GAAYA,EAAW,EACpBS,EAAOC,QAAQE,SACfZ,GAAYA,EAAW,EACvBS,EAAOC,QAAQC,SACfF,EAAOC,QAAQY,YACnB,OACCC,EAACjB,EAAgBkB,OAAAC,OAAA,CAAC7B,KAAMA,GACvB,CAAA8B,SAAA,CAAAC,EAACC,EAAWJ,OAAAC,OAAA,CAACjB,MAAOA,GAAQ,CAAAkB,SAAA7B,KAC5B0B,uBAAKM,MAAO,CAAEC,QAAS,OAAQC,WAAY,SAAUC,IAAK,IACzD,CAAAN,SAAA,CAAAC,EAACM,EAAWT,OAAAC,OAAA,CAACjB,MAAOL,EAAYM,EAAOC,QAAQwB,QAAU1B,GACvD,CAAAkB,SAAA3B,EAAY,IAAIoC,KAAKC,aAAa,QAAS,CAAA,GAAIC,OAAOvC,GAASA,KAEhEO,IAEGD,EACHuB,EAACV,EAAU,CAAAqB,MAAO,GAAIC,OAAQ,KAC3B,UAELhB,EAAA,MAAAC,OAAAC,OAAA,CAAKI,MAAO,CAAEC,QAAS,OAAQE,IAAK,IAAG,CAAAN,SAAA,CACrCzB,GAAiBC,EACjByB,EAACb,GACAN,MAAOa,EACPkB,OAAQ,GACRD,MAAO,GACPT,MAAO,CAAEW,YAAa,KAEpB,KACHvC,GAAiBC,EACjBqB,EACCkB,EAAA,CAAAf,SAAA,CAAAH,EAACK,EAAWJ,OAAAC,OAAA,CAACjB,MAAOa,GAClB,CAAAK,SAAA,CAAAgB,KAAKC,IAAI3C,GAAY,GACT,QACduB,EAACK,iBAAYpB,MAAOC,EAAOC,QAAQY,aAAW,CAAAI,SAAA,CAAA,WACpCkB,EAAe3C,EAAeC,UAGtC,YAEa,EAIf0C,EAAiBA,CAAC9C,EAAe+C,~~OAE5B~~/C,KAAS+C,IADJ/C,EAAQ,EAAI,IAAM"}
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","type","text","value","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","BodyCaption","style","display","alignItems","gap","TitleMedium","primary","Intl","NumberFormat","format","width","height","marginRight","_Fragment","Math","abs","formatDuration","unit"],"mappings":"kiBAWO,MAAMA,EAA4BA,EACxCC,OACAC,OACAC,QACAC,YACAC,WACAC,gBACAC,eACAC,YACAC,gBACAC,qBACAC,mBAAmBC,MAEnB,MAAMC,EACI,aAATZ,EACGa,EAAOC,QAAQC,SACN,aAATf,EACAa,EAAOC,QAAQE,SACfH,EAAOC,QAAQG,QACbC,EAAYd,GAAYA,EAAW,EAAIe,EAAgBC,EACvDC,EACI,aAATrB,EACGsB,EACS,YAATtB,EACAuB,EACAC,EACEC,EACLrB,GAAYA,EAAW,EACpBS,EAAOC,QAAQE,SACfZ,GAAYA,EAAW,EACvBS,EAAOC,QAAQC,SACfF,EAAOC,QAAQY,YACnB,OACCC,EAACjB,EAAgBkB,OAAAC,OAAA,CAAC7B,KAAMA,GACvB,CAAA8B,SAAA,CAAAC,EAACC,EAAWJ,OAAAC,OAAA,CAACjB,MAAOA,GAAQ,CAAAkB,SAAA7B,KAC5B0B,uBAAKM,MAAO,CAAEC,QAAS,OAAQC,WAAY,SAAUC,IAAK,IACzD,CAAAN,SAAA,CAAAC,EAACM,EAAWT,OAAAC,OAAA,CAACjB,MAAOL,EAAYM,EAAOC,QAAQwB,QAAU1B,GACvD,CAAAkB,SAAA3B,EAAY,IAAIoC,KAAKC,aAAa,QAAS,CAAA,GAAIC,OAAOvC,GAASA,KAEhEO,IAEGD,EACHuB,EAACV,EAAU,CAAAqB,MAAO,GAAIC,OAAQ,KAC3B,UAELhB,EAAA,MAAAC,OAAAC,OAAA,CAAKI,MAAO,CAAEC,QAAS,OAAQE,IAAK,IAAG,CAAAN,SAAA,CACrCzB,GAAiBC,EACjByB,EAACb,GACAN,MAAOa,EACPkB,OAAQ,GACRD,MAAO,GACPT,MAAO,CAAEW,YAAa,KAEpB,KACHvC,GAAiBC,EACjBqB,EACCkB,EAAA,CAAAf,SAAA,CAAAH,EAACK,EAAWJ,OAAAC,OAAA,CAACjB,MAAOa,GAClB,CAAAK,SAAA,CAAAgB,KAAKC,IAAI3C,GAAY,GACT,QACduB,EAACK,iBAAYpB,MAAOC,EAAOC,QAAQY,aAAW,CAAAI,SAAA,CAAA,WACpCkB,EAAe3C,EAAeC,UAGtC,YAEa,EAIf0C,EAAiBA,CAAC9C,EAAe+C,IAE/B,GAAG/C,KAAS+C,IADJ/C,EAAQ,EAAI,IAAM"}

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

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

package/dist/esm/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","~~_ref","~~showPercentage","positive","negative","neutral","positiveWidth","neutralWidth","negativeWidth","calculatePercentage","barStyle","height","position","display","alignItems","justifyContent","overflow","_jsxs","StyledBarContainer","_jsx","style","Object","assign","width","backgroundColor","COLORS","background","vibrant","warning","children","marginTop","textAlign","BodyTiny","color","content","placeholder","_Fragment","Math","round"],"mappings":"~~4SAOaA~~,~~MAAAA~~,EAA+CC,~~IAKvD~~,~~IALwDC~~,~~eAC5DA~~,~~EAAcC~~,~~SACdA~~,~~EAAQC~~,~~SACRA,EAAQC,QACRA,GACAJ,EACA,MAAOK,~~EAAeC,EAAcC,GAAiBC,EACpDN,EACAE,EACAD,GAEKM,EAAW,CAChBC,OAAQ,OACRC,SAAU,WACVC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,SAAU,UAGX,OACCC,mBACCA,EAACC,aACAC,EACC,MAAA,CAAAC,MACIC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAZ,GACH,CAAAa,~~MAAU~~,~~GAAAjB~~,KACVkB,gBAAiBC,EAAOC,WAAWvB,SAASwB,YAG9CR,EAAA,MAAA,CACCC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDZ,GAAQ,CACXa,MAAO,GAAGhB,KACViB,gBAAiBC,EAAOC,WAAWE,QAAQD,YAG7CR,EACC,MAAA,CAAAC,MACIC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAZ,IACHa,~~MAAU~~,~~GAAAf~~,KACVgB,gBAAiBC,EAAOC,WAAWtB,SAASuB,eAI9CzB,GACAiB,EAAK,MAAAE,OAAAC,OAAA,CAAAF,MAAO,CAAEP,QAAS,OAAQU,MAAO,SAAQ,CAAAM,SAC7CV,uBAAKC,MAAO,CAAEP,QAAS,OAAQU,MAAO,OAAQO,UAAW,IAAG,CAAAD,SACxC,IAAlBvB,GACgB,IAAjBC,GACkB,IAAlBC,EACCW,EAAK,MAAAE,OAAAC,OAAA,CAAAF,MAAO,CAAEG,MAAO,OAAQQ,UAAW,SAAQ,CAAAF,SAC/CV,EAACa,iBAASC,MAAOR,EAAOS,QAAQC,aAA0B,CAAAN,SAAA,WAG3DZ,EAAAmB,EAAA,CAAAP,SAAA,CACCV,uBACCC,MAAO,CAAEG,~~MAAU~~,~~GAAAjB~~,KAAkByB,UAAW,WAAU,CAAAF,SAE1DV,EAACa,EAAQX,OAAAC,OAAA,CAACW,MAAOR,EAAOS,QAAQC,aAAW,CAAAN,SACzCvB,EAAgB,~~GAAQ~~,~~GAAA~~+B,KAAKC,MAAMhC,YAGtCa,EAAK,MAAAE,OAAAC,OAAA,CAAAF,MAAO,CAAEG,MAAO,GAAGhB,KAAiBwB,UAAW,WAAU,CAAAF,SAC7DV,EAACa,iBAASC,MAAOR,EAAOS,QAAQC,aAAW,CAAAN,SACzCtB,EAAe,GAAK,GAAG8B,KAAKC,MAAM/B,YAGrCY,uBACCC,MAAO,CAAEG,~~MAAU~~,~~GAAAf~~,KAAkBuB,UAAW,WAEhD,CAAAF,SAAAV,EAACa,EAAQX,OAAAC,OAAA,CAACW,MAAOR,EAAOS,QAAQC,aAC9B,CAAAN,SAAArB,EAAgB,~~GAAQ~~,~~GAAA6B~~,KAAKC,MAAM9B,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":["HorinzontalBar","showPercentage","positive","negative","neutral","positiveWidth","neutralWidth","negativeWidth","calculatePercentage","barStyle","height","position","display","alignItems","justifyContent","overflow","_jsxs","StyledBarContainer","_jsx","style","Object","assign","width","backgroundColor","COLORS","background","vibrant","warning","children","marginTop","textAlign","BodyTiny","color","content","placeholder","_Fragment","Math","round"],"mappings":"4SAOO,MAAMA,EAA+CA,EAC3DC,iBACAC,WACAC,WACAC,cAEA,MAAOC,EAAeC,EAAcC,GAAiBC,EACpDN,EACAE,EACAD,GAEKM,EAAW,CAChBC,OAAQ,OACRC,SAAU,WACVC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,SAAU,UAGX,OACCC,mBACCA,EAACC,aACAC,EACC,MAAA,CAAAC,MACIC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAZ,GACH,CAAAa,MAAO,GAAGjB,KACVkB,gBAAiBC,EAAOC,WAAWvB,SAASwB,YAG9CR,EAAA,MAAA,CACCC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDZ,GAAQ,CACXa,MAAO,GAAGhB,KACViB,gBAAiBC,EAAOC,WAAWE,QAAQD,YAG7CR,EACC,MAAA,CAAAC,MACIC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAZ,IACHa,MAAO,GAAGf,KACVgB,gBAAiBC,EAAOC,WAAWtB,SAASuB,eAI9CzB,GACAiB,EAAK,MAAAE,OAAAC,OAAA,CAAAF,MAAO,CAAEP,QAAS,OAAQU,MAAO,SAAQ,CAAAM,SAC7CV,uBAAKC,MAAO,CAAEP,QAAS,OAAQU,MAAO,OAAQO,UAAW,IAAG,CAAAD,SACxC,IAAlBvB,GACgB,IAAjBC,GACkB,IAAlBC,EACCW,EAAK,MAAAE,OAAAC,OAAA,CAAAF,MAAO,CAAEG,MAAO,OAAQQ,UAAW,SAAQ,CAAAF,SAC/CV,EAACa,iBAASC,MAAOR,EAAOS,QAAQC,aAA0B,CAAAN,SAAA,WAG3DZ,EAAAmB,EAAA,CAAAP,SAAA,CACCV,uBACCC,MAAO,CAAEG,MAAO,GAAGjB,KAAkByB,UAAW,WAAU,CAAAF,SAE1DV,EAACa,EAAQX,OAAAC,OAAA,CAACW,MAAOR,EAAOS,QAAQC,aAAW,CAAAN,SACzCvB,EAAgB,GAAK,GAAG+B,KAAKC,MAAMhC,YAGtCa,EAAK,MAAAE,OAAAC,OAAA,CAAAF,MAAO,CAAEG,MAAO,GAAGhB,KAAiBwB,UAAW,WAAU,CAAAF,SAC7DV,EAACa,iBAASC,MAAOR,EAAOS,QAAQC,aAAW,CAAAN,SACzCtB,EAAe,GAAK,GAAG8B,KAAKC,MAAM/B,YAGrCY,uBACCC,MAAO,CAAEG,MAAO,GAAGf,KAAkBuB,UAAW,WAEhD,CAAAF,SAAAV,EAACa,EAAQX,OAAAC,OAAA,CAACW,MAAOR,EAAOS,QAAQC,aAC9B,CAAAN,SAAArB,EAAgB,GAAK,GAAG6B,KAAKC,MAAM9B,uBAQtC"}

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

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

package/dist/esm/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","~~_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","Row","style","marginTop","gap","Chip","durationValue","durationUnit","progress","width","HorinzontalBar"],"mappings":"0eAYA,MAAMA,EACK,UADLA,EAEI,UAFJA,EAGK,UAIEC,~~EAAwCC~~,~~IAUhD~~,~~IAViDC~~,~~KACrDA~~,~~EAAIC~~,~~mBACJA~~,~~EAAkBC~~,~~cAClBA~~,~~EAAaC~~,~~UACbA~~,~~EAASC~~,~~eACTA~~,~~EAAcC,UACdA,EAASC,iBACTA,EAAgBC,WAChBA,EAAUC,UACVA,GACAT,EACA,MAAa,aAATC,~~EAEFS,EAACC,EAAiB,CACjBC,SAAU,CACT,CACCC,MAAOL,EAAWM,SAASC,KAC3BC,MAAOR,EAAWM,SAASG,IAC3BC,YAAaV,EAAWM,SAASI,YACjCC,aAAcX,EAAWM,SAASK,aAClCC,~~MAAOtB~~,~~EACPuB~~,UAAWC,GAEZ,CACCT,MAAOL,EAAWe,QAAQR,KAC1BC,MAAOR,EAAWe,QAAQN,IAC1BC,YAAaV,EAAWe,QAAQL,YAChCC,aAAcX,EAAWe,QAAQJ,aACjCC,~~MAAOtB~~,~~EACPuB~~,UAAWG,GAEZ,CACCX,MAAOL,EAAWiB,SAASV,KAC3BC,MAAOR,EAAWiB,SAASR,IAC3BC,YAAaV,EAAWiB,SAASP,YACjCC,aAAcX,EAAWiB,SAASN,aAClCC,~~MAAOtB~~,~~EACPuB~~,UAAWK,MAOH,SAATzB,GAAoBA,EAwDjB,KAtDL0B,EAACC,EAASC,OAAAC,OAAA,CAACxB,UAAWA,GAAS,CAAAyB,SAAA,CAC9BJ,EAACK,EAAIH,OAAAC,OAAA,CAAAG,MAAO,CAAEC,UAAW,EAAGC,IAAK,KAAI,CAAAJ,SAAA,CACpCrB,EAAC0B,EACA,CAAA3B,UAAWA,EACXR,KAAK,WACLc,KAAMP,EAAWM,SAASC,KAC1BC,MAAOR,EAAWM,SAASG,IAC3BoB,cAAe7B,EAAWM,SAASuB,cACnCC,aAAc9B,EAAWM,SAASwB,aAClCC,SAAU/B,EAAWM,SAASyB,SAC9BnC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,IAErBQ,EAAC0B,EACA,CAAA3B,UAAWA,EACXR,KAAK,UACLc,KAAMP,EAAWe,QAAQR,KACzBC,MAAOR,EAAWe,QAAQN,IAC1BoB,cAAe7B,EAAWe,QAAQc,cAClCC,aAAc9B,EAAWe,QAAQe,aACjCC,SAAU/B,EAAWe,QAAQgB,SAC7BnC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,IAErBQ,EAAC0B,EACA,CAAA3B,UAAWA,EACXR,KAAK,WACLc,KAAMP,EAAWiB,SAASV,KAC1BC,MAAOR,EAAWiB,SAASR,IAC3BoB,cAAe7B,EAAWiB,SAASY,cACnCC,aAAc9B,EAAWiB,SAASa,aAClCC,SAAU/B,EAAWiB,SAASc,SAC9BnC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,QAGtBQ,EAAK,MAAAmB,OAAAC,OAAA,CAAAG,MAAO,CAAEC,UAAW,GAAIM,MAAO,SACnC,CAAAT,SAAArB,EAAC+B,EAAc,CACdpC,eAAgBA,EAChBS,SAAUN,EAAWM,SAASG,IAC9BM,QAASf,EAAWe,QAAQN,IAC5BQ,SAAUjB,EAAWiB,SAASR~~,YAOxB~~"}
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","Row","style","marginTop","gap","Chip","durationValue","durationUnit","progress","width","HorinzontalBar"],"mappings":"0eAYA,MAAMA,EACK,UADLA,EAEI,UAFJA,EAGK,UAIEC,EAAwCA,EACpDC,OACAC,qBACAC,gBACAC,YACAC,iBACAC,YACAC,mBACAC,aACAC,eAEa,aAATR,EAEFS,EAACC,EAAiB,CACjBC,SAAU,CACT,CACCC,MAAOL,EAAWM,SAASC,KAC3BC,MAAOR,EAAWM,SAASG,IAC3BC,YAAaV,EAAWM,SAASI,YACjCC,aAAcX,EAAWM,SAASK,aAClCC,MAAOrB,EACPsB,UAAWC,GAEZ,CACCT,MAAOL,EAAWe,QAAQR,KAC1BC,MAAOR,EAAWe,QAAQN,IAC1BC,YAAaV,EAAWe,QAAQL,YAChCC,aAAcX,EAAWe,QAAQJ,aACjCC,MAAOrB,EACPsB,UAAWG,GAEZ,CACCX,MAAOL,EAAWiB,SAASV,KAC3BC,MAAOR,EAAWiB,SAASR,IAC3BC,YAAaV,EAAWiB,SAASP,YACjCC,aAAcX,EAAWiB,SAASN,aAClCC,MAAOrB,EACPsB,UAAWK,MAOH,SAATzB,GAAoBA,EAwDjB,KAtDL0B,EAACC,EAASC,OAAAC,OAAA,CAACxB,UAAWA,GAAS,CAAAyB,SAAA,CAC9BJ,EAACK,EAAIH,OAAAC,OAAA,CAAAG,MAAO,CAAEC,UAAW,EAAGC,IAAK,KAAI,CAAAJ,SAAA,CACpCrB,EAAC0B,EACA,CAAA3B,UAAWA,EACXR,KAAK,WACLc,KAAMP,EAAWM,SAASC,KAC1BC,MAAOR,EAAWM,SAASG,IAC3BoB,cAAe7B,EAAWM,SAASuB,cACnCC,aAAc9B,EAAWM,SAASwB,aAClCC,SAAU/B,EAAWM,SAASyB,SAC9BnC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,IAErBQ,EAAC0B,EACA,CAAA3B,UAAWA,EACXR,KAAK,UACLc,KAAMP,EAAWe,QAAQR,KACzBC,MAAOR,EAAWe,QAAQN,IAC1BoB,cAAe7B,EAAWe,QAAQc,cAClCC,aAAc9B,EAAWe,QAAQe,aACjCC,SAAU/B,EAAWe,QAAQgB,SAC7BnC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,IAErBQ,EAAC0B,EACA,CAAA3B,UAAWA,EACXR,KAAK,WACLc,KAAMP,EAAWiB,SAASV,KAC1BC,MAAOR,EAAWiB,SAASR,IAC3BoB,cAAe7B,EAAWiB,SAASY,cACnCC,aAAc9B,EAAWiB,SAASa,aAClCC,SAAU/B,EAAWiB,SAASc,SAC9BnC,UAAWA,EACXD,cAAeA,EACfI,iBAAkBA,EAClBL,mBAAoBA,QAGtBQ,EAAK,MAAAmB,OAAAC,OAAA,CAAAG,MAAO,CAAEC,UAAW,GAAIM,MAAO,SACnC,CAAAT,SAAArB,EAAC+B,EAAc,CACdpC,eAAgBA,EAChBS,SAAUN,EAAWM,SAASG,IAC9BM,QAASf,EAAWe,QAAQN,IAC5BQ,SAAUjB,EAAWiB,SAASR"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"calcPercentage.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.ts"],"sourcesContent":["export function calculatePercentage(a: number, b: number, c: number) {\n\tconst totalSum = a + b + c;\n\n\tconst percentageA = (a / totalSum) * 100;\n\tconst percentageB = (b / totalSum) * 100;\n\tconst percentageC = (c / totalSum) * 100;\n\n\treturn [percentageA \|\| 0, percentageB \|\| 0, percentageC \|\| 0];\n}\n\nexport const truncateValueToK = (value: number) => {\n\tif (Math.abs(value) < 1000) {\n\t\treturn roundNumber(value).toString();\n\t}\n\n\tconst roundedValue = roundNumber(value / 1000);\n\treturn roundedValue + 'K';\n};\n\nexport const truncateValueTo10K = (value: number) => {\n\tif (Math.abs(value) < 10000) {\n\t\treturn roundNumber(value).toString();\n\t}\n\n\tconst roundedValue = roundNumber(Number(value) / 1000);\n\treturn roundedValue + 'K';\n};\n\nexport const truncateValueToL = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_LAKH);\n\treturn roundedValue + 'L';\n};\n\nexport const truncateValueToC = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_CRORE);\n\treturn roundedValue + 'C';\n};\n\nexport const truncateValueToA = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_ARAB);\n\treturn roundedValue + 'A';\n};\n\nexport const truncateValueToM = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_MILLION);\n\treturn roundedValue + 'M';\n};\n\nexport const truncateValueToB = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_BILLION);\n\treturn roundedValue + 'B';\n};\n\nexport const truncateValueToT = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_TRILLION);\n\treturn roundedValue + 'T';\n};\n\nexport const roundNumber = (value: number, noOfDigits = 2) => {\n\tconst offset = 10 * noOfDigits;\n\treturn Math.round((value + Number.EPSILON) * offset) / offset;\n};\n\nexport const truncateValueForInternationalStore = (value: number) => {\n\tif (value < 1000) {\n\t\treturn roundNumber(value);\n\t}\n\tif (value > 999 && value < TruncateValue.ONE_MILLION) {\n\t\treturn truncateValueToK(value);\n\t} else if (value > 999999 && value < TruncateValue.ONE_BILLION) {\n\t\treturn truncateValueToM(value);\n\t} else if (value > 999999999 && value < TruncateValue.ONE_TRILLION) {\n\t\treturn truncateValueToB(value);\n\t} else {\n\t\treturn truncateValueToT(value);\n\t}\n};\n\nexport const truncateValueForIndianStore = (value: number) => {\n\tif (value < 1000) {\n\t\treturn roundNumber(value);\n\t}\n\tif (value > 999 && value < TruncateValue.ONE_LAKH) {\n\t\treturn truncateValueToK(value);\n\t} else if (value > 99999 && value < TruncateValue.ONE_CRORE) {\n\t\treturn truncateValueToL(value);\n\t} else if (value > 9999999 && value < TruncateValue.ONE_ARAB) {\n\t\treturn truncateValueToC(value);\n\t} else {\n\t\treturn truncateValueToA(value);\n\t}\n};\n\nexport enum TruncateValue {\n\tONE_LAKH = 100000,\n\tONE_CRORE = 10000000,\n\tONE_ARAB = 1000000000,\n\tONE_MILLION = 1000000,\n\tONE_BILLION = 1000000000,\n\tONE_TRILLION = 1000000000000,\n}\n"],"names":["calculatePercentage","a","b","c","totalSum","truncateValueToK","value","Math","abs","roundNumber","toString","truncateValueTo10K","Number","truncateValueToL","TruncateValue","ONE_LAKH","truncateValueToC","ONE_CRORE","truncateValueToA","ONE_ARAB","truncateValueToM","ONE_MILLION","truncateValueToB","ONE_BILLION","truncateValueToT","ONE_TRILLION","~~offset~~","~~arguments~~","~~length","undefined","~~round","EPSILON","truncateValueForInternationalStore","truncateValueForIndianStore"],"mappings":"SAAgBA,EAAoBC,EAAWC,EAAWC,GACzD,MAAMC,EAAWH,EAAIC,EAAIC,EAMzB,MAAO,CAJcF,EAAIG,EAAY,KAId,EAHFF,EAAIE,EAAY,KAGI,EAFpBD,EAAIC,EAAY,KAEsB,EAC5D,CAEaC,MAAAA,EAAoBC,IAChC,GAAIC,KAAKC,IAAIF,GAAS,IACrB,OAAOG,EAAYH,GAAOI,WAI3B,OADqBD,EAAYH,EAAQ,KACnB,GAAG,EAGbK,EAAsBL,IAClC,GAAIC,KAAKC,IAAIF,GAAS,IACrB,OAAOG,EAAYH,GAAOI,WAI3B,OADqBD,EAAYG,OAAON,GAAS,KAC3B,GAAG,EAGbO,EAAoBP,GACXG,EAAYG,OAAON,GAASQ,EAAcC,UACzC,IAGVC,EAAoBV,GACXG,EAAYG,OAAON,GAASQ,EAAcG,WACzC,IAGVC,EAAoBZ,GACXG,EAAYG,OAAON,GAASQ,EAAcK,UACzC,IAGVC,EAAoBd,GACXG,EAAYG,OAAON,GAASQ,EAAcO,aACzC,IAGVC,EAAoBhB,GACXG,EAAYG,OAAON,GAASQ,EAAcS,aACzC,IAGVC,EAAoBlB,GACXG,EAAYG,OAAON,GAASQ,EAAcW,cACzC,IAGVhB,~~EAAc~~,~~SAACH~~,~~GAC3B~~,~~MAAMoB~~,~~EAAS~~,~~IADqCC~~,~~UAAAC~~,~~OAAA~~,~~QAAAC~~,~~IAAAF~~,~~UAAA~~,~~GAAAA~~,~~UAAA,GAAG,GAEvD,OAAOpB,KAAKuB,OAAOxB,~~EAAQM,~~OAAOmB~~,~~SAAWL~~,GAAUA,~~CACxD~~,~~EAEaM~~,~~EAAsC1B~~,GAC9CA,EAAQ,IACJG,EAAYH,GAEhBA,EAAQ,KAAOA,EAAQQ,EAAcO,YACjChB,EAAiBC,GACdA,EAAQ,QAAUA,EAAQQ,EAAcS,YAC3CH,EAAiBd,GACdA,EAAQ,WAAaA,EAAQQ,EAAcW,aAC9CH,EAAiBhB,GAEjBkB,EAAiBlB,~~GAIb2B~~,EAA+~~B3B~~,GACvCA,EAAQ,IACJG,EAAYH,GAEhBA,EAAQ,KAAOA,EAAQQ,EAAcC,SACjCV,EAAiBC,GACdA,EAAQ,OAASA,EAAQQ,EAAcG,UAC1CJ,EAAiBP,GACdA,EAAQ,SAAWA,EAAQQ,EAAcK,SAC5CH,EAAiBV,GAEjBY,EAAiBZ,OAIdQ,GAAZ,SAAYA,GACXA,EAAAA,EAAA,SAAA,KAAA,WACAA,EAAAA,EAAA,UAAA,KAAA,YACAA,EAAAA,EAAA,SAAA,KAAA,WACAA,EAAAA,EAAA,YAAA,KAAA,cACAA,EAAAA,EAAA,YAAA,KAAA,cACAA,EAAAA,EAAA,aAAA,MAAA,cACA,CAPD,CAAYA,IAAAA,EAOX,CAAA"}
1	+ {"version":3,"file":"calcPercentage.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.ts"],"sourcesContent":["export function calculatePercentage(a: number, b: number, c: number) {\n\tconst totalSum = a + b + c;\n\n\tconst percentageA = (a / totalSum) * 100;\n\tconst percentageB = (b / totalSum) * 100;\n\tconst percentageC = (c / totalSum) * 100;\n\n\treturn [percentageA \|\| 0, percentageB \|\| 0, percentageC \|\| 0];\n}\n\nexport const truncateValueToK = (value: number) => {\n\tif (Math.abs(value) < 1000) {\n\t\treturn roundNumber(value).toString();\n\t}\n\n\tconst roundedValue = roundNumber(value / 1000);\n\treturn roundedValue + 'K';\n};\n\nexport const truncateValueTo10K = (value: number) => {\n\tif (Math.abs(value) < 10000) {\n\t\treturn roundNumber(value).toString();\n\t}\n\n\tconst roundedValue = roundNumber(Number(value) / 1000);\n\treturn roundedValue + 'K';\n};\n\nexport const truncateValueToL = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_LAKH);\n\treturn roundedValue + 'L';\n};\n\nexport const truncateValueToC = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_CRORE);\n\treturn roundedValue + 'C';\n};\n\nexport const truncateValueToA = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_ARAB);\n\treturn roundedValue + 'A';\n};\n\nexport const truncateValueToM = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_MILLION);\n\treturn roundedValue + 'M';\n};\n\nexport const truncateValueToB = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_BILLION);\n\treturn roundedValue + 'B';\n};\n\nexport const truncateValueToT = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_TRILLION);\n\treturn roundedValue + 'T';\n};\n\nexport const roundNumber = (value: number, noOfDigits = 2) => {\n\tconst offset = 10 * noOfDigits;\n\treturn Math.round((value + Number.EPSILON) * offset) / offset;\n};\n\nexport const truncateValueForInternationalStore = (value: number) => {\n\tif (value < 1000) {\n\t\treturn roundNumber(value);\n\t}\n\tif (value > 999 && value < TruncateValue.ONE_MILLION) {\n\t\treturn truncateValueToK(value);\n\t} else if (value > 999999 && value < TruncateValue.ONE_BILLION) {\n\t\treturn truncateValueToM(value);\n\t} else if (value > 999999999 && value < TruncateValue.ONE_TRILLION) {\n\t\treturn truncateValueToB(value);\n\t} else {\n\t\treturn truncateValueToT(value);\n\t}\n};\n\nexport const truncateValueForIndianStore = (value: number) => {\n\tif (value < 1000) {\n\t\treturn roundNumber(value);\n\t}\n\tif (value > 999 && value < TruncateValue.ONE_LAKH) {\n\t\treturn truncateValueToK(value);\n\t} else if (value > 99999 && value < TruncateValue.ONE_CRORE) {\n\t\treturn truncateValueToL(value);\n\t} else if (value > 9999999 && value < TruncateValue.ONE_ARAB) {\n\t\treturn truncateValueToC(value);\n\t} else {\n\t\treturn truncateValueToA(value);\n\t}\n};\n\nexport enum TruncateValue {\n\tONE_LAKH = 100000,\n\tONE_CRORE = 10000000,\n\tONE_ARAB = 1000000000,\n\tONE_MILLION = 1000000,\n\tONE_BILLION = 1000000000,\n\tONE_TRILLION = 1000000000000,\n}\n"],"names":["calculatePercentage","a","b","c","totalSum","truncateValueToK","value","Math","abs","roundNumber","toString","truncateValueTo10K","Number","truncateValueToL","TruncateValue","ONE_LAKH","truncateValueToC","ONE_CRORE","truncateValueToA","ONE_ARAB","truncateValueToM","ONE_MILLION","truncateValueToB","ONE_BILLION","truncateValueToT","ONE_TRILLION","noOfDigits","offset","round","EPSILON","truncateValueForInternationalStore","truncateValueForIndianStore"],"mappings":"SAAgBA,EAAoBC,EAAWC,EAAWC,GACzD,MAAMC,EAAWH,EAAIC,EAAIC,EAMzB,MAAO,CAJcF,EAAIG,EAAY,KAId,EAHFF,EAAIE,EAAY,KAGI,EAFpBD,EAAIC,EAAY,KAEsB,EAC5D,CAEaC,MAAAA,EAAoBC,IAChC,GAAIC,KAAKC,IAAIF,GAAS,IACrB,OAAOG,EAAYH,GAAOI,WAI3B,OADqBD,EAAYH,EAAQ,KACnB,GAAG,EAGbK,EAAsBL,IAClC,GAAIC,KAAKC,IAAIF,GAAS,IACrB,OAAOG,EAAYH,GAAOI,WAI3B,OADqBD,EAAYG,OAAON,GAAS,KAC3B,GAAG,EAGbO,EAAoBP,GACXG,EAAYG,OAAON,GAASQ,EAAcC,UACzC,IAGVC,EAAoBV,GACXG,EAAYG,OAAON,GAASQ,EAAcG,WACzC,IAGVC,EAAoBZ,GACXG,EAAYG,OAAON,GAASQ,EAAcK,UACzC,IAGVC,EAAoBd,GACXG,EAAYG,OAAON,GAASQ,EAAcO,aACzC,IAGVC,EAAoBhB,GACXG,EAAYG,OAAON,GAASQ,EAAcS,aACzC,IAGVC,EAAoBlB,GACXG,EAAYG,OAAON,GAASQ,EAAcW,cACzC,IAGVhB,EAAcA,CAACH,EAAeoB,EAAa,KACvD,MAAMC,EAAS,GAAKD,EACpB,OAAOnB,KAAKqB,OAAOtB,EAAQM,OAAOiB,SAAWF,GAAUA,CAAM,EAGjDG,EAAsCxB,GAC9CA,EAAQ,IACJG,EAAYH,GAEhBA,EAAQ,KAAOA,EAAQQ,EAAcO,YACjChB,EAAiBC,GACdA,EAAQ,QAAUA,EAAQQ,EAAcS,YAC3CH,EAAiBd,GACdA,EAAQ,WAAaA,EAAQQ,EAAcW,aAC9CH,EAAiBhB,GAEjBkB,EAAiBlB,GAIbyB,EAA+BzB,GACvCA,EAAQ,IACJG,EAAYH,GAEhBA,EAAQ,KAAOA,EAAQQ,EAAcC,SACjCV,EAAiBC,GACdA,EAAQ,OAASA,EAAQQ,EAAcG,UAC1CJ,EAAiBP,GACdA,EAAQ,SAAWA,EAAQQ,EAAcK,SAC5CH,EAAiBV,GAEjBY,EAAiBZ,OAIdQ,GAAZ,SAAYA,GACXA,EAAAA,EAAA,SAAA,KAAA,WACAA,EAAAA,EAAA,UAAA,KAAA,YACAA,EAAAA,EAAA,SAAA,KAAA,WACAA,EAAAA,EAAA,YAAA,KAAA,cACAA,EAAAA,EAAA,YAAA,KAAA,cACAA,EAAAA,EAAA,aAAA,MAAA,cACA,CAPD,CAAYA,IAAAA,EAOX,CAAA"}