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

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

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

Files changed (1557) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PieChartAnalytics.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport 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 {\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","register","ArcElement","Legend","options","currencyProps","plugins","legend","display","tooltip","enabled","callbacks","label","tooltipItem","total","dataset","data","reduce","acc","cur","percentage","parseFloat","raw","toFixed","symbol","_a","isIntl","isInternationalStore","undefined","truncateValueForInternationalStore","truncateValueForIndianStore","GRAPH_COLORS","CartStyled","_styled","process","env","NODE_ENV","target","props","COLORS","surface","standard","stroke","primary","PieChartAnalytics","_ref","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","count","updatedSlicesWithColor","Object","keys","map","key","index","assign","color","length","datasets","backgroundColor","borderWidth","labels","dataSet","StringUtils","capitalizeEachWord","name","borderColor","borderRadius","truncatedSlices","otherCount","push","truncatedDataSet","capitalize","convertToBarChartData","xAxisTitle","yAxisTitle","xAxis","item","yAxis","barColorRGBA","r","g","b","a","_jsxs","_Fragment","children","jsxs","style","justifyContent","_jsx","TitleMedium","marginBottom","jsx","IconButton","Icon","BarChartIcon","onClick","MaximizeIcon","className","alignItems","width","height","Doughnut","maintainAspectRatio","paddingLeft","flexDirection","PieChart","StyledModal","open","onClose","closeOnOutsideClick","headingTitle","padding","marginLeft","overflowY","Suspense","fallback","VerticalGraph","PieChartComponent"],"mappings":"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"}
1	+ {"version":3,"file":"PieChartAnalytics.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport 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 {\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","register","ArcElement","Legend","options","currencyProps","plugins","legend","display","tooltip","enabled","callbacks","label","tooltipItem","total","dataset","data","reduce","acc","cur","percentage","parseFloat","raw","toFixed","symbol","_a","isIntl","isInternationalStore","undefined","truncateValueForInternationalStore","truncateValueForIndianStore","GRAPH_COLORS","CartStyled","_styled","process","env","NODE_ENV","target","props","COLORS","surface","standard","stroke","primary","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","count","updatedSlicesWithColor","Object","keys","map","key","index","assign","color","length","datasets","backgroundColor","borderWidth","labels","dataSet","StringUtils","capitalizeEachWord","name","borderColor","borderRadius","truncatedSlices","otherCount","push","truncatedDataSet","capitalize","convertToBarChartData","xAxisTitle","yAxisTitle","xAxis","item","yAxis","barColorRGBA","r","g","b","a","_jsxs","_Fragment","children","jsxs","style","justifyContent","_jsx","TitleMedium","marginBottom","jsx","IconButton","Icon","BarChartIcon","onClick","MaximizeIcon","className","alignItems","width","height","Doughnut","maintainAspectRatio","paddingLeft","flexDirection","PieChart","StyledModal","open","onClose","closeOnOutsideClick","headingTitle","padding","marginLeft","overflowY","Suspense","fallback","VerticalGraph","PieChartComponent"],"mappings":"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"}

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

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

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

	@@ -1 +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","register","CategoryScale","LinearScale","BarElement","Tooltip","Legend","ChartDataLabels","props","headerIcons","legendsAndIconDirection","showPopup","setShowPopup","useState","dummyValues","noDataPresent","yAxis","data","length","colorScaleBrand","colourScalePastel","colourScale","customBarColors","customColourScaleBrand","customColourScalePastel","colorSchema","COLOR_SCHEMA","PASTEL","hoverColourScale","customHoverColour","barConfig","useMemo","Object","assign","barPercentage","categoryPercentage","pointStyle","barWidth","borderRadius","undefined","borderSkipped","_a","addBarGap","flag","borderWidth","top","_b","value","bottom","_c","right","left","borderColor","dataSetMap","map","ele","obj","name","push","yAxisStackedData","keys","key","ind","label","backgroundColor","hoverBackgroundColor","reorderedYAxisData","renderInHeightWiseManner","dataset","datasetIndex","order","reduce","sum","val","sort","a","b","labels","xAxis","originalData","truncateBars","truncated","limit","truncatedData","truncatedLabels","originalLabels","d","slice","othersData","acc","curr","forEach","i","options","plugins","legend","display","customLegend","usePointStyle","fontSize","tooltip","enabled","callbacks","tooltipConfig","labelCallback","title","titleCallback","footer","footerCallback","footerFont","_d","footerStyles","_e","datalabels","_f","showTotal","anchor","align","clamp","formatter","_","context","datasets","chart","dataIndex","toString","substring","color","COLORS","content","secondary","layout","padding","orientation","GRAPH_ORIENTATION","HORIZONTAL","responsive","maintainAspectRatio","indexAxis","scales","x","_g","_h","text","_j","_k","_l","titleColor","_m","_o","font","size","FONTS","caption","grid","_p","showGridLines","_q","background","base","ticks","_r","labelColor","callback","formattedValue","isInternationalStore","truncateValueForInternationalStore","truncateValueForIndianStore","axisSuffix","_s","stacked","_t","_u","_v","_w","y","_x","equalHeight","suggestedMin","max","suggestedMax","_z","_0","_1","_2","_3","_4","_5","_6","_7","stepSize","_8","_9","_10","min","ticksCallback","_11","_12","_13","_14","_15","onClick","e","activeEls","onBarClick","index","yAxisLabel","xAxisLabel","onHover","native","target","style","cursor","chartDatasets","VERTICAL","originalChartDatasets","originalChartData","renderLegend","justification","isPopup","arguments","allowChartPopup","_jsx","overflowY","flexDirection","gap","justifyContent","flexWrap","children","_item","_jsxs","alignItems","marginTop","jsx","width","height","BodyTiny","replace","GraphContainerWrapper","_16","wrapperStyle","outerPadding","chartHeading","jsxs","marginBottom","hideHeading","TitleRegular","_17","heading","IconButton","Icon","MaximizeIcon","HeaderIconWrapper","icon","className","_18","graphCanvasHeight","_19","graphCanvasWidth","Bar","StyledModal","open","onClose","closeOnOutsideClick","headingTitle","_20"],"mappings":"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"}
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","register","CategoryScale","LinearScale","BarElement","Tooltip","Legend","ChartDataLabels","props","headerIcons","legendsAndIconDirection","showPopup","setShowPopup","useState","dummyValues","noDataPresent","yAxis","data","length","colorScaleBrand","colourScalePastel","colourScale","customBarColors","customColourScaleBrand","customColourScalePastel","colorSchema","COLOR_SCHEMA","PASTEL","hoverColourScale","customHoverColour","barConfig","useMemo","Object","assign","barPercentage","categoryPercentage","pointStyle","barWidth","borderRadius","undefined","borderSkipped","_a","addBarGap","flag","borderWidth","top","_b","value","bottom","_c","right","left","borderColor","dataSetMap","map","ele","obj","name","push","yAxisStackedData","keys","key","ind","label","backgroundColor","hoverBackgroundColor","reorderedYAxisData","renderInHeightWiseManner","dataset","datasetIndex","order","reduce","sum","val","sort","a","b","labels","xAxis","originalData","truncateBars","truncated","limit","truncatedData","truncatedLabels","originalLabels","d","slice","othersData","acc","curr","forEach","i","options","plugins","legend","display","customLegend","usePointStyle","fontSize","tooltip","enabled","callbacks","tooltipConfig","labelCallback","title","titleCallback","footer","footerCallback","footerFont","_d","footerStyles","_e","datalabels","_f","showTotal","anchor","align","clamp","formatter","_","context","datasets","chart","dataIndex","toString","substring","color","COLORS","content","secondary","layout","padding","orientation","GRAPH_ORIENTATION","HORIZONTAL","responsive","maintainAspectRatio","indexAxis","scales","x","_g","_h","text","_j","_k","_l","titleColor","_m","_o","font","size","FONTS","caption","grid","_p","showGridLines","_q","background","base","ticks","_r","labelColor","callback","formattedValue","isInternationalStore","truncateValueForInternationalStore","truncateValueForIndianStore","axisSuffix","_s","stacked","_t","_u","_v","_w","y","_x","equalHeight","suggestedMin","max","suggestedMax","_z","_0","_1","_2","_3","_4","_5","_6","_7","stepSize","_8","_9","_10","min","ticksCallback","_11","_12","_13","_14","_15","onClick","e","activeEls","onBarClick","index","yAxisLabel","xAxisLabel","onHover","native","target","style","cursor","chartDatasets","VERTICAL","originalChartDatasets","originalChartData","renderLegend","isPopup","justification","allowChartPopup","_jsx","overflowY","flexDirection","gap","justifyContent","flexWrap","children","_item","_jsxs","alignItems","marginTop","jsx","width","height","BodyTiny","replace","GraphContainerWrapper","_16","wrapperStyle","outerPadding","chartHeading","jsxs","marginBottom","hideHeading","TitleRegular","_17","heading","IconButton","Icon","MaximizeIcon","HeaderIconWrapper","icon","className","_18","graphCanvasHeight","_19","graphCanvasWidth","Bar","StyledModal","open","onClose","closeOnOutsideClick","headingTitle","_20"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),e=require("chart.js"),a=require("react-chartjs-2"),r=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),l=require("../LineChart/LineChart.styled.js"),o=require("../utils/calcPercentage.js"),n=require("./VerticalBarAndLinearGraph.styles.js"),s=require("./VerticalBarAndLinearGraphModel.js");e.Chart.register(e.CategoryScale,e.LinearScale,e.BarElement,e.Tooltip);exports.VerticalBarAndLinearGraph=e=>{var d,x,c,u,A,b,g,p,S,O;const h=[0,0,0,0,0,0],f=["-","-","-","-","-","-"],C=-1===e.barAxis.data.findIndex((i=>0!==i)),y=-1===e.lineAxis.data.findIndex((i=>0!==i)),v=!e.lineAxis2||-1===e.lineAxis2.data.findIndex((i=>0!==i)),j={min:0,max:2e3,stepSize:200},I=[{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}]:[]],R={responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:i=>{var a;const r=i.raw,t=i.dataset;let l="";"bar"===t.yAxisID?l=e.barAxis.axisSuffix||"":"line"===t.yAxisID?l=e.lineAxis.axisSuffix||"":"line2"===t.yAxisID&&(l=(null===(a=e.lineAxis2)||void 0===a?void 0:a.axisSuffix)||"");let n=r;return e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL&&(n=e.isInternationalStore?o.truncateValueForInternationalStore(r):o.truncateValueForIndianStore(r)),`${n}${l}`}}}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:t.FONTS.caption.fontSize}},grid:{display:!1,borderColor:t.COLORS.background.base},ticks:{fontSize:t.FONTS.caption.fontSize,color:null!==(d=e.xAxis.labelColor)&&void 0!==d?d:t.COLORS.content.secondary,callback:(null===(x=e.xAxis)||void 0===x?void 0:x.axisSuffix)?i=>`${i}${e.xAxis.axisSuffix}`:void 0}},bar:{position:"left",title:{display:!!e.barAxis.title,text:e.barAxis.title,color:e.barAxis.titleColor,font:{size:t.FONTS.caption.fontSize}},grid:{borderColor:"white",color:t.COLORS.background.base},max:null===(c=null==e?void 0:e.barAxis)||void 0===c?void 0:c.max,ticks:Object.assign(Object.assign({fontSize:t.FONTS.caption.fontSize,color:null!==(u=e.barAxis.labelColor)&&void 0!==u?u:t.COLORS.content.secondary},C?j:{}),{callback:e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?i=>{var a;let r;r=e.isInternationalStore?o.truncateValueForInternationalStore(i):o.truncateValueForIndianStore(i);return`${r}${(null===(a=e.barAxis)||void 0===a?void 0:a.axisSuffix)||""}`}:(null===(A=e.barAxis)||void 0===A?void 0:A.axisSuffix)?i=>`${i}${e.barAxis.axisSuffix}`:void 0})},line:{position:"right",title:{display:!!e.lineAxis.title,text:e.lineAxis.title,color:e.lineAxis.titleColor,font:{size:t.FONTS.caption.fontSize}},max:null===(b=null==e?void 0:e.lineAxis)||void 0===b?void 0:b.max,grid:{display:!1,borderColor:"white",color:t.COLORS.background.base},ticks:Object.assign(Object.assign({fontSize:t.FONTS.caption.fontSize,color:null!==(g=e.lineAxis.labelColor)&&void 0!==g?g:t.COLORS.content.secondary},y?j:{}),{callback:e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?i=>{var a;let r;r=e.isInternationalStore?o.truncateValueForInternationalStore(i):o.truncateValueForIndianStore(i);return`${r}${(null===(a=e.lineAxis)||void 0===a?void 0:a.axisSuffix)||""}`}:(null===(p=e.lineAxis)||void 0===p?void 0:p.axisSuffix)?i=>`${i}${e.lineAxis.axisSuffix}`:void 0}),display:!0}},maintainAspectRatio:!1};let m,L,T,k;e.orientation&&e.orientation!==s.GRAPH_ORIENTATION.VERTICAL?(delete R.scales.bar.ticks.callback,delete R.scales.line.ticks.callback):delete R.scales.x.ticks.callback,m=e.xAxis.forceShowXAxis?e.xAxis.data.map((i=>i.toString())):C&&y&&v?f:e.xAxis.data.map((i=>i.toString())),L=e.noDummyValues?e.lineAxis.data:y?h:e.lineAxis.data,e.lineAxis2&&(T=e.noDummyValues?e.lineAxis2.data:v?h:e.lineAxis2.data),k=e.noDummyValues?e.barAxis.data:C?h:e.barAxis.data;const N={labels:m,datasets:[{yAxisID:"line",type:"line",data:L,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:T,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:k,backgroundColor:e.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i.jsxs(n.GraphWrapper,{children:[e.customLegend?i.jsx(n.LegendsWrapper,{children:I.map(((e,a)=>{let{legend:l,color:o}=e;return l?i.jsxs(n.LegendMiddleWrapper,{children:[i.jsx(n.LegendColorBox,{color:o}),i.jsx(r.BodyTiny,Object.assign({color:t.COLORS.content.secondary},{children:l}))]},a):null}))}):i.jsx(l.LegendWrapper,Object.assign({position:"center"},{children:I.map(((e,a)=>{let{legend:t,color:o}=e;return t?i.jsxs(l.LegendContainer,{children:[i.jsx(l.LegendColor,{color:o}),i.jsx(r.SmallRegular,Object.assign({color:"#667085"},{children:t}))]},a):i.jsx(i.Fragment,{})}))})),i.jsxs(n.GraphContainerWrapper,{children:[e.chartHeading&&i.jsx("div",Object.assign({style:{marginBottom:24}},{children:i.jsx(r.TitleRegular,Object.assign({color:null!==(S=e.chartHeading.color)&&void 0!==S?S:t.COLORS.content.secondary},{children:e.chartHeading.heading}))})),i.jsx("div",Object.assign({style:{height:null!==(O=e.graphCanvasHeight)&&void 0!==O?O:500}},{children:i.jsx(a.Chart,{type:"bar",data:N,options:R})}))]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),e=require("chart.js"),a=require("react-chartjs-2"),r=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),l=require("../LineChart/LineChart.styled.js"),o=require("../utils/calcPercentage.js"),n=require("./VerticalBarAndLinearGraph.styles.js"),s=require("./VerticalBarAndLinearGraphModel.js");e.Chart.register(e.CategoryScale,e.LinearScale,e.BarElement,e.Tooltip);exports.VerticalBarAndLinearGraph=e=>{var d,x,c,u,A,b,g,p,S,O;const h=[0,0,0,0,0,0],f=["-","-","-","-","-","-"],C=-1===e.barAxis.data.findIndex((i=>0!==i)),y=-1===e.lineAxis.data.findIndex((i=>0!==i)),v=!e.lineAxis2||-1===e.lineAxis2.data.findIndex((i=>0!==i)),j={min:0,max:2e3,stepSize:200},I=[{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}]:[]],R={responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:i=>{var a;const r=i.raw,t=i.dataset;let l="";"bar"===t.yAxisID?l=e.barAxis.axisSuffix||"":"line"===t.yAxisID?l=e.lineAxis.axisSuffix||"":"line2"===t.yAxisID&&(l=(null===(a=e.lineAxis2)||void 0===a?void 0:a.axisSuffix)||"");let n=r;return e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL&&(n=e.isInternationalStore?o.truncateValueForInternationalStore(r):o.truncateValueForIndianStore(r)),`${n}${l}`}}}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:t.FONTS.caption.fontSize}},grid:{display:!1,borderColor:t.COLORS.background.base},ticks:{fontSize:t.FONTS.caption.fontSize,color:null!==(d=e.xAxis.labelColor)&&void 0!==d?d:t.COLORS.content.secondary,callback:(null===(x=e.xAxis)||void 0===x?void 0:x.axisSuffix)?i=>`${i}${e.xAxis.axisSuffix}`:void 0}},bar:{position:"left",title:{display:!!e.barAxis.title,text:e.barAxis.title,color:e.barAxis.titleColor,font:{size:t.FONTS.caption.fontSize}},grid:{borderColor:"white",color:t.COLORS.background.base},max:null===(c=null==e?void 0:e.barAxis)||void 0===c?void 0:c.max,ticks:Object.assign(Object.assign({fontSize:t.FONTS.caption.fontSize,color:null!==(u=e.barAxis.labelColor)&&void 0!==u?u:t.COLORS.content.secondary},C?j:{}),{callback:e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?i=>{var a;let r;r=e.isInternationalStore?o.truncateValueForInternationalStore(i):o.truncateValueForIndianStore(i);return`${r}${(null===(a=e.barAxis)||void 0===a?void 0:a.axisSuffix)||""}`}:(null===(A=e.barAxis)||void 0===A?void 0:A.axisSuffix)?i=>`${i}${e.barAxis.axisSuffix}`:void 0})},line:{position:"right",title:{display:!!e.lineAxis.title,text:e.lineAxis.title,color:e.lineAxis.titleColor,font:{size:t.FONTS.caption.fontSize}},max:null===(b=null==e?void 0:e.lineAxis)||void 0===b?void 0:b.max,grid:{display:!1,borderColor:"white",color:t.COLORS.background.base},ticks:Object.assign(Object.assign({fontSize:t.FONTS.caption.fontSize,color:null!==(g=e.lineAxis.labelColor)&&void 0!==g?g:t.COLORS.content.secondary},y?j:{}),{callback:e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?i=>{var a;let r;r=e.isInternationalStore?o.truncateValueForInternationalStore(i):o.truncateValueForIndianStore(i);return`${r}${(null===(a=e.lineAxis)||void 0===a?void 0:a.axisSuffix)||""}`}:(null===(p=e.lineAxis)||void 0===p?void 0:p.axisSuffix)?i=>`${i}${e.lineAxis.axisSuffix}`:void 0}),display:!0}},maintainAspectRatio:!1};let m,L,T,k;e.orientation&&e.orientation!==s.GRAPH_ORIENTATION.VERTICAL?(delete R.scales.bar.ticks.callback,delete R.scales.line.ticks.callback):delete R.scales.x.ticks.callback,m=e.xAxis.forceShowXAxis?e.xAxis.data.map((i=>i.toString())):C&&y&&v?f:e.xAxis.data.map((i=>i.toString())),L=e.noDummyValues?e.lineAxis.data:y?h:e.lineAxis.data,e.lineAxis2&&(T=e.noDummyValues?e.lineAxis2.data:v?h:e.lineAxis2.data),k=e.noDummyValues?e.barAxis.data:C?h:e.barAxis.data;const N={labels:m,datasets:[{yAxisID:"line",type:"line",data:L,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:T,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:k,backgroundColor:e.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i.jsxs(n.GraphWrapper,{children:[e.customLegend?i.jsx(n.LegendsWrapper,{children:I.map((({legend:e,color:a},l)=>e?i.jsxs(n.LegendMiddleWrapper,{children:[i.jsx(n.LegendColorBox,{color:a}),i.jsx(r.BodyTiny,Object.assign({color:t.COLORS.content.secondary},{children:e}))]},l):null))}):i.jsx(l.LegendWrapper,Object.assign({position:"center"},{children:I.map((({legend:e,color:a},t)=>e?i.jsxs(l.LegendContainer,{children:[i.jsx(l.LegendColor,{color:a}),i.jsx(r.SmallRegular,Object.assign({color:"#667085"},{children:e}))]},t):i.jsx(i.Fragment,{})))})),i.jsxs(n.GraphContainerWrapper,{children:[e.chartHeading&&i.jsx("div",Object.assign({style:{marginBottom:24}},{children:i.jsx(r.TitleRegular,Object.assign({color:null!==(S=e.chartHeading.color)&&void 0!==S?S:t.COLORS.content.secondary},{children:e.chartHeading.heading}))})),i.jsx("div",Object.assign({style:{height:null!==(O=e.graphCanvasHeight)&&void 0!==O?O:500}},{children:i.jsx(a.Chart,{type:"bar",data:N,options:R})}))]})]})};
 //# sourceMappingURL=VerticalBarAndLinearGraph.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalBarAndLinearGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport React from 'react';\nimport { Chart } from 'react-chartjs-2';\nimport {\n\tBodyTiny,\n\tSmallRegular,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport {\n\tLegendColor,\n\tLegendContainer,\n\tLegendWrapper,\n} from '../LineChart/LineChart.styled';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport {\n\tGraphContainerWrapper,\n\tGraphWrapper,\n\tLegendColorBox,\n\tLegendMiddleWrapper,\n\tLegendsWrapper,\n} from './VerticalBarAndLinearGraph.styles';\nimport {\n\tGRAPH_ORIENTATION,\n\tVerticalBarAndLinearGraphI,\n} from './VerticalBarAndLinearGraphModel';\n\nChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip);\n\nexport const VerticalBarAndLinearGraph: React.FC<VerticalBarAndLinearGraphI> = (\n\tprops,\n) => {\n\tconst dummyValues = [0, 0, 0, 0, 0, 0];\n\tconst dummyLabels = ['-', '-', '-', '-', '-', '-'];\n\n\t// Check if any non-zero data exists for each axis\n\tconst noDataPresentForY1 =\n\t\tprops.barAxis.data.findIndex((ele) => ele !== 0) === -1;\n\n\tconst noDataPresentForY2 =\n\t\tprops.lineAxis.data.findIndex((ele) => ele !== 0) === -1;\n\n\tconst noDataPresentForY3 = props.lineAxis2\n\t\t? props.lineAxis2.data.findIndex((ele) => ele !== 0) === -1\n\t\t: true;\n\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\n\t// Build legends array with bar and line axis data\n\tconst legends = [\n\t\t{ legend: props.barAxis.title, color: props.barAxis.graphColor },\n\t\t{ legend: props.lineAxis.title, color: props.lineAxis.graphColor },\n\t\t...(props.lineAxis2\n\t\t\t? [{ legend: props.lineAxis2.title, color: props.lineAxis2.graphColor }]\n\t\t\t: []),\n\t];\n\n\tconst options = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: (ctx) => {\n\t\t\t\t\t\tconst rawValue = ctx.raw;\n\t\t\t\t\t\tconst dataset = ctx.dataset;\n\n\t\t\t\t\t\t// Determine which axis suffix to apply based on yAxisID\n\t\t\t\t\t\tlet suffix = '';\n\t\t\t\t\t\tif (dataset.yAxisID === 'bar') {\n\t\t\t\t\t\t\tsuffix = props.barAxis.axisSuffix \|\| '';\n\t\t\t\t\t\t} else if (dataset.yAxisID === 'line') {\n\t\t\t\t\t\t\tsuffix = props.lineAxis.axisSuffix \|\| '';\n\t\t\t\t\t\t} else if (dataset.yAxisID === 'line2') {\n\t\t\t\t\t\t\tsuffix = props.lineAxis2?.axisSuffix \|\| '';\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Format value based on orientation\n\t\t\t\t\t\tlet formattedValue = rawValue;\n\t\t\t\t\t\tif (props.orientation === GRAPH_ORIENTATION.HORIZONTAL) {\n\t\t\t\t\t\t\tif (props.isInternationalStore) {\n\t\t\t\t\t\t\t\tformattedValue = truncateValueForInternationalStore(rawValue);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tformattedValue = truncateValueForIndianStore(rawValue);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn `${formattedValue}${suffix}`;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t// Add suffix to x-axis tick labels if provided\n\t\t\t\t\tcallback: props.xAxis?.axisSuffix\n\t\t\t\t\t\t? (value) => `${value}${props.xAxis.axisSuffix}`\n\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t},\n\t\t\tbar: {\n\t\t\t\tposition: 'left' as any,\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.barAxis.title,\n\t\t\t\t\ttext: props.barAxis.title,\n\t\t\t\t\tcolor: props.barAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tmax: props?.barAxis?.max,\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.barAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t// Apply no-data config if no data exists\n\t\t\t\t\t...(noDataPresentForY1 ? yAxisConfigForNoData : {}),\n\t\t\t\t\t// Format bar axis 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 orientation, truncate values 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(\n\t\t\t\t\t\t\t\t\t\t\tvalue as number,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForIndianStore(\n\t\t\t\t\t\t\t\t\t\t\tvalue as number,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst suffix = props.barAxis?.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.barAxis?.axisSuffix\n\t\t\t\t\t\t\t? (value) => `${value}${props.barAxis.axisSuffix}`\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t},\n\t\t\tline: {\n\t\t\t\tposition: 'right' as any,\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.lineAxis.title,\n\t\t\t\t\ttext: props.lineAxis.title,\n\t\t\t\t\tcolor: props.lineAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tmax: props?.lineAxis?.max,\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.lineAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t// Apply no-data config if no data exists\n\t\t\t\t\t...(noDataPresentForY2 ? yAxisConfigForNoData : {}),\n\t\t\t\t\t// Format line axis 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 orientation, truncate values 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(\n\t\t\t\t\t\t\t\t\t\t\tvalue as number,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForIndianStore(\n\t\t\t\t\t\t\t\t\t\t\tvalue as number,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst suffix = props.lineAxis?.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.lineAxis?.axisSuffix\n\t\t\t\t\t\t\t? (value) => `${value}${props.lineAxis.axisSuffix}`\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t\tdisplay: true,\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\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.bar.ticks['callback'];\n\t\tdelete options.scales.line.ticks['callback'];\n\t}\n\n\t// Determine which labels to show on x-axis\n\tlet xAxisLabels;\n\tif (props.xAxis.forceShowXAxis) {\n\t\txAxisLabels = props.xAxis.data.map((d) => d.toString());\n\t} else {\n\t\t// Show dummy labels if all axes have no data\n\t\tif (noDataPresentForY1 && noDataPresentForY2 && noDataPresentForY3) {\n\t\t\txAxisLabels = dummyLabels;\n\t\t} else {\n\t\t\txAxisLabels = props.xAxis.data.map((d) => d.toString());\n\t\t}\n\t}\n\n\t// Determine data for first line dataset\n\tlet lineAxisData;\n\tif (props.noDummyValues) {\n\t\tlineAxisData = props.lineAxis.data;\n\t} else {\n\t\tif (noDataPresentForY2) {\n\t\t\tlineAxisData = dummyValues;\n\t\t} else {\n\t\t\tlineAxisData = props.lineAxis.data;\n\t\t}\n\t}\n\n\t// Determine data for second line dataset (if exists)\n\tlet lineAxis2Data;\n\tif (props.lineAxis2) {\n\t\tif (props.noDummyValues) {\n\t\t\tlineAxis2Data = props.lineAxis2.data;\n\t\t} else {\n\t\t\tif (noDataPresentForY3) {\n\t\t\t\tlineAxis2Data = dummyValues;\n\t\t\t} else {\n\t\t\t\tlineAxis2Data = props.lineAxis2.data;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Determine data for bar dataset\n\tlet barAxisData;\n\tif (props.noDummyValues) {\n\t\tbarAxisData = props.barAxis.data;\n\t} else {\n\t\tif (noDataPresentForY1) {\n\t\t\tbarAxisData = dummyValues;\n\t\t} else {\n\t\t\tbarAxisData = props.barAxis.data;\n\t\t}\n\t}\n\n\tconst data = {\n\t\tlabels: xAxisLabels,\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tyAxisID: 'line',\n\t\t\t\ttype: 'line' as const,\n\t\t\t\tdata: lineAxisData,\n\t\t\t\tborderColor: props.lineAxis.graphColor \|\| 'rgba(0,0,0,0)',\n\t\t\t\tbackgroundColor: props.lineAxis.graphColor,\n\t\t\t\tborderWidth: 2,\n\t\t\t\tfill: false,\n\t\t\t\tpointRadius: props.pointRadius \|\| 1,\n\t\t\t},\n\t\t\t...(props.lineAxis2\n\t\t\t\t? [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tyAxisID: 'line' as const,\n\t\t\t\t\t\t\ttype: 'line' as const,\n\t\t\t\t\t\t\tdata: lineAxis2Data,\n\t\t\t\t\t\t\tborderColor: props.lineAxis2.graphColor \|\| 'rgba(0,0,0,0)',\n\t\t\t\t\t\t\tborderWidth: 2,\n\t\t\t\t\t\t\tfill: false,\n\t\t\t\t\t\t\tpointRadius: props.pointRadius \|\| 1,\n\t\t\t\t\t\t\tbackgroundColor: props.lineAxis2.graphColor,\n\t\t\t\t\t\t},\n\t\t\t\t ]\n\t\t\t\t: []),\n\t\t\t{\n\t\t\t\tyAxisID: 'bar',\n\t\t\t\ttype: 'bar' as const,\n\t\t\t\tdata: barAxisData,\n\t\t\t\tbackgroundColor: props.barAxis.graphColor \|\| 'rgba(0,0,0,0)',\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\n\tconst renderLegend = () => {\n\t\treturn (\n\t\t\t<LegendsWrapper>\n\t\t\t\t{legends.map(({ legend, color }, i) =>\n\t\t\t\t\tlegend ? (\n\t\t\t\t\t\t<LegendMiddleWrapper key={i}>\n\t\t\t\t\t\t\t<LegendColorBox color={color!} />\n\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.secondary}>{legend}</BodyTiny>\n\t\t\t\t\t\t</LegendMiddleWrapper>\n\t\t\t\t\t) : null,\n\t\t\t\t)}\n\t\t\t</LegendsWrapper>\n\t\t);\n\t};\n\n\treturn (\n\t\t<GraphWrapper>\n\t\t\t{props.customLegend ? (\n\t\t\t\trenderLegend()\n\t\t\t) : (\n\t\t\t\t<LegendWrapper position={'center'}>\n\t\t\t\t\t{legends.map(({ legend, color }, i) =>\n\t\t\t\t\t\tlegend ? (\n\t\t\t\t\t\t\t<LegendContainer key={i}>\n\t\t\t\t\t\t\t\t<LegendColor color={color!} />\n\t\t\t\t\t\t\t\t<SmallRegular color={'#667085'}>{legend}</SmallRegular>\n\t\t\t\t\t\t\t</LegendContainer>\n\t\t\t\t\t\t) : (\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</LegendWrapper>\n\t\t\t)}\n\t\t\t<GraphContainerWrapper>\n\t\t\t\t{props.chartHeading && (\n\t\t\t\t\t<div style={{ marginBottom: 24 }}>\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</div>\n\t\t\t\t)}\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}}\n\t\t\t\t>\n\t\t\t\t\t<Chart type=\"bar\" data={data} options={options} />\n\t\t\t\t</div>\n\t\t\t</GraphContainerWrapper>\n\t\t</GraphWrapper>\n\t);\n};\n"],"names":["ChartJS","Chart","register","CategoryScale","LinearScale","BarElement","Tooltip","props","dummyValues","dummyLabels","noDataPresentForY1","barAxis","data","findIndex","ele","noDataPresentForY2","lineAxis","noDataPresentForY3","lineAxis2","yAxisConfigForNoData","min","max","stepSize","legends","legend","title","color","graphColor","options","responsive","plugins","display","tooltip","callbacks","label","ctx","rawValue","raw","dataset","suffix","yAxisID","axisSuffix","_a","formattedValue","orientation","GRAPH_ORIENTATION","HORIZONTAL","isInternationalStore","truncateValueForInternationalStore","truncateValueForIndianStore","scales","x","xAxis","text","titleColor","font","size","FONTS","caption","fontSize","grid","borderColor","COLORS","background","base","ticks","labelColor","content","secondary","callback","_b","value","undefined","bar","position","_c","Object","assign","_d","_e","line","_f","_g","_h","maintainAspectRatio","xAxisLabels","lineAxisData","lineAxis2Data","barAxisData","VERTICAL","forceShowXAxis","map","d","toString","noDummyValues","labels","datasets","type","backgroundColor","borderWidth","fill","pointRadius","barPercentage","categoryPercentage","borderRadius","_jsxs","GraphWrapper","children","customLegend","_jsx","LegendsWrapper","_ref","i","jsxs","LegendMiddleWrapper","jsx","LegendColorBox","BodyTiny","LegendWrapper","_ref2","LegendContainer","LegendColor","SmallRegular","_Fragment","Fragment","GraphContainerWrapper","chartHeading","style","marginBottom","TitleRegular","_j","heading","height","_k","graphCanvasHeight"],"mappings":"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"}
1	+ {"version":3,"file":"VerticalBarAndLinearGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport React from 'react';\nimport { Chart } from 'react-chartjs-2';\nimport {\n\tBodyTiny,\n\tSmallRegular,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport {\n\tLegendColor,\n\tLegendContainer,\n\tLegendWrapper,\n} from '../LineChart/LineChart.styled';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport {\n\tGraphContainerWrapper,\n\tGraphWrapper,\n\tLegendColorBox,\n\tLegendMiddleWrapper,\n\tLegendsWrapper,\n} from './VerticalBarAndLinearGraph.styles';\nimport {\n\tGRAPH_ORIENTATION,\n\tVerticalBarAndLinearGraphI,\n} from './VerticalBarAndLinearGraphModel';\n\nChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip);\n\nexport const VerticalBarAndLinearGraph: React.FC<VerticalBarAndLinearGraphI> = (\n\tprops,\n) => {\n\tconst dummyValues = [0, 0, 0, 0, 0, 0];\n\tconst dummyLabels = ['-', '-', '-', '-', '-', '-'];\n\n\t// Check if any non-zero data exists for each axis\n\tconst noDataPresentForY1 =\n\t\tprops.barAxis.data.findIndex((ele) => ele !== 0) === -1;\n\n\tconst noDataPresentForY2 =\n\t\tprops.lineAxis.data.findIndex((ele) => ele !== 0) === -1;\n\n\tconst noDataPresentForY3 = props.lineAxis2\n\t\t? props.lineAxis2.data.findIndex((ele) => ele !== 0) === -1\n\t\t: true;\n\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\n\t// Build legends array with bar and line axis data\n\tconst legends = [\n\t\t{ legend: props.barAxis.title, color: props.barAxis.graphColor },\n\t\t{ legend: props.lineAxis.title, color: props.lineAxis.graphColor },\n\t\t...(props.lineAxis2\n\t\t\t? [{ legend: props.lineAxis2.title, color: props.lineAxis2.graphColor }]\n\t\t\t: []),\n\t];\n\n\tconst options = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: (ctx) => {\n\t\t\t\t\t\tconst rawValue = ctx.raw;\n\t\t\t\t\t\tconst dataset = ctx.dataset;\n\n\t\t\t\t\t\t// Determine which axis suffix to apply based on yAxisID\n\t\t\t\t\t\tlet suffix = '';\n\t\t\t\t\t\tif (dataset.yAxisID === 'bar') {\n\t\t\t\t\t\t\tsuffix = props.barAxis.axisSuffix \|\| '';\n\t\t\t\t\t\t} else if (dataset.yAxisID === 'line') {\n\t\t\t\t\t\t\tsuffix = props.lineAxis.axisSuffix \|\| '';\n\t\t\t\t\t\t} else if (dataset.yAxisID === 'line2') {\n\t\t\t\t\t\t\tsuffix = props.lineAxis2?.axisSuffix \|\| '';\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Format value based on orientation\n\t\t\t\t\t\tlet formattedValue = rawValue;\n\t\t\t\t\t\tif (props.orientation === GRAPH_ORIENTATION.HORIZONTAL) {\n\t\t\t\t\t\t\tif (props.isInternationalStore) {\n\t\t\t\t\t\t\t\tformattedValue = truncateValueForInternationalStore(rawValue);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tformattedValue = truncateValueForIndianStore(rawValue);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn `${formattedValue}${suffix}`;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t// Add suffix to x-axis tick labels if provided\n\t\t\t\t\tcallback: props.xAxis?.axisSuffix\n\t\t\t\t\t\t? (value) => `${value}${props.xAxis.axisSuffix}`\n\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t},\n\t\t\tbar: {\n\t\t\t\tposition: 'left' as any,\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.barAxis.title,\n\t\t\t\t\ttext: props.barAxis.title,\n\t\t\t\t\tcolor: props.barAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tmax: props?.barAxis?.max,\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.barAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t// Apply no-data config if no data exists\n\t\t\t\t\t...(noDataPresentForY1 ? yAxisConfigForNoData : {}),\n\t\t\t\t\t// Format bar axis 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 orientation, truncate values 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(\n\t\t\t\t\t\t\t\t\t\t\tvalue as number,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForIndianStore(\n\t\t\t\t\t\t\t\t\t\t\tvalue as number,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst suffix = props.barAxis?.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.barAxis?.axisSuffix\n\t\t\t\t\t\t\t? (value) => `${value}${props.barAxis.axisSuffix}`\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t},\n\t\t\tline: {\n\t\t\t\tposition: 'right' as any,\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.lineAxis.title,\n\t\t\t\t\ttext: props.lineAxis.title,\n\t\t\t\t\tcolor: props.lineAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tmax: props?.lineAxis?.max,\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.lineAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t// Apply no-data config if no data exists\n\t\t\t\t\t...(noDataPresentForY2 ? yAxisConfigForNoData : {}),\n\t\t\t\t\t// Format line axis 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 orientation, truncate values 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(\n\t\t\t\t\t\t\t\t\t\t\tvalue as number,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tformattedValue = truncateValueForIndianStore(\n\t\t\t\t\t\t\t\t\t\t\tvalue as number,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst suffix = props.lineAxis?.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.lineAxis?.axisSuffix\n\t\t\t\t\t\t\t? (value) => `${value}${props.lineAxis.axisSuffix}`\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t\tdisplay: true,\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\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.bar.ticks['callback'];\n\t\tdelete options.scales.line.ticks['callback'];\n\t}\n\n\t// Determine which labels to show on x-axis\n\tlet xAxisLabels;\n\tif (props.xAxis.forceShowXAxis) {\n\t\txAxisLabels = props.xAxis.data.map((d) => d.toString());\n\t} else {\n\t\t// Show dummy labels if all axes have no data\n\t\tif (noDataPresentForY1 && noDataPresentForY2 && noDataPresentForY3) {\n\t\t\txAxisLabels = dummyLabels;\n\t\t} else {\n\t\t\txAxisLabels = props.xAxis.data.map((d) => d.toString());\n\t\t}\n\t}\n\n\t// Determine data for first line dataset\n\tlet lineAxisData;\n\tif (props.noDummyValues) {\n\t\tlineAxisData = props.lineAxis.data;\n\t} else {\n\t\tif (noDataPresentForY2) {\n\t\t\tlineAxisData = dummyValues;\n\t\t} else {\n\t\t\tlineAxisData = props.lineAxis.data;\n\t\t}\n\t}\n\n\t// Determine data for second line dataset (if exists)\n\tlet lineAxis2Data;\n\tif (props.lineAxis2) {\n\t\tif (props.noDummyValues) {\n\t\t\tlineAxis2Data = props.lineAxis2.data;\n\t\t} else {\n\t\t\tif (noDataPresentForY3) {\n\t\t\t\tlineAxis2Data = dummyValues;\n\t\t\t} else {\n\t\t\t\tlineAxis2Data = props.lineAxis2.data;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Determine data for bar dataset\n\tlet barAxisData;\n\tif (props.noDummyValues) {\n\t\tbarAxisData = props.barAxis.data;\n\t} else {\n\t\tif (noDataPresentForY1) {\n\t\t\tbarAxisData = dummyValues;\n\t\t} else {\n\t\t\tbarAxisData = props.barAxis.data;\n\t\t}\n\t}\n\n\tconst data = {\n\t\tlabels: xAxisLabels,\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tyAxisID: 'line',\n\t\t\t\ttype: 'line' as const,\n\t\t\t\tdata: lineAxisData,\n\t\t\t\tborderColor: props.lineAxis.graphColor \|\| 'rgba(0,0,0,0)',\n\t\t\t\tbackgroundColor: props.lineAxis.graphColor,\n\t\t\t\tborderWidth: 2,\n\t\t\t\tfill: false,\n\t\t\t\tpointRadius: props.pointRadius \|\| 1,\n\t\t\t},\n\t\t\t...(props.lineAxis2\n\t\t\t\t? [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tyAxisID: 'line' as const,\n\t\t\t\t\t\t\ttype: 'line' as const,\n\t\t\t\t\t\t\tdata: lineAxis2Data,\n\t\t\t\t\t\t\tborderColor: props.lineAxis2.graphColor \|\| 'rgba(0,0,0,0)',\n\t\t\t\t\t\t\tborderWidth: 2,\n\t\t\t\t\t\t\tfill: false,\n\t\t\t\t\t\t\tpointRadius: props.pointRadius \|\| 1,\n\t\t\t\t\t\t\tbackgroundColor: props.lineAxis2.graphColor,\n\t\t\t\t\t\t},\n\t\t\t\t ]\n\t\t\t\t: []),\n\t\t\t{\n\t\t\t\tyAxisID: 'bar',\n\t\t\t\ttype: 'bar' as const,\n\t\t\t\tdata: barAxisData,\n\t\t\t\tbackgroundColor: props.barAxis.graphColor \|\| 'rgba(0,0,0,0)',\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\n\tconst renderLegend = () => {\n\t\treturn (\n\t\t\t<LegendsWrapper>\n\t\t\t\t{legends.map(({ legend, color }, i) =>\n\t\t\t\t\tlegend ? (\n\t\t\t\t\t\t<LegendMiddleWrapper key={i}>\n\t\t\t\t\t\t\t<LegendColorBox color={color!} />\n\t\t\t\t\t\t\t<BodyTiny color={COLORS.content.secondary}>{legend}</BodyTiny>\n\t\t\t\t\t\t</LegendMiddleWrapper>\n\t\t\t\t\t) : null,\n\t\t\t\t)}\n\t\t\t</LegendsWrapper>\n\t\t);\n\t};\n\n\treturn (\n\t\t<GraphWrapper>\n\t\t\t{props.customLegend ? (\n\t\t\t\trenderLegend()\n\t\t\t) : (\n\t\t\t\t<LegendWrapper position={'center'}>\n\t\t\t\t\t{legends.map(({ legend, color }, i) =>\n\t\t\t\t\t\tlegend ? (\n\t\t\t\t\t\t\t<LegendContainer key={i}>\n\t\t\t\t\t\t\t\t<LegendColor color={color!} />\n\t\t\t\t\t\t\t\t<SmallRegular color={'#667085'}>{legend}</SmallRegular>\n\t\t\t\t\t\t\t</LegendContainer>\n\t\t\t\t\t\t) : (\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</LegendWrapper>\n\t\t\t)}\n\t\t\t<GraphContainerWrapper>\n\t\t\t\t{props.chartHeading && (\n\t\t\t\t\t<div style={{ marginBottom: 24 }}>\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</div>\n\t\t\t\t)}\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}}\n\t\t\t\t>\n\t\t\t\t\t<Chart type=\"bar\" data={data} options={options} />\n\t\t\t\t</div>\n\t\t\t</GraphContainerWrapper>\n\t\t</GraphWrapper>\n\t);\n};\n"],"names":["ChartJS","Chart","register","CategoryScale","LinearScale","BarElement","Tooltip","props","dummyValues","dummyLabels","noDataPresentForY1","barAxis","data","findIndex","ele","noDataPresentForY2","lineAxis","noDataPresentForY3","lineAxis2","yAxisConfigForNoData","min","max","stepSize","legends","legend","title","color","graphColor","options","responsive","plugins","display","tooltip","callbacks","label","ctx","rawValue","raw","dataset","suffix","yAxisID","axisSuffix","_a","formattedValue","orientation","GRAPH_ORIENTATION","HORIZONTAL","isInternationalStore","truncateValueForInternationalStore","truncateValueForIndianStore","scales","x","xAxis","text","titleColor","font","size","FONTS","caption","fontSize","grid","borderColor","COLORS","background","base","ticks","labelColor","content","secondary","callback","_b","value","undefined","bar","position","_c","Object","assign","_d","_e","line","_f","_g","_h","maintainAspectRatio","xAxisLabels","lineAxisData","lineAxis2Data","barAxisData","VERTICAL","forceShowXAxis","map","d","toString","noDummyValues","labels","datasets","type","backgroundColor","borderWidth","fill","pointRadius","barPercentage","categoryPercentage","borderRadius","_jsxs","GraphWrapper","children","customLegend","_jsx","LegendsWrapper","i","jsxs","LegendMiddleWrapper","jsx","LegendColorBox","BodyTiny","LegendWrapper","LegendContainer","LegendColor","SmallRegular","_Fragment","Fragment","GraphContainerWrapper","chartHeading","style","marginBottom","TitleRegular","_j","heading","height","_k","graphCanvasHeight"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("chart.js"),t=require("react-chartjs-2"),a=require("../../../TypographyStyle.js"),l=require("../LineChart/LineChart.styled.js");r.Chart.register(r.CategoryScale,r.LinearScale,r.BarElement,r.Tooltip);const s=["#DEEFFF","#FEDEF3","#FEC6C6","#DBAFFF","#FEDEBC"];exports.FunnelVerticalBarGraph=r=>{let{data:n=[],maintainAspectRatio:i=!1,canvasHeight:o=300,barColors:c=s,titleToolTipCallback:d}=r;0===n.length&&(n=[{label:"",current:0,previousLabel:""}]);const p=n.map((e=>e.label)),g=n.map((e=>e.current||0)),u=n.map((e=>e.previous?Math.max((e.previous||0)-e.current,0):0)),h=n.map((e=>e.previousLabel||"")),b=c,x=n.map((e=>({text:e.label,color:b[n.indexOf(e)]}))),m=[{label:"Current Value",data:g,backgroundColor:b.slice(0,n.length),borderColor:"white",borderWidth:1,stack:"combined"},{label:"Previous Value",data:u.map((e=>e||0)),backgroundColor:b.slice(0,n.length).map((e=>((e,r)=>{let t=0,a=0,l=0;return 4===e.length?(t=parseInt(e[1]+e[1],16),a=parseInt(e[2]+e[2],16),l=parseInt(e[3]+e[3],16)):7===e.length&&(t=parseInt(e[1]+e[2],16),a=parseInt(e[3]+e[4],16),l=parseInt(e[5]+e[6],16)),`rgba(${t}, ${a}, ${l}, ${r})`})(e,.3))),borderColor:"white",borderWidth:1,stack:"combined"}],j={labels:p,datasets:m},y={maintainAspectRatio:i,responsive:!0,scales:{x:{stacked:!0,grid:{display:!1},ticks:{display:n.length>0}},y:{stacked:!0,barPercentage:.6,categoryPercentage:.7,ticks:{display:n.length>0},grid:{drawBorder:n.length>0}}},plugins:{legend:{display:!1},tooltip:{callbacks:{title:d||(e=>{const r=e[0].datasetIndex,t=e[0].dataIndex;if(1===r){return`${h[t]} but not ${p[t]}`}return e[0].label}),label:e=>` ${e.raw}`}}}};return e.jsxs("div",Object.assign({style:{height:i?void 0:o,display:"flex",flexDirection:"column",gap:5,width:"100%"}},{children:[e.jsx(l.LegendWrapper,{children:x.map(((r,t)=>{let{text:s,color:n}=r;return s?e.jsxs(l.LegendContainer,{children:[e.jsx(l.LegendColor,{color:n,newStyle:!0}),e.jsx(a.SmallRegular,Object.assign({color:"#667085"},{children:s}))]},t):e.jsx(e.Fragment,{})}))}),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(t.Bar,{data:j,options:y})}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("chart.js"),a=require("react-chartjs-2"),t=require("../../../TypographyStyle.js"),l=require("../LineChart/LineChart.styled.js");r.Chart.register(r.CategoryScale,r.LinearScale,r.BarElement,r.Tooltip);const s=["#DEEFFF","#FEDEF3","#FEC6C6","#DBAFFF","#FEDEBC"];exports.FunnelVerticalBarGraph=({data:r=[],maintainAspectRatio:n=!1,canvasHeight:i=300,barColors:o=s,titleToolTipCallback:c})=>{0===r.length&&(r=[{label:"",current:0,previousLabel:""}]);const d=r.map((e=>e.label)),p=r.map((e=>e.current||0)),g=r.map((e=>e.previous?Math.max((e.previous||0)-e.current,0):0)),u=r.map((e=>e.previousLabel||"")),h=o,b=r.map((e=>({text:e.label,color:h[r.indexOf(e)]}))),x=[{label:"Current Value",data:p,backgroundColor:h.slice(0,r.length),borderColor:"white",borderWidth:1,stack:"combined"},{label:"Previous Value",data:g.map((e=>e||0)),backgroundColor:h.slice(0,r.length).map((e=>((e,r)=>{let a=0,t=0,l=0;return 4===e.length?(a=parseInt(e[1]+e[1],16),t=parseInt(e[2]+e[2],16),l=parseInt(e[3]+e[3],16)):7===e.length&&(a=parseInt(e[1]+e[2],16),t=parseInt(e[3]+e[4],16),l=parseInt(e[5]+e[6],16)),`rgba(${a}, ${t}, ${l}, ${r})`})(e,.3))),borderColor:"white",borderWidth:1,stack:"combined"}],m={labels:d,datasets:x},j={maintainAspectRatio:n,responsive:!0,scales:{x:{stacked:!0,grid:{display:!1},ticks:{display:r.length>0}},y:{stacked:!0,barPercentage:.6,categoryPercentage:.7,ticks:{display:r.length>0},grid:{drawBorder:r.length>0}}},plugins:{legend:{display:!1},tooltip:{callbacks:{title:c||(e=>{const r=e[0].datasetIndex,a=e[0].dataIndex;if(1===r){return`${u[a]} but not ${d[a]}`}return e[0].label}),label:e=>` ${e.raw}`}}}};return e.jsxs("div",Object.assign({style:{height:n?void 0:i,display:"flex",flexDirection:"column",gap:5,width:"100%"}},{children:[e.jsx(l.LegendWrapper,{children:b.map((({text:r,color:a},s)=>r?e.jsxs(l.LegendContainer,{children:[e.jsx(l.LegendColor,{color:a,newStyle:!0}),e.jsx(t.SmallRegular,Object.assign({color:"#667085"},{children:r}))]},s):e.jsx(e.Fragment,{})))}),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(a.Bar,{data:m,options:j})}))]}))};
 //# sourceMappingURL=FunnelVerticalBarGraph.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FunnelVerticalBarGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport React from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { SmallRegular } from '@src/components/TypographyStyle';\nimport {\n\tLegendColor,\n\tLegendContainer,\n\tLegendWrapper,\n} from '../LineChart/LineChart.styled';\n\nChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip);\n\nconst STATIC_COLORS = ['#DEEFFF', '#FEDEF3', '#FEC6C6', '#DBAFFF', '#FEDEBC'];\n\nexport interface FunnelBarChartI {\n\tdata?: {\n\t\tlabel: string;\n\t\tcurrent: number;\n\t\tprevious?: number;\n\t\tpreviousLabel?: string;\n\t}[];\n\tmaintainAspectRatio?: boolean;\n\tcanvasHeight?: number;\n\tbarColors?: string[];\n\ttitleToolTipCallback?: (tooltipItems: any) => string;\n}\nconst hexToRGBA = (hex: string \| any[], opacity: number) => {\n\tlet r = 0,\n\t\tg = 0,\n\t\tb = 0;\n\tif (hex.length === 4) {\n\t\tr = parseInt(hex[1] + hex[1], 16);\n\t\tg = parseInt(hex[2] + hex[2], 16);\n\t\tb = parseInt(hex[3] + hex[3], 16);\n\t} else if (hex.length === 7) {\n\t\tr = parseInt(hex[1] + hex[2], 16);\n\t\tg = parseInt(hex[3] + hex[4], 16);\n\t\tb = parseInt(hex[5] + hex[6], 16);\n\t}\n\treturn `rgba(${r}, ${g}, ${b}, ${opacity})`;\n};\n\nexport const FunnelVerticalBarGraph: React.FC<FunnelBarChartI> = ({\n\tdata = [],\n\tmaintainAspectRatio = false,\n\tcanvasHeight = 300,\n\tbarColors = STATIC_COLORS,\n\ttitleToolTipCallback,\n}) => {\n\tif (data.length === 0) {\n\t\tdata = [\n\t\t\t{\n\t\t\t\tlabel: '',\n\t\t\t\tcurrent: 0,\n\t\t\t\tpreviousLabel: '',\n\t\t\t},\n\t\t];\n\t}\n\n\tconst labels = data.map((item) => item.label);\n\tconst currentValues = data.map((item) => item.current \|\| 0);\n\tconst previousValues = data.map((item) =>\n\t\titem.previous ? Math.max((item.previous \|\| 0) - item.current, 0) : 0,\n\t);\n\tconst previousLabels = data.map((item) => item.previousLabel \|\| '');\n\tconst colors = barColors;\n\n\tconst legends = data.map((item) => ({\n\t\ttext: item.label,\n\t\tcolor: colors[data.indexOf(item)],\n\t}));\n\n\tconst datasets = [\n\t\t{\n\t\t\tlabel: 'Current Value',\n\t\t\tdata: currentValues,\n\t\t\tbackgroundColor: colors.slice(0, data.length),\n\t\t\tborderColor: 'white',\n\t\t\tborderWidth: 1,\n\t\t\tstack: 'combined',\n\t\t},\n\t\t{\n\t\t\tlabel: 'Previous Value',\n\t\t\tdata: previousValues.map((val) => val \|\| 0),\n\t\t\tbackgroundColor: colors\n\t\t\t\t.slice(0, data.length)\n\t\t\t\t.map((color) => hexToRGBA(color, 0.3)),\n\t\t\tborderColor: 'white',\n\t\t\tborderWidth: 1,\n\t\t\tstack: 'combined',\n\t\t},\n\t];\n\n\tconst defaultTooltipTitleCallback = (tooltipItems) => {\n\t\tconst datasetIndex = tooltipItems[0].datasetIndex;\n\t\tconst dataIndex = tooltipItems[0].dataIndex;\n\t\tif (datasetIndex === 1) {\n\t\t\tconst prevLabel = previousLabels[dataIndex];\n\t\t\tconst label = labels[dataIndex];\n\t\t\treturn `${prevLabel} but not ${label}`;\n\t\t}\n\t\treturn tooltipItems[0].label;\n\t};\n\tconst chartData = {\n\t\tlabels: labels,\n\t\tdatasets: datasets,\n\t};\n\n\tconst options = {\n\t\tmaintainAspectRatio,\n\t\tresponsive: true,\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\tstacked: true,\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tdisplay: data.length > 0,\n\t\t\t\t},\n\t\t\t},\n\t\t\ty: {\n\t\t\t\tstacked: true,\n\t\t\t\tbarPercentage: 0.6,\n\t\t\t\tcategoryPercentage: 0.7,\n\t\t\t\tticks: {\n\t\t\t\t\tdisplay: data.length > 0,\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdrawBorder: data.length > 0,\n\t\t\t\t},\n\t\t\t},\n\t\t},\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\tcallbacks: {\n\t\t\t\t\ttitle: titleToolTipCallback \|\| defaultTooltipTitleCallback,\n\t\t\t\t\tlabel: (tooltipItem) => {\n\t\t\t\t\t\tconst value = tooltipItem.raw;\n\t\t\t\t\t\treturn ` ${value}`;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\theight: !maintainAspectRatio ? canvasHeight : undefined,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tgap: 5,\n\t\t\t\twidth: '100%',\n\t\t\t}}\n\t\t>\n\t\t\t<LegendWrapper>\n\t\t\t\t{legends.map(({ text, color }, i) =>\n\t\t\t\t\ttext ? (\n\t\t\t\t\t\t<LegendContainer key={i}>\n\t\t\t\t\t\t\t<LegendColor color={color} newStyle={true} />\n\t\t\t\t\t\t\t<SmallRegular color={'#667085'}>{text}</SmallRegular>\n\t\t\t\t\t\t</LegendContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t),\n\t\t\t\t)}\n\t\t\t</LegendWrapper>\n\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t<Bar data={chartData} options={options} />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["ChartJS","Chart","register","CategoryScale","LinearScale","BarElement","Tooltip","STATIC_COLORS","~~_ref~~","data","maintainAspectRatio","canvasHeight","barColors","titleToolTipCallback","length","label","current","previousLabel","labels","map","item","currentValues","previousValues","previous","Math","max","previousLabels","colors","legends","text","color","indexOf","datasets","backgroundColor","slice","borderColor","borderWidth","stack","val","hexToRGBA","hex","opacity","r","g","b","parseInt","chartData","options","responsive","scales","x","stacked","grid","display","ticks","y","barPercentage","categoryPercentage","drawBorder","plugins","legend","tooltip","callbacks","title","tooltipItems","datasetIndex","dataIndex","tooltipItem","raw","_jsxs","Object","assign","style","height","undefined","flexDirection","gap","width","children","_jsx","LegendWrapper","~~_ref2","~~i","jsxs","LegendContainer","jsx","LegendColor","newStyle","SmallRegular","_Fragment","Fragment","flex","Bar"],"mappings":"iPAgBAA,EAAOC,MAACC,SAASC,EAAaA,cAAEC,EAAWA,YAAEC,EAAUA,WAAEC,EAAOA,SAEhE,MAAMC,EAAgB,CAAC,UAAW,UAAW,UAAW,UAAW,0CA8BFC,~~IAM5D~~,~~IAN6DC~~,~~KACjEA~~,~~EAAO~~,~~GAAEC~~,~~oBACTA~~,~~GAAsB~~,~~EAAKC~~,~~aAC3BA~~,~~EAAe~~,~~IAAGC~~,~~UAClBA,EAAYL,EAAaM,qBACzBA,GACAL,EACoB,IAAhBC,~~EAAKK,SACRL,EAAO,CACN,CACCM,MAAO,GACPC,QAAS,EACTC,cAAe,MAKlB,MAAMC,EAAST,EAAKU,KAAKC,GAASA,EAAKL,QACjCM,EAAgBZ,EAAKU,KAAKC,GAASA,EAAKJ,SAAW,IACnDM,EAAiBb,EAAKU,KAAKC,GAChCA,EAAKG,SAAWC,KAAKC,KAAKL,EAAKG,UAAY,GAAKH,EAAKJ,QAAS,GAAK,IAE9DU,EAAiBjB,EAAKU,KAAKC,GAASA,EAAKH,eAAiB,KAC1DU,EAASf,EAETgB,EAAUnB,EAAKU,KAAKC,IAAU,CACnCS,KAAMT,EAAKL,MACXe,MAAOH,EAAOlB,EAAKsB,QAAQX,QAGtBY,EAAW,CAChB,CACCjB,MAAO,gBACPN,KAAMY,EACNY,gBAAiBN,EAAOO,MAAM,EAAGzB,EAAKK,QACtCqB,YAAa,QACbC,YAAa,EACbC,MAAO,YAER,CACCtB,MAAO,iBACPN,KAAMa,EAAeH,KAAKmB,GAAQA,GAAO,IACzCL,gBAAiBN,EACfO,MAAM,EAAGzB,EAAKK,QACdK,KAAKW,GA5DQS,EAACC,EAAqBC,KACvC,IAAIC,EAAI,EACPC,EAAI,EACJC,EAAI,EAUL,OATmB,IAAfJ,EAAI1B,QACP4B,EAAIG,SAASL,EAAI,GAAKA,EAAI,GAAI,IAC9BG,EAAIE,SAASL,EAAI,GAAKA,EAAI,GAAI,IAC9BI,EAAIC,SAASL,EAAI,GAAKA,EAAI,GAAI,KACL,IAAfA,EAAI1B,SACd4B,EAAIG,SAASL,EAAI,GAAKA,EAAI,GAAI,IAC9BG,EAAIE,SAASL,EAAI,GAAKA,EAAI,GAAI,IAC9BI,EAAIC,SAASL,EAAI,GAAKA,EAAI,GAAI,KAExB,QAAQE,MAAMC,MAAMC,MAAMH,IAAU,EA+CxBF,CAAUT,EAAO,MAClCK,YAAa,QACbC,YAAa,EACbC,MAAO,aAcHS,EAAY,CACjB5B,OAAQA,EACRc,SAAUA,GAGLe,EAAU,CACfrC,sBACAsC,YAAY,EACZC,OAAQ,CACPC,EAAG,CACFC,SAAS,EACTC,KAAM,CACLC,SAAS,GAEVC,MAAO,CACND,QAAS5C,EAAKK,OAAS,IAGzByC,EAAG,CACFJ,SAAS,EACTK,cAAe,GACfC,mBAAoB,GACpBH,MAAO,CACND,QAAS5C,EAAKK,OAAS,GAExBsC,KAAM,CACLM,WAAYjD,EAAKK,OAAS,KAI7B6C,QAAS,CACRC,OAAQ,CACPP,SAAS,GAEVQ,QAAS,CACRC,UAAW,CACVC,MAAOlD,GA9C0BmD,KACpC,MAAMC,EAAeD,EAAa,GAAGC,aAC/BC,EAAYF,EAAa,GAAGE,UAClC,GAAqB,IAAjBD,EAAoB,CAGvB,~~MAAU~~,~~GAFQvC~~,EAAewC,cACnBhD,EAAOgD,IAErB,CACD,OAAOF,EAAa,GAAGjD,KAAK,GAuCzBA,MAAQoD,GAEA,IADOA,EAAYC,UAQ/B,OACCC,OACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,OAAS/D,OAAqCgE,EAAf/D,EAC/B0C,QAAS,OACTsB,cAAe,SACfC,IAAK,EACLC,MAAO,SACP,CAAAC,SAAA,CAEDC,MAACC,gBAAa,CAAAF,SACZlD,EAAQT,KAAI,~~CAAA8D~~,~~EAAkBC~~,~~KAAC~~,~~IAAlBrD~~,~~KAAEA,EAAIC,MAAEA,GAAOmD,EAAA,OAC5BpD,~~EACCwC,~~EAAAc~~,KAACC,kBACA,~~CAAAN~~,SAAA,CAAAC,~~EAAAM~~,IAACC,cAAY,~~CAAAxD~~,MAAOA,~~EAAOyD~~,UAAU,~~IACrCR~~,~~MAACS~~,~~eAAYlB~~,OAAAC,OAAA,CAACzC,MAAO,WAAY,CAAAgD,SAAAjD,~~OAFZqD~~,~~GAKtBH~~,EAAAA,~~IAAKU~~,EAAAC,SAAA,CAAA,~~EACL~~,~~MAGHX,~~2BAAKP,MAAO,~~CAAEmB~~,KAAM,~~cACnBZ~~,~~EAACM~~,IAAAO,~~OAAInF~~,KAAMqC,EAAWC,QAASA,UAE3B"}
1	+ {"version":3,"file":"FunnelVerticalBarGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport React from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { SmallRegular } from '@src/components/TypographyStyle';\nimport {\n\tLegendColor,\n\tLegendContainer,\n\tLegendWrapper,\n} from '../LineChart/LineChart.styled';\n\nChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip);\n\nconst STATIC_COLORS = ['#DEEFFF', '#FEDEF3', '#FEC6C6', '#DBAFFF', '#FEDEBC'];\n\nexport interface FunnelBarChartI {\n\tdata?: {\n\t\tlabel: string;\n\t\tcurrent: number;\n\t\tprevious?: number;\n\t\tpreviousLabel?: string;\n\t}[];\n\tmaintainAspectRatio?: boolean;\n\tcanvasHeight?: number;\n\tbarColors?: string[];\n\ttitleToolTipCallback?: (tooltipItems: any) => string;\n}\nconst hexToRGBA = (hex: string \| any[], opacity: number) => {\n\tlet r = 0,\n\t\tg = 0,\n\t\tb = 0;\n\tif (hex.length === 4) {\n\t\tr = parseInt(hex[1] + hex[1], 16);\n\t\tg = parseInt(hex[2] + hex[2], 16);\n\t\tb = parseInt(hex[3] + hex[3], 16);\n\t} else if (hex.length === 7) {\n\t\tr = parseInt(hex[1] + hex[2], 16);\n\t\tg = parseInt(hex[3] + hex[4], 16);\n\t\tb = parseInt(hex[5] + hex[6], 16);\n\t}\n\treturn `rgba(${r}, ${g}, ${b}, ${opacity})`;\n};\n\nexport const FunnelVerticalBarGraph: React.FC<FunnelBarChartI> = ({\n\tdata = [],\n\tmaintainAspectRatio = false,\n\tcanvasHeight = 300,\n\tbarColors = STATIC_COLORS,\n\ttitleToolTipCallback,\n}) => {\n\tif (data.length === 0) {\n\t\tdata = [\n\t\t\t{\n\t\t\t\tlabel: '',\n\t\t\t\tcurrent: 0,\n\t\t\t\tpreviousLabel: '',\n\t\t\t},\n\t\t];\n\t}\n\n\tconst labels = data.map((item) => item.label);\n\tconst currentValues = data.map((item) => item.current \|\| 0);\n\tconst previousValues = data.map((item) =>\n\t\titem.previous ? Math.max((item.previous \|\| 0) - item.current, 0) : 0,\n\t);\n\tconst previousLabels = data.map((item) => item.previousLabel \|\| '');\n\tconst colors = barColors;\n\n\tconst legends = data.map((item) => ({\n\t\ttext: item.label,\n\t\tcolor: colors[data.indexOf(item)],\n\t}));\n\n\tconst datasets = [\n\t\t{\n\t\t\tlabel: 'Current Value',\n\t\t\tdata: currentValues,\n\t\t\tbackgroundColor: colors.slice(0, data.length),\n\t\t\tborderColor: 'white',\n\t\t\tborderWidth: 1,\n\t\t\tstack: 'combined',\n\t\t},\n\t\t{\n\t\t\tlabel: 'Previous Value',\n\t\t\tdata: previousValues.map((val) => val \|\| 0),\n\t\t\tbackgroundColor: colors\n\t\t\t\t.slice(0, data.length)\n\t\t\t\t.map((color) => hexToRGBA(color, 0.3)),\n\t\t\tborderColor: 'white',\n\t\t\tborderWidth: 1,\n\t\t\tstack: 'combined',\n\t\t},\n\t];\n\n\tconst defaultTooltipTitleCallback = (tooltipItems) => {\n\t\tconst datasetIndex = tooltipItems[0].datasetIndex;\n\t\tconst dataIndex = tooltipItems[0].dataIndex;\n\t\tif (datasetIndex === 1) {\n\t\t\tconst prevLabel = previousLabels[dataIndex];\n\t\t\tconst label = labels[dataIndex];\n\t\t\treturn `${prevLabel} but not ${label}`;\n\t\t}\n\t\treturn tooltipItems[0].label;\n\t};\n\tconst chartData = {\n\t\tlabels: labels,\n\t\tdatasets: datasets,\n\t};\n\n\tconst options = {\n\t\tmaintainAspectRatio,\n\t\tresponsive: true,\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\tstacked: true,\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tdisplay: data.length > 0,\n\t\t\t\t},\n\t\t\t},\n\t\t\ty: {\n\t\t\t\tstacked: true,\n\t\t\t\tbarPercentage: 0.6,\n\t\t\t\tcategoryPercentage: 0.7,\n\t\t\t\tticks: {\n\t\t\t\t\tdisplay: data.length > 0,\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdrawBorder: data.length > 0,\n\t\t\t\t},\n\t\t\t},\n\t\t},\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\tcallbacks: {\n\t\t\t\t\ttitle: titleToolTipCallback \|\| defaultTooltipTitleCallback,\n\t\t\t\t\tlabel: (tooltipItem) => {\n\t\t\t\t\t\tconst value = tooltipItem.raw;\n\t\t\t\t\t\treturn ` ${value}`;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\theight: !maintainAspectRatio ? canvasHeight : undefined,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tgap: 5,\n\t\t\t\twidth: '100%',\n\t\t\t}}\n\t\t>\n\t\t\t<LegendWrapper>\n\t\t\t\t{legends.map(({ text, color }, i) =>\n\t\t\t\t\ttext ? (\n\t\t\t\t\t\t<LegendContainer key={i}>\n\t\t\t\t\t\t\t<LegendColor color={color} newStyle={true} />\n\t\t\t\t\t\t\t<SmallRegular color={'#667085'}>{text}</SmallRegular>\n\t\t\t\t\t\t</LegendContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t),\n\t\t\t\t)}\n\t\t\t</LegendWrapper>\n\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t<Bar data={chartData} options={options} />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["ChartJS","Chart","register","CategoryScale","LinearScale","BarElement","Tooltip","STATIC_COLORS","FunnelVerticalBarGraph","data","maintainAspectRatio","canvasHeight","barColors","titleToolTipCallback","length","label","current","previousLabel","labels","map","item","currentValues","previousValues","previous","Math","max","previousLabels","colors","legends","text","color","indexOf","datasets","backgroundColor","slice","borderColor","borderWidth","stack","val","hexToRGBA","hex","opacity","r","g","b","parseInt","chartData","options","responsive","scales","x","stacked","grid","display","ticks","y","barPercentage","categoryPercentage","drawBorder","plugins","legend","tooltip","callbacks","title","tooltipItems","datasetIndex","dataIndex","tooltipItem","raw","_jsxs","Object","assign","style","height","undefined","flexDirection","gap","width","children","_jsx","LegendWrapper","i","jsxs","LegendContainer","jsx","LegendColor","newStyle","SmallRegular","_Fragment","Fragment","flex","Bar"],"mappings":"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"}