@bikdotai/bik-component-library 0.0.817-beta.7 → 0.0.817-beta.8

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

@@ -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","CategoryScale","LinearScale","BarElement","Tooltip","VerticalBarAndLinearGraph","props","dummyValues","dummyLabels","noDataPresentForY1","ele","noDataPresentForY2","noDataPresentForY3","yAxisConfigForNoData","legends","options","ctx","rawValue","dataset","suffix","formattedValue","GRAPH_ORIENTATION","truncateValueForInternationalStore","truncateValueForIndianStore","FONTS","COLORS","value","xAxisLabels","d","lineAxisData","lineAxis2Data","barAxisData","data","renderLegend","jsxDEV","LegendsWrapper","legend","color","i","LegendMiddleWrapper","LegendColorBox","this","BodyTiny","GraphWrapper","LegendWrapper","LegendContainer","LegendColor","SmallRegular","Fragment","GraphContainerWrapper","TitleRegular","Chart"],"mappings":"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"}
+{"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","CategoryScale","LinearScale","BarElement","Tooltip","VerticalBarAndLinearGraph","props","dummyValues","dummyLabels","noDataPresentForY1","ele","noDataPresentForY2","noDataPresentForY3","yAxisConfigForNoData","legends","options","ctx","rawValue","dataset","suffix","formattedValue","GRAPH_ORIENTATION","truncateValueForInternationalStore","truncateValueForIndianStore","FONTS","COLORS","value","xAxisLabels","d","lineAxisData","lineAxis2Data","barAxisData","data","renderLegend","jsxDEV","LegendsWrapper","legend","color","i","LegendMiddleWrapper","LegendColorBox","this","BodyTiny","GraphWrapper","LegendWrapper","LegendContainer","LegendColor","SmallRegular","Fragment","GraphContainerWrapper","TitleRegular","Chart"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),l=require("chart.js"),N=require("react-chartjs-2"),D=require("../../../TypographyStyle.js"),u=require("../LineChart/LineChart.styled.js");l.Chart.register(l.CategoryScale,l.LinearScale,l.BarElement,l.Tooltip);const F=["#DEEFFF","#FEDEF3","#FEC6C6","#DBAFFF","#FEDEBC"],G=(e,i)=>{let n=0,s=0,t=0;return e.length===4?(n=parseInt(e[1]+e[1],16),s=parseInt(e[2]+e[2],16),t=parseInt(e[3]+e[3],16)):e.length===7&&(n=parseInt(e[1]+e[2],16),s=parseInt(e[3]+e[4],16),t=parseInt(e[5]+e[6],16)),`rgba(${n}, ${s}, ${t}, ${i})`},C=({data:e=[],maintainAspectRatio:i=!1,canvasHeight:n=300,barColors:s=F,titleToolTipCallback:t})=>{e.length===0&&(e=[{label:"",current:0,previousLabel:""}]);const d=e.map(r=>r.label),b=e.map(r=>r.current||0),m=e.map(r=>r.previous?Math.max((r.previous||0)-r.current,0):0),h=e.map(r=>r.previousLabel||""),p=s,k=e.map(r=>({text:r.label,color:p[e.indexOf(r)]})),y=[{label:"Current Value",data:b,backgroundColor:p.slice(0,e.length),borderColor:"white",borderWidth:1,stack:"combined"},{label:"Previous Value",data:m.map(r=>r||0),backgroundColor:p.slice(0,e.length).map(r=>G(r,.3)),borderColor:"white",borderWidth:1,stack:"combined"}],v=r=>{const o=r[0].datasetIndex,c=r[0].dataIndex;if(o===1){const V=h[c],B=d[c];return`${V} but not ${B}`}return r[0].label},f={labels:d,datasets:y},g={maintainAspectRatio:i,responsive:!0,scales:{x:{stacked:!0,grid:{display:!1},ticks:{display:e.length>0}},y:{stacked:!0,barPercentage:.6,categoryPercentage:.7,ticks:{display:e.length>0},grid:{drawBorder:e.length>0}}},plugins:{legend:{display:!1},tooltip:{callbacks:{title:t||v,label:r=>` ${r.raw}`}}}};return a.jsxDEV("div",{style:{height:i?void 0:n,display:"flex",flexDirection:"column",gap:5,width:"100%"},children:[a.jsxDEV(u.LegendWrapper,{children:k.map(({text:r,color:o},c)=>r?a.jsxDEV(u.LegendContainer,{children:[a.jsxDEV(u.LegendColor,{color:o,newStyle:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:170,columnNumber:8},void 0),a.jsxDEV(D.SmallRegular,{color:"#667085",children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:171,columnNumber:8},void 0)]},c,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:169,columnNumber:7},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:174,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:166,columnNumber:4},void 0),a.jsxDEV("div",{style:{flex:1},children:a.jsxDEV(N.Bar,{data:f,options:g},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:179,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:178,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:157,columnNumber:3},void 0)};exports.FunnelVerticalBarGraph=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),o=require("chart.js"),D=require("react-chartjs-2"),w=require("../../../TypographyStyle.js"),u=require("../LineChart/LineChart.styled.js");o.Chart.register(o.CategoryScale,o.LinearScale,o.BarElement,o.Tooltip);const F=["#DEEFFF","#FEDEF3","#FEC6C6","#DBAFFF","#FEDEBC"],G=(e,t)=>{let a=0,l=0,s=0;return e.length===4?(a=parseInt(e[1]+e[1],16),l=parseInt(e[2]+e[2],16),s=parseInt(e[3]+e[3],16)):e.length===7&&(a=parseInt(e[1]+e[2],16),l=parseInt(e[3]+e[4],16),s=parseInt(e[5]+e[6],16)),`rgba(${a}, ${l}, ${s}, ${t})`},k=({data:e=[],maintainAspectRatio:t=!1,canvasHeight:a=300,barColors:l=F,titleToolTipCallback:s})=>{e.length===0&&(e=[{label:"",current:0,previousLabel:""}]);const p=e.map(r=>r.label),b=e.map(r=>r.current||0),m=e.map(r=>r.previous?Math.max((r.previous||0)-r.current,0):0),h=e.map(r=>r.previousLabel||""),d=l,y=e.map(r=>({text:r.label,color:d[e.indexOf(r)]})),f=[{label:"Current Value",data:b,backgroundColor:d.slice(0,e.length),borderColor:"white",borderWidth:1,stack:"combined"},{label:"Previous Value",data:m.map(r=>r||0),backgroundColor:d.slice(0,e.length).map(r=>G(r,.3)),borderColor:"white",borderWidth:1,stack:"combined"}],g=r=>{const i=r[0].datasetIndex,c=r[0].dataIndex;if(i===1){const N=h[c],v=p[c];return`${N} but not ${v}`}return r[0].label},V={labels:p,datasets:f},B={maintainAspectRatio:t,responsive:!0,scales:{x:{stacked:!0,grid:{display:!1},ticks:{display:e.length>0}},y:{stacked:!0,barPercentage:.6,categoryPercentage:.7,ticks:{display:e.length>0},grid:{drawBorder:e.length>0}}},plugins:{legend:{display:!1},tooltip:{callbacks:{title:s||g,label:r=>` ${r.raw}`}}}};return n.jsxDEV("div",{style:{height:t?void 0:a,display:"flex",flexDirection:"column",gap:5,width:"100%"},children:[n.jsxDEV(u.LegendWrapper,{children:y.map(({text:r,color:i},c)=>r?n.jsxDEV(u.LegendContainer,{children:[n.jsxDEV(u.LegendColor,{color:i,newStyle:!0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:170,columnNumber:8},void 0),n.jsxDEV(w.SmallRegular,{color:"#667085",children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:171,columnNumber:8},void 0)]},c,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:169,columnNumber:7},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:174,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:166,columnNumber:4},void 0),n.jsxDEV("div",{style:{flex:1},children:n.jsxDEV(D.Bar,{data:V,options:B},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:179,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:178,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",lineNumber:157,columnNumber:3},void 0)};exports.FunnelVerticalBarGraph=k;
 //# sourceMappingURL=FunnelVerticalBarGraph.js.map

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

@@ -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","CategoryScale","LinearScale","BarElement","Tooltip","STATIC_COLORS","hexToRGBA","hex","opacity","r","g","b","FunnelVerticalBarGraph","data","maintainAspectRatio","canvasHeight","barColors","titleToolTipCallback","labels","item","currentValues","previousValues","previousLabels","colors","legends","datasets","val","color","defaultTooltipTitleCallback","tooltipItems","datasetIndex","dataIndex","prevLabel","label","chartData","options","tooltipItem","jsxDEV","LegendWrapper","text","i","LegendContainer","LegendColor","this","SmallRegular","Fragment","Bar"],"mappings":"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"}
+{"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","CategoryScale","LinearScale","BarElement","Tooltip","STATIC_COLORS","hexToRGBA","hex","opacity","r","g","b","FunnelVerticalBarGraph","data","maintainAspectRatio","canvasHeight","barColors","titleToolTipCallback","labels","item","currentValues","previousValues","previousLabels","colors","legends","datasets","val","color","defaultTooltipTitleCallback","tooltipItems","datasetIndex","dataIndex","prevLabel","label","chartData","options","tooltipItem","jsxDEV","LegendWrapper","text","i","LegendContainer","LegendColor","this","SmallRegular","Fragment","Bar"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),P=require("../../../../assets/icons/ChartBar.svg.js"),S=require("../../../../assets/icons/ChartPie.svg.js"),z=require("../../../../assets/icons/maximize.svg.js"),b=require("chart.js"),j=require("chartjs-plugin-datalabels"),m=require("react"),V=require("react-chartjs-2"),E=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),T=require("./VerticalGraph.styles.js"),f=require("../../../icon-button/IconButton.js"),R=require("../../../modals/styledModal.js"),$=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},L=$(j);b.Chart.register(b.CategoryScale,b.LinearScale,b.BarElement,b.Tooltip,L.default);const W=e=>{const{PieChartComponent:g}=e,[C,x]=m.useState(!1),[d,y]=m.useState(!1),[v,A]=m.useState();m.useEffect(()=>{const i=[];d&&(e.popupData?.xAxis.data.forEach((t,n)=>{i.push({name:t.toString(),count:Number(e.popupData?.yAxis.data[n])||0})}),A(i))},[d,e.popupData?.xAxis.data,e.popupData?.yAxis.data]);const D=[250,1e3,800,1500,300,600],u=e.yAxis.data.findIndex(i=>i!==0)===-1,k=e.popupData?.yAxis.data.findIndex(i=>i!==0)===-1,N={min:0,max:2e3,stepSize:200},G={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!u,callbacks:{label:e.yAxis.toolTipCallback}},datalabels:{display:e.showTotal??!1,anchor:"end",align:"end",clamp:!0,color:a.COLORS.content.secondary}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:e.yAxis.labelColor??a.COLORS.content.secondary}},y:{title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{borderColor:"white",color:a.COLORS.background.base},ticks:{callback:e.yAxis.ticksCallback,fontSize:a.FONTS.caption.fontSize,color:e.xAxis.labelColor??a.COLORS.content.secondary,...u?N:{}}}},maintainAspectRatio:!1},O={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!k,callbacks:{label:e.yAxis.toolTipCallback}},datalabels:{display:e.showTotal??!1,anchor:"end",align:"end",clamp:!0,color:a.COLORS.content.secondary}},scales:{x:{title:{display:!!e.popupData?.xAxis.title,text:e.popupData?.xAxis.title,color:e.popupData?.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:e.popupData?.yAxis.labelColor??a.COLORS.content.secondary}},y:{title:{display:!!e.popupData?.yAxis.title,text:e.popupData?.yAxis.title,color:e.popupData?.yAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{borderColor:"white",color:a.COLORS.background.base},ticks:{callback:e.popupData?.yAxis.ticksCallback,fontSize:a.FONTS.caption.fontSize,color:e.popupData?.xAxis.labelColor??a.COLORS.content.secondary,...k?N:{}}}},maintainAspectRatio:!1},w={labels:e.xAxis.data.map(i=>i.toString()),datasets:[{data:u?D:e.yAxis.data,backgroundColor:i=>{const t=e.barColorRGBA;let n=[];const o=e.xAxis.data.length;if(u)return"rgba(0,0,0,0)";if(e.isFunnel){let s=+(o>10?.1:(1/o).toFixed(2));const p=`rgba(${t.r}, ${t.g}, ${t.b}`;for(let l=1;l<o+1;l++){let c="";l>10?c=`${p},1)`:(c=`${p},${s})`,s=s+.1),n.push(c)}}else{const h=`rgba(${t.r}, ${t.g}, ${t.b}, ${t.a??"1"})`;n=Array(o).fill(h)}return n},barPercentage:.4,categoryPercentage:1,borderRadius:4}]},B={labels:e.popupData?.xAxis.data.map(i=>i.toString()),datasets:[{data:k?D:e.popupData?.yAxis.data,backgroundColor:i=>{const t=e.barColorRGBA;let n=[];const o=e.popupData?.xAxis.data.length||0;if(u)return"rgba(0,0,0,0)";if(e.isFunnel){let s=+(o>10?.1:(1/o).toFixed(2));const p=`rgba(${t.r}, ${t.g}, ${t.b}`;for(let l=1;l<o+1;l++){let c="";l>10?c=`${p},1)`:(c=`${p},${s})`,s=s+.1),n.push(c)}}else{const h=`rgba(${t.r}, ${t.g}, ${t.b}, ${t.a??"1"})`;n=Array(o).fill(h)}return n},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return r.jsxDEV(T.GraphContainerWrapper,{padding:e.outerPadding,children:[e.chartHeading&&r.jsxDEV("div",{style:{marginBottom:24},children:r.jsxDEV(E.TitleMedium,{color:e.chartHeading.color??a.COLORS.content.secondary,children:e.chartHeading.heading},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:284,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:283,columnNumber:5},void 0),r.jsxDEV("div",{style:{display:"flex",justifyContent:"flex-end"},children:[e.showConvertToPieChart&&r.jsxDEV(f.IconButton,{Icon:S.default,onClick:()=>{y(!0),x(!0)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:293,columnNumber:6},void 0),e.allowChartPopup&&r.jsxDEV(f.IconButton,{Icon:z.default,onClick:()=>{x(!0)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:302,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:291,columnNumber:4},void 0),r.jsxDEV("div",{style:{height:e.graphCanvasHeight??500},children:r.jsxDEV(V.Bar,{options:G,data:w},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:315,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:310,columnNumber:4},void 0),C&&r.jsxDEV(R.StyledModal,{open:C,onClose:()=>{x(!1),y(!1)},closeOnOutsideClick:!0,headingTitle:e.popupData?.chartHeading,width:"75%",headerRightCustomElement:e.showConvertToPieChart?d?r.jsxDEV(f.IconButton,{Icon:P.default,onClick:()=>{y(!1)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:337,columnNumber:9},void 0):r.jsxDEV(f.IconButton,{Icon:S.default,onClick:()=>{y(!0)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:330,columnNumber:9},void 0):null,headerLeftCustomElement:e.popupData?.headerLeftCustomElement,children:[d&&v&&g&&r.jsxDEV("div",{style:{height:e.graphCanvasHeight??500,padding:"24px"},children:r.jsxDEV(m.Suspense,{fallback:r.jsxDEV("div",{children:"Loading..."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:355,columnNumber:28},void 0),children:r.jsxDEV(g,{slices:v,size:e.pieChartSize,hideTitle:!0,currencyProps:e.currencyProps},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:356,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:355,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:349,columnNumber:7},void 0),!d&&r.jsxDEV("div",{style:{height:e.graphCanvasHeight??500},children:r.jsxDEV(V.Bar,{options:O,data:B},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:371,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:366,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:318,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:281,columnNumber:3},void 0)};exports.VerticalGraph=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),P=require("../../../../assets/icons/ChartBar.svg.js"),w=require("../../../../assets/icons/ChartPie.svg.js"),z=require("../../../../assets/icons/maximize.svg.js"),b=require("chart.js"),j=require("chartjs-plugin-datalabels"),m=require("react"),k=require("react-chartjs-2"),E=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),T=require("./VerticalGraph.styles.js"),f=require("../../../icon-button/IconButton.js"),R=require("../../../modals/styledModal.js"),$=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},L=$(j);b.Chart.register(b.CategoryScale,b.LinearScale,b.BarElement,b.Tooltip,L.default);const U=e=>{const{PieChartComponent:C}=e,[D,x]=m.useState(!1),[d,y]=m.useState(!1),[N,A]=m.useState();m.useEffect(()=>{const o=[];d&&(e.popupData?.xAxis.data.forEach((t,r)=>{o.push({name:t.toString(),count:Number(e.popupData?.yAxis.data[r])||0})}),A(o))},[d,e.popupData?.xAxis.data,e.popupData?.yAxis.data]);const S=[250,1e3,800,1500,300,600],u=e.yAxis.data.findIndex(o=>o!==0)===-1,g=e.popupData?.yAxis.data.findIndex(o=>o!==0)===-1,V={min:0,max:2e3,stepSize:200},G={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!u,callbacks:{label:e.yAxis.toolTipCallback}},datalabels:{display:e.showTotal??!1,anchor:"end",align:"end",clamp:!0,color:a.COLORS.content.secondary}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:e.yAxis.labelColor??a.COLORS.content.secondary}},y:{title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{borderColor:"white",color:a.COLORS.background.base},ticks:{callback:e.yAxis.ticksCallback,fontSize:a.FONTS.caption.fontSize,color:e.xAxis.labelColor??a.COLORS.content.secondary,...u?V:{}}}},maintainAspectRatio:!1},O={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!g,callbacks:{label:e.yAxis.toolTipCallback}},datalabels:{display:e.showTotal??!1,anchor:"end",align:"end",clamp:!0,color:a.COLORS.content.secondary}},scales:{x:{title:{display:!!e.popupData?.xAxis.title,text:e.popupData?.xAxis.title,color:e.popupData?.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:e.popupData?.yAxis.labelColor??a.COLORS.content.secondary}},y:{title:{display:!!e.popupData?.yAxis.title,text:e.popupData?.yAxis.title,color:e.popupData?.yAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{borderColor:"white",color:a.COLORS.background.base},ticks:{callback:e.popupData?.yAxis.ticksCallback,fontSize:a.FONTS.caption.fontSize,color:e.popupData?.xAxis.labelColor??a.COLORS.content.secondary,...g?V:{}}}},maintainAspectRatio:!1},v={labels:e.xAxis.data.map(o=>o.toString()),datasets:[{data:u?S:e.yAxis.data,backgroundColor:o=>{const t=e.barColorRGBA;let r=[];const i=e.xAxis.data.length;if(u)return"rgba(0,0,0,0)";if(e.isFunnel){let l=+(i>10?.1:(1/i).toFixed(2));const p=`rgba(${t.r}, ${t.g}, ${t.b}`;for(let s=1;s<i+1;s++){let c="";s>10?c=`${p},1)`:(c=`${p},${l})`,l=l+.1),r.push(c)}}else{const h=`rgba(${t.r}, ${t.g}, ${t.b}, ${t.a??"1"})`;r=Array(i).fill(h)}return r},barPercentage:.4,categoryPercentage:1,borderRadius:4}]},B={labels:e.popupData?.xAxis.data.map(o=>o.toString()),datasets:[{data:g?S:e.popupData?.yAxis.data,backgroundColor:o=>{const t=e.barColorRGBA;let r=[];const i=e.popupData?.xAxis.data.length||0;if(u)return"rgba(0,0,0,0)";if(e.isFunnel){let l=+(i>10?.1:(1/i).toFixed(2));const p=`rgba(${t.r}, ${t.g}, ${t.b}`;for(let s=1;s<i+1;s++){let c="";s>10?c=`${p},1)`:(c=`${p},${l})`,l=l+.1),r.push(c)}}else{const h=`rgba(${t.r}, ${t.g}, ${t.b}, ${t.a??"1"})`;r=Array(i).fill(h)}return r},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return n.jsxDEV(T.GraphContainerWrapper,{padding:e.outerPadding,children:[e.chartHeading&&n.jsxDEV("div",{style:{marginBottom:24},children:n.jsxDEV(E.TitleMedium,{color:e.chartHeading.color??a.COLORS.content.secondary,children:e.chartHeading.heading},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:284,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:283,columnNumber:5},void 0),n.jsxDEV("div",{style:{display:"flex",justifyContent:"flex-end"},children:[e.showConvertToPieChart&&n.jsxDEV(f.IconButton,{Icon:w.default,onClick:()=>{y(!0),x(!0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:293,columnNumber:6},void 0),e.allowChartPopup&&n.jsxDEV(f.IconButton,{Icon:z.default,onClick:()=>{x(!0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:302,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:291,columnNumber:4},void 0),n.jsxDEV("div",{style:{height:e.graphCanvasHeight??500},children:n.jsxDEV(k.Bar,{options:G,data:v},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:315,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:310,columnNumber:4},void 0),D&&n.jsxDEV(R.StyledModal,{open:D,onClose:()=>{x(!1),y(!1)},closeOnOutsideClick:!0,headingTitle:e.popupData?.chartHeading,width:"75%",headerRightCustomElement:e.showConvertToPieChart?d?n.jsxDEV(f.IconButton,{Icon:P.default,onClick:()=>{y(!1)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:337,columnNumber:9},void 0):n.jsxDEV(f.IconButton,{Icon:w.default,onClick:()=>{y(!0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:330,columnNumber:9},void 0):null,headerLeftCustomElement:e.popupData?.headerLeftCustomElement,children:[d&&N&&C&&n.jsxDEV("div",{style:{height:e.graphCanvasHeight??500,padding:"24px"},children:n.jsxDEV(m.Suspense,{fallback:n.jsxDEV("div",{children:"Loading..."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:355,columnNumber:28},void 0),children:n.jsxDEV(C,{slices:N,size:e.pieChartSize,hideTitle:!0,currencyProps:e.currencyProps},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:356,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:355,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:349,columnNumber:7},void 0),!d&&n.jsxDEV("div",{style:{height:e.graphCanvasHeight??500},children:n.jsxDEV(k.Bar,{options:O,data:B},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:371,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:366,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:318,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",lineNumber:281,columnNumber:3},void 0)};exports.VerticalGraph=U;
 //# sourceMappingURL=VerticalGraph.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx"],"sourcesContent":["import BarChartIcon from '@src/assets/icons/ChartBar.svg';\nimport PieChartIcon from '@src/assets/icons/ChartPie.svg';\nimport MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tColor,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React, { Suspense, useEffect } from 'react';\nimport { useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport { VerticalGraphI } from './VerticalGraph.d';\nimport { GraphContainerWrapper } from './VerticalGraph.styles';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const VerticalGraph: React.FC<VerticalGraphI> = (props) => {\n\tconst { PieChartComponent: PieChartAnalytics } = props;\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst [showPieChart, setShowPieChart] = useState(false);\n\tconst [pieChartData, setPieChartData] = useState<\n\t\t{\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[]\n\t>();\n\n\tuseEffect(() => {\n\t\tconst dataForPieChart: {\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[] = [];\n\t\tif (!showPieChart) {\n\t\t\treturn;\n\t\t}\n\t\tprops.popupData?.xAxis.data.forEach((ele, index) => {\n\t\t\tdataForPieChart.push({\n\t\t\t\tname: ele.toString(),\n\t\t\t\tcount: Number(props.popupData?.yAxis.data[index]) || 0,\n\t\t\t});\n\t\t});\n\t\tsetPieChartData(dataForPieChart);\n\t}, [showPieChart, props.popupData?.xAxis.data, props.popupData?.yAxis.data]);\n\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\tconst noDataPresent = props.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst noDataPresentInPopup =\n\t\tprops.popupData?.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\tconst options = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.yAxis.title,\n\t\t\t\t\ttext: props.yAxis.title,\n\t\t\t\t\tcolor: props.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresent ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\tconst optionsForPopup = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresentInPopup,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.xAxis.title,\n\t\t\t\t\ttext: props.popupData?.xAxis.title,\n\t\t\t\t\tcolor: props.popupData?.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.yAxis.title,\n\t\t\t\t\ttext: props.popupData?.yAxis.title,\n\t\t\t\t\tcolor: props.popupData?.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.popupData?.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresentInPopup ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\n\tconst data = {\n\t\tlabels: props.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.xAxis.data.length;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\tconst dataForPopup = {\n\t\tlabels: props.popupData?.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresentInPopup ? dummyValues : props.popupData?.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.popupData?.xAxis.data.length || 0;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper padding={props.outerPadding}>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div style={{ marginBottom: 24 }}>\n\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n\t\t\t\t{props.showConvertToPieChart && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{props.allowChartPopup && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Bar options={options} data={data} />\n\t\t\t</div>\n\t\t\t{showPopup && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showPopup}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowPopup(false);\n\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t}}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={props.popupData?.chartHeading}\n\t\t\t\t\twidth=\"75%\"\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tprops.showConvertToPieChart ? (\n\t\t\t\t\t\t\t!showPieChart ? (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={BarChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : null\n\t\t\t\t\t}\n\t\t\t\t\theaderLeftCustomElement={props.popupData?.headerLeftCustomElement}\n\t\t\t\t>\n\t\t\t\t\t{showPieChart && pieChartData && PieChartAnalytics && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<div>Loading...</div>}>\n\t\t\t\t\t\t\t\t<PieChartAnalytics\n\t\t\t\t\t\t\t\t\tslices={pieChartData}\n\t\t\t\t\t\t\t\t\tsize={props.pieChartSize}\n\t\t\t\t\t\t\t\t\thideTitle={true}\n\t\t\t\t\t\t\t\t\tcurrencyProps={props.currencyProps}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!showPieChart && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Bar options={optionsForPopup} data={dataForPopup} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","VerticalGraph","props","PieChartAnalytics","showPopup","setShowPopup","useState","showPieChart","setShowPieChart","pieChartData","setPieChartData","useEffect","dataForPieChart","ele","index","dummyValues","noDataPresent","noDataPresentInPopup","yAxisConfigForNoData","options","COLORS","FONTS","optionsForPopup","data","d","context","rgba","gradientColorSet","dataSetLen","counter","rgb","i","rgbaColor","dataForPopup","jsxDEV","GraphContainerWrapper","TitleMedium","this","IconButton","PieChartIcon","MaximizeIcon","Bar","StyledModal","BarChartIcon","Suspense"],"mappings":"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"}
+{"version":3,"file":"VerticalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx"],"sourcesContent":["import BarChartIcon from '@src/assets/icons/ChartBar.svg';\nimport PieChartIcon from '@src/assets/icons/ChartPie.svg';\nimport MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tColor,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React, { Suspense, useEffect } from 'react';\nimport { useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport { VerticalGraphI } from './VerticalGraph.d';\nimport { GraphContainerWrapper } from './VerticalGraph.styles';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const VerticalGraph: React.FC<VerticalGraphI> = (props) => {\n\tconst { PieChartComponent: PieChartAnalytics } = props;\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst [showPieChart, setShowPieChart] = useState(false);\n\tconst [pieChartData, setPieChartData] = useState<\n\t\t{\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[]\n\t>();\n\n\tuseEffect(() => {\n\t\tconst dataForPieChart: {\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[] = [];\n\t\tif (!showPieChart) {\n\t\t\treturn;\n\t\t}\n\t\tprops.popupData?.xAxis.data.forEach((ele, index) => {\n\t\t\tdataForPieChart.push({\n\t\t\t\tname: ele.toString(),\n\t\t\t\tcount: Number(props.popupData?.yAxis.data[index]) || 0,\n\t\t\t});\n\t\t});\n\t\tsetPieChartData(dataForPieChart);\n\t}, [showPieChart, props.popupData?.xAxis.data, props.popupData?.yAxis.data]);\n\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\tconst noDataPresent = props.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst noDataPresentInPopup =\n\t\tprops.popupData?.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\tconst options = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.yAxis.title,\n\t\t\t\t\ttext: props.yAxis.title,\n\t\t\t\t\tcolor: props.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresent ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\tconst optionsForPopup = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresentInPopup,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.xAxis.title,\n\t\t\t\t\ttext: props.popupData?.xAxis.title,\n\t\t\t\t\tcolor: props.popupData?.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.yAxis.title,\n\t\t\t\t\ttext: props.popupData?.yAxis.title,\n\t\t\t\t\tcolor: props.popupData?.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.popupData?.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresentInPopup ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\n\tconst data = {\n\t\tlabels: props.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.xAxis.data.length;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\tconst dataForPopup = {\n\t\tlabels: props.popupData?.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresentInPopup ? dummyValues : props.popupData?.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.popupData?.xAxis.data.length || 0;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper padding={props.outerPadding}>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div style={{ marginBottom: 24 }}>\n\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n\t\t\t\t{props.showConvertToPieChart && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{props.allowChartPopup && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Bar options={options} data={data} />\n\t\t\t</div>\n\t\t\t{showPopup && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showPopup}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowPopup(false);\n\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t}}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={props.popupData?.chartHeading}\n\t\t\t\t\twidth=\"75%\"\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tprops.showConvertToPieChart ? (\n\t\t\t\t\t\t\t!showPieChart ? (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={BarChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : null\n\t\t\t\t\t}\n\t\t\t\t\theaderLeftCustomElement={props.popupData?.headerLeftCustomElement}\n\t\t\t\t>\n\t\t\t\t\t{showPieChart && pieChartData && PieChartAnalytics && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<div>Loading...</div>}>\n\t\t\t\t\t\t\t\t<PieChartAnalytics\n\t\t\t\t\t\t\t\t\tslices={pieChartData}\n\t\t\t\t\t\t\t\t\tsize={props.pieChartSize}\n\t\t\t\t\t\t\t\t\thideTitle={true}\n\t\t\t\t\t\t\t\t\tcurrencyProps={props.currencyProps}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!showPieChart && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Bar options={optionsForPopup} data={dataForPopup} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","VerticalGraph","props","PieChartAnalytics","showPopup","setShowPopup","useState","showPieChart","setShowPieChart","pieChartData","setPieChartData","useEffect","dataForPieChart","ele","index","dummyValues","noDataPresent","noDataPresentInPopup","yAxisConfigForNoData","options","COLORS","FONTS","optionsForPopup","data","d","context","rgba","gradientColorSet","dataSetLen","counter","rgb","i","rgbaColor","dataForPopup","jsxDEV","GraphContainerWrapper","TitleMedium","this","IconButton","PieChartIcon","MaximizeIcon","Bar","StyledModal","BarChartIcon","Suspense"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),N=require("react"),i=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),a=require("./HeatMapStyled.js"),w=require("../../../tooltips/Tooltip.js");var v=(n=>(n[n.ABSOLUTE=0]="ABSOLUTE",n[n.RELATIVE=1]="RELATIVE",n))(v||{}),x=(n=>(n[n.LOW=0]="LOW",n[n.MEDIUM=1]="MEDIUM",n[n.HIGH=2]="HIGH",n[n.HIGHEST=3]="HIGHEST",n))(x||{});const s={0:"#EBDBFF",1:"#D2AEFF",2:"#9E77ED",3:"#5E07BB"},l=n=>{if(n>=1e3){const m=n/1e3;return`${Math.round(m*10)/10}K`}return n.toString()},V=(n,m,p,o,d)=>{if(m===0)return n<=p[0]?0:n<=p[1]?1:n<=p[2]?2:3;{const r=(d-o)/4;return n<=o+r?0:n<=o+r*2?1:n<=o+r*3?2:3}},L=({title:n,xLabels:m,yLabels:p,values:o,heatType:d,absolutHeatValues:r,showAbsoluteValuesOnLegend:D,hideXLabels:M,customComponent:E,heatBoxWidth:H,heatBoxHeight:U,isLooseFit:k,centerAlignXLabels:y=!1})=>{const[f,j]=N.useState(),W=k?{display:"flex",justifyContent:"center",alignItems:"center"}:{};return N.useEffect(()=>{const c=Math.max(...o.flat()),h=Math.min(...o.flat());j(o.map(u=>u.map(b=>V(b,d,r||[],h,c))))},[o,r,d]),f?e.jsxDEV(a.HeatBoxStyled,{isLooseFit:k,children:[e.jsxDEV("div",{className:"top-container",children:[e.jsxDEV("div",{className:"top-container__heading",children:[e.jsxDEV(i.TitleMedium,{style:{color:t.COLORS.content.primary},children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:135,columnNumber:6},void 0),E]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:134,columnNumber:5},void 0),e.jsxDEV("div",{className:"top-container__legend",children:e.jsxDEV(a.LegendContainer,{children:d===0&&D&&r&&r.length>=3?e.jsxDEV(e.Fragment,{children:[e.jsxDEV(a.LegendItem,{children:[e.jsxDEV(a.HeatBoxLegend,{color:s[0]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:149,columnNumber:10},void 0),e.jsxDEV(a.LegendValue,{children:e.jsxDEV(i.BodyCaption,{color:t.COLORS.content.secondary,children:l(r[0])},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:151,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:150,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:148,columnNumber:9},void 0),e.jsxDEV(a.LegendItem,{children:[e.jsxDEV(a.HeatBoxLegend,{color:s[1]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:157,columnNumber:10},void 0),e.jsxDEV(a.LegendValue,{children:e.jsxDEV(i.BodyCaption,{color:t.COLORS.content.secondary,children:l(r[1])},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:159,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:158,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:156,columnNumber:9},void 0),e.jsxDEV(a.LegendItem,{children:[e.jsxDEV(a.HeatBoxLegend,{color:s[2]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:165,columnNumber:10},void 0),e.jsxDEV(a.LegendValue,{children:e.jsxDEV(i.BodyCaption,{color:t.COLORS.content.secondary,children:l(r[2])},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:167,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:166,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:164,columnNumber:9},void 0),e.jsxDEV(a.LegendItem,{children:[e.jsxDEV(a.HeatBoxLegend,{color:s[3]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:173,columnNumber:10},void 0),e.jsxDEV(a.LegendValue,{children:e.jsxDEV(i.BodyCaption,{color:t.COLORS.content.secondary,children:r[3]?l(r[3]):l(r[2])+"+"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:175,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:174,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:172,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:147,columnNumber:8},void 0):e.jsxDEV(a.LegendLabels,{children:[e.jsxDEV(a.LegendCaption,{children:e.jsxDEV(i.Caption,{children:"Less"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:186,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:185,columnNumber:9},void 0),e.jsxDEV(a.HeatBoxLegend,{color:s[0]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:188,columnNumber:9},void 0),e.jsxDEV(a.HeatBoxLegend,{color:s[1]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:189,columnNumber:9},void 0),e.jsxDEV(a.HeatBoxLegend,{color:s[2]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:190,columnNumber:9},void 0),e.jsxDEV(a.HeatBoxLegend,{color:s[3]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:191,columnNumber:9},void 0),e.jsxDEV(a.LegendCaption,{children:e.jsxDEV(i.Caption,{children:"More"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:193,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:192,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:184,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:142,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:141,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:133,columnNumber:4},void 0),e.jsxDEV("table",{style:W,children:e.jsxDEV("tbody",{children:[p.map((c,h)=>e.jsxDEV("tr",{children:[e.jsxDEV("td",{children:e.jsxDEV(i.BodyTiny,{style:{color:t.COLORS.content.placeholder},children:c},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:206,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:205,columnNumber:8},void 0),m.map((u,b)=>e.jsxDEV("td",{children:e.jsxDEV(w.Tooltip,{body:l(o[h][b]),placement:"bottom",children:e.jsxDEV(a.HeatBox,{color:s[f[h][b]],heatBoxWidth:H,heatBoxHeight:U},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:216,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:212,columnNumber:10},void 0)},u,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:211,columnNumber:9},void 0))]},c,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:204,columnNumber:7},void 0)),!M&&e.jsxDEV("tr",{children:[e.jsxDEV("th",{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:228,columnNumber:8},void 0),m.map(c=>e.jsxDEV("th",{style:y?{textAlign:"center"}:void 0,children:e.jsxDEV(i.BodyTiny,{style:y?{color:t.COLORS.content.placeholder,textAlign:"center",display:"block",width:"100%"}:{color:t.COLORS.content.placeholder},children:c},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:236,columnNumber:10},void 0)},c,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:230,columnNumber:9},void 0))]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:227,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:202,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:201,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:132,columnNumber:3},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:128,columnNumber:10},void 0)};exports.HEAT=x;exports.HEAT_COLORS=s;exports.HEAT_GRADING_TYPE=v;exports.HeatMap=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),x=require("react"),i=require("../../../TypographyStyle.js"),d=require("../../../../constants/Theme.js"),a=require("./HeatMapStyled.js"),v=require("../../../tooltips/Tooltip.js");var D=(n=>(n[n.ABSOLUTE=0]="ABSOLUTE",n[n.RELATIVE=1]="RELATIVE",n))(D||{}),w=(n=>(n[n.LOW=0]="LOW",n[n.MEDIUM=1]="MEDIUM",n[n.HIGH=2]="HIGH",n[n.HIGHEST=3]="HIGHEST",n))(w||{});const r={0:"#EBDBFF",1:"#D2AEFF",2:"#9E77ED",3:"#5E07BB"},m=n=>{if(n>=1e3){const c=n/1e3;return`${Math.round(c*10)/10}K`}return n.toString()},L=(n,c,l,s,p)=>{if(c===0)return n<=l[0]?0:n<=l[1]?1:n<=l[2]?2:3;{const o=(p-s)/4;return n<=s+o?0:n<=s+o*2?1:n<=s+o*3?2:3}},g=({title:n,xLabels:c,yLabels:l,values:s,heatType:p,absolutHeatValues:o,showAbsoluteValuesOnLegend:M,hideXLabels:E,customComponent:H,heatBoxWidth:U,heatBoxHeight:j,isLooseFit:y,centerAlignXLabels:f=!1})=>{const[N,k]=x.useState(),V=y?{display:"flex",justifyContent:"center",alignItems:"center"}:{};return x.useEffect(()=>{const t=Math.max(...s.flat()),u=Math.min(...s.flat());k(s.map(b=>b.map(h=>L(h,p,o||[],u,t))))},[s,o,p]),N?e.jsxDEV(a.HeatBoxStyled,{isLooseFit:y,children:[e.jsxDEV("div",{className:"top-container",children:[e.jsxDEV("div",{className:"top-container__heading",children:[e.jsxDEV(i.TitleMedium,{style:{color:d.COLORS.content.primary},children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:135,columnNumber:6},void 0),H]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:134,columnNumber:5},void 0),e.jsxDEV("div",{className:"top-container__legend",children:e.jsxDEV(a.LegendContainer,{children:p===0&&M&&o&&o.length>=3?e.jsxDEV(e.Fragment,{children:[e.jsxDEV(a.LegendItem,{children:[e.jsxDEV(a.HeatBoxLegend,{color:r[0]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:149,columnNumber:10},void 0),e.jsxDEV(a.LegendValue,{children:e.jsxDEV(i.BodyCaption,{color:d.COLORS.content.secondary,children:m(o[0])},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:151,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:150,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:148,columnNumber:9},void 0),e.jsxDEV(a.LegendItem,{children:[e.jsxDEV(a.HeatBoxLegend,{color:r[1]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:157,columnNumber:10},void 0),e.jsxDEV(a.LegendValue,{children:e.jsxDEV(i.BodyCaption,{color:d.COLORS.content.secondary,children:m(o[1])},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:159,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:158,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:156,columnNumber:9},void 0),e.jsxDEV(a.LegendItem,{children:[e.jsxDEV(a.HeatBoxLegend,{color:r[2]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:165,columnNumber:10},void 0),e.jsxDEV(a.LegendValue,{children:e.jsxDEV(i.BodyCaption,{color:d.COLORS.content.secondary,children:m(o[2])},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:167,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:166,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:164,columnNumber:9},void 0),e.jsxDEV(a.LegendItem,{children:[e.jsxDEV(a.HeatBoxLegend,{color:r[3]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:173,columnNumber:10},void 0),e.jsxDEV(a.LegendValue,{children:e.jsxDEV(i.BodyCaption,{color:d.COLORS.content.secondary,children:o[3]?m(o[3]):m(o[2])+"+"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:175,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:174,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:172,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:147,columnNumber:8},void 0):e.jsxDEV(a.LegendLabels,{children:[e.jsxDEV(a.LegendCaption,{children:e.jsxDEV(i.Caption,{children:"Less"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:186,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:185,columnNumber:9},void 0),e.jsxDEV(a.HeatBoxLegend,{color:r[0]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:188,columnNumber:9},void 0),e.jsxDEV(a.HeatBoxLegend,{color:r[1]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:189,columnNumber:9},void 0),e.jsxDEV(a.HeatBoxLegend,{color:r[2]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:190,columnNumber:9},void 0),e.jsxDEV(a.HeatBoxLegend,{color:r[3]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:191,columnNumber:9},void 0),e.jsxDEV(a.LegendCaption,{children:e.jsxDEV(i.Caption,{children:"More"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:193,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:192,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:184,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:142,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:141,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:133,columnNumber:4},void 0),e.jsxDEV("table",{style:V,children:e.jsxDEV("tbody",{children:[l.map((t,u)=>e.jsxDEV("tr",{children:[e.jsxDEV("td",{children:e.jsxDEV(i.BodyTiny,{style:{color:d.COLORS.content.placeholder},children:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:206,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:205,columnNumber:8},void 0),c.map((b,h)=>e.jsxDEV("td",{children:e.jsxDEV(v.Tooltip,{body:m(s[u][h]),placement:"bottom",children:e.jsxDEV(a.HeatBox,{color:r[N[u][h]],heatBoxWidth:U,heatBoxHeight:j},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:216,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:212,columnNumber:10},void 0)},b,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:211,columnNumber:9},void 0))]},t,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:204,columnNumber:7},void 0)),!E&&e.jsxDEV("tr",{children:[e.jsxDEV("th",{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:228,columnNumber:8},void 0),c.map(t=>e.jsxDEV("th",{style:f?{textAlign:"center"}:void 0,children:e.jsxDEV(i.BodyTiny,{style:f?{color:d.COLORS.content.placeholder,textAlign:"center",display:"block",width:"100%"}:{color:d.COLORS.content.placeholder},children:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:236,columnNumber:10},void 0)},t,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:230,columnNumber:9},void 0))]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:227,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:202,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:201,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:132,columnNumber:3},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.tsx",lineNumber:128,columnNumber:10},void 0)};exports.HEAT=w;exports.HEAT_COLORS=r;exports.HEAT_GRADING_TYPE=D;exports.HeatMap=g;
 //# sourceMappingURL=HeatMap.js.map

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

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

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),h=require("react"),f=require("styled-components"),i=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),l=require("./HeatMapStyled.js"),v=require("../../../tooltips/Tooltip.js"),N=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},b=N(f),s={0:"#EBDBFF",1:"#D2AEFF",2:"#9E77ED",3:"#5E07BB"},x=(a,o)=>a<=o[0]?0:a<=o[1]?1:a<=o[2]?2:3,D=({xLabels:a,yLabels:o,values:m,absolutHeatValues:r})=>{const[p,y]=h.useState();return h.useEffect(()=>{y(m.map(n=>n.map(c=>x(c,r||[]))))},[m,r]),p?e.jsxDEV(u,{children:[e.jsxDEV("div",{className:"top-container",children:e.jsxDEV("div",{children:[e.jsxDEV("div",{className:"top-container__legend",children:[e.jsxDEV(l.HeatBoxLegend,{color:s[0]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:63,columnNumber:7},void 0),e.jsxDEV(l.HeatBoxLegend,{color:s[1]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:64,columnNumber:7},void 0),e.jsxDEV(l.HeatBoxLegend,{color:s[2]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:65,columnNumber:7},void 0),e.jsxDEV(l.HeatBoxLegend,{color:s[3]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:66,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:62,columnNumber:6},void 0),e.jsxDEV("div",{className:"top-container__legend",children:[e.jsxDEV(i.BodyCaption,{color:t.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:r[0]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:69,columnNumber:7},void 0),e.jsxDEV(i.BodyCaption,{color:t.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:r[1]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:75,columnNumber:7},void 0),e.jsxDEV(i.BodyCaption,{color:t.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:r[2]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:81,columnNumber:7},void 0),e.jsxDEV(i.BodyCaption,{color:t.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:`${r[2]}+`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:87,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:68,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:61,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:60,columnNumber:4},void 0),e.jsxDEV("div",{style:{width:"100%"},children:[o.map((n,c)=>e.jsxDEV("div",{className:"heat-row",children:[e.jsxDEV("div",{style:{flex:.5},children:e.jsxDEV(i.BodyTiny,{style:{color:t.COLORS.content.secondary,textAlign:"right",marginRight:8},children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:98,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:97,columnNumber:7},void 0),a.map((k,d)=>e.jsxDEV("div",{style:{flex:1},children:e.jsxDEV(v.Tooltip,{body:m[c][d].toString(),placement:"bottom",children:e.jsxDEV(V,{color:s[p[c][d]]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:114,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:110,columnNumber:9},void 0)},k,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:109,columnNumber:8},void 0))]},n,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:96,columnNumber:6},void 0)),e.jsxDEV("div",{className:"heat-row",style:{marginTop:12},children:[e.jsxDEV("div",{style:{flex:.5}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:123,columnNumber:6},void 0),a.map(n=>e.jsxDEV("div",{style:{flex:1},children:e.jsxDEV(i.BodyTiny,{style:{color:t.COLORS.content.secondary,textAlign:"center"},children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:126,columnNumber:8},void 0)},n,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:125,columnNumber:7},void 0))]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:122,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:94,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:59,columnNumber:3},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:55,columnNumber:10},void 0)},V=b.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),u=require("react"),N=require("styled-components"),r=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),d=require("./HeatMapStyled.js"),x=require("../../../tooltips/Tooltip.js"),w=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},y=w(N),s={0:"#EBDBFF",1:"#D2AEFF",2:"#9E77ED",3:"#5E07BB"},D=(n,t)=>n<=t[0]?0:n<=t[1]?1:n<=t[2]?2:3,V=({xLabels:n,yLabels:t,values:l,absolutHeatValues:o})=>{const[m,b]=u.useState();return u.useEffect(()=>{b(l.map(a=>a.map(c=>D(c,o||[]))))},[l,o]),m?e.jsxDEV(h,{children:[e.jsxDEV("div",{className:"top-container",children:e.jsxDEV("div",{children:[e.jsxDEV("div",{className:"top-container__legend",children:[e.jsxDEV(d.HeatBoxLegend,{color:s[0]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:63,columnNumber:7},void 0),e.jsxDEV(d.HeatBoxLegend,{color:s[1]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:64,columnNumber:7},void 0),e.jsxDEV(d.HeatBoxLegend,{color:s[2]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:65,columnNumber:7},void 0),e.jsxDEV(d.HeatBoxLegend,{color:s[3]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:66,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:62,columnNumber:6},void 0),e.jsxDEV("div",{className:"top-container__legend",children:[e.jsxDEV(r.BodyCaption,{color:i.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:o[0]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:69,columnNumber:7},void 0),e.jsxDEV(r.BodyCaption,{color:i.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:o[1]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:75,columnNumber:7},void 0),e.jsxDEV(r.BodyCaption,{color:i.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:o[2]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:81,columnNumber:7},void 0),e.jsxDEV(r.BodyCaption,{color:i.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:`${o[2]}+`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:87,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:68,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:61,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:60,columnNumber:4},void 0),e.jsxDEV("div",{style:{width:"100%"},children:[t.map((a,c)=>e.jsxDEV("div",{className:"heat-row",children:[e.jsxDEV("div",{style:{flex:.5},children:e.jsxDEV(r.BodyTiny,{style:{color:i.COLORS.content.secondary,textAlign:"right",marginRight:8},children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:98,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:97,columnNumber:7},void 0),n.map((f,p)=>e.jsxDEV("div",{style:{flex:1},children:e.jsxDEV(x.Tooltip,{body:l[c][p].toString(),placement:"bottom",children:e.jsxDEV(g,{color:s[m[c][p]]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:114,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:110,columnNumber:9},void 0)},f,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:109,columnNumber:8},void 0))]},a,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:96,columnNumber:6},void 0)),e.jsxDEV("div",{className:"heat-row",style:{marginTop:12},children:[e.jsxDEV("div",{style:{flex:.5}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:123,columnNumber:6},void 0),n.map(a=>e.jsxDEV("div",{style:{flex:1},children:e.jsxDEV(r.BodyTiny,{style:{color:i.COLORS.content.secondary,textAlign:"center"},children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:126,columnNumber:8},void 0)},a,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:125,columnNumber:7},void 0))]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:122,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:94,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:59,columnNumber:3},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.tsx",lineNumber:55,columnNumber:10},void 0)},g=y.default.div`
 	height: 7px;
 	border-radius: 1px;
-	background-color: ${a=>a.color};
-`,u=b.default.div`
+	background-color: ${n=>n.color};
+`,h=y.default.div`
 	width: 100%;
 	.top-container {
 		display: flex;
@@ -24,5 +24,5 @@
 		gap: 4px;
 		align-items: center;
 	}
-`;exports.HeatBoxStyled=u;exports.HeatMapVertical=D;
+`;exports.HeatBoxStyled=h;exports.HeatMapVertical=V;
 //# sourceMappingURL=HeatMapVertical.js.map