@bikdotai/bik-component-library 0.0.817-beta.4 → 0.0.817-beta.6

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js.map

@@ -1 +1 @@
-{"version":3,"file":"PieChartAnalytics.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx"],"sourcesContent":["import BarChartIcon from '@src/assets/icons/ChartBar.svg';\nimport MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport { ArcElement, ChartData, Chart as ChartJS, Legend } from 'chart.js';\nimport React, { Suspense, useEffect, useState } from 'react';\nimport { Doughnut } from 'react-chartjs-2';\nimport styled from 'styled-components';\nimport {\n\tPieChartInput,\n\tPieChartInputData,\n} from '@src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartInputData';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport { LazyVerticalGraph as VerticalGraph } from '../LazyCharts';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport { PieChart } from './PieChart';\n\nChartJS.register(ArcElement, Legend);\n\nconst convertToBarChartData = (data, xAxisTitle, yAxisTitle) => {\n\tconst xAxisData = data.map((item) => item.name);\n\tconst yAxisData = data.map((item) => item.count);\n\tconst xAxis = {\n\t\tdata: xAxisData,\n\t\ttitle: xAxisTitle ?? '',\n\t};\n\tconst yAxis = {\n\t\tdata: yAxisData,\n\t\ttitle: yAxisTitle ?? '',\n\t};\n\n\tconst barChartData = {\n\t\txAxis,\n\t\tyAxis,\n\t\tbarColorRGBA: { r: 210, g: 174, b: 255, a: 1 },\n\t};\n\treturn barChartData;\n};\n\nconst options = (currencyProps?: {\n\tsymbol?: string;\n\tisInternationalStore?: boolean;\n}) => ({\n\tplugins: {\n\t\tlegend: {\n\t\t\tdisplay: false,\n\t\t},\n\t\ttooltip: {\n\t\t\tenabled: true,\n\t\t\tcallbacks: {\n\t\t\t\tlabel: (tooltipItem) => {\n\t\t\t\t\tif (!tooltipItem.label) {\n\t\t\t\t\t\treturn ` 0%`;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst total = tooltipItem.dataset.data.reduce(\n\t\t\t\t\t\t(acc, cur) => acc + cur,\n\t\t\t\t\t\t0,\n\t\t\t\t\t);\n\t\t\t\t\tconst percentage = parseFloat(\n\t\t\t\t\t\t((tooltipItem.raw / total) * 100).toFixed(1),\n\t\t\t\t\t);\n\n\t\t\t\t\tconst { label, raw } = tooltipItem;\n\t\t\t\t\tconst symbol = currencyProps?.symbol ?? '';\n\t\t\t\t\tconst isIntl = currencyProps?.isInternationalStore;\n\n\t\t\t\t\tconst value =\n\t\t\t\t\t\tisIntl !== undefined\n\t\t\t\t\t\t\t? isIntl\n\t\t\t\t\t\t\t\t? truncateValueForInternationalStore(raw)\n\t\t\t\t\t\t\t\t: truncateValueForIndianStore(raw)\n\t\t\t\t\t\t\t: raw;\n\n\t\t\t\t\tconst totalValue =\n\t\t\t\t\t\tisIntl !== undefined\n\t\t\t\t\t\t\t? isIntl\n\t\t\t\t\t\t\t\t? truncateValueForInternationalStore(total)\n\t\t\t\t\t\t\t\t: truncateValueForIndianStore(total)\n\t\t\t\t\t\t\t: total;\n\n\t\t\t\t\treturn [\n\t\t\t\t\t\t` ${label}`,\n\t\t\t\t\t\t` ${symbol}${value} (${percentage}% of ${symbol}${totalValue})`,\n\t\t\t\t\t];\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n});\n\nconst GRAPH_COLORS = [\n\t'#5E07BB',\n\t'#9E77ED',\n\t'#D2AEFF',\n\t'#CDE1FF',\n\t'#92AFFA',\n\t'#3935E1',\n];\n\nconst CartStyled = styled.div`\n\tbackground: ${(props) => COLORS.surface.standard};\n\tborder: 1px solid ${(props) => COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\nexport const Card = (props: any) => {\n\treturn <CartStyled style={{ padding: 24 }}>{props.children}</CartStyled>;\n};\n\nexport const PieChartAnalytics: React.FC<PieChartInputData> = ({\n\ttitle,\n\tslices,\n\tsize,\n\tallowChartPopup,\n\tshowConvertToBarChart,\n\ttruncateSlices,\n\tbarChartXAxisTitle,\n\tbarChartYAxisTitle,\n\thideTitle = false,\n\tcurrencyProps,\n}) => {\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst [showBarChart, setShowBarChart] = useState(false);\n\tconst [slicesWithColor, setSlicesWithColor] = useState<PieChartInput[]>([]);\n\tconst [data, setData] = useState<ChartData>();\n\tconst [truncatedData, setTruncatedData] = useState<ChartData>();\n\tconst [truncatedSlicesWithColor, setTruncatedSlicesWithColor] = useState<\n\t\tPieChartInput[]\n\t>([]);\n\tconst [barChartData, setBarChartData] = useState<{\n\t\txAxis: { data: []; title: string };\n\t\tyAxis: { data: []; title: string };\n\t\tbarColorRGBA: { r: number; g: number; b: number; a: number };\n\t} | null>(null);\n\n\tuseEffect(() => {\n\t\tconst totalSum = slices.reduce((sum, slice) => sum + slice.count, 0);\n\t\tlet updatedSlicesWithColor: PieChartInput[] = [];\n\n\t\tupdatedSlicesWithColor = Object.keys(slices).map((key, index) => ({\n\t\t\tcolor: GRAPH_COLORS[index % GRAPH_COLORS.length],\n\t\t\t...slices[key],\n\t\t}));\n\n\t\tsetSlicesWithColor([...updatedSlicesWithColor]);\n\n\t\tif (totalSum === 0) {\n\t\t\tconst dataSet = {\n\t\t\t\tdatasets: [\n\t\t\t\t\t{\n\t\t\t\t\t\tdata: [100],\n\t\t\t\t\t\tbackgroundColor: ['#F0F0F0'],\n\t\t\t\t\t\tborderWidth: 0,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tlabels: [],\n\t\t\t};\n\t\t\tsetData(dataSet);\n\t\t} else {\n\t\t\tconst dataSet = {\n\t\t\t\tlabels: slices.map((slice) =>\n\t\t\t\t\tStringUtils.capitalizeEachWord(slice.name),\n\t\t\t\t),\n\t\t\t\tdatasets: [\n\t\t\t\t\t{\n\t\t\t\t\t\tdata: slices.map((slice) => slice.count),\n\t\t\t\t\t\tbackgroundColor: slices.map(\n\t\t\t\t\t\t\t(slice, index) =>\n\t\t\t\t\t\t\t\tslice.color ?? GRAPH_COLORS[index % GRAPH_COLORS.length],\n\t\t\t\t\t\t),\n\t\t\t\t\t\tborderColor: ['white', 'white', 'white', 'white', 'white', 'white'],\n\t\t\t\t\t\tborderWidth: 4,\n\t\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t};\n\t\t\tsetData(dataSet);\n\t\t}\n\n\t\tif (truncateSlices && slices.length > truncateSlices) {\n\t\t\tconst truncatedSlices = slices.slice(0, truncateSlices);\n\t\t\tconst otherSlices = slices.slice(truncateSlices);\n\t\t\tconst otherCount = otherSlices.reduce(\n\t\t\t\t(sum, slice) => sum + slice.count,\n\t\t\t\t0,\n\t\t\t);\n\t\t\ttruncatedSlices.push({ name: 'Other', count: otherCount });\n\n\t\t\tconst truncatedDataSet = {\n\t\t\t\tlabels: truncatedSlices.map((slice) =>\n\t\t\t\t\tStringUtils.capitalize(slice.name),\n\t\t\t\t),\n\t\t\t\tdatasets: [\n\t\t\t\t\t{\n\t\t\t\t\t\tdata: truncatedSlices.map((slice) => slice.count),\n\t\t\t\t\t\tbackgroundColor: truncatedSlices.map(\n\t\t\t\t\t\t\t(slice, index) =>\n\t\t\t\t\t\t\t\tslice.color ?? GRAPH_COLORS[index % GRAPH_COLORS.length],\n\t\t\t\t\t\t),\n\t\t\t\t\t\tborderColor: ['white', 'white', 'white', 'white', 'white', 'white'],\n\t\t\t\t\t\tborderWidth: 4,\n\t\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t};\n\t\t\tsetTruncatedData(truncatedDataSet);\n\n\t\t\tconst truncatedSlicesWithColor = truncatedSlices.map((slice, index) => ({\n\t\t\t\tcolor: GRAPH_COLORS[index % GRAPH_COLORS.length],\n\t\t\t\t...slice,\n\t\t\t}));\n\t\t\tsetTruncatedSlicesWithColor(truncatedSlicesWithColor);\n\t\t}\n\n\t\tif (showConvertToBarChart) {\n\t\t\tsetBarChartData(\n\t\t\t\tconvertToBarChartData(slices, barChartXAxisTitle, barChartYAxisTitle),\n\t\t\t);\n\t\t}\n\t}, [slices, truncateSlices]);\n\n\tif (!data) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tjustifyContent:\n\t\t\t\t\t\thideTitle || title?.length === 0 ? 'flex-end' : 'space-between',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{!hideTitle && title && (\n\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginBottom: 16,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t)}\n\n\t\t\t\t<div>\n\t\t\t\t\t{showConvertToBarChart && (\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tIcon={BarChartIcon}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetShowBarChart(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{allowChartPopup && (\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className={'row'}>\n\t\t\t\t<div\n\t\t\t\t\tclassName={'col-6 '}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: size,\n\t\t\t\t\t\t\theight: size,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Doughnut\n\t\t\t\t\t\t\tdata={(truncateSlices ? truncatedData : data) as any}\n\t\t\t\t\t\t\toptions={{\n\t\t\t\t\t\t\t\t...options(currencyProps),\n\t\t\t\t\t\t\t\tmaintainAspectRatio: size ? false : true,\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\t<div\n\t\t\t\t\tclassName={'col-6'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpaddingLeft: 48,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tjustifyContent: 'flex-start',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<PieChart\n\t\t\t\t\t\tslices={truncateSlices ? truncatedSlicesWithColor : slicesWithColor}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{showPopup && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showPopup}\n\t\t\t\t\tonClose={() => setShowPopup(false)}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={title}\n\t\t\t\t\twidth=\"75%\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpadding: 24,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\theight: '80vh',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div style={{ width: '55%', marginLeft: '4%' }}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: '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<Doughnut\n\t\t\t\t\t\t\t\t\tdata={data as any}\n\t\t\t\t\t\t\t\t\toptions={{\n\t\t\t\t\t\t\t\t\t\t...options(currencyProps),\n\t\t\t\t\t\t\t\t\t\tmaintainAspectRatio: size ? false : 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</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: '30%',\n\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PieChart slices={slicesWithColor} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\n\t\t\t{showBarChart && barChartData && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showBarChart}\n\t\t\t\t\tonClose={() => setShowBarChart(false)}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={title}\n\t\t\t\t\twidth=\"85%\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpadding: '24px 0',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Suspense fallback={<div>Loading...</div>}>\n\t\t\t\t\t\t\t<VerticalGraph\n\t\t\t\t\t\t\t\txAxis={barChartData.xAxis}\n\t\t\t\t\t\t\t\tyAxis={barChartData.yAxis}\n\t\t\t\t\t\t\t\tbarColorRGBA={barChartData?.barColorRGBA}\n\t\t\t\t\t\t\t\tPieChartComponent={PieChartAnalytics}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t</div>\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["ChartJS","ArcElement","Legend","convertToBarChartData","data","xAxisTitle","yAxisTitle","xAxisData","item","yAxisData","options","currencyProps","tooltipItem","total","acc","cur","percentage","label","raw","symbol","isIntl","value","truncateValueForInternationalStore","truncateValueForIndianStore","totalValue","GRAPH_COLORS","CartStyled","styled","props","COLORS","Card","jsxDEV","this","PieChartAnalytics","title","slices","size","allowChartPopup","showConvertToBarChart","truncateSlices","barChartXAxisTitle","barChartYAxisTitle","hideTitle","showPopup","setShowPopup","useState","showBarChart","setShowBarChart","slicesWithColor","setSlicesWithColor","setData","truncatedData","setTruncatedData","truncatedSlicesWithColor","setTruncatedSlicesWithColor","barChartData","setBarChartData","useEffect","totalSum","sum","slice","updatedSlicesWithColor","key","index","dataSet","StringUtils","truncatedSlices","otherCount","truncatedDataSet","Fragment","TitleMedium","IconButton","BarChartIcon","MaximizeIcon","Doughnut","PieChart","StyledModal","Suspense","VerticalGraph"],"mappings":"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"}
+{"version":3,"file":"PieChartAnalytics.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx"],"sourcesContent":["import BarChartIcon from '@src/assets/icons/ChartBar.svg';\nimport MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport { ArcElement, ChartData, Chart as ChartJS, Legend } from 'chart.js';\nimport React, { Suspense, useEffect, useState } from 'react';\nimport { Doughnut } from 'react-chartjs-2';\nimport styled from 'styled-components';\nimport {\n\tPieChartInput,\n\tPieChartInputData,\n} from '@src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartInputData';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport { LazyVerticalGraph as VerticalGraph } from '../LazyCharts';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport { PieChart } from './PieChart';\n\nChartJS.register(ArcElement, Legend);\n\nconst convertToBarChartData = (data, xAxisTitle, yAxisTitle) => {\n\tconst xAxisData = data.map((item) => item.name);\n\tconst yAxisData = data.map((item) => item.count);\n\tconst xAxis = {\n\t\tdata: xAxisData,\n\t\ttitle: xAxisTitle ?? '',\n\t};\n\tconst yAxis = {\n\t\tdata: yAxisData,\n\t\ttitle: yAxisTitle ?? '',\n\t};\n\n\tconst barChartData = {\n\t\txAxis,\n\t\tyAxis,\n\t\tbarColorRGBA: { r: 210, g: 174, b: 255, a: 1 },\n\t};\n\treturn barChartData;\n};\n\nconst options = (currencyProps?: {\n\tsymbol?: string;\n\tisInternationalStore?: boolean;\n}) => ({\n\tplugins: {\n\t\tlegend: {\n\t\t\tdisplay: false,\n\t\t},\n\t\ttooltip: {\n\t\t\tenabled: true,\n\t\t\tcallbacks: {\n\t\t\t\tlabel: (tooltipItem) => {\n\t\t\t\t\tif (!tooltipItem.label) {\n\t\t\t\t\t\treturn ` 0%`;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst total = tooltipItem.dataset.data.reduce(\n\t\t\t\t\t\t(acc, cur) => acc + cur,\n\t\t\t\t\t\t0,\n\t\t\t\t\t);\n\t\t\t\t\tconst percentage = parseFloat(\n\t\t\t\t\t\t((tooltipItem.raw / total) * 100).toFixed(1),\n\t\t\t\t\t);\n\n\t\t\t\t\tconst { label, raw } = tooltipItem;\n\t\t\t\t\tconst symbol = currencyProps?.symbol ?? '';\n\t\t\t\t\tconst isIntl = currencyProps?.isInternationalStore;\n\n\t\t\t\t\tconst value =\n\t\t\t\t\t\tisIntl !== undefined\n\t\t\t\t\t\t\t? isIntl\n\t\t\t\t\t\t\t\t? truncateValueForInternationalStore(raw)\n\t\t\t\t\t\t\t\t: truncateValueForIndianStore(raw)\n\t\t\t\t\t\t\t: raw;\n\n\t\t\t\t\tconst totalValue =\n\t\t\t\t\t\tisIntl !== undefined\n\t\t\t\t\t\t\t? isIntl\n\t\t\t\t\t\t\t\t? truncateValueForInternationalStore(total)\n\t\t\t\t\t\t\t\t: truncateValueForIndianStore(total)\n\t\t\t\t\t\t\t: total;\n\n\t\t\t\t\treturn [\n\t\t\t\t\t\t` ${label}`,\n\t\t\t\t\t\t` ${symbol}${value} (${percentage}% of ${symbol}${totalValue})`,\n\t\t\t\t\t];\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n});\n\nconst GRAPH_COLORS = [\n\t'#5E07BB',\n\t'#9E77ED',\n\t'#D2AEFF',\n\t'#CDE1FF',\n\t'#92AFFA',\n\t'#3935E1',\n];\n\nconst CartStyled = styled.div`\n\tbackground: ${(props) => COLORS.surface.standard};\n\tborder: 1px solid ${(props) => COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\nexport const Card = (props: any) => {\n\treturn <CartStyled style={{ padding: 24 }}>{props.children}</CartStyled>;\n};\n\nexport const PieChartAnalytics: React.FC<PieChartInputData> = ({\n\ttitle,\n\tslices,\n\tsize,\n\tallowChartPopup,\n\tshowConvertToBarChart,\n\ttruncateSlices,\n\tbarChartXAxisTitle,\n\tbarChartYAxisTitle,\n\thideTitle = false,\n\tcurrencyProps,\n}) => {\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst [showBarChart, setShowBarChart] = useState(false);\n\tconst [slicesWithColor, setSlicesWithColor] = useState<PieChartInput[]>([]);\n\tconst [data, setData] = useState<ChartData>();\n\tconst [truncatedData, setTruncatedData] = useState<ChartData>();\n\tconst [truncatedSlicesWithColor, setTruncatedSlicesWithColor] = useState<\n\t\tPieChartInput[]\n\t>([]);\n\tconst [barChartData, setBarChartData] = useState<{\n\t\txAxis: { data: []; title: string };\n\t\tyAxis: { data: []; title: string };\n\t\tbarColorRGBA: { r: number; g: number; b: number; a: number };\n\t} | null>(null);\n\n\tuseEffect(() => {\n\t\tconst totalSum = slices.reduce((sum, slice) => sum + slice.count, 0);\n\t\tlet updatedSlicesWithColor: PieChartInput[] = [];\n\n\t\tupdatedSlicesWithColor = Object.keys(slices).map((key, index) => ({\n\t\t\tcolor: GRAPH_COLORS[index % GRAPH_COLORS.length],\n\t\t\t...slices[key],\n\t\t}));\n\n\t\tsetSlicesWithColor([...updatedSlicesWithColor]);\n\n\t\tif (totalSum === 0) {\n\t\t\tconst dataSet = {\n\t\t\t\tdatasets: [\n\t\t\t\t\t{\n\t\t\t\t\t\tdata: [100],\n\t\t\t\t\t\tbackgroundColor: ['#F0F0F0'],\n\t\t\t\t\t\tborderWidth: 0,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tlabels: [],\n\t\t\t};\n\t\t\tsetData(dataSet);\n\t\t} else {\n\t\t\tconst dataSet = {\n\t\t\t\tlabels: slices.map((slice) =>\n\t\t\t\t\tStringUtils.capitalizeEachWord(slice.name),\n\t\t\t\t),\n\t\t\t\tdatasets: [\n\t\t\t\t\t{\n\t\t\t\t\t\tdata: slices.map((slice) => slice.count),\n\t\t\t\t\t\tbackgroundColor: slices.map(\n\t\t\t\t\t\t\t(slice, index) =>\n\t\t\t\t\t\t\t\tslice.color ?? GRAPH_COLORS[index % GRAPH_COLORS.length],\n\t\t\t\t\t\t),\n\t\t\t\t\t\tborderColor: ['white', 'white', 'white', 'white', 'white', 'white'],\n\t\t\t\t\t\tborderWidth: 4,\n\t\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t};\n\t\t\tsetData(dataSet);\n\t\t}\n\n\t\tif (truncateSlices && slices.length > truncateSlices) {\n\t\t\tconst truncatedSlices = slices.slice(0, truncateSlices);\n\t\t\tconst otherSlices = slices.slice(truncateSlices);\n\t\t\tconst otherCount = otherSlices.reduce(\n\t\t\t\t(sum, slice) => sum + slice.count,\n\t\t\t\t0,\n\t\t\t);\n\t\t\ttruncatedSlices.push({ name: 'Other', count: otherCount });\n\n\t\t\tconst truncatedDataSet = {\n\t\t\t\tlabels: truncatedSlices.map((slice) =>\n\t\t\t\t\tStringUtils.capitalize(slice.name),\n\t\t\t\t),\n\t\t\t\tdatasets: [\n\t\t\t\t\t{\n\t\t\t\t\t\tdata: truncatedSlices.map((slice) => slice.count),\n\t\t\t\t\t\tbackgroundColor: truncatedSlices.map(\n\t\t\t\t\t\t\t(slice, index) =>\n\t\t\t\t\t\t\t\tslice.color ?? GRAPH_COLORS[index % GRAPH_COLORS.length],\n\t\t\t\t\t\t),\n\t\t\t\t\t\tborderColor: ['white', 'white', 'white', 'white', 'white', 'white'],\n\t\t\t\t\t\tborderWidth: 4,\n\t\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t};\n\t\t\tsetTruncatedData(truncatedDataSet);\n\n\t\t\tconst truncatedSlicesWithColor = truncatedSlices.map((slice, index) => ({\n\t\t\t\tcolor: GRAPH_COLORS[index % GRAPH_COLORS.length],\n\t\t\t\t...slice,\n\t\t\t}));\n\t\t\tsetTruncatedSlicesWithColor(truncatedSlicesWithColor);\n\t\t}\n\n\t\tif (showConvertToBarChart) {\n\t\t\tsetBarChartData(\n\t\t\t\tconvertToBarChartData(slices, barChartXAxisTitle, barChartYAxisTitle),\n\t\t\t);\n\t\t}\n\t}, [slices, truncateSlices]);\n\n\tif (!data) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tjustifyContent:\n\t\t\t\t\t\thideTitle || title?.length === 0 ? 'flex-end' : 'space-between',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{!hideTitle && title && (\n\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginBottom: 16,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t)}\n\n\t\t\t\t<div>\n\t\t\t\t\t{showConvertToBarChart && (\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tIcon={BarChartIcon}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetShowBarChart(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{allowChartPopup && (\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className={'row'}>\n\t\t\t\t<div\n\t\t\t\t\tclassName={'col-6 '}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: size,\n\t\t\t\t\t\t\theight: size,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Doughnut\n\t\t\t\t\t\t\tdata={(truncateSlices ? truncatedData : data) as any}\n\t\t\t\t\t\t\toptions={{\n\t\t\t\t\t\t\t\t...options(currencyProps),\n\t\t\t\t\t\t\t\tmaintainAspectRatio: size ? false : true,\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\t<div\n\t\t\t\t\tclassName={'col-6'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpaddingLeft: 48,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tjustifyContent: 'flex-start',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<PieChart\n\t\t\t\t\t\tslices={truncateSlices ? truncatedSlicesWithColor : slicesWithColor}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{showPopup && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showPopup}\n\t\t\t\t\tonClose={() => setShowPopup(false)}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={title}\n\t\t\t\t\twidth=\"75%\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpadding: 24,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\theight: '80vh',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div style={{ width: '55%', marginLeft: '4%' }}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: '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<Doughnut\n\t\t\t\t\t\t\t\t\tdata={data as any}\n\t\t\t\t\t\t\t\t\toptions={{\n\t\t\t\t\t\t\t\t\t\t...options(currencyProps),\n\t\t\t\t\t\t\t\t\t\tmaintainAspectRatio: size ? false : 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</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: '30%',\n\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PieChart slices={slicesWithColor} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\n\t\t\t{showBarChart && barChartData && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showBarChart}\n\t\t\t\t\tonClose={() => setShowBarChart(false)}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={title}\n\t\t\t\t\twidth=\"85%\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpadding: '24px 0',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Suspense fallback={<div>Loading...</div>}>\n\t\t\t\t\t\t\t<VerticalGraph\n\t\t\t\t\t\t\t\txAxis={barChartData.xAxis}\n\t\t\t\t\t\t\t\tyAxis={barChartData.yAxis}\n\t\t\t\t\t\t\t\tbarColorRGBA={barChartData?.barColorRGBA}\n\t\t\t\t\t\t\t\tPieChartComponent={PieChartAnalytics}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t</div>\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["ChartJS","ArcElement","Legend","convertToBarChartData","data","xAxisTitle","yAxisTitle","xAxisData","item","yAxisData","options","currencyProps","tooltipItem","total","acc","cur","percentage","label","raw","symbol","isIntl","value","truncateValueForInternationalStore","truncateValueForIndianStore","totalValue","GRAPH_COLORS","CartStyled","styled","props","COLORS","Card","jsxDEV","this","PieChartAnalytics","title","slices","size","allowChartPopup","showConvertToBarChart","truncateSlices","barChartXAxisTitle","barChartYAxisTitle","hideTitle","showPopup","setShowPopup","useState","showBarChart","setShowBarChart","slicesWithColor","setSlicesWithColor","setData","truncatedData","setTruncatedData","truncatedSlicesWithColor","setTruncatedSlicesWithColor","barChartData","setBarChartData","useEffect","totalSum","sum","slice","updatedSlicesWithColor","key","index","dataSet","StringUtils","truncatedSlices","otherCount","truncatedDataSet","Fragment","TitleMedium","IconButton","BarChartIcon","MaximizeIcon","Doughnut","PieChart","StyledModal","Suspense","VerticalGraph"],"mappings":"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"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),G=require("../../../../assets/icons/maximize.svg.js"),m=require("chart.js"),U=require("chartjs-plugin-datalabels"),E=require("react"),L=require("react-chartjs-2"),v=require("../../../TypographyStyle.js"),o=require("../../../../constants/Theme.js"),S=require("../utils/calcPercentage.js"),r=require("./StackedBarChart.model.js"),H=require("./StackedBarChart.styles.js"),q=require("../../../icon-button/IconButton.js"),Z=require("../../../modals/styledModal.js"),z=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},M=z(U);m.Chart.register(m.CategoryScale,m.LinearScale,m.BarElement,m.Tooltip,m.Legend,M.default);const W=(e,l,h)=>{if(l.length<=h)return{truncatedData:e,truncatedLabels:l,originalData:e,originalLabels:l};const f=e.map(d=>d.slice(0,h)),C=e.map(d=>d.slice(h).reduce((y,k)=>y+k,0));f.forEach((d,y)=>d.push(C[y]));const x=l.slice(0,h);return x.push("Others"),{truncatedData:f,truncatedLabels:x,originalData:e,originalLabels:l}},$=e=>{const{headerIcons:l=[],legendsAndIconDirection:h="row"}=e,[f,C]=E.useState(!1),x=[250,1e3,800,1500,300,600],d=e.yAxis.data.length===0,y={min:0,max:2e3,stepSize:200},k=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],F=["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"],P=e.customBarColors?e.customBarColors:e.customColourScaleBrand||e.customColourScalePastel?e.colorSchema===r.COLOR_SCHEMA.PASTEL?e.customColourScalePastel:e.customColourScaleBrand:e.colorSchema===r.COLOR_SCHEMA.PASTEL?F:k,R=e.customHoverColour,j=E.useMemo(()=>({barPercentage:e?.barPercentage||.4,categoryPercentage:1,pointStyle:"circle",barWidth:e.barWidth,borderRadius:e?.borderRadius||void 0,...typeof e?.borderRadius=="object"?{borderSkipped:!1}:{},...e?.addBarGap?.flag?{borderWidth:{top:e?.addBarGap?.value||2,bottom:e?.addBarGap?.value||2,right:0,left:0},borderColor:"transparent"}:{}}),[e.barWidth,e?.borderRadius,e?.barPercentage,e?.addBarGap]),b={};e.yAxis.data.map(a=>{a.map(t=>{b[t.name]?b[t.name].push(t.value):b[t.name]=[t.value]})});const g=Object.keys(b).map((a,t)=>({label:a,data:b[a],backgroundColor:P?.[t],hoverBackgroundColor:R===void 0?void 0:R[t],...j}));let s;e.renderInHeightWiseManner?s=g.map((a,t)=>({...a,order:a.data.reduce((i,c)=>i+(c||0),0)})).sort((a,t)=>t.order-a.order):s=g;let A=e.xAxis.data.map(a=>typeof a=="string"?a:a.name),T=s;if(e.truncateBars){const a=W(s.map(t=>t.data),A,e.truncateBars);s.forEach((t,i)=>t.data=a.truncatedData[i]),A=a.truncatedLabels,T=a.originalData.map((t,i)=>({...s[i],data:t}))}const N={plugins:{legend:{display:!d&&!e.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!d,callbacks:{label:e.tooltipConfig?.labelCallback,title:e.tooltipConfig?.titleCallback,footer:e.tooltipConfig?.footerCallback},footerFont:e.tooltipConfig?.footerStyles?.footerFont},datalabels:{display:e.showTotal??!1,anchor:"end",align:"end",clamp:!0,formatter:(a,t)=>{const i=t.datasetIndex,c=t.chart.data.datasets;if(i!==c.length-1)return"";const I=t.dataIndex;let u=0;for(let B=0;B<c.length;B++)u+=c[B].data[I]??0;return u?u<1e3?u:(u/1e3).toString().substring(0,4)+"k":""},color:o.COLORS.content.secondary}},layout:{padding:{right:e.showTotal&&e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:e.showTotal&&e.orientation!=r.GRAPH_ORIENTATION.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!e.customLegend,labels:{usePointStyle:!0}},indexAxis:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.yAxis?.title:e.xAxis?.title),text:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.yAxis?.title:e.xAxis?.title,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.yAxis?.titleColor:e.xAxis?.titleColor)??o.COLORS.content.secondary,font:{size:o.FONTS.caption.fontSize}},grid:{display:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL&&(typeof e?.showGridLines?.x>"u"?!0:e?.showGridLines?.x),color:o.COLORS.background.base},ticks:{fontSize:o.FONTS.caption.fontSize,color:e.yAxis.labelColor??o.COLORS.content.secondary,callback:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?a=>{let t;e.isInternationalStore?t=S.truncateValueForInternationalStore(a):t=S.truncateValueForIndianStore(a);const i=e.yAxis?.axisSuffix||"";return`${t}${i}`}:e.xAxis?.axisSuffix?a=>`${a}${e.xAxis.axisSuffix}`:void 0},stacked:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?typeof e.yAxis?.stacked=="boolean"?e.yAxis?.stacked:!0:typeof e.xAxis?.stacked=="boolean"?e.xAxis?.stacked:!0},y:{...e?.equalHeight?.flag?{suggestedMin:-e?.equalHeight.max,suggestedMax:e?.equalHeight.max}:{},max:e?.yAxis?.max,title:{display:!!(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.xAxis?.title:e.yAxis?.title),text:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.xAxis?.title:e.yAxis?.title,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.xAxis?.titleColor:e.yAxis?.titleColor)??o.COLORS.content.secondary,font:{size:o.FONTS.caption.fontSize}},grid:{display:e.orientation!==r.GRAPH_ORIENTATION.HORIZONTAL&&(typeof e?.showGridLines?.y>"u"?!0:e?.showGridLines?.y),color:o.COLORS.background.base},ticks:{stepSize:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.xAxis?.stepSize:e.yAxis?.stepSize,fontSize:o.FONTS.caption.fontSize,color:e.xAxis.labelColor??o.COLORS.content.secondary,...d?y:{},callback:e?.ticksCallback?e?.ticksCallback:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?a=>{let t;e.isInternationalStore?t=S.truncateValueForInternationalStore(a):t=S.truncateValueForIndianStore(a);const i=e.xAxis?.axisSuffix||"";return`${t}${i}`}:e.yAxis?.axisSuffix?a=>`${a}${e.yAxis.axisSuffix}`:void 0},stacked:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?typeof e.xAxis?.stacked=="boolean"?e.xAxis?.stacked:!0:typeof e.yAxis?.stacked=="boolean"?e.yAxis?.stacked:!0}},onClick:(a,t)=>{if(!e.onBarClick)return;const i=t[0].datasetIndex,c=t[0].index,I=a.chart.data.datasets[i].label,u=a.chart.data.labels[c];e.onBarClick(u,I)},onHover:(a,t)=>{e.onBarClick&&t.length&&(a.native.target.style.cursor="pointer")}};!e.orientation||e.orientation===r.GRAPH_ORIENTATION.VERTICAL?delete N.scales.x.ticks.callback:delete N.scales.y.ticks.callback;let O;d?O=[{data:x,backgroundColor:"rgba(0,0,0,0)"}]:O=s;const V={labels:A,datasets:O};let D;d?D=[{data:x,backgroundColor:"rgba(0,0,0,0)"}]:D=T;const _={labels:e.xAxis.data.map(a=>typeof a=="string"?a:a.name),datasets:D},w=(a=!1)=>{let t;return e.allowChartPopup&&!a?t="flex-start":t="flex-end",n.jsxDEV("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:t,flexWrap:"wrap"},children:g.map(i=>n.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"4px"},children:[n.jsxDEV("div",{style:{backgroundColor:i.backgroundColor,width:"16px",height:"16px",borderRadius:"2px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:509,columnNumber:8},void 0),n.jsxDEV(v.BodyTiny,{color:o.COLORS.content.secondary,children:i.label},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:517,columnNumber:8},void 0)]},i.label.replace(" ","_"),!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:500,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:487,columnNumber:4},void 0)};return n.jsxDEV(H.GraphContainerWrapper,{style:e.wrapperStyle??{},padding:e.outerPadding,customLegend:e.customLegend,children:[e.chartHeading&&n.jsxDEV("div",{style:{marginBottom:24,display:"flex",justifyContent:e.hideHeading?"flex-end":"space-between"},children:[e.hideHeading!==!0&&n.jsxDEV(v.TitleRegular,{color:e.chartHeading.color??o.COLORS.content.secondary,children:e.chartHeading.heading},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:542,columnNumber:7},void 0),e.allowChartPopup&&n.jsxDEV("div",{style:{display:"flex",justifyContent:"flex-end"},children:n.jsxDEV("div",{children:n.jsxDEV(q.IconButton,{Icon:G.default,onClick:()=>{C(!0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:556,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:555,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:549,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:534,columnNumber:5},void 0),e.customLegend&&n.jsxDEV("div",{style:{display:"flex",flexDirection:h,justifyContent:"space-between"},children:[n.jsxDEV(H.HeaderIconWrapper,{children:l.map((a,t)=>n.jsxDEV("div",{children:n.jsxDEV("div",{children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:578,columnNumber:9},void 0)},t,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:577,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:575,columnNumber:6},void 0),w()]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:568,columnNumber:5},void 0),n.jsxDEV("div",{className:"graph__wrapper",children:n.jsxDEV("div",{style:{height:e.graphCanvasHeight??500,width:e.graphCanvasWidth??"auto"},children:n.jsxDEV(L.Bar,{options:N,data:V},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:592,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:586,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:585,columnNumber:4},void 0),f&&n.jsxDEV(Z.StyledModal,{open:f,onClose:()=>C(!1),closeOnOutsideClick:!0,headingTitle:e.chartHeading?.heading,width:"85%",children:n.jsxDEV("div",{className:"graph__wrapper",style:{padding:"8px"},children:[e.customLegend&&w(!0),n.jsxDEV("div",{style:{height:"70vh",width:"100%",padding:"16px",borderRadius:"8px"},children:n.jsxDEV(L.Bar,{options:N,data:_},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:618,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:610,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:603,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:596,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:528,columnNumber:3},void 0)};exports.StackedBarChart=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),G=require("../../../../assets/icons/maximize.svg.js"),m=require("chart.js"),U=require("chartjs-plugin-datalabels"),D=require("react"),L=require("react-chartjs-2"),j=require("../../../TypographyStyle.js"),o=require("../../../../constants/Theme.js"),N=require("../utils/calcPercentage.js"),r=require("./StackedBarChart.model.js"),v=require("./StackedBarChart.styles.js"),q=require("../../../icon-button/IconButton.js"),Z=require("../../../modals/styledModal.js"),z=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},M=z(U);m.Chart.register(m.CategoryScale,m.LinearScale,m.BarElement,m.Tooltip,m.Legend,M.default);const W=(e,l,h)=>{if(l.length<=h)return{truncatedData:e,truncatedLabels:l,originalData:e,originalLabels:l};const f=e.map(c=>c.slice(0,h)),y=e.map(c=>c.slice(h).reduce((b,S)=>b+S,0));f.forEach((c,b)=>c.push(y[b]));const x=l.slice(0,h);return x.push("Others"),{truncatedData:f,truncatedLabels:x,originalData:e,originalLabels:l}},$=e=>{const{headerIcons:l=[],legendsAndIconDirection:h="row"}=e,[f,y]=D.useState(!1),x=[250,1e3,800,1500,300,600],c=e.yAxis.data.length===0,b={min:0,max:2e3,stepSize:200},S=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],H=["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"],w=e.customBarColors?e.customBarColors:e.customColourScaleBrand||e.customColourScalePastel?e.colorSchema===r.COLOR_SCHEMA.PASTEL?e.customColourScalePastel:e.customColourScaleBrand:e.colorSchema===r.COLOR_SCHEMA.PASTEL?H:S,T=e.customHoverColour,F=D.useMemo(()=>({barPercentage:e?.barPercentage||.4,categoryPercentage:1,pointStyle:"circle",barWidth:e.barWidth,borderRadius:e?.borderRadius||void 0,...typeof e?.borderRadius=="object"?{borderSkipped:!1}:{},...e?.addBarGap?.flag?{borderWidth:{top:e?.addBarGap?.value||2,bottom:e?.addBarGap?.value||2,right:0,left:0},borderColor:"transparent"}:{}}),[e.barWidth,e?.borderRadius,e?.barPercentage,e?.addBarGap]),k={};e.yAxis.data.map(a=>{a.map(t=>{k[t.name]?k[t.name].push(t.value):k[t.name]=[t.value]})});const g=Object.keys(k).map((a,t)=>({label:a,data:k[a],backgroundColor:w?.[t],hoverBackgroundColor:T===void 0?void 0:T[t],...F}));let s;e.renderInHeightWiseManner?s=g.map((a,t)=>({...a,order:a.data.reduce((i,d)=>i+(d||0),0)})).sort((a,t)=>t.order-a.order):s=g;let A=e.xAxis.data.map(a=>typeof a=="string"?a:a.name),E=s;if(e.truncateBars){const a=W(s.map(t=>t.data),A,e.truncateBars);s.forEach((t,i)=>t.data=a.truncatedData[i]),A=a.truncatedLabels,E=a.originalData.map((t,i)=>({...s[i],data:t}))}const C={plugins:{legend:{display:!c&&!e.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!c,callbacks:{label:e.tooltipConfig?.labelCallback,title:e.tooltipConfig?.titleCallback,footer:e.tooltipConfig?.footerCallback},footerFont:e.tooltipConfig?.footerStyles?.footerFont},datalabels:{display:e.showTotal??!1,anchor:"end",align:"end",clamp:!0,formatter:(a,t)=>{const i=t.datasetIndex,d=t.chart.data.datasets;if(i!==d.length-1)return"";const B=t.dataIndex;let u=0;for(let R=0;R<d.length;R++)u+=d[R].data[B]??0;return u?u<1e3?u:(u/1e3).toString().substring(0,4)+"k":""},color:o.COLORS.content.secondary}},layout:{padding:{right:e.showTotal&&e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:e.showTotal&&e.orientation!=r.GRAPH_ORIENTATION.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!e.customLegend,labels:{usePointStyle:!0}},indexAxis:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.yAxis?.title:e.xAxis?.title),text:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.yAxis?.title:e.xAxis?.title,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.yAxis?.titleColor:e.xAxis?.titleColor)??o.COLORS.content.secondary,font:{size:o.FONTS.caption.fontSize}},grid:{display:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL&&(typeof e?.showGridLines?.x>"u"?!0:e?.showGridLines?.x),color:o.COLORS.background.base},ticks:{fontSize:o.FONTS.caption.fontSize,color:e.yAxis.labelColor??o.COLORS.content.secondary,callback:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?a=>{let t;e.isInternationalStore?t=N.truncateValueForInternationalStore(a):t=N.truncateValueForIndianStore(a);const i=e.yAxis?.axisSuffix||"";return`${t}${i}`}:e.xAxis?.axisSuffix?a=>`${a}${e.xAxis.axisSuffix}`:void 0},stacked:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?typeof e.yAxis?.stacked=="boolean"?e.yAxis?.stacked:!0:typeof e.xAxis?.stacked=="boolean"?e.xAxis?.stacked:!0},y:{...e?.equalHeight?.flag?{suggestedMin:-e?.equalHeight.max,suggestedMax:e?.equalHeight.max}:{},max:e?.yAxis?.max,title:{display:!!(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.xAxis?.title:e.yAxis?.title),text:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.xAxis?.title:e.yAxis?.title,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.xAxis?.titleColor:e.yAxis?.titleColor)??o.COLORS.content.secondary,font:{size:o.FONTS.caption.fontSize}},grid:{display:e.orientation!==r.GRAPH_ORIENTATION.HORIZONTAL&&(typeof e?.showGridLines?.y>"u"?!0:e?.showGridLines?.y),color:o.COLORS.background.base},ticks:{stepSize:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.xAxis?.stepSize:e.yAxis?.stepSize,fontSize:o.FONTS.caption.fontSize,color:e.xAxis.labelColor??o.COLORS.content.secondary,...c?b:{},callback:e?.ticksCallback?e?.ticksCallback:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?a=>{let t;e.isInternationalStore?t=N.truncateValueForInternationalStore(a):t=N.truncateValueForIndianStore(a);const i=e.xAxis?.axisSuffix||"";return`${t}${i}`}:e.yAxis?.axisSuffix?a=>`${a}${e.yAxis.axisSuffix}`:void 0},stacked:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?typeof e.xAxis?.stacked=="boolean"?e.xAxis?.stacked:!0:typeof e.yAxis?.stacked=="boolean"?e.yAxis?.stacked:!0}},onClick:(a,t)=>{if(!e.onBarClick)return;const i=t[0].datasetIndex,d=t[0].index,B=a.chart.data.datasets[i].label,u=a.chart.data.labels[d];e.onBarClick(u,B)},onHover:(a,t)=>{e.onBarClick&&t.length&&(a.native.target.style.cursor="pointer")}};!e.orientation||e.orientation===r.GRAPH_ORIENTATION.VERTICAL?delete C.scales.x.ticks.callback:delete C.scales.y.ticks.callback;let O;c?O=[{data:x,backgroundColor:"rgba(0,0,0,0)"}]:O=s;const V={labels:A,datasets:O};let I;c?I=[{data:x,backgroundColor:"rgba(0,0,0,0)"}]:I=E;const _={labels:e.xAxis.data.map(a=>typeof a=="string"?a:a.name),datasets:I},P=(a=!1)=>{let t;return e.allowChartPopup&&!a?t="flex-start":t="flex-end",n.jsxDEV("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:t,flexWrap:"wrap"},children:g.map(i=>n.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"4px"},children:[n.jsxDEV("div",{style:{backgroundColor:i.backgroundColor,width:"16px",height:"16px",borderRadius:"2px"}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:509,columnNumber:8},void 0),n.jsxDEV(j.BodyTiny,{color:o.COLORS.content.secondary,children:i.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:517,columnNumber:8},void 0)]},i.label.replace(" ","_"),!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:500,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:487,columnNumber:4},void 0)};return n.jsxDEV(v.GraphContainerWrapper,{style:e.wrapperStyle??{},padding:e.outerPadding,customLegend:e.customLegend,children:[e.chartHeading&&n.jsxDEV("div",{style:{marginBottom:24,display:"flex",justifyContent:e.hideHeading?"flex-end":"space-between"},children:[e.hideHeading!==!0&&n.jsxDEV(j.TitleRegular,{color:e.chartHeading.color??o.COLORS.content.secondary,children:e.chartHeading.heading},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:542,columnNumber:7},void 0),e.allowChartPopup&&n.jsxDEV("div",{style:{display:"flex",justifyContent:"flex-end"},children:n.jsxDEV("div",{children:n.jsxDEV(q.IconButton,{Icon:G.default,onClick:()=>{y(!0)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:556,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:555,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:549,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:534,columnNumber:5},void 0),e.customLegend&&n.jsxDEV("div",{style:{display:"flex",flexDirection:h,justifyContent:"space-between"},children:[n.jsxDEV(v.HeaderIconWrapper,{children:l.map((a,t)=>n.jsxDEV("div",{children:n.jsxDEV("div",{children:a},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:578,columnNumber:9},void 0)},t,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:577,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:575,columnNumber:6},void 0),P()]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:568,columnNumber:5},void 0),n.jsxDEV("div",{className:"graph__wrapper",children:n.jsxDEV("div",{style:{height:e.graphCanvasHeight??500,width:e.graphCanvasWidth??"auto"},children:n.jsxDEV(L.Bar,{options:C,data:V},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:592,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:586,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:585,columnNumber:4},void 0),f&&n.jsxDEV(Z.StyledModal,{open:f,onClose:()=>y(!1),closeOnOutsideClick:!0,headingTitle:e.chartHeading?.heading,width:"85%",children:n.jsxDEV("div",{className:"graph__wrapper",style:{padding:"8px"},children:[e.customLegend&&P(!0),n.jsxDEV("div",{style:{height:"70vh",width:"100%",padding:"16px",borderRadius:"8px"},children:n.jsxDEV(L.Bar,{options:C,data:_},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:618,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:610,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:603,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:596,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx",lineNumber:528,columnNumber:3},void 0)};exports.StackedBarChart=$;
 //# sourceMappingURL=StackedBarChart.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx"],"sourcesContent":["import MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLegend,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport { useMemo, useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { BodyTiny, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport {\n\tCOLOR_SCHEMA,\n\tGRAPH_ORIENTATION,\n\tStackedBarGraphI,\n} from './StackedBarChart.model';\nimport {\n\tGraphContainerWrapper,\n\tHeaderIconWrapper,\n} from './StackedBarChart.styles';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tLegend,\n\tChartDataLabels,\n);\n\nconst truncateBars = (data, labels, limit) => {\n\tif (labels.length <= limit)\n\t\treturn {\n\t\t\ttruncatedData: data,\n\t\t\ttruncatedLabels: labels,\n\t\t\toriginalData: data,\n\t\t\toriginalLabels: labels,\n\t\t};\n\tconst truncatedData = data.map((d) => d.slice(0, limit));\n\tconst othersData = data.map((d) =>\n\t\td.slice(limit).reduce((acc, curr) => acc + curr, 0),\n\t);\n\ttruncatedData.forEach((d, i) => d.push(othersData[i]));\n\tconst truncatedLabels = labels.slice(0, limit);\n\ttruncatedLabels.push('Others');\n\treturn {\n\t\ttruncatedData,\n\t\ttruncatedLabels,\n\t\toriginalData: data,\n\t\toriginalLabels: labels,\n\t};\n};\n\nexport const StackedBarChart = (props: StackedBarGraphI) => {\n\tconst { headerIcons = [], legendsAndIconDirection = 'row' } = props;\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\tconst noDataPresent = props.yAxis.data.length === 0;\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\n\tconst colorScaleBrand = [\n\t\t'#5E07BB',\n\t\t'#9E77ED',\n\t\t'#D2AEFF',\n\t\t'#F7D7FF',\n\t\t'#CDE1FF',\n\t\t'#92AFFA',\n\t\t'#3935E1',\n\t];\n\n\tconst colourScalePastel = [\n\t\t'#E6C7FF',\n\t\t'#FEC6C6',\n\t\t'#FEDEF3',\n\t\t'#DEEFFF',\n\t\t'#FFD8B1',\n\t\t'#C7E5FF',\n\t\t'#FFD3E6',\n\t\t'#C9FFE5',\n\t\t'#FFE3C7',\n\t\t'#D9D9FF',\n\t];\n\n\t// Determine which color scale to use based on props\n\tconst getColorScale = () => {\n\t\t// If custom bar colors are provided, use them\n\t\tif (props.customBarColors) return props.customBarColors;\n\n\t\t// If custom brand or pastel colors are provided\n\t\tif (props.customColourScaleBrand || props.customColourScalePastel) {\n\t\t\tif (props.colorSchema === COLOR_SCHEMA.PASTEL) {\n\t\t\t\treturn props.customColourScalePastel;\n\t\t\t} else {\n\t\t\t\treturn props.customColourScaleBrand;\n\t\t\t}\n\t\t}\n\n\t\t// Use default color scales based on schema\n\t\tif (props.colorSchema === COLOR_SCHEMA.PASTEL) {\n\t\t\treturn colourScalePastel;\n\t\t} else {\n\t\t\treturn colorScaleBrand;\n\t\t}\n\t};\n\n\tconst colourScale = getColorScale();\n\tconst hoverColourScale = props.customHoverColour;\n\n\t// Memoized bar configuration settings\n\tconst barConfig = useMemo(\n\t\t() => ({\n\t\t\tbarPercentage: props?.barPercentage || 0.4,\n\t\t\tcategoryPercentage: 1,\n\t\t\tpointStyle: 'circle',\n\t\t\tbarWidth: props.barWidth,\n\t\t\tborderRadius: props?.borderRadius || undefined,\n\t\t\t// If borderRadius is an object, disable border skipping\n\t\t\t...(typeof props?.borderRadius === 'object'\n\t\t\t\t? { borderSkipped: false }\n\t\t\t\t: {}),\n\t\t\t// If bar gap is enabled, add transparent borders for spacing\n\t\t\t...(props?.addBarGap?.flag\n\t\t\t\t? {\n\t\t\t\t\t\tborderWidth: {\n\t\t\t\t\t\t\ttop: props?.addBarGap?.value || 2,\n\t\t\t\t\t\t\tbottom: props?.addBarGap?.value || 2,\n\t\t\t\t\t\t\tright: 0,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tborderColor: 'transparent',\n\t\t\t\t  }\n\t\t\t\t: {}),\n\t\t}),\n\t\t[\n\t\t\tprops.barWidth,\n\t\t\tprops?.borderRadius,\n\t\t\tprops?.barPercentage,\n\t\t\tprops?.addBarGap,\n\t\t],\n\t);\n\n\t// Transform y-axis data into a map grouped by dataset name\n\tconst dataSetMap = {};\n\tprops.yAxis.data.map((ele) => {\n\t\tele.map((obj) => {\n\t\t\tif (dataSetMap[obj.name]) {\n\t\t\t\tdataSetMap[obj.name].push(obj.value);\n\t\t\t} else {\n\t\t\t\tdataSetMap[obj.name] = [obj.value];\n\t\t\t}\n\t\t});\n\t});\n\n\t// Create datasets for chart with colors and bar configuration\n\tconst yAxisStackedData = Object.keys(dataSetMap).map((key, ind) => {\n\t\treturn {\n\t\t\tlabel: key,\n\t\t\tdata: dataSetMap[key],\n\t\t\tbackgroundColor: colourScale?.[ind],\n\t\t\thoverBackgroundColor:\n\t\t\t\thoverColourScale === undefined ? undefined : hoverColourScale[ind],\n\t\t\t...barConfig,\n\t\t};\n\t});\n\n\t// Conditionally reorder datasets so smaller values are drawn on top (for overlapping bars)\n\tlet reorderedYAxisData;\n\tif (props.renderInHeightWiseManner) {\n\t\treorderedYAxisData = yAxisStackedData\n\t\t\t.map((dataset, datasetIndex) => {\n\t\t\t\treturn {\n\t\t\t\t\t...dataset,\n\t\t\t\t\t// Add order property: higher values = drawn first (behind)\n\t\t\t\t\torder: dataset.data.reduce((sum, val) => sum + (val || 0), 0),\n\t\t\t\t};\n\t\t\t})\n\t\t\t.sort((a, b) => b.order - a.order);\n\t} else {\n\t\treorderedYAxisData = yAxisStackedData;\n\t}\n\n\t// Extract labels from x-axis data (either string or object with name property)\n\tlet labels = props.xAxis.data.map((data) =>\n\t\ttypeof data === 'string' ? data : data.name,\n\t);\n\n\t// Keep track of original data before any truncation\n\tlet originalData = reorderedYAxisData;\n\t// Truncate bars if limit is specified\n\tif (props.truncateBars) {\n\t\tconst truncated = truncateBars(\n\t\t\treorderedYAxisData.map((d) => d.data),\n\t\t\tlabels,\n\t\t\tprops.truncateBars,\n\t\t);\n\t\treorderedYAxisData.forEach((d, i) => (d.data = truncated.truncatedData[i]));\n\t\tlabels = truncated.truncatedLabels;\n\t\toriginalData = truncated.originalData.map((data, i) => ({\n\t\t\t...reorderedYAxisData[i],\n\t\t\tdata,\n\t\t}));\n\t}\n\n\tconst options = {\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\t// Show legend only if data exists and custom legend is not used\n\t\t\t\tdisplay: !noDataPresent && !props.customLegend,\n\t\t\t\tlabels: {\n\t\t\t\t\tusePointStyle: true,\n\t\t\t\t\tfontSize: 2,\n\t\t\t\t},\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\t// Enable tooltip only when data is present\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.tooltipConfig?.labelCallback,\n\t\t\t\t\ttitle: props.tooltipConfig?.titleCallback,\n\t\t\t\t\tfooter: props.tooltipConfig?.footerCallback,\n\t\t\t\t},\n\t\t\t\tfooterFont: props.tooltipConfig?.footerStyles?.footerFont,\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\t// Format total value label for stacked bars\n\t\t\t\tformatter: (_, context) => {\n\t\t\t\t\tconst datasetIndex = context.datasetIndex;\n\t\t\t\t\tconst datasets = context.chart.data.datasets;\n\t\t\t\t\t// Only show label on the last dataset (top of stack)\n\t\t\t\t\tif (datasetIndex !== datasets.length - 1) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\tconst dataIndex = context.dataIndex;\n\t\t\t\t\t// Calculate sum across all datasets for this data point\n\t\t\t\t\tlet sum = 0;\n\t\t\t\t\tfor (let i = 0; i < datasets.length; i++) {\n\t\t\t\t\t\tsum += datasets[i].data[dataIndex] ?? 0;\n\t\t\t\t\t}\n\t\t\t\t\tif (!sum) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\t// Format values under 1000 as-is, others as 'k' format\n\t\t\t\t\tif (sum < 1000) {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t\treturn (sum / 1000).toString().substring(0, 4) + 'k';\n\t\t\t\t},\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tlayout: {\n\t\t\tpadding: {\n\t\t\t\t// Add right padding for horizontal orientation when showing totals\n\t\t\t\tright:\n\t\t\t\t\tprops.showTotal && props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? 50\n\t\t\t\t\t\t: 0,\n\t\t\t\t// Add top padding for non-horizontal orientation when showing totals\n\t\t\t\ttop:\n\t\t\t\t\tprops.showTotal && props.orientation != GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? 50\n\t\t\t\t\t\t: 0,\n\t\t\t},\n\t\t},\n\t\tresponsive: true,\n\t\tmaintainAspectRatio: false,\n\t\tlegend: {\n\t\t\tdisplay: !props.customLegend,\n\t\t\tlabels: {\n\t\t\t\tusePointStyle: true,\n\t\t\t},\n\t\t},\n\t\t// Set index axis based on orientation (y for horizontal, x for vertical)\n\t\tindexAxis: (props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t? 'y'\n\t\t\t: 'x') as 'y' | 'x',\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\t// For horizontal orientation, x-axis shows y-axis data and vice versa\n\t\t\t\t\tdisplay: !!(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? props.yAxis?.title\n\t\t\t\t\t\t: props.xAxis?.title),\n\t\t\t\t\ttext:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.yAxis?.title\n\t\t\t\t\t\t\t: props.xAxis?.title,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.yAxis?.titleColor\n\t\t\t\t\t\t\t: props.xAxis?.titleColor) ?? COLORS.content.secondary,\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\t// Show grid lines for horizontal orientation (default true unless specified)\n\t\t\t\t\tdisplay:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL &&\n\t\t\t\t\t\t(typeof props?.showGridLines?.x === 'undefined'\n\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t: props?.showGridLines?.x),\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\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\t// Format tick labels based on orientation\n\t\t\t\t\tcallback:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? (value) => {\n\t\t\t\t\t\t\t\t\t// For horizontal, format and truncate based on store type\n\t\t\t\t\t\t\t\t\tlet formattedValue;\n\t\t\t\t\t\t\t\t\tif (props.isInternationalStore) {\n\t\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForInternationalStore(value);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForIndianStore(value);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst suffix = props.yAxis?.axisSuffix || '';\n\t\t\t\t\t\t\t\t\treturn `${formattedValue}${suffix}`;\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: props.xAxis?.axisSuffix\n\t\t\t\t\t\t\t? (value) => `${value}${props.xAxis.axisSuffix}`\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t\t// Determine if x-axis should be stacked (default true)\n\t\t\t\tstacked:\n\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? typeof props.yAxis?.stacked === 'boolean'\n\t\t\t\t\t\t\t? props.yAxis?.stacked\n\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t: typeof props.xAxis?.stacked === 'boolean'\n\t\t\t\t\t\t? props.xAxis?.stacked\n\t\t\t\t\t\t: true,\n\t\t\t},\n\t\t\ty: {\n\t\t\t\t// Set equal height if flag is enabled (for symmetric charts)\n\t\t\t\t...(props?.equalHeight?.flag\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tsuggestedMin: -props?.equalHeight.max, // Set negative side\n\t\t\t\t\t\t\tsuggestedMax: props?.equalHeight.max, // Set positive side\n\t\t\t\t\t  }\n\t\t\t\t\t: {}),\n\t\t\t\tmax: props?.yAxis?.max,\n\t\t\t\ttitle: {\n\t\t\t\t\t// For horizontal orientation, y-axis shows x-axis data and vice versa\n\t\t\t\t\tdisplay: !!(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? props.xAxis?.title\n\t\t\t\t\t\t: props.yAxis?.title),\n\t\t\t\t\ttext:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.xAxis?.title\n\t\t\t\t\t\t\t: props.yAxis?.title,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.xAxis?.titleColor\n\t\t\t\t\t\t\t: props.yAxis?.titleColor) ?? COLORS.content.secondary,\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\t// Show grid lines for non-horizontal orientation (default true unless specified)\n\t\t\t\t\tdisplay:\n\t\t\t\t\t\tprops.orientation !== GRAPH_ORIENTATION.HORIZONTAL &&\n\t\t\t\t\t\t(typeof props?.showGridLines?.y === 'undefined'\n\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t: props?.showGridLines?.y),\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tstepSize:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.xAxis?.stepSize\n\t\t\t\t\t\t\t: props.yAxis?.stepSize,\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// Apply no-data config if no data exists\n\t\t\t\t\t...(noDataPresent ? yAxisConfigForNoData : {}),\n\t\t\t\t\t// Use custom callback if provided, otherwise format based on orientation\n\t\t\t\t\tcallback: props?.ticksCallback\n\t\t\t\t\t\t? props?.ticksCallback\n\t\t\t\t\t\t: props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? (value) => {\n\t\t\t\t\t\t\t\t// For horizontal, format and truncate based on store type\n\t\t\t\t\t\t\t\tlet formattedValue;\n\t\t\t\t\t\t\t\tif (props.isInternationalStore) {\n\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForInternationalStore(value);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForIndianStore(value);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst suffix = props.xAxis?.axisSuffix || '';\n\t\t\t\t\t\t\t\treturn `${formattedValue}${suffix}`;\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: props.yAxis?.axisSuffix\n\t\t\t\t\t\t? (value) => `${value}${props.yAxis.axisSuffix}`\n\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t\t// Determine if y-axis should be stacked (default true)\n\t\t\t\tstacked:\n\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? typeof props.xAxis?.stacked === 'boolean'\n\t\t\t\t\t\t\t? props.xAxis?.stacked\n\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t: typeof props.yAxis?.stacked === 'boolean'\n\t\t\t\t\t\t? props.yAxis?.stacked\n\t\t\t\t\t\t: true,\n\t\t\t},\n\t\t},\n\t\t// Handle bar click events\n\t\tonClick: (e, activeEls) => {\n\t\t\tif (!props.onBarClick) return;\n\t\t\tconst datasetIndex = activeEls[0].datasetIndex;\n\t\t\tconst dataIndex = activeEls[0].index;\n\t\t\tconst yAxisLabel = e.chart.data.datasets[datasetIndex].label;\n\t\t\tconst xAxisLabel = e.chart.data.labels[dataIndex];\n\t\t\tprops.onBarClick(xAxisLabel, yAxisLabel);\n\t\t},\n\t\t// Change cursor to pointer on hover when bar is clickable\n\t\tonHover: (e, activeEls) => {\n\t\t\tif (!props.onBarClick) return;\n\t\t\tif (activeEls.length) e.native.target.style.cursor = 'pointer';\n\t\t},\n\t};\n\n\t// Clean up tick callbacks based on orientation\n\tif (!props.orientation || props.orientation === GRAPH_ORIENTATION.VERTICAL) {\n\t\tdelete options.scales.x.ticks['callback'];\n\t} else {\n\t\tdelete options.scales.y.ticks['callback'];\n\t}\n\n\t// Prepare data for the chart\n\tlet chartDatasets;\n\tif (noDataPresent) {\n\t\tchartDatasets = [{ data: dummyValues, backgroundColor: 'rgba(0,0,0,0)' }];\n\t} else {\n\t\tchartDatasets = reorderedYAxisData;\n\t}\n\n\tconst data = {\n\t\tlabels: labels,\n\t\tdatasets: chartDatasets,\n\t};\n\n\t// Prepare original chart data (used for popup modal)\n\tlet originalChartDatasets;\n\tif (noDataPresent) {\n\t\toriginalChartDatasets = [\n\t\t\t{ data: dummyValues, backgroundColor: 'rgba(0,0,0,0)' },\n\t\t];\n\t} else {\n\t\toriginalChartDatasets = originalData;\n\t}\n\n\tconst originalChartData = {\n\t\tlabels: props.xAxis.data.map((data) =>\n\t\t\ttypeof data === 'string' ? data : data.name,\n\t\t),\n\t\tdatasets: originalChartDatasets,\n\t};\n\n\t// Render custom legend with color boxes\n\tconst renderLegend = (isPopup = false) => {\n\t\t// Determine justification based on whether popup is allowed and current context\n\t\tlet justification;\n\t\tif (props.allowChartPopup && !isPopup) {\n\t\t\tjustification = 'flex-start';\n\t\t} else {\n\t\t\tjustification = 'flex-end';\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tgap: '10px',\n\t\t\t\t\tpadding: '0px 24px 12px 24px',\n\t\t\t\t\tjustifyContent: justification,\n\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{yAxisStackedData.map((_item) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={_item.label.replace(' ', '_')}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\tmarginTop: '4px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackgroundColor: _item.backgroundColor,\n\t\t\t\t\t\t\t\t\twidth: '16px',\n\t\t\t\t\t\t\t\t\theight: '16px',\n\t\t\t\t\t\t\t\t\tborderRadius: '2px',\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<BodyTiny color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t{_item.label}\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})}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper\n\t\t\tstyle={props.wrapperStyle ?? {}}\n\t\t\tpadding={props.outerPadding}\n\t\t\tcustomLegend={props.customLegend}\n\t\t>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 24,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: props.hideHeading ? 'flex-end' : 'space-between',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props.hideHeading !== true && (\n\t\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t)}\n\t\t\t\t\t{props.allowChartPopup && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPopup(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</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.customLegend && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: legendsAndIconDirection,\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<HeaderIconWrapper>\n\t\t\t\t\t\t{headerIcons.map((icon, index) => (\n\t\t\t\t\t\t\t<div key={index}>\n\t\t\t\t\t\t\t\t<div>{icon}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</HeaderIconWrapper>\n\t\t\t\t\t{renderLegend()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"graph__wrapper\">\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\twidth: props.graphCanvasWidth ?? 'auto',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Bar options={options} data={data} />\n\t\t\t\t</div>\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={() => setShowPopup(false)}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={props.chartHeading?.heading}\n\t\t\t\t\twidth=\"85%\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"graph__wrapper\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpadding: '8px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.customLegend && renderLegend(true)}\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: '70vh',\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tpadding: '16px',\n\t\t\t\t\t\t\t\tborderRadius: '8px',\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={options} data={originalChartData} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","Legend","ChartDataLabels","truncateBars","data","labels","limit","truncatedData","othersData","acc","curr","i","truncatedLabels","StackedBarChart","props","headerIcons","legendsAndIconDirection","showPopup","setShowPopup","useState","dummyValues","noDataPresent","yAxisConfigForNoData","colorScaleBrand","colourScalePastel","colourScale","COLOR_SCHEMA","hoverColourScale","barConfig","useMemo","dataSetMap","ele","obj","yAxisStackedData","key","ind","reorderedYAxisData","dataset","datasetIndex","sum","val","b","originalData","truncated","d","options","_","context","datasets","dataIndex","COLORS","GRAPH_ORIENTATION","FONTS","value","formattedValue","truncateValueForInternationalStore","truncateValueForIndianStore","suffix","e","activeEls","yAxisLabel","xAxisLabel","chartDatasets","originalChartDatasets","originalChartData","renderLegend","isPopup","justification","jsxDEV","_item","this","BodyTiny","GraphContainerWrapper","TitleRegular","IconButton","MaximizeIcon","HeaderIconWrapper","icon","index","Bar","StyledModal"],"mappings":"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"}
+{"version":3,"file":"StackedBarChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.tsx"],"sourcesContent":["import MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLegend,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport { useMemo, useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { BodyTiny, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport {\n\tCOLOR_SCHEMA,\n\tGRAPH_ORIENTATION,\n\tStackedBarGraphI,\n} from './StackedBarChart.model';\nimport {\n\tGraphContainerWrapper,\n\tHeaderIconWrapper,\n} from './StackedBarChart.styles';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tLegend,\n\tChartDataLabels,\n);\n\nconst truncateBars = (data, labels, limit) => {\n\tif (labels.length <= limit)\n\t\treturn {\n\t\t\ttruncatedData: data,\n\t\t\ttruncatedLabels: labels,\n\t\t\toriginalData: data,\n\t\t\toriginalLabels: labels,\n\t\t};\n\tconst truncatedData = data.map((d) => d.slice(0, limit));\n\tconst othersData = data.map((d) =>\n\t\td.slice(limit).reduce((acc, curr) => acc + curr, 0),\n\t);\n\ttruncatedData.forEach((d, i) => d.push(othersData[i]));\n\tconst truncatedLabels = labels.slice(0, limit);\n\ttruncatedLabels.push('Others');\n\treturn {\n\t\ttruncatedData,\n\t\ttruncatedLabels,\n\t\toriginalData: data,\n\t\toriginalLabels: labels,\n\t};\n};\n\nexport const StackedBarChart = (props: StackedBarGraphI) => {\n\tconst { headerIcons = [], legendsAndIconDirection = 'row' } = props;\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\tconst noDataPresent = props.yAxis.data.length === 0;\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\n\tconst colorScaleBrand = [\n\t\t'#5E07BB',\n\t\t'#9E77ED',\n\t\t'#D2AEFF',\n\t\t'#F7D7FF',\n\t\t'#CDE1FF',\n\t\t'#92AFFA',\n\t\t'#3935E1',\n\t];\n\n\tconst colourScalePastel = [\n\t\t'#E6C7FF',\n\t\t'#FEC6C6',\n\t\t'#FEDEF3',\n\t\t'#DEEFFF',\n\t\t'#FFD8B1',\n\t\t'#C7E5FF',\n\t\t'#FFD3E6',\n\t\t'#C9FFE5',\n\t\t'#FFE3C7',\n\t\t'#D9D9FF',\n\t];\n\n\t// Determine which color scale to use based on props\n\tconst getColorScale = () => {\n\t\t// If custom bar colors are provided, use them\n\t\tif (props.customBarColors) return props.customBarColors;\n\n\t\t// If custom brand or pastel colors are provided\n\t\tif (props.customColourScaleBrand || props.customColourScalePastel) {\n\t\t\tif (props.colorSchema === COLOR_SCHEMA.PASTEL) {\n\t\t\t\treturn props.customColourScalePastel;\n\t\t\t} else {\n\t\t\t\treturn props.customColourScaleBrand;\n\t\t\t}\n\t\t}\n\n\t\t// Use default color scales based on schema\n\t\tif (props.colorSchema === COLOR_SCHEMA.PASTEL) {\n\t\t\treturn colourScalePastel;\n\t\t} else {\n\t\t\treturn colorScaleBrand;\n\t\t}\n\t};\n\n\tconst colourScale = getColorScale();\n\tconst hoverColourScale = props.customHoverColour;\n\n\t// Memoized bar configuration settings\n\tconst barConfig = useMemo(\n\t\t() => ({\n\t\t\tbarPercentage: props?.barPercentage || 0.4,\n\t\t\tcategoryPercentage: 1,\n\t\t\tpointStyle: 'circle',\n\t\t\tbarWidth: props.barWidth,\n\t\t\tborderRadius: props?.borderRadius || undefined,\n\t\t\t// If borderRadius is an object, disable border skipping\n\t\t\t...(typeof props?.borderRadius === 'object'\n\t\t\t\t? { borderSkipped: false }\n\t\t\t\t: {}),\n\t\t\t// If bar gap is enabled, add transparent borders for spacing\n\t\t\t...(props?.addBarGap?.flag\n\t\t\t\t? {\n\t\t\t\t\t\tborderWidth: {\n\t\t\t\t\t\t\ttop: props?.addBarGap?.value || 2,\n\t\t\t\t\t\t\tbottom: props?.addBarGap?.value || 2,\n\t\t\t\t\t\t\tright: 0,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tborderColor: 'transparent',\n\t\t\t\t  }\n\t\t\t\t: {}),\n\t\t}),\n\t\t[\n\t\t\tprops.barWidth,\n\t\t\tprops?.borderRadius,\n\t\t\tprops?.barPercentage,\n\t\t\tprops?.addBarGap,\n\t\t],\n\t);\n\n\t// Transform y-axis data into a map grouped by dataset name\n\tconst dataSetMap = {};\n\tprops.yAxis.data.map((ele) => {\n\t\tele.map((obj) => {\n\t\t\tif (dataSetMap[obj.name]) {\n\t\t\t\tdataSetMap[obj.name].push(obj.value);\n\t\t\t} else {\n\t\t\t\tdataSetMap[obj.name] = [obj.value];\n\t\t\t}\n\t\t});\n\t});\n\n\t// Create datasets for chart with colors and bar configuration\n\tconst yAxisStackedData = Object.keys(dataSetMap).map((key, ind) => {\n\t\treturn {\n\t\t\tlabel: key,\n\t\t\tdata: dataSetMap[key],\n\t\t\tbackgroundColor: colourScale?.[ind],\n\t\t\thoverBackgroundColor:\n\t\t\t\thoverColourScale === undefined ? undefined : hoverColourScale[ind],\n\t\t\t...barConfig,\n\t\t};\n\t});\n\n\t// Conditionally reorder datasets so smaller values are drawn on top (for overlapping bars)\n\tlet reorderedYAxisData;\n\tif (props.renderInHeightWiseManner) {\n\t\treorderedYAxisData = yAxisStackedData\n\t\t\t.map((dataset, datasetIndex) => {\n\t\t\t\treturn {\n\t\t\t\t\t...dataset,\n\t\t\t\t\t// Add order property: higher values = drawn first (behind)\n\t\t\t\t\torder: dataset.data.reduce((sum, val) => sum + (val || 0), 0),\n\t\t\t\t};\n\t\t\t})\n\t\t\t.sort((a, b) => b.order - a.order);\n\t} else {\n\t\treorderedYAxisData = yAxisStackedData;\n\t}\n\n\t// Extract labels from x-axis data (either string or object with name property)\n\tlet labels = props.xAxis.data.map((data) =>\n\t\ttypeof data === 'string' ? data : data.name,\n\t);\n\n\t// Keep track of original data before any truncation\n\tlet originalData = reorderedYAxisData;\n\t// Truncate bars if limit is specified\n\tif (props.truncateBars) {\n\t\tconst truncated = truncateBars(\n\t\t\treorderedYAxisData.map((d) => d.data),\n\t\t\tlabels,\n\t\t\tprops.truncateBars,\n\t\t);\n\t\treorderedYAxisData.forEach((d, i) => (d.data = truncated.truncatedData[i]));\n\t\tlabels = truncated.truncatedLabels;\n\t\toriginalData = truncated.originalData.map((data, i) => ({\n\t\t\t...reorderedYAxisData[i],\n\t\t\tdata,\n\t\t}));\n\t}\n\n\tconst options = {\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\t// Show legend only if data exists and custom legend is not used\n\t\t\t\tdisplay: !noDataPresent && !props.customLegend,\n\t\t\t\tlabels: {\n\t\t\t\t\tusePointStyle: true,\n\t\t\t\t\tfontSize: 2,\n\t\t\t\t},\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\t// Enable tooltip only when data is present\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.tooltipConfig?.labelCallback,\n\t\t\t\t\ttitle: props.tooltipConfig?.titleCallback,\n\t\t\t\t\tfooter: props.tooltipConfig?.footerCallback,\n\t\t\t\t},\n\t\t\t\tfooterFont: props.tooltipConfig?.footerStyles?.footerFont,\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\t// Format total value label for stacked bars\n\t\t\t\tformatter: (_, context) => {\n\t\t\t\t\tconst datasetIndex = context.datasetIndex;\n\t\t\t\t\tconst datasets = context.chart.data.datasets;\n\t\t\t\t\t// Only show label on the last dataset (top of stack)\n\t\t\t\t\tif (datasetIndex !== datasets.length - 1) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\tconst dataIndex = context.dataIndex;\n\t\t\t\t\t// Calculate sum across all datasets for this data point\n\t\t\t\t\tlet sum = 0;\n\t\t\t\t\tfor (let i = 0; i < datasets.length; i++) {\n\t\t\t\t\t\tsum += datasets[i].data[dataIndex] ?? 0;\n\t\t\t\t\t}\n\t\t\t\t\tif (!sum) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\t// Format values under 1000 as-is, others as 'k' format\n\t\t\t\t\tif (sum < 1000) {\n\t\t\t\t\t\treturn sum;\n\t\t\t\t\t}\n\t\t\t\t\treturn (sum / 1000).toString().substring(0, 4) + 'k';\n\t\t\t\t},\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tlayout: {\n\t\t\tpadding: {\n\t\t\t\t// Add right padding for horizontal orientation when showing totals\n\t\t\t\tright:\n\t\t\t\t\tprops.showTotal && props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? 50\n\t\t\t\t\t\t: 0,\n\t\t\t\t// Add top padding for non-horizontal orientation when showing totals\n\t\t\t\ttop:\n\t\t\t\t\tprops.showTotal && props.orientation != GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? 50\n\t\t\t\t\t\t: 0,\n\t\t\t},\n\t\t},\n\t\tresponsive: true,\n\t\tmaintainAspectRatio: false,\n\t\tlegend: {\n\t\t\tdisplay: !props.customLegend,\n\t\t\tlabels: {\n\t\t\t\tusePointStyle: true,\n\t\t\t},\n\t\t},\n\t\t// Set index axis based on orientation (y for horizontal, x for vertical)\n\t\tindexAxis: (props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t? 'y'\n\t\t\t: 'x') as 'y' | 'x',\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\t// For horizontal orientation, x-axis shows y-axis data and vice versa\n\t\t\t\t\tdisplay: !!(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? props.yAxis?.title\n\t\t\t\t\t\t: props.xAxis?.title),\n\t\t\t\t\ttext:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.yAxis?.title\n\t\t\t\t\t\t\t: props.xAxis?.title,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.yAxis?.titleColor\n\t\t\t\t\t\t\t: props.xAxis?.titleColor) ?? COLORS.content.secondary,\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\t// Show grid lines for horizontal orientation (default true unless specified)\n\t\t\t\t\tdisplay:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL &&\n\t\t\t\t\t\t(typeof props?.showGridLines?.x === 'undefined'\n\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t: props?.showGridLines?.x),\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\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\t// Format tick labels based on orientation\n\t\t\t\t\tcallback:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? (value) => {\n\t\t\t\t\t\t\t\t\t// For horizontal, format and truncate based on store type\n\t\t\t\t\t\t\t\t\tlet formattedValue;\n\t\t\t\t\t\t\t\t\tif (props.isInternationalStore) {\n\t\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForInternationalStore(value);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForIndianStore(value);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst suffix = props.yAxis?.axisSuffix || '';\n\t\t\t\t\t\t\t\t\treturn `${formattedValue}${suffix}`;\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: props.xAxis?.axisSuffix\n\t\t\t\t\t\t\t? (value) => `${value}${props.xAxis.axisSuffix}`\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t\t// Determine if x-axis should be stacked (default true)\n\t\t\t\tstacked:\n\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? typeof props.yAxis?.stacked === 'boolean'\n\t\t\t\t\t\t\t? props.yAxis?.stacked\n\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t: typeof props.xAxis?.stacked === 'boolean'\n\t\t\t\t\t\t? props.xAxis?.stacked\n\t\t\t\t\t\t: true,\n\t\t\t},\n\t\t\ty: {\n\t\t\t\t// Set equal height if flag is enabled (for symmetric charts)\n\t\t\t\t...(props?.equalHeight?.flag\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tsuggestedMin: -props?.equalHeight.max, // Set negative side\n\t\t\t\t\t\t\tsuggestedMax: props?.equalHeight.max, // Set positive side\n\t\t\t\t\t  }\n\t\t\t\t\t: {}),\n\t\t\t\tmax: props?.yAxis?.max,\n\t\t\t\ttitle: {\n\t\t\t\t\t// For horizontal orientation, y-axis shows x-axis data and vice versa\n\t\t\t\t\tdisplay: !!(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? props.xAxis?.title\n\t\t\t\t\t\t: props.yAxis?.title),\n\t\t\t\t\ttext:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.xAxis?.title\n\t\t\t\t\t\t\t: props.yAxis?.title,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.xAxis?.titleColor\n\t\t\t\t\t\t\t: props.yAxis?.titleColor) ?? COLORS.content.secondary,\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\t// Show grid lines for non-horizontal orientation (default true unless specified)\n\t\t\t\t\tdisplay:\n\t\t\t\t\t\tprops.orientation !== GRAPH_ORIENTATION.HORIZONTAL &&\n\t\t\t\t\t\t(typeof props?.showGridLines?.y === 'undefined'\n\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t: props?.showGridLines?.y),\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tstepSize:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.xAxis?.stepSize\n\t\t\t\t\t\t\t: props.yAxis?.stepSize,\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// Apply no-data config if no data exists\n\t\t\t\t\t...(noDataPresent ? yAxisConfigForNoData : {}),\n\t\t\t\t\t// Use custom callback if provided, otherwise format based on orientation\n\t\t\t\t\tcallback: props?.ticksCallback\n\t\t\t\t\t\t? props?.ticksCallback\n\t\t\t\t\t\t: props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? (value) => {\n\t\t\t\t\t\t\t\t// For horizontal, format and truncate based on store type\n\t\t\t\t\t\t\t\tlet formattedValue;\n\t\t\t\t\t\t\t\tif (props.isInternationalStore) {\n\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForInternationalStore(value);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForIndianStore(value);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst suffix = props.xAxis?.axisSuffix || '';\n\t\t\t\t\t\t\t\treturn `${formattedValue}${suffix}`;\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: props.yAxis?.axisSuffix\n\t\t\t\t\t\t? (value) => `${value}${props.yAxis.axisSuffix}`\n\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t\t// Determine if y-axis should be stacked (default true)\n\t\t\t\tstacked:\n\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? typeof props.xAxis?.stacked === 'boolean'\n\t\t\t\t\t\t\t? props.xAxis?.stacked\n\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t: typeof props.yAxis?.stacked === 'boolean'\n\t\t\t\t\t\t? props.yAxis?.stacked\n\t\t\t\t\t\t: true,\n\t\t\t},\n\t\t},\n\t\t// Handle bar click events\n\t\tonClick: (e, activeEls) => {\n\t\t\tif (!props.onBarClick) return;\n\t\t\tconst datasetIndex = activeEls[0].datasetIndex;\n\t\t\tconst dataIndex = activeEls[0].index;\n\t\t\tconst yAxisLabel = e.chart.data.datasets[datasetIndex].label;\n\t\t\tconst xAxisLabel = e.chart.data.labels[dataIndex];\n\t\t\tprops.onBarClick(xAxisLabel, yAxisLabel);\n\t\t},\n\t\t// Change cursor to pointer on hover when bar is clickable\n\t\tonHover: (e, activeEls) => {\n\t\t\tif (!props.onBarClick) return;\n\t\t\tif (activeEls.length) e.native.target.style.cursor = 'pointer';\n\t\t},\n\t};\n\n\t// Clean up tick callbacks based on orientation\n\tif (!props.orientation || props.orientation === GRAPH_ORIENTATION.VERTICAL) {\n\t\tdelete options.scales.x.ticks['callback'];\n\t} else {\n\t\tdelete options.scales.y.ticks['callback'];\n\t}\n\n\t// Prepare data for the chart\n\tlet chartDatasets;\n\tif (noDataPresent) {\n\t\tchartDatasets = [{ data: dummyValues, backgroundColor: 'rgba(0,0,0,0)' }];\n\t} else {\n\t\tchartDatasets = reorderedYAxisData;\n\t}\n\n\tconst data = {\n\t\tlabels: labels,\n\t\tdatasets: chartDatasets,\n\t};\n\n\t// Prepare original chart data (used for popup modal)\n\tlet originalChartDatasets;\n\tif (noDataPresent) {\n\t\toriginalChartDatasets = [\n\t\t\t{ data: dummyValues, backgroundColor: 'rgba(0,0,0,0)' },\n\t\t];\n\t} else {\n\t\toriginalChartDatasets = originalData;\n\t}\n\n\tconst originalChartData = {\n\t\tlabels: props.xAxis.data.map((data) =>\n\t\t\ttypeof data === 'string' ? data : data.name,\n\t\t),\n\t\tdatasets: originalChartDatasets,\n\t};\n\n\t// Render custom legend with color boxes\n\tconst renderLegend = (isPopup = false) => {\n\t\t// Determine justification based on whether popup is allowed and current context\n\t\tlet justification;\n\t\tif (props.allowChartPopup && !isPopup) {\n\t\t\tjustification = 'flex-start';\n\t\t} else {\n\t\t\tjustification = 'flex-end';\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tgap: '10px',\n\t\t\t\t\tpadding: '0px 24px 12px 24px',\n\t\t\t\t\tjustifyContent: justification,\n\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{yAxisStackedData.map((_item) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={_item.label.replace(' ', '_')}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\tmarginTop: '4px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackgroundColor: _item.backgroundColor,\n\t\t\t\t\t\t\t\t\twidth: '16px',\n\t\t\t\t\t\t\t\t\theight: '16px',\n\t\t\t\t\t\t\t\t\tborderRadius: '2px',\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<BodyTiny color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t{_item.label}\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})}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper\n\t\t\tstyle={props.wrapperStyle ?? {}}\n\t\t\tpadding={props.outerPadding}\n\t\t\tcustomLegend={props.customLegend}\n\t\t>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 24,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: props.hideHeading ? 'flex-end' : 'space-between',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props.hideHeading !== true && (\n\t\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t)}\n\t\t\t\t\t{props.allowChartPopup && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPopup(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</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.customLegend && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: legendsAndIconDirection,\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<HeaderIconWrapper>\n\t\t\t\t\t\t{headerIcons.map((icon, index) => (\n\t\t\t\t\t\t\t<div key={index}>\n\t\t\t\t\t\t\t\t<div>{icon}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</HeaderIconWrapper>\n\t\t\t\t\t{renderLegend()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"graph__wrapper\">\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\twidth: props.graphCanvasWidth ?? 'auto',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Bar options={options} data={data} />\n\t\t\t\t</div>\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={() => setShowPopup(false)}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={props.chartHeading?.heading}\n\t\t\t\t\twidth=\"85%\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"graph__wrapper\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpadding: '8px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.customLegend && renderLegend(true)}\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: '70vh',\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tpadding: '16px',\n\t\t\t\t\t\t\t\tborderRadius: '8px',\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={options} data={originalChartData} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","Legend","ChartDataLabels","truncateBars","data","labels","limit","truncatedData","d","othersData","acc","curr","i","truncatedLabels","StackedBarChart","props","headerIcons","legendsAndIconDirection","showPopup","setShowPopup","useState","dummyValues","noDataPresent","yAxisConfigForNoData","colorScaleBrand","colourScalePastel","colourScale","COLOR_SCHEMA","hoverColourScale","barConfig","useMemo","dataSetMap","ele","obj","yAxisStackedData","key","ind","reorderedYAxisData","dataset","datasetIndex","sum","val","b","originalData","truncated","options","_","context","datasets","dataIndex","COLORS","GRAPH_ORIENTATION","FONTS","value","formattedValue","truncateValueForInternationalStore","truncateValueForIndianStore","suffix","e","activeEls","yAxisLabel","xAxisLabel","chartDatasets","originalChartDatasets","originalChartData","renderLegend","isPopup","justification","jsxDEV","_item","this","BodyTiny","GraphContainerWrapper","TitleRegular","IconButton","MaximizeIcon","HeaderIconWrapper","icon","index","Bar","StyledModal"],"mappings":"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"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),b=require("chart.js"),H=require("chartjs-plugin-datalabels"),y=require("react"),v=require("react-chartjs-2"),C=require("../../../TypographyStyle.js"),l=require("../../../../constants/Theme.js"),m=require("../utils/calcPercentage.js"),_=require("./StackedBarChart.styles.js"),r=require("./StackedBarDistributionChart.model.js"),V=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},P=V(H);b.Chart.register(b.CategoryScale,b.LinearScale,b.BarElement,b.Tooltip,b.Legend,P.default);b.Chart.defaults.plugins.datalabels.display=!1;function j(e){return e.map(s=>s.length>0?s.charAt(0).toUpperCase()+s.slice(1):s)}const G=e=>{const[s,D]=y.useState([]),[f,k]=y.useState(),h=!e.data.filter(a=>!!a.value).length,R=[10,20,30,40,50,60,80,100,120],I=e.colorMatrix&&e.colorMatrix.length?e.colorMatrix:[["#09A35B","#33D2A1","#A8E5C0","#075E54","#128C7E","#25D366","#DCF8C6"],["#FC4183","#FCA0C2","#FEE3EF","#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#1B95D6","#74B2E5","#A0D1F1","#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF4F52","#FFA3A4","#FFD9DA","#FF0012","#FF797D","#FFC4C5","#F9DFDF"],["#4B2E91","#7B1FA2","#A77BCA","#5E07BB","#9E77ED","#D2AEFF","#EBDBFF"]],O={min:0,max:200,stepSize:20},T={min:e.minValue,max:e.maxValue,stepSize:e.valuesStepSize},x={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:h?0:e.barThickness??100},E={plugins:{legend:{display:!1},tooltip:{enabled:!h,callbacks:{label:e.tooltipConfig?.labelCallback,footer:e.tooltipConfig?.footerCallback},footerFont:e.tooltipConfig?.footerStyles?.footerFont},datalabels:{display:(!h&&e.showTotal)??!1,anchor:"end",align:"end",clamp:!0,formatter:(a,t)=>{const o=t.datasetIndex,c=t.chart.data.datasets;if(o!==c.length-1)return"";const d=t.dataIndex;let i=0;for(let u=0;u<c.length;u++)i+=c[u].data[d]??0;return i?e.isInternationalStore?m.truncateValueForInternationalStore(i):m.truncateValueForIndianStore(i):""},color:l.COLORS.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",layout:{padding:{right:e.showTotal&&e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:e.showTotal&&e.orientation!=r.GRAPH_ORIENTATION.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.valueTitle?.heading:e.labelTitle?.heading),text:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.valueTitle?.heading:e.labelTitle?.heading,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.valueTitle?.color:e.labelTitle?.color)??l.COLORS.content.secondary,font:{size:l.FONTS.bodySecondary.fontSize}},grid:{display:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL,color:l.COLORS.background.base},ticks:{stepSize:30,fontSize:l.FONTS.caption.fontSize,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.labelTitle?.color:e.valueTitle?.color)??l.COLORS.content.secondary,...e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?h?O:T:{},callback:(a,t)=>e.orientation!==r.GRAPH_ORIENTATION.HORIZONTAL?f?.labels?.[t]??"":typeof a!="number"?a:e.isInternationalStore?m.truncateValueForInternationalStore(a):m.truncateValueForIndianStore(a)},stacked:!0},y:{title:{display:!!(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.labelTitle?.heading:e.valueTitle?.heading),text:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.labelTitle?.heading:e.valueTitle?.heading,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.labelTitle?.color:e.valueTitle?.color)??l.COLORS.content.secondary,font:{size:l.FONTS.bodySecondary.fontSize}},grid:{display:e.orientation!==r.GRAPH_ORIENTATION.HORIZONTAL,color:l.COLORS.background.base},ticks:{fontSize:l.FONTS.caption.fontSize,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.valueTitle?.color:e.labelTitle?.color)??l.COLORS.content.secondary,...e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?{}:h?O:T,callback:(a,t)=>e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?f?.labels?.[t]??"":typeof a!="number"?a:e.isInternationalStore?m.truncateValueForInternationalStore(a):m.truncateValueForIndianStore(a)},stacked:!0}},onClick:(a,t)=>{if(!e.onBarClick)return;const o=t[0].datasetIndex,c=t[0].index,d=a.chart.data.datasets[o].label,i=a.chart.data.labels[c];e.onBarClick(i,d)},onHover:(a,t)=>{e.onBarClick&&t.length&&(a.native.target.style.cursor="pointer")}},N=Array.from(new Set(e.data.map(a=>a.label))),S={labels:j(N),datasets:h?[{data:R,backgroundColor:"rgba(0,0,0,0)"}]:[]},F=(a,t,o)=>I[a].slice(-o)[t];y.useEffect(()=>{const a=[];N.forEach((t,o)=>{const c=[],d=e.data.filter(i=>i.label===t);e.isFunnel||d.sort((i,u)=>u.value-i.value),d.forEach((i,u)=>{const g=F(o,u,d.length);c.push({color:g,label:i.stackLabel});const A={label:i.stackLabel,backgroundColor:g,data:Array(N.length).fill(0),...x};A.data[o]=i.value,S.datasets.push(A)}),a.push(c)}),D(a),k(S)},[e.data]);const B=y.useCallback(()=>n.jsxDEV("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"flex-end"},children:w().map(a=>n.jsxDEV("div",{className:"legend__row",children:[n.jsxDEV("div",{className:"legend__palette",style:{backgroundColor:a.color}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:367,columnNumber:8},void 0),n.jsxDEV(C.BodyTiny,{color:l.COLORS.content.secondary,children:a.label},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:371,columnNumber:8},void 0)]},a.label.replace(" ","_"),!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:366,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:355,columnNumber:4},void 0),[s]),w=()=>{const a=[];return s.forEach((t,o)=>{a.push({color:t[0].color,label:N[o]})}),a};if(!f)return n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:393,columnNumber:10},void 0);const L=()=>n.jsxDEV("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"column"},children:s.map((a,t)=>n.jsxDEV("div",{className:"legend__set",children:a.map(o=>n.jsxDEV("div",{className:"legend__row",children:[n.jsxDEV("div",{className:"legend__palette",style:{backgroundColor:o.color}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:414,columnNumber:11},void 0),n.jsxDEV(C.BodyTiny,{color:l.COLORS.content.secondary,children:o.label},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:418,columnNumber:11},void 0)]},o.label.replace(" ","_"),!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:410,columnNumber:10},void 0))},`Legend_set_${t}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:407,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:398,columnNumber:4},void 0);return n.jsxDEV(_.GraphContainerWrapper,{style:e.wrapperStyle??{},padding:e.outerPadding,chartWrapperHeight:e.chartWrapperHeight,isFunnel:e.isFunnel,children:[e.chartHeading&&n.jsxDEV("div",{style:{marginBottom:24},children:n.jsxDEV(C.TitleRegular,{color:e.chartHeading.color??l.COLORS.content.secondary,children:e.chartHeading.heading},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:440,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:439,columnNumber:5},void 0),n.jsxDEV("div",{className:"graph__wrapper",children:[(e.showLegend??!0)&&e.isFunnel&&B(),n.jsxDEV("div",{style:{height:e.graphCanvasHeight??500,width:e.graphCanvasWidth??"100%",flex:1},children:n.jsxDEV(v.Bar,{options:E,data:f},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:456,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:449,columnNumber:5},void 0),(e.showLegend??!0)&&!e.isFunnel&&L()]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:447,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:432,columnNumber:3},void 0)};exports.StackedBarDistributionChart=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),h=require("chart.js"),P=require("chartjs-plugin-datalabels"),C=require("react"),j=require("react-chartjs-2"),O=require("../../../TypographyStyle.js"),l=require("../../../../constants/Theme.js"),m=require("../utils/calcPercentage.js"),v=require("./StackedBarChart.styles.js"),r=require("./StackedBarDistributionChart.model.js"),_=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},w=_(P);h.Chart.register(h.CategoryScale,h.LinearScale,h.BarElement,h.Tooltip,h.Legend,w.default);h.Chart.defaults.plugins.datalabels.display=!1;function V(e){return e.map(s=>s.length>0?s.charAt(0).toUpperCase()+s.slice(1):s)}const p=e=>{const[s,A]=C.useState([]),[f,R]=C.useState(),b=!e.data.filter(t=>!!t.value).length,I=[10,20,30,40,50,60,80,100,120],x=e.colorMatrix&&e.colorMatrix.length?e.colorMatrix:[["#09A35B","#33D2A1","#A8E5C0","#075E54","#128C7E","#25D366","#DCF8C6"],["#FC4183","#FCA0C2","#FEE3EF","#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#1B95D6","#74B2E5","#A0D1F1","#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF4F52","#FFA3A4","#FFD9DA","#FF0012","#FF797D","#FFC4C5","#F9DFDF"],["#4B2E91","#7B1FA2","#A77BCA","#5E07BB","#9E77ED","#D2AEFF","#EBDBFF"]],k={min:0,max:200,stepSize:20},y={min:e.minValue,max:e.maxValue,stepSize:e.valuesStepSize},D={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:b?0:e.barThickness??100},E={plugins:{legend:{display:!1},tooltip:{enabled:!b,callbacks:{label:e.tooltipConfig?.labelCallback,footer:e.tooltipConfig?.footerCallback},footerFont:e.tooltipConfig?.footerStyles?.footerFont},datalabels:{display:(!b&&e.showTotal)??!1,anchor:"end",align:"end",clamp:!0,formatter:(t,a)=>{const i=a.datasetIndex,c=a.chart.data.datasets;if(i!==c.length-1)return"";const d=a.dataIndex;let o=0;for(let u=0;u<c.length;u++)o+=c[u].data[d]??0;return o?e.isInternationalStore?m.truncateValueForInternationalStore(o):m.truncateValueForIndianStore(o):""},color:l.COLORS.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",layout:{padding:{right:e.showTotal&&e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:e.showTotal&&e.orientation!=r.GRAPH_ORIENTATION.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.valueTitle?.heading:e.labelTitle?.heading),text:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.valueTitle?.heading:e.labelTitle?.heading,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.valueTitle?.color:e.labelTitle?.color)??l.COLORS.content.secondary,font:{size:l.FONTS.bodySecondary.fontSize}},grid:{display:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL,color:l.COLORS.background.base},ticks:{stepSize:30,fontSize:l.FONTS.caption.fontSize,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.labelTitle?.color:e.valueTitle?.color)??l.COLORS.content.secondary,...e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?b?k:y:{},callback:(t,a)=>e.orientation!==r.GRAPH_ORIENTATION.HORIZONTAL?f?.labels?.[a]??"":typeof t!="number"?t:e.isInternationalStore?m.truncateValueForInternationalStore(t):m.truncateValueForIndianStore(t)},stacked:!0},y:{title:{display:!!(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.labelTitle?.heading:e.valueTitle?.heading),text:e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.labelTitle?.heading:e.valueTitle?.heading,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.labelTitle?.color:e.valueTitle?.color)??l.COLORS.content.secondary,font:{size:l.FONTS.bodySecondary.fontSize}},grid:{display:e.orientation!==r.GRAPH_ORIENTATION.HORIZONTAL,color:l.COLORS.background.base},ticks:{fontSize:l.FONTS.caption.fontSize,color:(e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?e.valueTitle?.color:e.labelTitle?.color)??l.COLORS.content.secondary,...e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?{}:b?k:y,callback:(t,a)=>e.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?f?.labels?.[a]??"":typeof t!="number"?t:e.isInternationalStore?m.truncateValueForInternationalStore(t):m.truncateValueForIndianStore(t)},stacked:!0}},onClick:(t,a)=>{if(!e.onBarClick)return;const i=a[0].datasetIndex,c=a[0].index,d=t.chart.data.datasets[i].label,o=t.chart.data.labels[c];e.onBarClick(o,d)},onHover:(t,a)=>{e.onBarClick&&a.length&&(t.native.target.style.cursor="pointer")}},N=Array.from(new Set(e.data.map(t=>t.label))),T={labels:V(N),datasets:b?[{data:I,backgroundColor:"rgba(0,0,0,0)"}]:[]},F=(t,a,i)=>x[t].slice(-i)[a];C.useEffect(()=>{const t=[];N.forEach((a,i)=>{const c=[],d=e.data.filter(o=>o.label===a);e.isFunnel||d.sort((o,u)=>u.value-o.value),d.forEach((o,u)=>{const S=F(i,u,d.length);c.push({color:S,label:o.stackLabel});const g={label:o.stackLabel,backgroundColor:S,data:Array(N.length).fill(0),...D};g.data[i]=o.value,T.datasets.push(g)}),t.push(c)}),A(t),R(T)},[e.data]);const B=C.useCallback(()=>n.jsxDEV("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"flex-end"},children:L().map(t=>n.jsxDEV("div",{className:"legend__row",children:[n.jsxDEV("div",{className:"legend__palette",style:{backgroundColor:t.color}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:367,columnNumber:8},void 0),n.jsxDEV(O.BodyTiny,{color:l.COLORS.content.secondary,children:t.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:371,columnNumber:8},void 0)]},t.label.replace(" ","_"),!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:366,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:355,columnNumber:4},void 0),[s]),L=()=>{const t=[];return s.forEach((a,i)=>{t.push({color:a[0].color,label:N[i]})}),t};if(!f)return n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:393,columnNumber:10},void 0);const H=()=>n.jsxDEV("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"column"},children:s.map((t,a)=>n.jsxDEV("div",{className:"legend__set",children:t.map(i=>n.jsxDEV("div",{className:"legend__row",children:[n.jsxDEV("div",{className:"legend__palette",style:{backgroundColor:i.color}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:414,columnNumber:11},void 0),n.jsxDEV(O.BodyTiny,{color:l.COLORS.content.secondary,children:i.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:418,columnNumber:11},void 0)]},i.label.replace(" ","_"),!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:410,columnNumber:10},void 0))},`Legend_set_${a}`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:407,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:398,columnNumber:4},void 0);return n.jsxDEV(v.GraphContainerWrapper,{style:e.wrapperStyle??{},padding:e.outerPadding,chartWrapperHeight:e.chartWrapperHeight,isFunnel:e.isFunnel,children:[e.chartHeading&&n.jsxDEV("div",{style:{marginBottom:24},children:n.jsxDEV(O.TitleRegular,{color:e.chartHeading.color??l.COLORS.content.secondary,children:e.chartHeading.heading},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:440,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:439,columnNumber:5},void 0),n.jsxDEV("div",{className:"graph__wrapper",children:[(e.showLegend??!0)&&e.isFunnel&&B(),n.jsxDEV("div",{style:{height:e.graphCanvasHeight??500,width:e.graphCanvasWidth??"100%",flex:1},children:n.jsxDEV(j.Bar,{options:E,data:f},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:456,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:449,columnNumber:5},void 0),(e.showLegend??!0)&&!e.isFunnel&&H()]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:447,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",lineNumber:432,columnNumber:3},void 0)};exports.StackedBarDistributionChart=p;
 //# sourceMappingURL=StackedBarDistributionChart.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarDistributionChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\ttype ChartData,\n\tChart as ChartJS,\n\tLegend,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { BodyTiny, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport { GraphContainerWrapper } from './StackedBarChart.styles';\nimport {\n\tGRAPH_ORIENTATION,\n\tStackedBarDistributionGraphI,\n} from './StackedBarDistributionChart.model';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tLegend,\n\tChartDataLabels,\n);\n\n// Data lables are enabled globally by default, this lines disables globally and adds only when required.\n//@ts-ignore\nChartJS['defaults']['plugins']['datalabels']['display'] = false;\n\nfunction capitalizeFirstLetter(strings: string[]) {\n\treturn strings.map((string) => {\n\t\tif (string.length > 0) {\n\t\t\treturn string.charAt(0).toUpperCase() + string.slice(1);\n\t\t} else {\n\t\t\treturn string;\n\t\t}\n\t});\n}\n\nexport const StackedBarDistributionChart = (\n\tprops: StackedBarDistributionGraphI,\n) => {\n\tconst [legendMap, setLegendMap] = useState<\n\t\t{ color: string; label: string }[][]\n\t>([]);\n\tconst [mapData, setMapData] = useState<ChartData<'bar', any, string>>();\n\tconst noDataPresent = !props.data.filter((entry) => !!entry.value).length;\n\tconst dummyValues = [10, 20, 30, 40, 50, 60, 80, 100, 120];\n\n\tconst COLOR_MATRIX =\n\t\tprops.colorMatrix && props.colorMatrix.length\n\t\t\t? props.colorMatrix\n\t\t\t: [\n\t\t\t\t\t// Green Shades\n\t\t\t\t\t[\n\t\t\t\t\t\t'#09A35B',\n\t\t\t\t\t\t'#33D2A1',\n\t\t\t\t\t\t'#A8E5C0',\n\t\t\t\t\t\t'#075E54',\n\t\t\t\t\t\t'#128C7E',\n\t\t\t\t\t\t'#25D366',\n\t\t\t\t\t\t'#DCF8C6',\n\t\t\t\t\t],\n\t\t\t\t\t// Pink Shades\n\t\t\t\t\t[\n\t\t\t\t\t\t'#FC4183',\n\t\t\t\t\t\t'#FCA0C2',\n\t\t\t\t\t\t'#FEE3EF',\n\t\t\t\t\t\t'#F5016C',\n\t\t\t\t\t\t'#F972AD',\n\t\t\t\t\t\t'#FCAACE',\n\t\t\t\t\t\t'#FEE3EF',\n\t\t\t\t\t],\n\t\t\t\t\t// Blue Shades\n\t\t\t\t\t[\n\t\t\t\t\t\t'#1B95D6',\n\t\t\t\t\t\t'#74B2E5',\n\t\t\t\t\t\t'#A0D1F1',\n\t\t\t\t\t\t'#0078D5',\n\t\t\t\t\t\t'#55A5E3',\n\t\t\t\t\t\t'#8EC3EC',\n\t\t\t\t\t\t'#C6E1F6',\n\t\t\t\t\t],\n\t\t\t\t\t// Red Shades\n\t\t\t\t\t[\n\t\t\t\t\t\t'#FF4F52',\n\t\t\t\t\t\t'#FFA3A4',\n\t\t\t\t\t\t'#FFD9DA',\n\t\t\t\t\t\t'#FF0012',\n\t\t\t\t\t\t'#FF797D',\n\t\t\t\t\t\t'#FFC4C5',\n\t\t\t\t\t\t'#F9DFDF',\n\t\t\t\t\t],\n\t\t\t\t\t// Purple Shades\n\t\t\t\t\t[\n\t\t\t\t\t\t'#4B2E91',\n\t\t\t\t\t\t'#7B1FA2',\n\t\t\t\t\t\t'#A77BCA',\n\t\t\t\t\t\t'#5E07BB',\n\t\t\t\t\t\t'#9E77ED',\n\t\t\t\t\t\t'#D2AEFF',\n\t\t\t\t\t\t'#EBDBFF',\n\t\t\t\t\t],\n\t\t\t  ];\n\n\tconst noDataAxisConfig = {\n\t\tmin: 0,\n\t\tmax: 200,\n\t\tstepSize: 20,\n\t};\n\tconst dataAxisConfig = {\n\t\tmin: props.minValue,\n\t\tmax: props.maxValue,\n\t\tstepSize: props.valuesStepSize,\n\t};\n\n\tconst barConfig = {\n\t\tbarPercentage: 0.4,\n\t\tcategoryPercentage: 1,\n\t\tpointStyle: 'circle',\n\t\tbarThickness: noDataPresent ? 0 : props.barThickness ?? 100,\n\t};\n\n\tconst options = {\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.tooltipConfig?.labelCallback,\n\t\t\t\t\tfooter: props.tooltipConfig?.footerCallback,\n\t\t\t\t},\n\t\t\t\tfooterFont: props.tooltipConfig?.footerStyles?.footerFont,\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: (!noDataPresent && 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\tformatter: (_, context) => {\n\t\t\t\t\tconst datasetIndex = context.datasetIndex;\n\t\t\t\t\tconst datasets = context.chart.data.datasets;\n\t\t\t\t\tif (datasetIndex !== datasets.length - 1) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\tconst dataIndex = context.dataIndex;\n\t\t\t\t\tlet sum = 0;\n\t\t\t\t\tfor (let i = 0; i < datasets.length; i++) {\n\t\t\t\t\t\tsum += datasets[i].data[dataIndex] ?? 0;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (!sum) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\n\t\t\t\t\treturn props.isInternationalStore\n\t\t\t\t\t\t? truncateValueForInternationalStore(sum)\n\t\t\t\t\t\t: truncateValueForIndianStore(sum);\n\t\t\t\t},\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tresponsive: true,\n\t\tmaintainAspectRatio: false,\n\t\tlegend: {\n\t\t\tdisplay: false,\n\t\t},\n\t\tindexAxis: (props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t? 'y'\n\t\t\t: 'x') as 'y' | 'x',\n\t\tlayout: {\n\t\t\tpadding: {\n\t\t\t\tright:\n\t\t\t\t\tprops.showTotal && props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? 50\n\t\t\t\t\t\t: 0,\n\t\t\t\ttop:\n\t\t\t\t\tprops.showTotal && props.orientation != GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? 25\n\t\t\t\t\t\t: 0,\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.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? props.valueTitle?.heading\n\t\t\t\t\t\t: props.labelTitle?.heading),\n\t\t\t\t\ttext:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.valueTitle?.heading\n\t\t\t\t\t\t\t: props.labelTitle?.heading,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.valueTitle?.color\n\t\t\t\t\t\t\t: props.labelTitle?.color) ?? COLORS.content.secondary,\n\t\t\t\t\tfont: { size: FONTS.bodySecondary.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: props.orientation === GRAPH_ORIENTATION.HORIZONTAL,\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tstepSize: 30,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.labelTitle?.color\n\t\t\t\t\t\t\t: props.valueTitle?.color) ?? COLORS.content.secondary,\n\t\t\t\t\t...(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? noDataPresent\n\t\t\t\t\t\t\t? noDataAxisConfig\n\t\t\t\t\t\t\t: dataAxisConfig\n\t\t\t\t\t\t: {}),\n\t\t\t\t\tcallback: (value, index) => {\n\t\t\t\t\t\tif (props.orientation !== GRAPH_ORIENTATION.HORIZONTAL) {\n\t\t\t\t\t\t\treturn mapData?.labels?.[index] ?? '';\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (typeof value != 'number') {\n\t\t\t\t\t\t\treturn value;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn props.isInternationalStore\n\t\t\t\t\t\t\t? truncateValueForInternationalStore(value)\n\t\t\t\t\t\t\t: truncateValueForIndianStore(value);\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tstacked: true,\n\t\t\t},\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? props.labelTitle?.heading\n\t\t\t\t\t\t: props.valueTitle?.heading),\n\t\t\t\t\ttext:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.labelTitle?.heading\n\t\t\t\t\t\t\t: props.valueTitle?.heading,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.labelTitle?.color\n\t\t\t\t\t\t\t: props.valueTitle?.color) ?? COLORS.content.secondary,\n\t\t\t\t\tfont: { size: FONTS.bodySecondary.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: props.orientation !== GRAPH_ORIENTATION.HORIZONTAL,\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.valueTitle?.color\n\t\t\t\t\t\t\t: props.labelTitle?.color) ?? COLORS.content.secondary,\n\t\t\t\t\t...(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? {}\n\t\t\t\t\t\t: noDataPresent\n\t\t\t\t\t\t? noDataAxisConfig\n\t\t\t\t\t\t: dataAxisConfig),\n\t\t\t\t\tcallback: (value, index) => {\n\t\t\t\t\t\tif (props.orientation === GRAPH_ORIENTATION.HORIZONTAL) {\n\t\t\t\t\t\t\treturn mapData?.labels?.[index] ?? '';\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (typeof value != 'number') {\n\t\t\t\t\t\t\treturn value;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn props.isInternationalStore\n\t\t\t\t\t\t\t? truncateValueForInternationalStore(value)\n\t\t\t\t\t\t\t: truncateValueForIndianStore(value);\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tstacked: true,\n\t\t\t},\n\t\t},\n\t\tonClick: (e, activeEls) => {\n\t\t\tif (!props.onBarClick) return;\n\t\t\tconst datasetIndex = activeEls[0].datasetIndex;\n\t\t\tconst dataIndex = activeEls[0].index;\n\t\t\tconst yAxisLabel = e.chart.data.datasets[datasetIndex].label;\n\t\t\tconst xAxisLabel = e.chart.data.labels[dataIndex];\n\t\t\tprops.onBarClick(xAxisLabel, yAxisLabel);\n\t\t},\n\t\tonHover: (e, activeEls) => {\n\t\t\tif (!props.onBarClick) return;\n\t\t\tif (activeEls.length) e.native.target.style.cursor = 'pointer';\n\t\t},\n\t};\n\tconst uniqueLabels = Array.from(\n\t\tnew Set(props.data.map((item) => item.label)),\n\t);\n\n\tconst data: ChartData<'bar', any, string> = {\n\t\tlabels: capitalizeFirstLetter(uniqueLabels),\n\t\tdatasets: noDataPresent\n\t\t\t? [{ data: dummyValues, backgroundColor: 'rgba(0,0,0,0)' }]\n\t\t\t: [],\n\t};\n\n\tconst getColorForLabel = (\n\t\tlabelIndex: number,\n\t\tstackIndex: number,\n\t\tstackLength: number,\n\t) => {\n\t\tconst reducedColourRow = COLOR_MATRIX[labelIndex].slice(-stackLength);\n\t\treturn reducedColourRow[stackIndex];\n\t};\n\n\tuseEffect(() => {\n\t\tconst _legendMap: { color: string; label: string }[][] = [];\n\t\tuniqueLabels.forEach((label, labelIndex) => {\n\t\t\tconst barLegend: { color: string; label: string }[] = [];\n\t\t\tconst datasetsForLabel = props.data.filter(\n\t\t\t\t(item) => item.label === label,\n\t\t\t);\n\t\t\tif (!props.isFunnel) {\n\t\t\t\tdatasetsForLabel.sort((a, b) => b.value - a.value);\n\t\t\t}\n\t\t\tdatasetsForLabel.forEach((item, stackIndex) => {\n\t\t\t\tconst color = getColorForLabel(\n\t\t\t\t\tlabelIndex,\n\t\t\t\t\tstackIndex,\n\t\t\t\t\tdatasetsForLabel.length,\n\t\t\t\t);\n\t\t\t\tbarLegend.push({\n\t\t\t\t\tcolor: color,\n\t\t\t\t\tlabel: item.stackLabel,\n\t\t\t\t});\n\t\t\t\tconst newData = {\n\t\t\t\t\tlabel: item.stackLabel,\n\t\t\t\t\tbackgroundColor: color,\n\t\t\t\t\tdata: Array(uniqueLabels.length).fill(0),\n\t\t\t\t\t...barConfig,\n\t\t\t\t};\n\t\t\t\tnewData.data[labelIndex] = item.value;\n\t\t\t\tdata.datasets.push(newData);\n\t\t\t});\n\t\t\t_legendMap.push(barLegend);\n\t\t});\n\t\tsetLegendMap(_legendMap);\n\t\tsetMapData(data);\n\t}, [props.data]);\n\n\tconst renderLegendFunnel = useCallback(() => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tgap: '10px',\n\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{getFunnelLegend().map((_item) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div className=\"legend__row\" key={_item.label.replace(' ', '_')}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"legend__palette\"\n\t\t\t\t\t\t\t\tstyle={{ backgroundColor: _item.color }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t{_item.label}\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})}\n\t\t\t</div>\n\t\t);\n\t}, [legendMap]);\n\n\tconst getFunnelLegend = () => {\n\t\tconst barLegend: { color: string; label: string }[] = [];\n\t\tlegendMap.forEach((stack, stackIndex) => {\n\t\t\tbarLegend.push({\n\t\t\t\tcolor: stack[0].color,\n\t\t\t\tlabel: uniqueLabels[stackIndex],\n\t\t\t});\n\t\t});\n\t\treturn barLegend;\n\t};\n\n\tif (!mapData) {\n\t\treturn <></>;\n\t}\n\n\tconst renderLegend = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{legendMap.map((_category, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div className=\"legend__set\" key={`Legend_set_${index}`}>\n\t\t\t\t\t\t\t{_category.map((_item) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName=\"legend__row\"\n\t\t\t\t\t\t\t\t\t\tkey={_item.label.replace(' ', '_')}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"legend__palette\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ backgroundColor: _item.color }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t{_item.label}\n\t\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper\n\t\t\tstyle={props.wrapperStyle ?? {}}\n\t\t\tpadding={props.outerPadding}\n\t\t\tchartWrapperHeight={props.chartWrapperHeight}\n\t\t\tisFunnel={props.isFunnel}\n\t\t>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div style={{ marginBottom: 24 }}>\n\t\t\t\t\t<TitleRegular\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</TitleRegular>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"graph__wrapper\">\n\t\t\t\t{(props.showLegend ?? true) && props.isFunnel && renderLegendFunnel()}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\twidth: props.graphCanvasWidth ?? '100%',\n\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Bar options={options} data={mapData} />\n\t\t\t\t</div>\n\t\t\t\t{(props.showLegend ?? true) && !props.isFunnel && renderLegend()}\n\t\t\t</div>\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","Legend","ChartDataLabels","capitalizeFirstLetter","strings","string","StackedBarDistributionChart","props","legendMap","setLegendMap","useState","mapData","setMapData","noDataPresent","entry","dummyValues","COLOR_MATRIX","noDataAxisConfig","dataAxisConfig","barConfig","options","_","context","datasetIndex","datasets","dataIndex","sum","i","truncateValueForInternationalStore","truncateValueForIndianStore","COLORS","GRAPH_ORIENTATION","FONTS","value","index","e","activeEls","yAxisLabel","xAxisLabel","uniqueLabels","item","data","getColorForLabel","labelIndex","stackIndex","stackLength","useEffect","_legendMap","label","barLegend","datasetsForLabel","a","b","color","newData","renderLegendFunnel","useCallback","jsxDEV","getFunnelLegend","_item","this","BodyTiny","stack","Fragment","renderLegend","_category","GraphContainerWrapper","TitleRegular","Bar"],"mappings":"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"}
+{"version":3,"file":"StackedBarDistributionChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\ttype ChartData,\n\tChart as ChartJS,\n\tLegend,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { BodyTiny, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport { GraphContainerWrapper } from './StackedBarChart.styles';\nimport {\n\tGRAPH_ORIENTATION,\n\tStackedBarDistributionGraphI,\n} from './StackedBarDistributionChart.model';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tLegend,\n\tChartDataLabels,\n);\n\n// Data lables are enabled globally by default, this lines disables globally and adds only when required.\n//@ts-ignore\nChartJS['defaults']['plugins']['datalabels']['display'] = false;\n\nfunction capitalizeFirstLetter(strings: string[]) {\n\treturn strings.map((string) => {\n\t\tif (string.length > 0) {\n\t\t\treturn string.charAt(0).toUpperCase() + string.slice(1);\n\t\t} else {\n\t\t\treturn string;\n\t\t}\n\t});\n}\n\nexport const StackedBarDistributionChart = (\n\tprops: StackedBarDistributionGraphI,\n) => {\n\tconst [legendMap, setLegendMap] = useState<\n\t\t{ color: string; label: string }[][]\n\t>([]);\n\tconst [mapData, setMapData] = useState<ChartData<'bar', any, string>>();\n\tconst noDataPresent = !props.data.filter((entry) => !!entry.value).length;\n\tconst dummyValues = [10, 20, 30, 40, 50, 60, 80, 100, 120];\n\n\tconst COLOR_MATRIX =\n\t\tprops.colorMatrix && props.colorMatrix.length\n\t\t\t? props.colorMatrix\n\t\t\t: [\n\t\t\t\t\t// Green Shades\n\t\t\t\t\t[\n\t\t\t\t\t\t'#09A35B',\n\t\t\t\t\t\t'#33D2A1',\n\t\t\t\t\t\t'#A8E5C0',\n\t\t\t\t\t\t'#075E54',\n\t\t\t\t\t\t'#128C7E',\n\t\t\t\t\t\t'#25D366',\n\t\t\t\t\t\t'#DCF8C6',\n\t\t\t\t\t],\n\t\t\t\t\t// Pink Shades\n\t\t\t\t\t[\n\t\t\t\t\t\t'#FC4183',\n\t\t\t\t\t\t'#FCA0C2',\n\t\t\t\t\t\t'#FEE3EF',\n\t\t\t\t\t\t'#F5016C',\n\t\t\t\t\t\t'#F972AD',\n\t\t\t\t\t\t'#FCAACE',\n\t\t\t\t\t\t'#FEE3EF',\n\t\t\t\t\t],\n\t\t\t\t\t// Blue Shades\n\t\t\t\t\t[\n\t\t\t\t\t\t'#1B95D6',\n\t\t\t\t\t\t'#74B2E5',\n\t\t\t\t\t\t'#A0D1F1',\n\t\t\t\t\t\t'#0078D5',\n\t\t\t\t\t\t'#55A5E3',\n\t\t\t\t\t\t'#8EC3EC',\n\t\t\t\t\t\t'#C6E1F6',\n\t\t\t\t\t],\n\t\t\t\t\t// Red Shades\n\t\t\t\t\t[\n\t\t\t\t\t\t'#FF4F52',\n\t\t\t\t\t\t'#FFA3A4',\n\t\t\t\t\t\t'#FFD9DA',\n\t\t\t\t\t\t'#FF0012',\n\t\t\t\t\t\t'#FF797D',\n\t\t\t\t\t\t'#FFC4C5',\n\t\t\t\t\t\t'#F9DFDF',\n\t\t\t\t\t],\n\t\t\t\t\t// Purple Shades\n\t\t\t\t\t[\n\t\t\t\t\t\t'#4B2E91',\n\t\t\t\t\t\t'#7B1FA2',\n\t\t\t\t\t\t'#A77BCA',\n\t\t\t\t\t\t'#5E07BB',\n\t\t\t\t\t\t'#9E77ED',\n\t\t\t\t\t\t'#D2AEFF',\n\t\t\t\t\t\t'#EBDBFF',\n\t\t\t\t\t],\n\t\t\t  ];\n\n\tconst noDataAxisConfig = {\n\t\tmin: 0,\n\t\tmax: 200,\n\t\tstepSize: 20,\n\t};\n\tconst dataAxisConfig = {\n\t\tmin: props.minValue,\n\t\tmax: props.maxValue,\n\t\tstepSize: props.valuesStepSize,\n\t};\n\n\tconst barConfig = {\n\t\tbarPercentage: 0.4,\n\t\tcategoryPercentage: 1,\n\t\tpointStyle: 'circle',\n\t\tbarThickness: noDataPresent ? 0 : props.barThickness ?? 100,\n\t};\n\n\tconst options = {\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.tooltipConfig?.labelCallback,\n\t\t\t\t\tfooter: props.tooltipConfig?.footerCallback,\n\t\t\t\t},\n\t\t\t\tfooterFont: props.tooltipConfig?.footerStyles?.footerFont,\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: (!noDataPresent && 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\tformatter: (_, context) => {\n\t\t\t\t\tconst datasetIndex = context.datasetIndex;\n\t\t\t\t\tconst datasets = context.chart.data.datasets;\n\t\t\t\t\tif (datasetIndex !== datasets.length - 1) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\tconst dataIndex = context.dataIndex;\n\t\t\t\t\tlet sum = 0;\n\t\t\t\t\tfor (let i = 0; i < datasets.length; i++) {\n\t\t\t\t\t\tsum += datasets[i].data[dataIndex] ?? 0;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (!sum) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\n\t\t\t\t\treturn props.isInternationalStore\n\t\t\t\t\t\t? truncateValueForInternationalStore(sum)\n\t\t\t\t\t\t: truncateValueForIndianStore(sum);\n\t\t\t\t},\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tresponsive: true,\n\t\tmaintainAspectRatio: false,\n\t\tlegend: {\n\t\t\tdisplay: false,\n\t\t},\n\t\tindexAxis: (props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t? 'y'\n\t\t\t: 'x') as 'y' | 'x',\n\t\tlayout: {\n\t\t\tpadding: {\n\t\t\t\tright:\n\t\t\t\t\tprops.showTotal && props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? 50\n\t\t\t\t\t\t: 0,\n\t\t\t\ttop:\n\t\t\t\t\tprops.showTotal && props.orientation != GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? 25\n\t\t\t\t\t\t: 0,\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.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? props.valueTitle?.heading\n\t\t\t\t\t\t: props.labelTitle?.heading),\n\t\t\t\t\ttext:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.valueTitle?.heading\n\t\t\t\t\t\t\t: props.labelTitle?.heading,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.valueTitle?.color\n\t\t\t\t\t\t\t: props.labelTitle?.color) ?? COLORS.content.secondary,\n\t\t\t\t\tfont: { size: FONTS.bodySecondary.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: props.orientation === GRAPH_ORIENTATION.HORIZONTAL,\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tstepSize: 30,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.labelTitle?.color\n\t\t\t\t\t\t\t: props.valueTitle?.color) ?? COLORS.content.secondary,\n\t\t\t\t\t...(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? noDataPresent\n\t\t\t\t\t\t\t? noDataAxisConfig\n\t\t\t\t\t\t\t: dataAxisConfig\n\t\t\t\t\t\t: {}),\n\t\t\t\t\tcallback: (value, index) => {\n\t\t\t\t\t\tif (props.orientation !== GRAPH_ORIENTATION.HORIZONTAL) {\n\t\t\t\t\t\t\treturn mapData?.labels?.[index] ?? '';\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (typeof value != 'number') {\n\t\t\t\t\t\t\treturn value;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn props.isInternationalStore\n\t\t\t\t\t\t\t? truncateValueForInternationalStore(value)\n\t\t\t\t\t\t\t: truncateValueForIndianStore(value);\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tstacked: true,\n\t\t\t},\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? props.labelTitle?.heading\n\t\t\t\t\t\t: props.valueTitle?.heading),\n\t\t\t\t\ttext:\n\t\t\t\t\t\tprops.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.labelTitle?.heading\n\t\t\t\t\t\t\t: props.valueTitle?.heading,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.labelTitle?.color\n\t\t\t\t\t\t\t: props.valueTitle?.color) ?? COLORS.content.secondary,\n\t\t\t\t\tfont: { size: FONTS.bodySecondary.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: props.orientation !== GRAPH_ORIENTATION.HORIZONTAL,\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor:\n\t\t\t\t\t\t(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t\t? props.valueTitle?.color\n\t\t\t\t\t\t\t: props.labelTitle?.color) ?? COLORS.content.secondary,\n\t\t\t\t\t...(props.orientation === GRAPH_ORIENTATION.HORIZONTAL\n\t\t\t\t\t\t? {}\n\t\t\t\t\t\t: noDataPresent\n\t\t\t\t\t\t? noDataAxisConfig\n\t\t\t\t\t\t: dataAxisConfig),\n\t\t\t\t\tcallback: (value, index) => {\n\t\t\t\t\t\tif (props.orientation === GRAPH_ORIENTATION.HORIZONTAL) {\n\t\t\t\t\t\t\treturn mapData?.labels?.[index] ?? '';\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (typeof value != 'number') {\n\t\t\t\t\t\t\treturn value;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn props.isInternationalStore\n\t\t\t\t\t\t\t? truncateValueForInternationalStore(value)\n\t\t\t\t\t\t\t: truncateValueForIndianStore(value);\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tstacked: true,\n\t\t\t},\n\t\t},\n\t\tonClick: (e, activeEls) => {\n\t\t\tif (!props.onBarClick) return;\n\t\t\tconst datasetIndex = activeEls[0].datasetIndex;\n\t\t\tconst dataIndex = activeEls[0].index;\n\t\t\tconst yAxisLabel = e.chart.data.datasets[datasetIndex].label;\n\t\t\tconst xAxisLabel = e.chart.data.labels[dataIndex];\n\t\t\tprops.onBarClick(xAxisLabel, yAxisLabel);\n\t\t},\n\t\tonHover: (e, activeEls) => {\n\t\t\tif (!props.onBarClick) return;\n\t\t\tif (activeEls.length) e.native.target.style.cursor = 'pointer';\n\t\t},\n\t};\n\tconst uniqueLabels = Array.from(\n\t\tnew Set(props.data.map((item) => item.label)),\n\t);\n\n\tconst data: ChartData<'bar', any, string> = {\n\t\tlabels: capitalizeFirstLetter(uniqueLabels),\n\t\tdatasets: noDataPresent\n\t\t\t? [{ data: dummyValues, backgroundColor: 'rgba(0,0,0,0)' }]\n\t\t\t: [],\n\t};\n\n\tconst getColorForLabel = (\n\t\tlabelIndex: number,\n\t\tstackIndex: number,\n\t\tstackLength: number,\n\t) => {\n\t\tconst reducedColourRow = COLOR_MATRIX[labelIndex].slice(-stackLength);\n\t\treturn reducedColourRow[stackIndex];\n\t};\n\n\tuseEffect(() => {\n\t\tconst _legendMap: { color: string; label: string }[][] = [];\n\t\tuniqueLabels.forEach((label, labelIndex) => {\n\t\t\tconst barLegend: { color: string; label: string }[] = [];\n\t\t\tconst datasetsForLabel = props.data.filter(\n\t\t\t\t(item) => item.label === label,\n\t\t\t);\n\t\t\tif (!props.isFunnel) {\n\t\t\t\tdatasetsForLabel.sort((a, b) => b.value - a.value);\n\t\t\t}\n\t\t\tdatasetsForLabel.forEach((item, stackIndex) => {\n\t\t\t\tconst color = getColorForLabel(\n\t\t\t\t\tlabelIndex,\n\t\t\t\t\tstackIndex,\n\t\t\t\t\tdatasetsForLabel.length,\n\t\t\t\t);\n\t\t\t\tbarLegend.push({\n\t\t\t\t\tcolor: color,\n\t\t\t\t\tlabel: item.stackLabel,\n\t\t\t\t});\n\t\t\t\tconst newData = {\n\t\t\t\t\tlabel: item.stackLabel,\n\t\t\t\t\tbackgroundColor: color,\n\t\t\t\t\tdata: Array(uniqueLabels.length).fill(0),\n\t\t\t\t\t...barConfig,\n\t\t\t\t};\n\t\t\t\tnewData.data[labelIndex] = item.value;\n\t\t\t\tdata.datasets.push(newData);\n\t\t\t});\n\t\t\t_legendMap.push(barLegend);\n\t\t});\n\t\tsetLegendMap(_legendMap);\n\t\tsetMapData(data);\n\t}, [props.data]);\n\n\tconst renderLegendFunnel = useCallback(() => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tgap: '10px',\n\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{getFunnelLegend().map((_item) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div className=\"legend__row\" key={_item.label.replace(' ', '_')}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"legend__palette\"\n\t\t\t\t\t\t\t\tstyle={{ backgroundColor: _item.color }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t{_item.label}\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})}\n\t\t\t</div>\n\t\t);\n\t}, [legendMap]);\n\n\tconst getFunnelLegend = () => {\n\t\tconst barLegend: { color: string; label: string }[] = [];\n\t\tlegendMap.forEach((stack, stackIndex) => {\n\t\t\tbarLegend.push({\n\t\t\t\tcolor: stack[0].color,\n\t\t\t\tlabel: uniqueLabels[stackIndex],\n\t\t\t});\n\t\t});\n\t\treturn barLegend;\n\t};\n\n\tif (!mapData) {\n\t\treturn <></>;\n\t}\n\n\tconst renderLegend = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{legendMap.map((_category, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div className=\"legend__set\" key={`Legend_set_${index}`}>\n\t\t\t\t\t\t\t{_category.map((_item) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName=\"legend__row\"\n\t\t\t\t\t\t\t\t\t\tkey={_item.label.replace(' ', '_')}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"legend__palette\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ backgroundColor: _item.color }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t{_item.label}\n\t\t\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper\n\t\t\tstyle={props.wrapperStyle ?? {}}\n\t\t\tpadding={props.outerPadding}\n\t\t\tchartWrapperHeight={props.chartWrapperHeight}\n\t\t\tisFunnel={props.isFunnel}\n\t\t>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div style={{ marginBottom: 24 }}>\n\t\t\t\t\t<TitleRegular\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</TitleRegular>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"graph__wrapper\">\n\t\t\t\t{(props.showLegend ?? true) && props.isFunnel && renderLegendFunnel()}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\twidth: props.graphCanvasWidth ?? '100%',\n\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Bar options={options} data={mapData} />\n\t\t\t\t</div>\n\t\t\t\t{(props.showLegend ?? true) && !props.isFunnel && renderLegend()}\n\t\t\t</div>\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","Legend","ChartDataLabels","capitalizeFirstLetter","strings","string","StackedBarDistributionChart","props","legendMap","setLegendMap","useState","mapData","setMapData","noDataPresent","entry","dummyValues","COLOR_MATRIX","noDataAxisConfig","dataAxisConfig","barConfig","options","_","context","datasetIndex","datasets","dataIndex","sum","i","truncateValueForInternationalStore","truncateValueForIndianStore","COLORS","GRAPH_ORIENTATION","FONTS","value","index","e","activeEls","yAxisLabel","xAxisLabel","uniqueLabels","item","data","getColorForLabel","labelIndex","stackIndex","stackLength","useEffect","_legendMap","label","barLegend","datasetsForLabel","a","b","color","newData","renderLegendFunnel","useCallback","jsxDEV","getFunnelLegend","_item","this","BodyTiny","stack","Fragment","renderLegend","_category","GraphContainerWrapper","TitleRegular","Bar"],"mappings":"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"}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),o=require("chart.js"),O=require("react-chartjs-2"),N=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),L=require("../LineChart/LineChart.styled.js"),l=require("../utils/calcPercentage.js"),s=require("./VerticalBarAndLinearGraph.styles.js"),f=require("./VerticalBarAndLinearGraphModel.js");o.Chart.register(o.CategoryScale,o.LinearScale,o.BarElement,o.Tooltip);const w=e=>{const A=[0,0,0,0,0,0],C=["-","-","-","-","-","-"],h=e.barAxis.data.findIndex(a=>a!==0)===-1,y=e.lineAxis.data.findIndex(a=>a!==0)===-1,g=e.lineAxis2?e.lineAxis2.data.findIndex(a=>a!==0)===-1:!0,S={min:0,max:2e3,stepSize:200},D=[{legend:e.barAxis.title,color:e.barAxis.graphColor},{legend:e.lineAxis.title,color:e.lineAxis.graphColor},...e.lineAxis2?[{legend:e.lineAxis2.title,color:e.lineAxis2.graphColor}]:[]],d={responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:a=>{const i=a.raw,t=a.dataset;let b="";t.yAxisID==="bar"?b=e.barAxis.axisSuffix||"":t.yAxisID==="line"?b=e.lineAxis.axisSuffix||"":t.yAxisID==="line2"&&(b=e.lineAxis2?.axisSuffix||"");let V=i;return e.orientation===f.GRAPH_ORIENTATION.HORIZONTAL&&(e.isInternationalStore?V=l.truncateValueForInternationalStore(i):V=l.truncateValueForIndianStore(i)),`${V}${b}`}}}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:r.FONTS.caption.fontSize}},grid:{display:!1,borderColor:r.COLORS.background.base},ticks:{fontSize:r.FONTS.caption.fontSize,color:e.xAxis.labelColor??r.COLORS.content.secondary,callback:e.xAxis?.axisSuffix?a=>`${a}${e.xAxis.axisSuffix}`:void 0}},bar:{position:"left",title:{display:!!e.barAxis.title,text:e.barAxis.title,color:e.barAxis.titleColor,font:{size:r.FONTS.caption.fontSize}},grid:{borderColor:"white",color:r.COLORS.background.base},max:e?.barAxis?.max,ticks:{fontSize:r.FONTS.caption.fontSize,color:e.barAxis.labelColor??r.COLORS.content.secondary,...h?S:{},callback:e.orientation===f.GRAPH_ORIENTATION.HORIZONTAL?a=>{let i;e.isInternationalStore?i=l.truncateValueForInternationalStore(a):i=l.truncateValueForIndianStore(a);const t=e.barAxis?.axisSuffix||"";return`${i}${t}`}:e.barAxis?.axisSuffix?a=>`${a}${e.barAxis.axisSuffix}`:void 0}},line:{position:"right",title:{display:!!e.lineAxis.title,text:e.lineAxis.title,color:e.lineAxis.titleColor,font:{size:r.FONTS.caption.fontSize}},max:e?.lineAxis?.max,grid:{display:!1,borderColor:"white",color:r.COLORS.background.base},ticks:{fontSize:r.FONTS.caption.fontSize,color:e.lineAxis.labelColor??r.COLORS.content.secondary,...y?S:{},callback:e.orientation===f.GRAPH_ORIENTATION.HORIZONTAL?a=>{let i;e.isInternationalStore?i=l.truncateValueForInternationalStore(a):i=l.truncateValueForIndianStore(a);const t=e.lineAxis?.axisSuffix||"";return`${i}${t}`}:e.lineAxis?.axisSuffix?a=>`${a}${e.lineAxis.axisSuffix}`:void 0},display:!0}},maintainAspectRatio:!1};!e.orientation||e.orientation===f.GRAPH_ORIENTATION.VERTICAL?delete d.scales.x.ticks.callback:(delete d.scales.bar.ticks.callback,delete d.scales.line.ticks.callback);let c;e.xAxis.forceShowXAxis?c=e.xAxis.data.map(a=>a.toString()):h&&y&&g?c=C:c=e.xAxis.data.map(a=>a.toString());let x;e.noDummyValues?x=e.lineAxis.data:y?x=A:x=e.lineAxis.data;let u;e.lineAxis2&&(e.noDummyValues?u=e.lineAxis2.data:g?u=A:u=e.lineAxis2.data);let m;e.noDummyValues?m=e.barAxis.data:h?m=A:m=e.barAxis.data;const G={labels:c,datasets:[{yAxisID:"line",type:"line",data:x,borderColor:e.lineAxis.graphColor||"rgba(0,0,0,0)",backgroundColor:e.lineAxis.graphColor,borderWidth:2,fill:!1,pointRadius:e.pointRadius||1},...e.lineAxis2?[{yAxisID:"line",type:"line",data:u,borderColor:e.lineAxis2.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:e.pointRadius||1,backgroundColor:e.lineAxis2.graphColor}]:[],{yAxisID:"bar",type:"bar",data:m,backgroundColor:e.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]},B=()=>n.jsxDEV(s.LegendsWrapper,{children:D.map(({legend:a,color:i},t)=>a?n.jsxDEV(s.LegendMiddleWrapper,{children:[n.jsxDEV(s.LegendColorBox,{color:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:322,columnNumber:8},void 0),n.jsxDEV(N.BodyTiny,{color:r.COLORS.content.secondary,children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:323,columnNumber:8},void 0)]},t,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:321,columnNumber:7},void 0):null)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:318,columnNumber:4},void 0);return n.jsxDEV(s.GraphWrapper,{children:[e.customLegend?B():n.jsxDEV(L.LegendWrapper,{position:"center",children:D.map(({legend:a,color:i},t)=>a?n.jsxDEV(L.LegendContainer,{children:[n.jsxDEV(L.LegendColor,{color:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:340,columnNumber:9},void 0),n.jsxDEV(N.SmallRegular,{color:"#667085",children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:341,columnNumber:9},void 0)]},t,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:339,columnNumber:8},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:344,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:336,columnNumber:5},void 0),n.jsxDEV(s.GraphContainerWrapper,{children:[e.chartHeading&&n.jsxDEV("div",{style:{marginBottom:24},children:n.jsxDEV(N.TitleRegular,{color:e.chartHeading.color??r.COLORS.content.secondary,children:e.chartHeading.heading},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:352,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:351,columnNumber:6},void 0),n.jsxDEV("div",{style:{height:e.graphCanvasHeight??500},children:n.jsxDEV(O.Chart,{type:"bar",data:G,options:d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:364,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:359,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:349,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:332,columnNumber:3},void 0)};exports.VerticalBarAndLinearGraph=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),o=require("chart.js"),O=require("react-chartjs-2"),N=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),L=require("../LineChart/LineChart.styled.js"),l=require("../utils/calcPercentage.js"),s=require("./VerticalBarAndLinearGraph.styles.js"),b=require("./VerticalBarAndLinearGraphModel.js");o.Chart.register(o.CategoryScale,o.LinearScale,o.BarElement,o.Tooltip);const j=e=>{const f=[0,0,0,0,0,0],C=["-","-","-","-","-","-"],A=e.barAxis.data.findIndex(a=>a!==0)===-1,y=e.lineAxis.data.findIndex(a=>a!==0)===-1,g=e.lineAxis2?e.lineAxis2.data.findIndex(a=>a!==0)===-1:!0,S={min:0,max:2e3,stepSize:200},k=[{legend:e.barAxis.title,color:e.barAxis.graphColor},{legend:e.lineAxis.title,color:e.lineAxis.graphColor},...e.lineAxis2?[{legend:e.lineAxis2.title,color:e.lineAxis2.graphColor}]:[]],c={responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:a=>{const n=a.raw,t=a.dataset;let m="";t.yAxisID==="bar"?m=e.barAxis.axisSuffix||"":t.yAxisID==="line"?m=e.lineAxis.axisSuffix||"":t.yAxisID==="line2"&&(m=e.lineAxis2?.axisSuffix||"");let V=n;return e.orientation===b.GRAPH_ORIENTATION.HORIZONTAL&&(e.isInternationalStore?V=l.truncateValueForInternationalStore(n):V=l.truncateValueForIndianStore(n)),`${V}${m}`}}}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:r.FONTS.caption.fontSize}},grid:{display:!1,borderColor:r.COLORS.background.base},ticks:{fontSize:r.FONTS.caption.fontSize,color:e.xAxis.labelColor??r.COLORS.content.secondary,callback:e.xAxis?.axisSuffix?a=>`${a}${e.xAxis.axisSuffix}`:void 0}},bar:{position:"left",title:{display:!!e.barAxis.title,text:e.barAxis.title,color:e.barAxis.titleColor,font:{size:r.FONTS.caption.fontSize}},grid:{borderColor:"white",color:r.COLORS.background.base},max:e?.barAxis?.max,ticks:{fontSize:r.FONTS.caption.fontSize,color:e.barAxis.labelColor??r.COLORS.content.secondary,...A?S:{},callback:e.orientation===b.GRAPH_ORIENTATION.HORIZONTAL?a=>{let n;e.isInternationalStore?n=l.truncateValueForInternationalStore(a):n=l.truncateValueForIndianStore(a);const t=e.barAxis?.axisSuffix||"";return`${n}${t}`}:e.barAxis?.axisSuffix?a=>`${a}${e.barAxis.axisSuffix}`:void 0}},line:{position:"right",title:{display:!!e.lineAxis.title,text:e.lineAxis.title,color:e.lineAxis.titleColor,font:{size:r.FONTS.caption.fontSize}},max:e?.lineAxis?.max,grid:{display:!1,borderColor:"white",color:r.COLORS.background.base},ticks:{fontSize:r.FONTS.caption.fontSize,color:e.lineAxis.labelColor??r.COLORS.content.secondary,...y?S:{},callback:e.orientation===b.GRAPH_ORIENTATION.HORIZONTAL?a=>{let n;e.isInternationalStore?n=l.truncateValueForInternationalStore(a):n=l.truncateValueForIndianStore(a);const t=e.lineAxis?.axisSuffix||"";return`${n}${t}`}:e.lineAxis?.axisSuffix?a=>`${a}${e.lineAxis.axisSuffix}`:void 0},display:!0}},maintainAspectRatio:!1};!e.orientation||e.orientation===b.GRAPH_ORIENTATION.VERTICAL?delete c.scales.x.ticks.callback:(delete c.scales.bar.ticks.callback,delete c.scales.line.ticks.callback);let d;e.xAxis.forceShowXAxis?d=e.xAxis.data.map(a=>a.toString()):A&&y&&g?d=C:d=e.xAxis.data.map(a=>a.toString());let u;e.noDummyValues?u=e.lineAxis.data:y?u=f:u=e.lineAxis.data;let x;e.lineAxis2&&(e.noDummyValues?x=e.lineAxis2.data:g?x=f:x=e.lineAxis2.data);let h;e.noDummyValues?h=e.barAxis.data:A?h=f:h=e.barAxis.data;const G={labels:d,datasets:[{yAxisID:"line",type:"line",data:u,borderColor:e.lineAxis.graphColor||"rgba(0,0,0,0)",backgroundColor:e.lineAxis.graphColor,borderWidth:2,fill:!1,pointRadius:e.pointRadius||1},...e.lineAxis2?[{yAxisID:"line",type:"line",data:x,borderColor:e.lineAxis2.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:e.pointRadius||1,backgroundColor:e.lineAxis2.graphColor}]:[],{yAxisID:"bar",type:"bar",data:h,backgroundColor:e.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]},B=()=>i.jsxDEV(s.LegendsWrapper,{children:k.map(({legend:a,color:n},t)=>a?i.jsxDEV(s.LegendMiddleWrapper,{children:[i.jsxDEV(s.LegendColorBox,{color:n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:322,columnNumber:8},void 0),i.jsxDEV(N.BodyTiny,{color:r.COLORS.content.secondary,children:a},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:323,columnNumber:8},void 0)]},t,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:321,columnNumber:7},void 0):null)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:318,columnNumber:4},void 0);return i.jsxDEV(s.GraphWrapper,{children:[e.customLegend?B():i.jsxDEV(L.LegendWrapper,{position:"center",children:k.map(({legend:a,color:n},t)=>a?i.jsxDEV(L.LegendContainer,{children:[i.jsxDEV(L.LegendColor,{color:n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:340,columnNumber:9},void 0),i.jsxDEV(N.SmallRegular,{color:"#667085",children:a},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:341,columnNumber:9},void 0)]},t,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:339,columnNumber:8},void 0):i.jsxDEV(i.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:344,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:336,columnNumber:5},void 0),i.jsxDEV(s.GraphContainerWrapper,{children:[e.chartHeading&&i.jsxDEV("div",{style:{marginBottom:24},children:i.jsxDEV(N.TitleRegular,{color:e.chartHeading.color??r.COLORS.content.secondary,children:e.chartHeading.heading},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:352,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:351,columnNumber:6},void 0),i.jsxDEV("div",{style:{height:e.graphCanvasHeight??500},children:i.jsxDEV(O.Chart,{type:"bar",data:G,options:c},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:364,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:359,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:349,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",lineNumber:332,columnNumber:3},void 0)};exports.VerticalBarAndLinearGraph=j;
 //# sourceMappingURL=VerticalBarAndLinearGraph.js.map