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

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsTrend.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ShimmerComponentStyled } from '@src/components/shimmer/ShimmerComponent/ShimmerStyled';\nimport DateUtils from '@src/utils/DateUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport DownArrowIcon from '../../assets/icons/arrow_down.svg';\nimport UpArrowIcon from '../../assets/icons/arrow_up.svg';\nimport InfoIcon from '../../assets/icons/info.svg';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport {\n\tBodyCaption,\n\tCaption,\n\tTitleLarge,\n\tTitleMedium,\n} from '../TypographyStyle';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from './chart/utils/calcPercentage';\nimport { AnalyticsTrendContainer, IconContainer } from './CommonStyles';\n\nexport interface AnalyticsTrendInterface {\n\ttitle: string;\n\tvalue?: number | string;\n\ttrendPercent?: number;\n\ttrendRaw?: number;\n\ttrendRawString?: string;\n\tformatVal?: boolean;\n\ttimeline?: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';\n\tcustomRange?: Date[];\n\ttype?: 'vertical' | 'horizontal';\n\ttooltip?: string;\n\tcard?: boolean;\n\trightSeparator?: boolean;\n\tsize?: 'big' | 'small';\n\tshare?: boolean;\n\tprefixSymbol?: string;\n\ttrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tonTrailIconClick?: () => void;\n\ticonTooltipBody?: string;\n\tfunnelPercent?: number;\n\tisLoading?: boolean;\n\tsuffixText?: string;\n\ttrendStyle?: React.CSSProperties;\n\ticonContainerStyle?: React.CSSProperties;\n\ttrendContainerStyle?: React.CSSProperties;\n\ttrendIconStyle?: React.CSSProperties;\n\tcontainerStyle?: React.CSSProperties;\n\tprevTrendDiff?: number;\n\trelativePercentageDiff?: number;\n\tisInternationalStore?: boolean;\n\tIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\ttooltipTimelineText?: string;\n\tcustomTimelineText?: string;\n}\nexport const AnalyticsTrend: React.FC<AnalyticsTrendInterface> = ({\n\ttitle,\n\tvalue,\n\ttrendPercent,\n\ttype = 'horizontal',\n\ttimeline,\n\tcustomRange,\n\ttooltip,\n\tcard = true,\n\trightSeparator = false,\n\tsize = 'big',\n\tshare = false,\n\tformatVal,\n\tprefixSymbol,\n\ttrailingIcon,\n\tonTrailIconClick,\n\ticonTooltipBody,\n\tfunnelPercent,\n\tisLoading,\n\ttrendRaw,\n\ttrendRawString,\n\tsuffixText,\n\ttrendStyle,\n\ttrendContainerStyle,\n\ttrendIconStyle,\n\tcontainerStyle,\n\tprevTrendDiff,\n\trelativePercentageDiff,\n\tisInternationalStore,\n\tIcon,\n\ticonContainerStyle,\n\ttooltipTimelineText,\n\tcustomTimelineText,\n}) => {\n\tconst ValueTypo = size === 'big' ? TitleLarge : TitleMedium;\n\tconst trendDirection =\n\t\ttypeof trendPercent !== 'undefined'\n\t\t\t? trendPercent < 0\n\t\t\t\t? 'negative'\n\t\t\t\t: trendPercent === 0\n\t\t\t\t? 'neutral'\n\t\t\t\t: 'positive'\n\t\t\t: undefined;\n\n\tconst percent =\n\t\ttypeof trendPercent !== 'undefined'\n\t\t\t? share\n\t\t\t\t? Math.round(trendPercent)\n\t\t\t\t: Math.abs(Math.round(trendPercent))\n\t\t\t: undefined;\n\n\tconst getDisplayValue = () => {\n\t\tif (typeof value === 'undefined') {\n\t\t\treturn '--';\n\t\t}\n\n\t\tif (typeof value === 'number') {\n\t\t\tif (formatVal) {\n\t\t\t\tif (value > 999) {\n\t\t\t\t\tif (isInternationalStore) {\n\t\t\t\t\t\treturn `${prefixSymbol ?? ''}${truncateValueForInternationalStore(\n\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t)} ${suffixText ?? ''}`;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn `${prefixSymbol ?? ''}${truncateValueForIndianStore(\n\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t)} ${suffixText ?? ''}`;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn `${prefixSymbol ?? ''}${new Intl.NumberFormat('en-IN', {\n\t\t\t\t\t\tmaximumFractionDigits: 2,\n\t\t\t\t\t}).format(value)} ${suffixText ?? ''}`;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn `${prefixSymbol ?? ''}${value} ${suffixText ?? ''}`;\n\t};\n\n\tconst formatTrendDiff = (trendDiff: number) => {\n\t\tconst diff = Math.abs(trendDiff);\n\t\tif (diff % 1 !== 0) {\n\t\t\treturn `${diff.toFixed(1)} %`;\n\t\t}\n\t\treturn `${diff} %`;\n\t};\n\n\treturn (\n\t\t<AnalyticsTrendContainer\n\t\t\tcard={card}\n\t\t\tstyle={{\n\t\t\t\t...containerStyle,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tgap: Icon ? 12 : 4,\n\t\t\t\t\tborderRightWidth: rightSeparator ? 1 : 0,\n\t\t\t\t\tborderRightColor: COLORS.stroke.primary,\n\t\t\t\t\tborderRightStyle: 'solid',\n\t\t\t\t\tpaddingLeft: !card ? 24 : 0,\n\t\t\t\t\tpaddingRight: !card ? 24 : 0,\n\t\t\t\t\theight: '100%',\n\t\t\t\t\tjustifyContent: Icon ? 'flex-start' : 'space-between',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t...(trendContainerStyle ?? {}),\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{!!Icon && (\n\t\t\t\t\t<IconContainer style={{ ...iconContainerStyle }}>\n\t\t\t\t\t\t<Icon />\n\t\t\t\t\t</IconContainer>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t...(trendStyle ?? {}),\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</BodyCaption>\n\n\t\t\t\t\t\t{tooltip && (\n\t\t\t\t\t\t\t<Tooltip body={tooltip} placement={'right'} width={300}>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\theight: '100%',\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<InfoIcon\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: 12,\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t...(share ? { justifyContent: 'space-between' } : {}),\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{isLoading && <ShimmerComponentStyled width={108} height={26} />}\n\t\t\t\t\t\t{!isLoading && (\n\t\t\t\t\t\t\t<ValueTypo\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.primary,\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{getDisplayValue()}\n\t\t\t\t\t\t\t</ValueTypo>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{typeof relativePercentageDiff === 'number' && (\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\ttagText={`${relativePercentageDiff}%`}\n\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{type === 'horizontal' && !isLoading && !share && (\n\t\t\t\t\t\t\t<Trend\n\t\t\t\t\t\t\t\ttimeline={timeline}\n\t\t\t\t\t\t\t\tcustomRange={customRange}\n\t\t\t\t\t\t\t\tpercent={percent}\n\t\t\t\t\t\t\t\tdirection={trendDirection}\n\t\t\t\t\t\t\t\ttrendRaw={trendRaw}\n\t\t\t\t\t\t\t\ttrendRawString={trendRawString}\n\t\t\t\t\t\t\t\tprefixSymbol={prefixSymbol}\n\t\t\t\t\t\t\t\ttrendIconStyle={trendIconStyle}\n\t\t\t\t\t\t\t\tisInternationalStore={isInternationalStore}\n\t\t\t\t\t\t\t\ttooltipTimelineText={tooltipTimelineText}\n\t\t\t\t\t\t\t\tcustomTimelineText={customTimelineText}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{isLoading && !share && type === 'horizontal' && (\n\t\t\t\t\t\t\t<ShimmerComponentStyled height={20} width={141} marginTop={6} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{type === 'vertical' &&\n\t\t\t\t\t\t\t!isLoading &&\n\t\t\t\t\t\t\ttypeof funnelPercent !== 'undefined' && (\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\ttagText={`${funnelPercent} %`}\n\t\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t{share && !isLoading && typeof percent !== 'undefined' && (\n\t\t\t\t\t\t\t<Tag tagText={`${percent} %`} theme=\"light\" type=\"neutral\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!share && !isLoading && prevTrendDiff && prevTrendDiff != 0 ? (\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\ttagText={formatTrendDiff(prevTrendDiff)}\n\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\t/>\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</div>\n\t\t\t\t\t{type === 'vertical' && !isLoading && !share && (\n\t\t\t\t\t\t<div style={{ marginTop: 10 }}>\n\t\t\t\t\t\t\t<Trend\n\t\t\t\t\t\t\t\ttimeline={timeline}\n\t\t\t\t\t\t\t\tcustomRange={customRange}\n\t\t\t\t\t\t\t\tpercent={percent}\n\t\t\t\t\t\t\t\tdirection={trendDirection}\n\t\t\t\t\t\t\t\ttrendRaw={trendRaw}\n\t\t\t\t\t\t\t\ttrendRawString={trendRawString}\n\t\t\t\t\t\t\t\tprefixSymbol={prefixSymbol}\n\t\t\t\t\t\t\t\ttrendIconStyle={trendIconStyle}\n\t\t\t\t\t\t\t\tisInternationalStore={isInternationalStore}\n\t\t\t\t\t\t\t\ttooltipTimelineText={tooltipTimelineText}\n\t\t\t\t\t\t\t\tcustomTimelineText={customTimelineText}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{isLoading && type === 'vertical' && (\n\t\t\t\t\t\t<ShimmerComponentStyled height={20} width={141} marginTop={6} />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{iconTooltipBody && !isLoading && (\n\t\t\t\t\t<Tooltip body={iconTooltipBody} placement={'right'}>\n\t\t\t\t\t\t{trailingIcon && (\n\t\t\t\t\t\t\t<div className={'icon--holder'} onClick={onTrailIconClick}>\n\t\t\t\t\t\t\t\t{React.createElement(trailingIcon, {\n\t\t\t\t\t\t\t\t\theight: 20,\n\t\t\t\t\t\t\t\t\twidth: 20,\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</AnalyticsTrendContainer>\n\t);\n};\n\nconst Trend: React.FC<{\n\tpercent?: number;\n\tdirection?: 'positive' | 'negative' | 'neutral';\n\ttimeline?: AnalyticsTrendInterface['timeline'];\n\tcustomRange?: AnalyticsTrendInterface['customRange'];\n\ttrendRaw?: number;\n\ttrendRawString?: string;\n\tprefixSymbol?: string;\n\ttrendIconStyle?: React.CSSProperties;\n\tisInternationalStore?: boolean;\n\ttooltipTimelineText?: string;\n\tcustomTimelineText?: string;\n}> = ({\n\tpercent,\n\tdirection,\n\ttimeline,\n\tcustomRange,\n\ttrendRaw,\n\ttrendRawString,\n\tprefixSymbol,\n\ttrendIconStyle,\n\tisInternationalStore,\n\ttooltipTimelineText,\n\tcustomTimelineText,\n}) => {\n\tconst getTrendRawAbs = () => {\n\t\tlet trendRawAbs = '--';\n\t\tif (trendRaw) {\n\t\t\tif (isInternationalStore) {\n\t\t\t\ttrendRawAbs = String(\n\t\t\t\t\ttruncateValueForInternationalStore(Math.abs(trendRaw)),\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\ttrendRawAbs = String(truncateValueForIndianStore(Math.abs(trendRaw)));\n\t\t\t}\n\t\t\tif (trendRaw < 0) {\n\t\t\t\treturn '-' + trendRawAbs;\n\t\t\t} else {\n\t\t\t\treturn trendRawAbs;\n\t\t\t}\n\t\t}\n\t};\n\n\tconst generateTrendRawText = () => {\n\t\tconst prefixWithSign =\n\t\t\t((trendRaw ?? 0) > 0 ? '+' : '') + (prefixSymbol ?? '');\n\t\tconst trendRawTextInitial =\n\t\t\ttypeof trendRaw === 'undefined'\n\t\t\t\t? '--'\n\t\t\t\t: `${prefixWithSign ?? ''}${getTrendRawAbs()}`;\n\t\treturn trendRawTextInitial;\n\t};\n\n\tconst [trendRawText, setTrendRawText] = useState<string>(\n\t\tgenerateTrendRawText(),\n\t);\n\tconst [timeLineText, setTimeLineText] = useState<string>(\n\t\tcustomTimelineText || '',\n\t);\n\n\tuseEffect(() => {\n\t\tif (customTimelineText) {\n\t\t\treturn;\n\t\t}\n\t\tsetTimeLineText(\n\t\t\ttimeline === 'today'\n\t\t\t\t? 'vs yesterday'\n\t\t\t\t: timeline === 'yesterday'\n\t\t\t\t? 'vs 1 day before'\n\t\t\t\t: timeline === '7 days'\n\t\t\t\t? 'vs last 7 days'\n\t\t\t\t: timeline === '30 days'\n\t\t\t\t? 'vs last 30 days'\n\t\t\t\t: timeline === 'custom' && customRange\n\t\t\t\t? DateUtils.getAnalyticsCustomDateTimelineText(customRange)\n\t\t\t\t: '',\n\t\t);\n\t}, [timeline, customRange]);\n\n\tuseEffect(() => {\n\t\tsetTrendRawText(generateTrendRawText());\n\t}, [trendRaw]);\n\n\tconst TrendIcon = direction === 'negative' ? DownArrowIcon : UpArrowIcon;\n\n\tconst color =\n\t\tdirection === 'negative'\n\t\t\t? COLORS.background.negative.vibrant\n\t\t\t: direction === 'positive'\n\t\t\t? COLORS.background.positive.vibrant\n\t\t\t: COLORS.content.placeholder;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tflexDirection: 'row',\n\t\t\t\tflexWrap: 'wrap',\n\t\t\t}}\n\t\t>\n\t\t\t{typeof percent === 'number' && (\n\t\t\t\t<TrendIcon\n\t\t\t\t\tcolor={color}\n\t\t\t\t\theight={16}\n\t\t\t\t\twidth={16}\n\t\t\t\t\tstyle={{ marginRight: 2, ...(trendIconStyle ?? {}) }}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{typeof percent === 'number' && direction && (\n\t\t\t\t<Caption style={{ color }}>\n\t\t\t\t\t{direction === 'neutral' ? 0 : percent < 1000 ? percent : '>999'}\n\t\t\t\t\t{'%'}\n\t\t\t\t</Caption>\n\t\t\t)}\n\t\t\t{!!trendRaw && (\n\t\t\t\t<Caption style={{ marginLeft: 4, color: COLORS.content.placeholder }}>\n\t\t\t\t\t{`(${trendRawText})`}\n\t\t\t\t</Caption>\n\t\t\t)}\n\t\t\t{!trendRaw && (trendRawString?.length || 0) > 0 && (\n\t\t\t\t<Caption style={{ marginLeft: 4, color: COLORS.content.placeholder }}>\n\t\t\t\t\t{`${trendRawString}`}\n\t\t\t\t</Caption>\n\t\t\t)}\n\n\t\t\t{timeline &&\n\t\t\t\t(tooltipTimelineText ? (\n\t\t\t\t\t<Tooltip body={tooltipTimelineText} placement=\"bottom\">\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tstyle={{ marginLeft: 4, color: COLORS.content.placeholder }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{customTimelineText || timeLineText}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) : (\n\t\t\t\t\t<Caption style={{ marginLeft: 4, color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t{customTimelineText || timeLineText}\n\t\t\t\t\t</Caption>\n\t\t\t\t))}\n\t\t</div>\n\t);\n};\n"],"names":["AnalyticsTrend","title","value","trendPercent","type","timeline","customRange","tooltip","card","rightSeparator","size","share","formatVal","prefixSymbol","trailingIcon","onTrailIconClick","iconTooltipBody","funnelPercent","isLoading","trendRaw","trendRawString","suffixText","trendStyle","trendContainerStyle","trendIconStyle","containerStyle","prevTrendDiff","relativePercentageDiff","isInternationalStore","Icon","iconContainerStyle","tooltipTimelineText","customTimelineText","ValueTypo","TitleLarge","TitleMedium","trendDirection","percent","getDisplayValue","truncateValueForInternationalStore","truncateValueForIndianStore","formatTrendDiff","trendDiff","diff","jsxDEV","AnalyticsTrendContainer","COLORS","IconContainer","this","BodyCaption","Tooltip","InfoIcon","ShimmerComponentStyled","Tag","Trend","Fragment","React","direction","getTrendRawAbs","trendRawAbs","generateTrendRawText","prefixWithSign","trendRawText","setTrendRawText","useState","timeLineText","setTimeLineText","useEffect","DateUtils","TrendIcon","DownArrowIcon","UpArrowIcon","color","Caption"],"mappings":"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"}
+{"version":3,"file":"AnalyticsTrend.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ShimmerComponentStyled } from '@src/components/shimmer/ShimmerComponent/ShimmerStyled';\nimport DateUtils from '@src/utils/DateUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport DownArrowIcon from '../../assets/icons/arrow_down.svg';\nimport UpArrowIcon from '../../assets/icons/arrow_up.svg';\nimport InfoIcon from '../../assets/icons/info.svg';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport {\n\tBodyCaption,\n\tCaption,\n\tTitleLarge,\n\tTitleMedium,\n} from '../TypographyStyle';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from './chart/utils/calcPercentage';\nimport { AnalyticsTrendContainer, IconContainer } from './CommonStyles';\n\nexport interface AnalyticsTrendInterface {\n\ttitle: string;\n\tvalue?: number | string;\n\ttrendPercent?: number;\n\ttrendRaw?: number;\n\ttrendRawString?: string;\n\tformatVal?: boolean;\n\ttimeline?: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';\n\tcustomRange?: Date[];\n\ttype?: 'vertical' | 'horizontal';\n\ttooltip?: string;\n\tcard?: boolean;\n\trightSeparator?: boolean;\n\tsize?: 'big' | 'small';\n\tshare?: boolean;\n\tprefixSymbol?: string;\n\ttrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tonTrailIconClick?: () => void;\n\ticonTooltipBody?: string;\n\tfunnelPercent?: number;\n\tisLoading?: boolean;\n\tsuffixText?: string;\n\ttrendStyle?: React.CSSProperties;\n\ticonContainerStyle?: React.CSSProperties;\n\ttrendContainerStyle?: React.CSSProperties;\n\ttrendIconStyle?: React.CSSProperties;\n\tcontainerStyle?: React.CSSProperties;\n\tprevTrendDiff?: number;\n\trelativePercentageDiff?: number;\n\tisInternationalStore?: boolean;\n\tIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\ttooltipTimelineText?: string;\n\tcustomTimelineText?: string;\n}\nexport const AnalyticsTrend: React.FC<AnalyticsTrendInterface> = ({\n\ttitle,\n\tvalue,\n\ttrendPercent,\n\ttype = 'horizontal',\n\ttimeline,\n\tcustomRange,\n\ttooltip,\n\tcard = true,\n\trightSeparator = false,\n\tsize = 'big',\n\tshare = false,\n\tformatVal,\n\tprefixSymbol,\n\ttrailingIcon,\n\tonTrailIconClick,\n\ticonTooltipBody,\n\tfunnelPercent,\n\tisLoading,\n\ttrendRaw,\n\ttrendRawString,\n\tsuffixText,\n\ttrendStyle,\n\ttrendContainerStyle,\n\ttrendIconStyle,\n\tcontainerStyle,\n\tprevTrendDiff,\n\trelativePercentageDiff,\n\tisInternationalStore,\n\tIcon,\n\ticonContainerStyle,\n\ttooltipTimelineText,\n\tcustomTimelineText,\n}) => {\n\tconst ValueTypo = size === 'big' ? TitleLarge : TitleMedium;\n\tconst trendDirection =\n\t\ttypeof trendPercent !== 'undefined'\n\t\t\t? trendPercent < 0\n\t\t\t\t? 'negative'\n\t\t\t\t: trendPercent === 0\n\t\t\t\t? 'neutral'\n\t\t\t\t: 'positive'\n\t\t\t: undefined;\n\n\tconst percent =\n\t\ttypeof trendPercent !== 'undefined'\n\t\t\t? share\n\t\t\t\t? Math.round(trendPercent)\n\t\t\t\t: Math.abs(Math.round(trendPercent))\n\t\t\t: undefined;\n\n\tconst getDisplayValue = () => {\n\t\tif (typeof value === 'undefined') {\n\t\t\treturn '--';\n\t\t}\n\n\t\tif (typeof value === 'number') {\n\t\t\tif (formatVal) {\n\t\t\t\tif (value > 999) {\n\t\t\t\t\tif (isInternationalStore) {\n\t\t\t\t\t\treturn `${prefixSymbol ?? ''}${truncateValueForInternationalStore(\n\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t)} ${suffixText ?? ''}`;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn `${prefixSymbol ?? ''}${truncateValueForIndianStore(\n\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t)} ${suffixText ?? ''}`;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn `${prefixSymbol ?? ''}${new Intl.NumberFormat('en-IN', {\n\t\t\t\t\t\tmaximumFractionDigits: 2,\n\t\t\t\t\t}).format(value)} ${suffixText ?? ''}`;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn `${prefixSymbol ?? ''}${value} ${suffixText ?? ''}`;\n\t};\n\n\tconst formatTrendDiff = (trendDiff: number) => {\n\t\tconst diff = Math.abs(trendDiff);\n\t\tif (diff % 1 !== 0) {\n\t\t\treturn `${diff.toFixed(1)} %`;\n\t\t}\n\t\treturn `${diff} %`;\n\t};\n\n\treturn (\n\t\t<AnalyticsTrendContainer\n\t\t\tcard={card}\n\t\t\tstyle={{\n\t\t\t\t...containerStyle,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tgap: Icon ? 12 : 4,\n\t\t\t\t\tborderRightWidth: rightSeparator ? 1 : 0,\n\t\t\t\t\tborderRightColor: COLORS.stroke.primary,\n\t\t\t\t\tborderRightStyle: 'solid',\n\t\t\t\t\tpaddingLeft: !card ? 24 : 0,\n\t\t\t\t\tpaddingRight: !card ? 24 : 0,\n\t\t\t\t\theight: '100%',\n\t\t\t\t\tjustifyContent: Icon ? 'flex-start' : 'space-between',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t...(trendContainerStyle ?? {}),\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{!!Icon && (\n\t\t\t\t\t<IconContainer style={{ ...iconContainerStyle }}>\n\t\t\t\t\t\t<Icon />\n\t\t\t\t\t</IconContainer>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t...(trendStyle ?? {}),\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</BodyCaption>\n\n\t\t\t\t\t\t{tooltip && (\n\t\t\t\t\t\t\t<Tooltip body={tooltip} placement={'right'} width={300}>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\theight: '100%',\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<InfoIcon\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: 12,\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t...(share ? { justifyContent: 'space-between' } : {}),\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{isLoading && <ShimmerComponentStyled width={108} height={26} />}\n\t\t\t\t\t\t{!isLoading && (\n\t\t\t\t\t\t\t<ValueTypo\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.primary,\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{getDisplayValue()}\n\t\t\t\t\t\t\t</ValueTypo>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{typeof relativePercentageDiff === 'number' && (\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\ttagText={`${relativePercentageDiff}%`}\n\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{type === 'horizontal' && !isLoading && !share && (\n\t\t\t\t\t\t\t<Trend\n\t\t\t\t\t\t\t\ttimeline={timeline}\n\t\t\t\t\t\t\t\tcustomRange={customRange}\n\t\t\t\t\t\t\t\tpercent={percent}\n\t\t\t\t\t\t\t\tdirection={trendDirection}\n\t\t\t\t\t\t\t\ttrendRaw={trendRaw}\n\t\t\t\t\t\t\t\ttrendRawString={trendRawString}\n\t\t\t\t\t\t\t\tprefixSymbol={prefixSymbol}\n\t\t\t\t\t\t\t\ttrendIconStyle={trendIconStyle}\n\t\t\t\t\t\t\t\tisInternationalStore={isInternationalStore}\n\t\t\t\t\t\t\t\ttooltipTimelineText={tooltipTimelineText}\n\t\t\t\t\t\t\t\tcustomTimelineText={customTimelineText}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{isLoading && !share && type === 'horizontal' && (\n\t\t\t\t\t\t\t<ShimmerComponentStyled height={20} width={141} marginTop={6} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{type === 'vertical' &&\n\t\t\t\t\t\t\t!isLoading &&\n\t\t\t\t\t\t\ttypeof funnelPercent !== 'undefined' && (\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\ttagText={`${funnelPercent} %`}\n\t\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t{share && !isLoading && typeof percent !== 'undefined' && (\n\t\t\t\t\t\t\t<Tag tagText={`${percent} %`} theme=\"light\" type=\"neutral\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!share && !isLoading && prevTrendDiff && prevTrendDiff != 0 ? (\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\ttagText={formatTrendDiff(prevTrendDiff)}\n\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\t/>\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</div>\n\t\t\t\t\t{type === 'vertical' && !isLoading && !share && (\n\t\t\t\t\t\t<div style={{ marginTop: 10 }}>\n\t\t\t\t\t\t\t<Trend\n\t\t\t\t\t\t\t\ttimeline={timeline}\n\t\t\t\t\t\t\t\tcustomRange={customRange}\n\t\t\t\t\t\t\t\tpercent={percent}\n\t\t\t\t\t\t\t\tdirection={trendDirection}\n\t\t\t\t\t\t\t\ttrendRaw={trendRaw}\n\t\t\t\t\t\t\t\ttrendRawString={trendRawString}\n\t\t\t\t\t\t\t\tprefixSymbol={prefixSymbol}\n\t\t\t\t\t\t\t\ttrendIconStyle={trendIconStyle}\n\t\t\t\t\t\t\t\tisInternationalStore={isInternationalStore}\n\t\t\t\t\t\t\t\ttooltipTimelineText={tooltipTimelineText}\n\t\t\t\t\t\t\t\tcustomTimelineText={customTimelineText}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{isLoading && type === 'vertical' && (\n\t\t\t\t\t\t<ShimmerComponentStyled height={20} width={141} marginTop={6} />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{iconTooltipBody && !isLoading && (\n\t\t\t\t\t<Tooltip body={iconTooltipBody} placement={'right'}>\n\t\t\t\t\t\t{trailingIcon && (\n\t\t\t\t\t\t\t<div className={'icon--holder'} onClick={onTrailIconClick}>\n\t\t\t\t\t\t\t\t{React.createElement(trailingIcon, {\n\t\t\t\t\t\t\t\t\theight: 20,\n\t\t\t\t\t\t\t\t\twidth: 20,\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</AnalyticsTrendContainer>\n\t);\n};\n\nconst Trend: React.FC<{\n\tpercent?: number;\n\tdirection?: 'positive' | 'negative' | 'neutral';\n\ttimeline?: AnalyticsTrendInterface['timeline'];\n\tcustomRange?: AnalyticsTrendInterface['customRange'];\n\ttrendRaw?: number;\n\ttrendRawString?: string;\n\tprefixSymbol?: string;\n\ttrendIconStyle?: React.CSSProperties;\n\tisInternationalStore?: boolean;\n\ttooltipTimelineText?: string;\n\tcustomTimelineText?: string;\n}> = ({\n\tpercent,\n\tdirection,\n\ttimeline,\n\tcustomRange,\n\ttrendRaw,\n\ttrendRawString,\n\tprefixSymbol,\n\ttrendIconStyle,\n\tisInternationalStore,\n\ttooltipTimelineText,\n\tcustomTimelineText,\n}) => {\n\tconst getTrendRawAbs = () => {\n\t\tlet trendRawAbs = '--';\n\t\tif (trendRaw) {\n\t\t\tif (isInternationalStore) {\n\t\t\t\ttrendRawAbs = String(\n\t\t\t\t\ttruncateValueForInternationalStore(Math.abs(trendRaw)),\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\ttrendRawAbs = String(truncateValueForIndianStore(Math.abs(trendRaw)));\n\t\t\t}\n\t\t\tif (trendRaw < 0) {\n\t\t\t\treturn '-' + trendRawAbs;\n\t\t\t} else {\n\t\t\t\treturn trendRawAbs;\n\t\t\t}\n\t\t}\n\t};\n\n\tconst generateTrendRawText = () => {\n\t\tconst prefixWithSign =\n\t\t\t((trendRaw ?? 0) > 0 ? '+' : '') + (prefixSymbol ?? '');\n\t\tconst trendRawTextInitial =\n\t\t\ttypeof trendRaw === 'undefined'\n\t\t\t\t? '--'\n\t\t\t\t: `${prefixWithSign ?? ''}${getTrendRawAbs()}`;\n\t\treturn trendRawTextInitial;\n\t};\n\n\tconst [trendRawText, setTrendRawText] = useState<string>(\n\t\tgenerateTrendRawText(),\n\t);\n\tconst [timeLineText, setTimeLineText] = useState<string>(\n\t\tcustomTimelineText || '',\n\t);\n\n\tuseEffect(() => {\n\t\tif (customTimelineText) {\n\t\t\treturn;\n\t\t}\n\t\tsetTimeLineText(\n\t\t\ttimeline === 'today'\n\t\t\t\t? 'vs yesterday'\n\t\t\t\t: timeline === 'yesterday'\n\t\t\t\t? 'vs 1 day before'\n\t\t\t\t: timeline === '7 days'\n\t\t\t\t? 'vs last 7 days'\n\t\t\t\t: timeline === '30 days'\n\t\t\t\t? 'vs last 30 days'\n\t\t\t\t: timeline === 'custom' && customRange\n\t\t\t\t? DateUtils.getAnalyticsCustomDateTimelineText(customRange)\n\t\t\t\t: '',\n\t\t);\n\t}, [timeline, customRange]);\n\n\tuseEffect(() => {\n\t\tsetTrendRawText(generateTrendRawText());\n\t}, [trendRaw]);\n\n\tconst TrendIcon = direction === 'negative' ? DownArrowIcon : UpArrowIcon;\n\n\tconst color =\n\t\tdirection === 'negative'\n\t\t\t? COLORS.background.negative.vibrant\n\t\t\t: direction === 'positive'\n\t\t\t? COLORS.background.positive.vibrant\n\t\t\t: COLORS.content.placeholder;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tflexDirection: 'row',\n\t\t\t\tflexWrap: 'wrap',\n\t\t\t}}\n\t\t>\n\t\t\t{typeof percent === 'number' && (\n\t\t\t\t<TrendIcon\n\t\t\t\t\tcolor={color}\n\t\t\t\t\theight={16}\n\t\t\t\t\twidth={16}\n\t\t\t\t\tstyle={{ marginRight: 2, ...(trendIconStyle ?? {}) }}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{typeof percent === 'number' && direction && (\n\t\t\t\t<Caption style={{ color }}>\n\t\t\t\t\t{direction === 'neutral' ? 0 : percent < 1000 ? percent : '>999'}\n\t\t\t\t\t{'%'}\n\t\t\t\t</Caption>\n\t\t\t)}\n\t\t\t{!!trendRaw && (\n\t\t\t\t<Caption style={{ marginLeft: 4, color: COLORS.content.placeholder }}>\n\t\t\t\t\t{`(${trendRawText})`}\n\t\t\t\t</Caption>\n\t\t\t)}\n\t\t\t{!trendRaw && (trendRawString?.length || 0) > 0 && (\n\t\t\t\t<Caption style={{ marginLeft: 4, color: COLORS.content.placeholder }}>\n\t\t\t\t\t{`${trendRawString}`}\n\t\t\t\t</Caption>\n\t\t\t)}\n\n\t\t\t{timeline &&\n\t\t\t\t(tooltipTimelineText ? (\n\t\t\t\t\t<Tooltip body={tooltipTimelineText} placement=\"bottom\">\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tstyle={{ marginLeft: 4, color: COLORS.content.placeholder }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{customTimelineText || timeLineText}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) : (\n\t\t\t\t\t<Caption style={{ marginLeft: 4, color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t{customTimelineText || timeLineText}\n\t\t\t\t\t</Caption>\n\t\t\t\t))}\n\t\t</div>\n\t);\n};\n"],"names":["AnalyticsTrend","title","value","trendPercent","type","timeline","customRange","tooltip","card","rightSeparator","size","share","formatVal","prefixSymbol","trailingIcon","onTrailIconClick","iconTooltipBody","funnelPercent","isLoading","trendRaw","trendRawString","suffixText","trendStyle","trendContainerStyle","trendIconStyle","containerStyle","prevTrendDiff","relativePercentageDiff","isInternationalStore","Icon","iconContainerStyle","tooltipTimelineText","customTimelineText","ValueTypo","TitleLarge","TitleMedium","trendDirection","percent","getDisplayValue","truncateValueForInternationalStore","truncateValueForIndianStore","formatTrendDiff","trendDiff","diff","jsxDEV","AnalyticsTrendContainer","COLORS","IconContainer","this","BodyCaption","Tooltip","InfoIcon","ShimmerComponentStyled","Tag","Trend","Fragment","React","direction","getTrendRawAbs","trendRawAbs","generateTrendRawText","prefixWithSign","trendRawText","setTrendRawText","useState","timeLineText","setTimeLineText","useEffect","DateUtils","TrendIcon","DownArrowIcon","UpArrowIcon","color","Caption"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-dev-runtime"),s=require("chart.js"),A=require("chartjs-plugin-datalabels"),z=require("react-chartjs-2"),D=require("../../../TypographyStyle.js"),n=require("../../../../constants/Theme.js"),h=require("../utils/calcPercentage.js"),v=require("./HorizontalGraph.styles.js"),O=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},N=O(A);s.Chart.register(s.CategoryScale,s.LinearScale,s.BarElement,s.Tooltip,N.default);const G=t=>{const b=[250,1e3,800,1500,300,600],g=t.stacked&&t.stackedDatasets&&t.stackedDatasets.length>0&&t.stackedDatasets.some(a=>a.data.some(o=>o!==0)),x=t.xAxis.data.findIndex(a=>a!==0)!==-1,r=!g&&!x,m={min:0,max:2e3,stepSize:t.xAxis.stepSize??200},f={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:t.maintainAspectRatio,layout:{padding:{right:t.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!r,callbacks:{label:t.xAxis.toolTipCallback,footer:t.tooltipConfig?.footerCallback},footerFont:t.tooltipConfig?.footerStyles?.footerFont},datalabels:{display:(!r&&t.showTotal)??!1,anchor:"end",align:"end",clamp:!0,formatter:(a,o)=>{const i=o.datasetIndex,e=o.chart.data.datasets;if(i!==e.length-1)return"";const l=o.dataIndex;let c=0;for(let u=0;u<e.length;u++)c+=e[u].data[l]??0;return c?t.isInternationalStore?h.truncateValueForInternationalStore(c):h.truncateValueForIndianStore(c):""},color:n.COLORS.content.secondary}},scales:{y:{stacked:t.stacked??!1,title:{display:!!t.yAxis.title,text:t.yAxis.title,color:t.yAxis.titleColor,font:{size:n.FONTS.caption.fontSize,color:t.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:n.COLORS.background.base},ticks:{fontSize:n.FONTS.caption.fontSize,color:t.yAxis.labelColor??n.COLORS.content.secondary}},x:{stacked:t.stacked??!1,title:{display:!!t.xAxis.title,text:t.xAxis.title,color:t.xAxis.titleColor,font:{size:n.FONTS.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:n.COLORS.background.base},ticks:{callback:t.xAxis.ticksCallback,fontSize:n.FONTS.caption.fontSize,color:t.xAxis.labelColor??n.COLORS.content.secondary,...r?m:{max:t.xAxis.max,stepSize:t.xAxis.stepSize}}}},onClick:(a,o)=>{if(o.length>0&&t.onBarClick){const i=o[0].index;t.onBarClick(i)}}},k=a=>{const i=a.chart.ctx.createLinearGradient(0,0,0,200);let e="";if(r)e="rgba(0,0,0,0)";else if(t.barColorRGBA){const l=t.barColorRGBA;e=`rgba(${l.r}, ${l.g}, ${l.b}, ${l.a??"0.3"})`}return i.addColorStop(0,e||"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,e||"rgba(146, 96, 237, 0.3)"),i},y=()=>r?"rgba(0,0,0,0)":t.barColors&&t.barColors.length>0?t.barColors:a=>k(a),C=()=>t.stacked&&t.stackedDatasets&&t.stackedDatasets.length>0?t.stackedDatasets.map(a=>({label:a.label||"",data:r?b:a.data,backgroundColor:a.backgroundColor,barPercentage:.4,categoryPercentage:1,borderRadius:4})):[{data:r?b:t.xAxis.data,backgroundColor:y(),barPercentage:.4,categoryPercentage:1,borderRadius:4}],S={labels:t.yAxis.data.map(a=>a.toString()),datasets:C()};return d.jsxDEV(v.GraphContainerWrapper,{padding:t.outerPadding,skipOuterLayout:t.skipOuterLayout,children:[t.chartHeading&&d.jsxDEV(D.TitleRegular,{color:t.chartHeading.color??n.COLORS.content.secondary,children:t.chartHeading.heading},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.tsx",lineNumber:217,columnNumber:5},void 0),d.jsxDEV("div",{style:{height:t.maintainAspectRatio?void 0:t.graphCanvasHeight??500},children:d.jsxDEV(z.Bar,{options:f,data:S},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.tsx",lineNumber:230,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/HorizontalBarGraph/HorizontalGraph.tsx",lineNumber:223,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/HorizontalBarGraph/HorizontalGraph.tsx",lineNumber:212,columnNumber:3},void 0)};exports.HorizontalGraph=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-dev-runtime"),s=require("chart.js"),A=require("chartjs-plugin-datalabels"),z=require("react-chartjs-2"),D=require("../../../TypographyStyle.js"),n=require("../../../../constants/Theme.js"),g=require("../utils/calcPercentage.js"),O=require("./HorizontalGraph.styles.js"),N=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},G=N(A);s.Chart.register(s.CategoryScale,s.LinearScale,s.BarElement,s.Tooltip,G.default);const H=a=>{const b=[250,1e3,800,1500,300,600],x=a.stacked&&a.stackedDatasets&&a.stackedDatasets.length>0&&a.stackedDatasets.some(t=>t.data.some(o=>o!==0)),h=a.xAxis.data.findIndex(t=>t!==0)!==-1,r=!x&&!h,f={min:0,max:2e3,stepSize:a.xAxis.stepSize??200},m={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:a.maintainAspectRatio,layout:{padding:{right:a.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!r,callbacks:{label:a.xAxis.toolTipCallback,footer:a.tooltipConfig?.footerCallback},footerFont:a.tooltipConfig?.footerStyles?.footerFont},datalabels:{display:(!r&&a.showTotal)??!1,anchor:"end",align:"end",clamp:!0,formatter:(t,o)=>{const i=o.datasetIndex,e=o.chart.data.datasets;if(i!==e.length-1)return"";const l=o.dataIndex;let c=0;for(let u=0;u<e.length;u++)c+=e[u].data[l]??0;return c?a.isInternationalStore?g.truncateValueForInternationalStore(c):g.truncateValueForIndianStore(c):""},color:n.COLORS.content.secondary}},scales:{y:{stacked:a.stacked??!1,title:{display:!!a.yAxis.title,text:a.yAxis.title,color:a.yAxis.titleColor,font:{size:n.FONTS.caption.fontSize,color:a.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:n.COLORS.background.base},ticks:{fontSize:n.FONTS.caption.fontSize,color:a.yAxis.labelColor??n.COLORS.content.secondary}},x:{stacked:a.stacked??!1,title:{display:!!a.xAxis.title,text:a.xAxis.title,color:a.xAxis.titleColor,font:{size:n.FONTS.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:n.COLORS.background.base},ticks:{callback:a.xAxis.ticksCallback,fontSize:n.FONTS.caption.fontSize,color:a.xAxis.labelColor??n.COLORS.content.secondary,...r?f:{max:a.xAxis.max,stepSize:a.xAxis.stepSize}}}},onClick:(t,o)=>{if(o.length>0&&a.onBarClick){const i=o[0].index;a.onBarClick(i)}}},y=t=>{const i=t.chart.ctx.createLinearGradient(0,0,0,200);let e="";if(r)e="rgba(0,0,0,0)";else if(a.barColorRGBA){const l=a.barColorRGBA;e=`rgba(${l.r}, ${l.g}, ${l.b}, ${l.a??"0.3"})`}return i.addColorStop(0,e||"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,e||"rgba(146, 96, 237, 0.3)"),i},C=()=>r?"rgba(0,0,0,0)":a.barColors&&a.barColors.length>0?a.barColors:t=>y(t),k=()=>a.stacked&&a.stackedDatasets&&a.stackedDatasets.length>0?a.stackedDatasets.map(t=>({label:t.label||"",data:r?b:t.data,backgroundColor:t.backgroundColor,barPercentage:.4,categoryPercentage:1,borderRadius:4})):[{data:r?b:a.xAxis.data,backgroundColor:C(),barPercentage:.4,categoryPercentage:1,borderRadius:4}],S={labels:a.yAxis.data.map(t=>t.toString()),datasets:k()};return d.jsxDEV(O.GraphContainerWrapper,{padding:a.outerPadding,skipOuterLayout:a.skipOuterLayout,children:[a.chartHeading&&d.jsxDEV(D.TitleRegular,{color:a.chartHeading.color??n.COLORS.content.secondary,children:a.chartHeading.heading},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.tsx",lineNumber:217,columnNumber:5},void 0),d.jsxDEV("div",{style:{height:a.maintainAspectRatio?void 0:a.graphCanvasHeight??500},children:d.jsxDEV(z.Bar,{options:m,data:S},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.tsx",lineNumber:230,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.tsx",lineNumber:223,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.tsx",lineNumber:212,columnNumber:3},void 0)};exports.HorizontalGraph=H;
 //# sourceMappingURL=HorizontalGraph.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport { HorizontalGraphI } from './HorizontalGraph.d';\nimport { GraphContainerWrapper } from './HorizontalGraph.styles';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const HorizontalGraph: React.FC<HorizontalGraphI> = (props) => {\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\n\t// Check if data is present - consider both regular xAxis data and stacked datasets\n\tconst hasStackedData =\n\t\tprops.stacked &&\n\t\tprops.stackedDatasets &&\n\t\tprops.stackedDatasets.length > 0 &&\n\t\tprops.stackedDatasets.some((ds) => ds.data.some((val) => val !== 0));\n\n\tconst hasXAxisData = props.xAxis.data.findIndex((ele) => ele !== 0) !== -1;\n\n\tconst noDataPresent = !hasStackedData && !hasXAxisData;\n\tconst xAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: props.xAxis.stepSize ?? 200,\n\t};\n\tconst options = {\n\t\tindexAxis: 'y' as const,\n\t\telements: {},\n\t\tresponsive: true,\n\t\tmaintainAspectRatio: props.maintainAspectRatio,\n\t\tlayout: {\n\t\t\tpadding: {\n\t\t\t\tright: props.showTotal ? 50 : 0,\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\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.xAxis.toolTipCallback,\n\t\t\t\t\tfooter: props.tooltipConfig?.footerCallback,\n\t\t\t\t},\n\t\t\t\tfooterFont: props.tooltipConfig?.footerStyles?.footerFont,\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: (!noDataPresent && props.showTotal) ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tformatter: (_, context) => {\n\t\t\t\t\tconst datasetIndex = context.datasetIndex;\n\t\t\t\t\tconst datasets = context.chart.data.datasets;\n\t\t\t\t\tif (datasetIndex !== datasets.length - 1) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\tconst dataIndex = context.dataIndex;\n\t\t\t\t\tlet sum = 0;\n\t\t\t\t\tfor (let i = 0; i < datasets.length; i++) {\n\t\t\t\t\t\tsum += datasets[i].data[dataIndex] ?? 0;\n\t\t\t\t\t}\n\t\t\t\t\tif (!sum) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\treturn props.isInternationalStore\n\t\t\t\t\t\t? truncateValueForInternationalStore(sum)\n\t\t\t\t\t\t: truncateValueForIndianStore(sum);\n\t\t\t\t},\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\ty: {\n\t\t\t\tstacked: props.stacked ?? false,\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, color: props.yAxis.titleColor },\n\t\t\t\t\tpadding: { bottom: 10 },\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\tx: {\n\t\t\t\tstacked: props.stacked ?? false,\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\tpadding: { top: 10 },\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.xAxis.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\n\t\t\t\t\t\t? xAxisConfigForNoData\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tmax: props.xAxis.max,\n\t\t\t\t\t\t\t\tstepSize: props.xAxis.stepSize,\n\t\t\t\t\t\t  }),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tonClick: (_event: any, elements: any[]) => {\n\t\t\tif (elements.length > 0 && props.onBarClick) {\n\t\t\t\tconst index = elements[0].index;\n\t\t\t\tprops.onBarClick(index);\n\t\t\t}\n\t\t},\n\t} as any;\n\n\tconst getColorSpectrum = (context) => {\n\t\tconst ctx = context.chart.ctx;\n\t\tconst gradient = ctx.createLinearGradient(0, 0, 0, 200);\n\t\tlet rgbaColor = '';\n\t\tif (noDataPresent) {\n\t\t\trgbaColor = 'rgba(0,0,0,0)';\n\t\t} else if (props.barColorRGBA) {\n\t\t\tconst rgb = props.barColorRGBA;\n\t\t\trgbaColor = `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${rgb.a ?? '0.3'})`;\n\t\t}\n\n\t\tgradient.addColorStop(0, rgbaColor ? rgbaColor : 'rgba(146, 96, 237, 0.3)');\n\t\tgradient.addColorStop(1, rgbaColor ? rgbaColor : `rgba(146, 96, 237, 0.3)`);\n\n\t\treturn gradient;\n\t};\n\n\t// Get background color - supports per-bar colors via barColors array\n\tconst getBackgroundColor = () => {\n\t\tif (noDataPresent) {\n\t\t\treturn 'rgba(0,0,0,0)';\n\t\t}\n\t\t// If barColors array is provided, use it for per-bar coloring\n\t\tif (props.barColors && props.barColors.length > 0) {\n\t\t\treturn props.barColors;\n\t\t}\n\t\t// Fallback to single color via getColorSpectrum\n\t\treturn (context) => getColorSpectrum(context);\n\t};\n\n\t// Build datasets - support stacked datasets if provided\n\tconst buildDatasets = () => {\n\t\tif (\n\t\t\tprops.stacked &&\n\t\t\tprops.stackedDatasets &&\n\t\t\tprops.stackedDatasets.length > 0\n\t\t) {\n\t\t\treturn props.stackedDatasets.map((dataset) => ({\n\t\t\t\tlabel: dataset.label || '',\n\t\t\t\tdata: noDataPresent ? dummyValues : dataset.data,\n\t\t\t\tbackgroundColor: dataset.backgroundColor,\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\t// Default single dataset\n\t\treturn [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.xAxis.data,\n\t\t\t\tbackgroundColor: getBackgroundColor(),\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 data = {\n\t\tlabels: props.yAxis.data.map((d) => d.toString()),\n\t\tdatasets: buildDatasets(),\n\t};\n\treturn (\n\t\t<GraphContainerWrapper\n\t\t\tpadding={props.outerPadding}\n\t\t\tskipOuterLayout={props.skipOuterLayout}\n\t\t>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<TitleRegular\n\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t>\n\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t</TitleRegular>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.maintainAspectRatio\n\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t: 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</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","HorizontalGraph","props","dummyValues","hasStackedData","ds","val","hasXAxisData","ele","noDataPresent","xAxisConfigForNoData","options","_","context","datasetIndex","datasets","dataIndex","sum","i","truncateValueForInternationalStore","truncateValueForIndianStore","COLORS","FONTS","_event","elements","index","getColorSpectrum","gradient","rgbaColor","rgb","getBackgroundColor","buildDatasets","dataset","data","d","jsxDEV","GraphContainerWrapper","TitleRegular","this","Bar"],"mappings":"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"}
+{"version":3,"file":"HorizontalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport { HorizontalGraphI } from './HorizontalGraph.d';\nimport { GraphContainerWrapper } from './HorizontalGraph.styles';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const HorizontalGraph: React.FC<HorizontalGraphI> = (props) => {\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\n\t// Check if data is present - consider both regular xAxis data and stacked datasets\n\tconst hasStackedData =\n\t\tprops.stacked &&\n\t\tprops.stackedDatasets &&\n\t\tprops.stackedDatasets.length > 0 &&\n\t\tprops.stackedDatasets.some((ds) => ds.data.some((val) => val !== 0));\n\n\tconst hasXAxisData = props.xAxis.data.findIndex((ele) => ele !== 0) !== -1;\n\n\tconst noDataPresent = !hasStackedData && !hasXAxisData;\n\tconst xAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: props.xAxis.stepSize ?? 200,\n\t};\n\tconst options = {\n\t\tindexAxis: 'y' as const,\n\t\telements: {},\n\t\tresponsive: true,\n\t\tmaintainAspectRatio: props.maintainAspectRatio,\n\t\tlayout: {\n\t\t\tpadding: {\n\t\t\t\tright: props.showTotal ? 50 : 0,\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\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.xAxis.toolTipCallback,\n\t\t\t\t\tfooter: props.tooltipConfig?.footerCallback,\n\t\t\t\t},\n\t\t\t\tfooterFont: props.tooltipConfig?.footerStyles?.footerFont,\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: (!noDataPresent && props.showTotal) ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tformatter: (_, context) => {\n\t\t\t\t\tconst datasetIndex = context.datasetIndex;\n\t\t\t\t\tconst datasets = context.chart.data.datasets;\n\t\t\t\t\tif (datasetIndex !== datasets.length - 1) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\tconst dataIndex = context.dataIndex;\n\t\t\t\t\tlet sum = 0;\n\t\t\t\t\tfor (let i = 0; i < datasets.length; i++) {\n\t\t\t\t\t\tsum += datasets[i].data[dataIndex] ?? 0;\n\t\t\t\t\t}\n\t\t\t\t\tif (!sum) {\n\t\t\t\t\t\treturn '';\n\t\t\t\t\t}\n\t\t\t\t\treturn props.isInternationalStore\n\t\t\t\t\t\t? truncateValueForInternationalStore(sum)\n\t\t\t\t\t\t: truncateValueForIndianStore(sum);\n\t\t\t\t},\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\ty: {\n\t\t\t\tstacked: props.stacked ?? false,\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, color: props.yAxis.titleColor },\n\t\t\t\t\tpadding: { bottom: 10 },\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\tx: {\n\t\t\t\tstacked: props.stacked ?? false,\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\tpadding: { top: 10 },\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.xAxis.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\n\t\t\t\t\t\t? xAxisConfigForNoData\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tmax: props.xAxis.max,\n\t\t\t\t\t\t\t\tstepSize: props.xAxis.stepSize,\n\t\t\t\t\t\t  }),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tonClick: (_event: any, elements: any[]) => {\n\t\t\tif (elements.length > 0 && props.onBarClick) {\n\t\t\t\tconst index = elements[0].index;\n\t\t\t\tprops.onBarClick(index);\n\t\t\t}\n\t\t},\n\t} as any;\n\n\tconst getColorSpectrum = (context) => {\n\t\tconst ctx = context.chart.ctx;\n\t\tconst gradient = ctx.createLinearGradient(0, 0, 0, 200);\n\t\tlet rgbaColor = '';\n\t\tif (noDataPresent) {\n\t\t\trgbaColor = 'rgba(0,0,0,0)';\n\t\t} else if (props.barColorRGBA) {\n\t\t\tconst rgb = props.barColorRGBA;\n\t\t\trgbaColor = `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${rgb.a ?? '0.3'})`;\n\t\t}\n\n\t\tgradient.addColorStop(0, rgbaColor ? rgbaColor : 'rgba(146, 96, 237, 0.3)');\n\t\tgradient.addColorStop(1, rgbaColor ? rgbaColor : `rgba(146, 96, 237, 0.3)`);\n\n\t\treturn gradient;\n\t};\n\n\t// Get background color - supports per-bar colors via barColors array\n\tconst getBackgroundColor = () => {\n\t\tif (noDataPresent) {\n\t\t\treturn 'rgba(0,0,0,0)';\n\t\t}\n\t\t// If barColors array is provided, use it for per-bar coloring\n\t\tif (props.barColors && props.barColors.length > 0) {\n\t\t\treturn props.barColors;\n\t\t}\n\t\t// Fallback to single color via getColorSpectrum\n\t\treturn (context) => getColorSpectrum(context);\n\t};\n\n\t// Build datasets - support stacked datasets if provided\n\tconst buildDatasets = () => {\n\t\tif (\n\t\t\tprops.stacked &&\n\t\t\tprops.stackedDatasets &&\n\t\t\tprops.stackedDatasets.length > 0\n\t\t) {\n\t\t\treturn props.stackedDatasets.map((dataset) => ({\n\t\t\t\tlabel: dataset.label || '',\n\t\t\t\tdata: noDataPresent ? dummyValues : dataset.data,\n\t\t\t\tbackgroundColor: dataset.backgroundColor,\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\t// Default single dataset\n\t\treturn [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.xAxis.data,\n\t\t\t\tbackgroundColor: getBackgroundColor(),\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 data = {\n\t\tlabels: props.yAxis.data.map((d) => d.toString()),\n\t\tdatasets: buildDatasets(),\n\t};\n\treturn (\n\t\t<GraphContainerWrapper\n\t\t\tpadding={props.outerPadding}\n\t\t\tskipOuterLayout={props.skipOuterLayout}\n\t\t>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<TitleRegular\n\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t>\n\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t</TitleRegular>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.maintainAspectRatio\n\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t: 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</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","HorizontalGraph","props","dummyValues","hasStackedData","ds","val","hasXAxisData","ele","noDataPresent","xAxisConfigForNoData","options","_","context","datasetIndex","datasets","dataIndex","sum","i","truncateValueForInternationalStore","truncateValueForIndianStore","COLORS","FONTS","_event","elements","index","getColorSpectrum","gradient","rgbaColor","rgb","getBackgroundColor","buildDatasets","dataset","data","d","jsxDEV","GraphContainerWrapper","TitleRegular","this","Bar"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),s=require("styled-components"),i=require("../../../TypographyStyle.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=a(s),c=l.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),s=require("styled-components"),i=require("../../../TypographyStyle.js"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=d(s),l=a.default.div`
 	display: flex;
 	align-items: center;
 	flex-direction: row;
@@ -16,5 +16,5 @@
 		margin-right: 12px;
 		flex: 1;
 	}
-`,d=({color:e,text:t})=>{const o=n=>n.charAt(0).toUpperCase()+n.slice(1);return r.jsxDEV(c,{children:[r.jsxDEV("div",{className:"color",style:{backgroundColor:e}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Legend/Legend.tsx",lineNumber:37,columnNumber:4},void 0),r.jsxDEV(i.BodyPrimary,{className:"title",children:o(t)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Legend/Legend.tsx",lineNumber:38,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/Legend/Legend.tsx",lineNumber:36,columnNumber:3},void 0)};exports.Legend=d;
+`,c=({color:e,text:r})=>{const t=o=>o.charAt(0).toUpperCase()+o.slice(1);return n.jsxDEV(l,{children:[n.jsxDEV("div",{className:"color",style:{backgroundColor:e}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Legend/Legend.tsx",lineNumber:37,columnNumber:4},void 0),n.jsxDEV(i.BodyPrimary,{className:"title",children:t(r)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Legend/Legend.tsx",lineNumber:38,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Legend/Legend.tsx",lineNumber:36,columnNumber:3},void 0)};exports.Legend=c;
 //# sourceMappingURL=Legend.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/Legend/Legend.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { BodyPrimary } from '@src/components/TypographyStyle';\n\nexport interface LegendData {\n\tcolor: string;\n\ttext: string;\n}\n\nconst LegendStyled = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tflex: 1;\n\n\t.color {\n\t\twidth: 12px;\n\t\theight: 12px;\n\t\tborder-radius: 20px;\n\t}\n\n\t.title {\n\t\tcolor: #474747;\n\t\tmargin-left: 12px;\n\t\tmargin-right: 12px;\n\t\tflex: 1;\n\t}\n`;\n\nexport const Legend: React.FC<LegendData> = ({ color, text }) => {\n\tconst toUpperCase = (name: string) => {\n\t\treturn name.charAt(0).toUpperCase() + name.slice(1);\n\t};\n\n\treturn (\n\t\t<LegendStyled>\n\t\t\t<div className={'color'} style={{ backgroundColor: color }}></div>\n\t\t\t<BodyPrimary className={'title'}>{toUpperCase(text)}</BodyPrimary>\n\t\t</LegendStyled>\n\t);\n};\n"],"names":["LegendStyled","styled","Legend","color","text","toUpperCase","name","jsxDEV","this","BodyPrimary"],"mappings":"gQASMA,EAAeC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBfC,EAA+B,CAAC,CAAE,MAAAC,EAAO,KAAAC,KAAW,CAChE,MAAMC,EAAeC,GACbA,EAAK,OAAO,CAAC,EAAE,cAAgBA,EAAK,MAAM,CAAC,EAGnD,gBACEN,EAAA,CACA,SAAA,CAAAO,EAAAA,OAAC,OAAI,UAAW,QAAS,MAAO,CAAE,gBAAiBJ,IAAnD,OAAA,GAAA,CAAA,SAAA,0JAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAA4D,WAC3DC,EAAAA,YAAA,CAAY,UAAW,QAAU,SAAAJ,EAAYD,CAAI,CAAA,EAAlD,OAAA,GAAA,CAAA,SAAA,0JAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAoD,CAAA,CAAA,EAFrD,OAAA,GAAA,CAAA,SAAA,0JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAEF"}
+{"version":3,"file":"Legend.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/Legend/Legend.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { BodyPrimary } from '@src/components/TypographyStyle';\n\nexport interface LegendData {\n\tcolor: string;\n\ttext: string;\n}\n\nconst LegendStyled = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tflex: 1;\n\n\t.color {\n\t\twidth: 12px;\n\t\theight: 12px;\n\t\tborder-radius: 20px;\n\t}\n\n\t.title {\n\t\tcolor: #474747;\n\t\tmargin-left: 12px;\n\t\tmargin-right: 12px;\n\t\tflex: 1;\n\t}\n`;\n\nexport const Legend: React.FC<LegendData> = ({ color, text }) => {\n\tconst toUpperCase = (name: string) => {\n\t\treturn name.charAt(0).toUpperCase() + name.slice(1);\n\t};\n\n\treturn (\n\t\t<LegendStyled>\n\t\t\t<div className={'color'} style={{ backgroundColor: color }}></div>\n\t\t\t<BodyPrimary className={'title'}>{toUpperCase(text)}</BodyPrimary>\n\t\t</LegendStyled>\n\t);\n};\n"],"names":["LegendStyled","styled","Legend","color","text","toUpperCase","name","jsxDEV","this","BodyPrimary"],"mappings":"gQASMA,EAAeC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBfC,EAA+B,CAAC,CAAE,MAAAC,EAAO,KAAAC,KAAW,CAChE,MAAMC,EAAeC,GACbA,EAAK,OAAO,CAAC,EAAE,cAAgBA,EAAK,MAAM,CAAC,EAGnD,gBACEN,EAAA,CACA,SAAA,CAAAO,EAAAA,OAAC,OAAI,UAAW,QAAS,MAAO,CAAE,gBAAiBJ,IAAnD,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAA4D,WAC3DC,EAAAA,YAAA,CAAY,UAAW,QAAU,SAAAJ,EAAYD,CAAI,CAAA,EAAlD,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAoD,CAAA,CAAA,EAFrD,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAEF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),i=require("chart.js"),C=require("react"),Q=require("react-chartjs-2"),X=require("../../../TypographyStyle.js"),n=require("../../../../constants/Theme.js"),m=require("../utils/calcPercentage.js"),p=require("./LineChart.styled.js");i.Chart.register(i.CategoryScale,i.LinearScale,i.PointElement,i.BarElement,i.LineElement,i.ArcElement,i.Filler,i.Title,i.Tooltip,i.Legend);const H=({scaleText:r,labels:u,canvasHeight:O,datas:g,maintainAspectRatio:L=!1,stepSize:N,min:w,max:S,isZeroState:a,tension:j,isNewStyles:l,prefixCurrencyInYAxis:v,pointRadius:b,useKFormat:E,lineThickness:R,ticksLabelCallback:V,labelCallback:W,afterBodyCallBack:B,titleTooltipCallback:$,isInternationalStore:x,customYHeaders:y,headerIcons:U=[],legendsAndIconDirection:q="row",hasSecondYAxis:F=!1,min2:P,max2:z,stepSize2:I,prefixCurrencyInY2Axis:D,useKFormat2:A,customY2Headers:f})=>{const[k,_]=C.useState(null),h=C.useRef();C.useEffect(()=>{if(h.current?.scales?.y?.ticks?.length){const e=h.current.scales.y.ticks.length*38;_(e)}},[h]);const G=g.map(e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?n.COLORS.content.placeholder:n.COLORS.background.brand,square:e.squareLegends})),M=(e,o,c)=>{const d={borderColor:e||(o?n.COLORS.content.placeholder:n.COLORS.background.brand)};return l?{pointStyle:"circle",pointRadius:b||(u&&u.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:c||e||(o?n.COLORS.content.placeholder:n.COLORS.background.brand),...d}:{pointRadius:b??1,...d}},J={labels:u,datasets:g.map((e,o)=>({tension:j??.4,fill:e.gradient?"start":0,...M(e.lineColor,e.dotted,e.pointColors),borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:e.lineWidth??R??2,backgroundColor:e.gradient?c=>{const s=c.chart.ctx.createLinearGradient(0,0,0,k?k-75:150);return e.gradientColor?(s.addColorStop(0,e.gradientColor.start),s.addColorStop(1,e.gradientColor.end),s):(s.addColorStop(0,"#F1EEFB"),s.addColorStop(1,"rgba(127, 86, 217, 0)"),s)}:e.backgroundColor??"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"}))},K={maintainAspectRatio:L,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:l??!1,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>n.COLORS.content.primaryInverse,backgroundColor:n.COLORS.content.primary,callbacks:{labelTextColor:()=>n.COLORS.content.primaryInverse,title:$,label:W,afterBody:B},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:a?0:w,max:a?10:S,position:"left",id:"y",ticks:{color:n.COLORS.content.secondary,callback:e=>E?`${r?.yPrefix??""}${x?m.truncateValueForInternationalStore(e):m.truncateValueForIndianStore(e)}${v??""}`:y&&Object.keys(y).length>0?y[e]:`${r?.yPrefix??""}${e}${v??""}`,font:{family:"inter",size:12,weight:"400"},stepSize:a?1:N,padding:l?24:0},title:{display:!!r?.y,text:r?.y},grid:{color:n.COLORS.background.base,drawBorder:r?.yDrawBorder??!0}},y1:{beginAtZero:!0,min:a?0:P,max:a?10:z,position:"right",id:"y1",display:F,ticks:{color:n.COLORS.content.secondary,callback:e=>A?`${r?.y2Prefix??""}${x?m.truncateValueForInternationalStore(e):m.truncateValueForIndianStore(e)}${D??""}`:f&&Object.keys(f).length>0?f[e]:`${r?.y2Prefix??""}${e}${D??""}`,font:{family:"inter",size:12,weight:"400"},stepSize:a?1:I,padding:l?24:0},title:{display:!!r?.y2,text:r?.y2},grid:{color:"transparent",drawBorder:r?.y2DrawBorder??!0}},x:{ticks:{callback:V,color:n.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!r?.x,text:r?.x},grid:{display:!1,drawBorder:r?.xDrawBorder??!1}}}};return t.jsxDEV("div",{style:{...L?{}:{height:O??k??204},display:"flex",flexDirection:"column",gap:2,width:"100%"},children:[t.jsxDEV("div",{style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:q},children:[t.jsxDEV(p.LegendWrapper,{children:U.map((e,o)=>t.jsxDEV(p.LegendContainer,{children:e},o,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:387,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/LineChart/LineChart.tsx",lineNumber:385,columnNumber:5},void 0),t.jsxDEV(p.LegendWrapper,{children:G.map(({text:e,color:o,square:c},d)=>e?t.jsxDEV(p.LegendContainer,{children:[t.jsxDEV(p.LegendColor,{color:o,square:c,newStyle:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:394,columnNumber:9},void 0),t.jsxDEV(X.BodyTiny,{color:"#667085",children:e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:399,columnNumber:9},void 0)]},d,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:393,columnNumber:8},void 0):t.jsxDEV(t.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:402,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/LineChart/LineChart.tsx",lineNumber:390,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/LineChart/LineChart.tsx",lineNumber:377,columnNumber:4},void 0),t.jsxDEV("div",{style:{flex:1},children:t.jsxDEV(Q.Line,{ref:h,options:K,data:J},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:408,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/LineChart/LineChart.tsx",lineNumber:407,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/LineChart/LineChart.tsx",lineNumber:366,columnNumber:3},void 0)};exports.LineChart=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),t=require("chart.js"),g=require("react"),Q=require("react-chartjs-2"),X=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),h=require("../utils/calcPercentage.js"),u=require("./LineChart.styled.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.BarElement,t.LineElement,t.ArcElement,t.Filler,t.Title,t.Tooltip,t.Legend);const H=({scaleText:n,labels:m,canvasHeight:O,datas:L,maintainAspectRatio:w=!1,stepSize:N,min:S,max:j,isZeroState:a,tension:E,isNewStyles:l,prefixCurrencyInYAxis:x,pointRadius:y,useKFormat:R,lineThickness:V,ticksLabelCallback:v,labelCallback:B,afterBodyCallBack:$,titleTooltipCallback:U,isInternationalStore:D,customYHeaders:b,headerIcons:q=[],legendsAndIconDirection:F="row",hasSecondYAxis:P=!1,min2:z,max2:I,stepSize2:W,prefixCurrencyInY2Axis:k,useKFormat2:A,customY2Headers:f})=>{const[C,_]=g.useState(null),p=g.useRef();g.useEffect(()=>{if(p.current?.scales?.y?.ticks?.length){const e=p.current.scales.y.ticks.length*38;_(e)}},[p]);const G=L.map(e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?r.COLORS.content.placeholder:r.COLORS.background.brand,square:e.squareLegends})),M=(e,i,d)=>{const c={borderColor:e||(i?r.COLORS.content.placeholder:r.COLORS.background.brand)};return l?{pointStyle:"circle",pointRadius:y||(m&&m.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:d||e||(i?r.COLORS.content.placeholder:r.COLORS.background.brand),...c}:{pointRadius:y??1,...c}},J={labels:m,datasets:L.map((e,i)=>({tension:E??.4,fill:e.gradient?"start":0,...M(e.lineColor,e.dotted,e.pointColors),borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:e.lineWidth??V??2,backgroundColor:e.gradient?d=>{const s=d.chart.ctx.createLinearGradient(0,0,0,C?C-75:150);return e.gradientColor?(s.addColorStop(0,e.gradientColor.start),s.addColorStop(1,e.gradientColor.end),s):(s.addColorStop(0,"#F1EEFB"),s.addColorStop(1,"rgba(127, 86, 217, 0)"),s)}:e.backgroundColor??"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"}))},K={maintainAspectRatio:w,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:l??!1,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>r.COLORS.content.primaryInverse,backgroundColor:r.COLORS.content.primary,callbacks:{labelTextColor:()=>r.COLORS.content.primaryInverse,title:U,label:B,afterBody:$},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:a?0:S,max:a?10:j,position:"left",id:"y",ticks:{color:r.COLORS.content.secondary,callback:e=>R?`${n?.yPrefix??""}${D?h.truncateValueForInternationalStore(e):h.truncateValueForIndianStore(e)}${x??""}`:b&&Object.keys(b).length>0?b[e]:`${n?.yPrefix??""}${e}${x??""}`,font:{family:"inter",size:12,weight:"400"},stepSize:a?1:N,padding:l?24:0},title:{display:!!n?.y,text:n?.y},grid:{color:r.COLORS.background.base,drawBorder:n?.yDrawBorder??!0}},y1:{beginAtZero:!0,min:a?0:z,max:a?10:I,position:"right",id:"y1",display:P,ticks:{color:r.COLORS.content.secondary,callback:e=>A?`${n?.y2Prefix??""}${D?h.truncateValueForInternationalStore(e):h.truncateValueForIndianStore(e)}${k??""}`:f&&Object.keys(f).length>0?f[e]:`${n?.y2Prefix??""}${e}${k??""}`,font:{family:"inter",size:12,weight:"400"},stepSize:a?1:W,padding:l?24:0},title:{display:!!n?.y2,text:n?.y2},grid:{color:"transparent",drawBorder:n?.y2DrawBorder??!0}},x:{ticks:{callback:v,color:r.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!n?.x,text:n?.x},grid:{display:!1,drawBorder:n?.xDrawBorder??!1}}}};return o.jsxDEV("div",{style:{...w?{}:{height:O??C??204},display:"flex",flexDirection:"column",gap:2,width:"100%"},children:[o.jsxDEV("div",{style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:F},children:[o.jsxDEV(u.LegendWrapper,{children:q.map((e,i)=>o.jsxDEV(u.LegendContainer,{children:e},i,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:387,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:385,columnNumber:5},void 0),o.jsxDEV(u.LegendWrapper,{children:G.map(({text:e,color:i,square:d},c)=>e?o.jsxDEV(u.LegendContainer,{children:[o.jsxDEV(u.LegendColor,{color:i,square:d,newStyle:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:394,columnNumber:9},void 0),o.jsxDEV(X.BodyTiny,{color:"#667085",children:e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:399,columnNumber:9},void 0)]},c,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:393,columnNumber:8},void 0):o.jsxDEV(o.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:402,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:390,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:377,columnNumber:4},void 0),o.jsxDEV("div",{style:{flex:1},children:o.jsxDEV(Q.Line,{ref:p,options:K,data:J},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:408,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:407,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx",lineNumber:366,columnNumber:3},void 0)};exports.LineChart=H;
 //# sourceMappingURL=LineChart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LineChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx"],"sourcesContent":["import {\n\tArcElement,\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tFiller,\n\tLegend,\n\tLinearScale,\n\tLineElement,\n\tPointElement,\n\tScriptableContext,\n\tTitle,\n\tTooltip,\n} from 'chart.js';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Line } from 'react-chartjs-2';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport {\n\tLegendColor,\n\tLegendContainer,\n\tLegendWrapper,\n} from './LineChart.styled';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tPointElement,\n\tBarElement,\n\tLineElement,\n\tArcElement,\n\tFiller,\n\tTitle,\n\tTooltip,\n\tLegend,\n);\n\nexport type LineChartProps = {\n\tcanvasHeight?: number;\n\tmaintainAspectRatio?: boolean;\n\tdatas: {\n\t\tdata: number[];\n\t\tlineColor?: string;\n\t\tbackgroundColor?: string;\n\t\tgradientColor?: {\n\t\t\tstart: string;\n\t\t\tend: string;\n\t\t};\n\t\tdotted?: boolean;\n\t\tgradient?: boolean;\n\t\tlegend?: string;\n\t\tlineWidth?: number;\n\t\tsquareLegends?: boolean;\n\t\tuseSecondYAxis?: boolean; // Indicates if this dataset uses the secondary Y-axis\n\t\tpointColors?: string[]; // Array of colors for individual points\n\t}[];\n\n\tlabels: Array<string>;\n\tscaleText?: {\n\t\tx?: string;\n\t\ty?: string;\n\t\tyPrefix?: string;\n\t\ty2?: string; // Label for secondary Y-axis\n\t\ty2Prefix?: string; // Prefix for secondary Y-axis values\n\t\txDrawBorder?: boolean;\n\t\tyDrawBorder?: boolean;\n\t\ty2DrawBorder?: boolean; // Border for secondary Y-axis\n\t};\n\tlegends: Array<string>;\n\tstepSize?: number;\n\tmin?: number;\n\tmax?: number;\n\tisZeroState?: boolean;\n\tlineThickness?: number;\n\tticksLabelCallback?: (val: string, index: number) => void;\n\ttension?: number;\n\tisNewStyles?: boolean;\n\tprefixCurrencyInYAxis?: string;\n\tpointRadius?: number;\n\tuseKFormat?: boolean;\n\tlabelCallback?: (context) => void;\n\tafterBodyCallBack?: (context) => void;\n\ttitleTooltipCallback?: (context) => void;\n\tisInternationalStore?: boolean;\n\tcustomYHeaders?: any;\n\tlegendsAndIconDirection?: 'row-reverse' | 'row';\n\theaderIcons?: React.ReactNode[];\n\thasSecondYAxis?: boolean; // Flag to enable second Y-axis\n\tmin2?: number; // Min value for second Y-axis\n\tmax2?: number; // Max value for second Y-axis\n\tstepSize2?: number; // Step size for second Y-axis\n\tprefixCurrencyInY2Axis?: string; // Currency prefix for secondary Y-axis\n\tuseKFormat2?: boolean; // Whether to use K format for second Y-axis\n\tcustomY2Headers?: any; // Custom headers for second Y-axis\n};\n\nexport const LineChart: React.FC<LineChartProps> = ({\n\tscaleText,\n\tlabels,\n\tcanvasHeight,\n\tdatas,\n\tmaintainAspectRatio = false,\n\tstepSize,\n\tmin,\n\tmax,\n\tisZeroState,\n\ttension,\n\tisNewStyles,\n\tprefixCurrencyInYAxis,\n\tpointRadius,\n\tuseKFormat,\n\tlineThickness,\n\tticksLabelCallback,\n\tlabelCallback,\n\tafterBodyCallBack,\n\ttitleTooltipCallback,\n\tisInternationalStore,\n\tcustomYHeaders,\n\theaderIcons = [],\n\tlegendsAndIconDirection = 'row',\n\thasSecondYAxis = false,\n\tmin2,\n\tmax2,\n\tstepSize2,\n\tprefixCurrencyInY2Axis,\n\tuseKFormat2,\n\tcustomY2Headers,\n}) => {\n\tconst [height, setHeight] = useState<null | number>(null);\n\n\tconst ref = useRef<any>();\n\n\tuseEffect(() => {\n\t\tif (ref.current?.scales?.y?.ticks?.length) {\n\t\t\tconst computedHeight = ref.current.scales.y.ticks.length * 38;\n\t\t\tsetHeight(computedHeight);\n\t\t}\n\t}, [ref]);\n\n\tconst legends = datas.map((data) => ({\n\t\ttext: data.legend,\n\t\tcolor: data.lineColor\n\t\t\t? data.lineColor\n\t\t\t: data.dotted\n\t\t\t? COLORS.content.placeholder\n\t\t\t: COLORS.background.brand,\n\t\tsquare: data.squareLegends,\n\t}));\n\n\tconst getPointStyles = (\n\t\tlineColor?: string,\n\t\tdotted?: boolean,\n\t\tpointColors?: string[],\n\t) => {\n\t\tconst borderC = {\n\t\t\tborderColor: lineColor\n\t\t\t\t? lineColor\n\t\t\t\t: dotted\n\t\t\t\t? COLORS.content.placeholder\n\t\t\t\t: COLORS.background.brand,\n\t\t};\n\t\tif (isNewStyles) {\n\t\t\treturn {\n\t\t\t\tpointStyle: 'circle',\n\t\t\t\tpointRadius: pointRadius\n\t\t\t\t\t? pointRadius\n\t\t\t\t\t: labels && labels.length > 10\n\t\t\t\t\t? 2.5\n\t\t\t\t\t: 4,\n\t\t\t\tpointBorderColor: 'transparent',\n\t\t\t\tpointBackgroundColor:\n\t\t\t\t\tpointColors ||\n\t\t\t\t\t(lineColor\n\t\t\t\t\t\t? lineColor\n\t\t\t\t\t\t: dotted\n\t\t\t\t\t\t? COLORS.content.placeholder\n\t\t\t\t\t\t: COLORS.background.brand),\n\t\t\t\t...borderC,\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\tpointRadius: pointRadius ?? 1,\n\t\t\t...borderC,\n\t\t};\n\t};\n\n\tconst chartData = {\n\t\tlabels,\n\t\tdatasets: datas.map((data, i) => ({\n\t\t\ttension: tension ?? 0.4,\n\t\t\tfill: data.gradient ? 'start' : 0,\n\t\t\t...getPointStyles(data.lineColor, data.dotted, data.pointColors),\n\t\t\tborderDash: data.dotted ? [8, 3] : undefined,\n\t\t\tdata: data.data,\n\t\t\tborderWidth: data.lineWidth ?? lineThickness ?? 2,\n\t\t\tbackgroundColor: data.gradient\n\t\t\t\t? (context: ScriptableContext<'line'>) => {\n\t\t\t\t\t\tconst ctx = context.chart.ctx;\n\t\t\t\t\t\tconst gradient = ctx.createLinearGradient(\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\theight ? height - 75 : 150,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (data.gradientColor) {\n\t\t\t\t\t\t\tgradient.addColorStop(0, data.gradientColor.start);\n\t\t\t\t\t\t\tgradient.addColorStop(1, data.gradientColor.end);\n\t\t\t\t\t\t\treturn gradient;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tgradient.addColorStop(0, '#F1EEFB');\n\t\t\t\t\t\tgradient.addColorStop(1, 'rgba(127, 86, 217, 0)');\n\t\t\t\t\t\treturn gradient;\n\t\t\t\t  }\n\t\t\t\t: data.backgroundColor ?? 'transparent',\n\t\t\tlegend: data.legend, // to use in tooltips\n\t\t\tyAxisID: data.useSecondYAxis ? 'y1' : 'y', // Assign to the appropriate axis\n\t\t})),\n\t};\n\n\tconst chartOptions = {\n\t\tmaintainAspectRatio: maintainAspectRatio,\n\t\tresponsive: true,\n\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttitle: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tdisplayColors: isNewStyles ?? false,\n\t\t\t\ttitleFont: () => ({\n\t\t\t\t\tweight: '600',\n\t\t\t\t\tsize: 14,\n\t\t\t\t\tfamily: 'inter',\n\t\t\t\t}),\n\t\t\t\ttitleColor: () => COLORS.content.primaryInverse,\n\t\t\t\tbackgroundColor: COLORS.content.primary,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabelTextColor: () => COLORS.content.primaryInverse,\n\t\t\t\t\ttitle: titleTooltipCallback as any,\n\t\t\t\t\tlabel: labelCallback as any,\n\t\t\t\t\tafterBody: afterBodyCallBack as any,\n\t\t\t\t},\n\t\t\t\tbodyFont: () => ({\n\t\t\t\t\tweight: '400',\n\t\t\t\t\tsize: 14,\n\t\t\t\t\tfamily: 'inter',\n\t\t\t\t}),\n\t\t\t},\n\t\t},\n\n\t\tscales: {\n\t\t\ty: {\n\t\t\t\tbeginAtZero: true,\n\t\t\t\tmin: isZeroState ? 0 : min,\n\t\t\t\tmax: isZeroState ? 10 : max,\n\t\t\t\tposition: 'left' as const,\n\t\t\t\tid: 'y',\n\n\t\t\t\tticks: {\n\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\tcallback: (val) => {\n\t\t\t\t\t\tif (useKFormat) {\n\t\t\t\t\t\t\treturn `${scaleText?.yPrefix ?? ''}${\n\t\t\t\t\t\t\t\tisInternationalStore\n\t\t\t\t\t\t\t\t\t? truncateValueForInternationalStore(val)\n\t\t\t\t\t\t\t\t\t: truncateValueForIndianStore(val)\n\t\t\t\t\t\t\t}${prefixCurrencyInYAxis ?? ''}`;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (customYHeaders && Object.keys(customYHeaders).length > 0) {\n\t\t\t\t\t\t\treturn customYHeaders[val];\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn `${scaleText?.yPrefix ?? ''}${val}${\n\t\t\t\t\t\t\tprefixCurrencyInYAxis ?? ''\n\t\t\t\t\t\t}`;\n\t\t\t\t\t},\n\t\t\t\t\tfont: {\n\t\t\t\t\t\tfamily: 'inter',\n\t\t\t\t\t\tsize: 12,\n\t\t\t\t\t\tweight: '400',\n\t\t\t\t\t},\n\t\t\t\t\tstepSize: isZeroState ? 1 : stepSize,\n\t\t\t\t\tpadding: isNewStyles ? 24 : 0,\n\t\t\t\t},\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!scaleText?.y,\n\t\t\t\t\ttext: scaleText?.y,\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t\tdrawBorder: scaleText?.yDrawBorder ?? true,\n\t\t\t\t},\n\t\t\t},\n\t\t\ty1: {\n\t\t\t\tbeginAtZero: true,\n\t\t\t\tmin: isZeroState ? 0 : min2,\n\t\t\t\tmax: isZeroState ? 10 : max2,\n\t\t\t\tposition: 'right' as const,\n\t\t\t\tid: 'y1',\n\t\t\t\tdisplay: hasSecondYAxis, // Show or hide the axis based on the flag\n\n\t\t\t\tticks: {\n\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\tcallback: (val) => {\n\t\t\t\t\t\tif (useKFormat2) {\n\t\t\t\t\t\t\treturn `${scaleText?.y2Prefix ?? ''}${\n\t\t\t\t\t\t\t\tisInternationalStore\n\t\t\t\t\t\t\t\t\t? truncateValueForInternationalStore(val)\n\t\t\t\t\t\t\t\t\t: truncateValueForIndianStore(val)\n\t\t\t\t\t\t\t}${prefixCurrencyInY2Axis ?? ''}`;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (customY2Headers && Object.keys(customY2Headers).length > 0) {\n\t\t\t\t\t\t\treturn customY2Headers[val];\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn `${scaleText?.y2Prefix ?? ''}${val}${\n\t\t\t\t\t\t\tprefixCurrencyInY2Axis ?? ''\n\t\t\t\t\t\t}`;\n\t\t\t\t\t},\n\t\t\t\t\tfont: {\n\t\t\t\t\t\tfamily: 'inter',\n\t\t\t\t\t\tsize: 12,\n\t\t\t\t\t\tweight: '400',\n\t\t\t\t\t},\n\t\t\t\t\tstepSize: isZeroState ? 1 : stepSize2,\n\t\t\t\t\tpadding: isNewStyles ? 24 : 0,\n\t\t\t\t},\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!scaleText?.y2,\n\t\t\t\t\ttext: scaleText?.y2,\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tcolor: 'transparent', // Typically hide grid for second axis to avoid visual confusion\n\t\t\t\t\tdrawBorder: scaleText?.y2DrawBorder ?? true,\n\t\t\t\t},\n\t\t\t},\n\t\t\tx: {\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: ticksLabelCallback as any,\n\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\tfont: {\n\t\t\t\t\t\tfamily: 'inter',\n\t\t\t\t\t\tsize: 12,\n\t\t\t\t\t\tweight: '400',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!scaleText?.x,\n\t\t\t\t\ttext: scaleText?.x,\n\t\t\t\t},\n\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tdrawBorder: scaleText?.xDrawBorder ?? false,\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\t...(!maintainAspectRatio\n\t\t\t\t\t? { height: canvasHeight ?? height ?? 204 }\n\t\t\t\t\t: {}),\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tgap: 2,\n\t\t\t\twidth: '100%',\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\tflexDirection: legendsAndIconDirection,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<LegendWrapper>\n\t\t\t\t\t{headerIcons.map((icon, index) => (\n\t\t\t\t\t\t<LegendContainer key={index}>{icon}</LegendContainer>\n\t\t\t\t\t))}\n\t\t\t\t</LegendWrapper>\n\t\t\t\t<LegendWrapper>\n\t\t\t\t\t{legends.map(({ text, color, square }, i) =>\n\t\t\t\t\t\ttext ? (\n\t\t\t\t\t\t\t<LegendContainer key={i}>\n\t\t\t\t\t\t\t\t<LegendColor\n\t\t\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\t\t\tsquare={square}\n\t\t\t\t\t\t\t\t\tnewStyle={isNewStyles}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<BodyTiny color={'#667085'}>{text}</BodyTiny>\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</div>\n\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t<Line ref={ref} options={chartOptions} data={chartData} />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","PointElement","BarElement","LineElement","ArcElement","Filler","Title","Tooltip","Legend","LineChart","scaleText","labels","canvasHeight","datas","maintainAspectRatio","stepSize","min","max","isZeroState","tension","isNewStyles","prefixCurrencyInYAxis","pointRadius","useKFormat","lineThickness","ticksLabelCallback","labelCallback","afterBodyCallBack","titleTooltipCallback","isInternationalStore","customYHeaders","headerIcons","legendsAndIconDirection","hasSecondYAxis","min2","max2","stepSize2","prefixCurrencyInY2Axis","useKFormat2","customY2Headers","height","setHeight","useState","ref","useRef","useEffect","computedHeight","legends","data","COLORS","getPointStyles","lineColor","dotted","pointColors","borderC","chartData","i","context","gradient","chartOptions","val","truncateValueForInternationalStore","truncateValueForIndianStore","jsxDEV","LegendWrapper","icon","index","LegendContainer","this","text","color","square","LegendColor","BodyTiny","Fragment","Line"],"mappings":"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"}
+{"version":3,"file":"LineChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.tsx"],"sourcesContent":["import {\n\tArcElement,\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tFiller,\n\tLegend,\n\tLinearScale,\n\tLineElement,\n\tPointElement,\n\tScriptableContext,\n\tTitle,\n\tTooltip,\n} from 'chart.js';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Line } from 'react-chartjs-2';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\ttruncateValueForIndianStore,\n\ttruncateValueForInternationalStore,\n} from '../utils/calcPercentage';\nimport {\n\tLegendColor,\n\tLegendContainer,\n\tLegendWrapper,\n} from './LineChart.styled';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tPointElement,\n\tBarElement,\n\tLineElement,\n\tArcElement,\n\tFiller,\n\tTitle,\n\tTooltip,\n\tLegend,\n);\n\nexport type LineChartProps = {\n\tcanvasHeight?: number;\n\tmaintainAspectRatio?: boolean;\n\tdatas: {\n\t\tdata: number[];\n\t\tlineColor?: string;\n\t\tbackgroundColor?: string;\n\t\tgradientColor?: {\n\t\t\tstart: string;\n\t\t\tend: string;\n\t\t};\n\t\tdotted?: boolean;\n\t\tgradient?: boolean;\n\t\tlegend?: string;\n\t\tlineWidth?: number;\n\t\tsquareLegends?: boolean;\n\t\tuseSecondYAxis?: boolean; // Indicates if this dataset uses the secondary Y-axis\n\t\tpointColors?: string[]; // Array of colors for individual points\n\t}[];\n\n\tlabels: Array<string>;\n\tscaleText?: {\n\t\tx?: string;\n\t\ty?: string;\n\t\tyPrefix?: string;\n\t\ty2?: string; // Label for secondary Y-axis\n\t\ty2Prefix?: string; // Prefix for secondary Y-axis values\n\t\txDrawBorder?: boolean;\n\t\tyDrawBorder?: boolean;\n\t\ty2DrawBorder?: boolean; // Border for secondary Y-axis\n\t};\n\tlegends: Array<string>;\n\tstepSize?: number;\n\tmin?: number;\n\tmax?: number;\n\tisZeroState?: boolean;\n\tlineThickness?: number;\n\tticksLabelCallback?: (val: string, index: number) => void;\n\ttension?: number;\n\tisNewStyles?: boolean;\n\tprefixCurrencyInYAxis?: string;\n\tpointRadius?: number;\n\tuseKFormat?: boolean;\n\tlabelCallback?: (context) => void;\n\tafterBodyCallBack?: (context) => void;\n\ttitleTooltipCallback?: (context) => void;\n\tisInternationalStore?: boolean;\n\tcustomYHeaders?: any;\n\tlegendsAndIconDirection?: 'row-reverse' | 'row';\n\theaderIcons?: React.ReactNode[];\n\thasSecondYAxis?: boolean; // Flag to enable second Y-axis\n\tmin2?: number; // Min value for second Y-axis\n\tmax2?: number; // Max value for second Y-axis\n\tstepSize2?: number; // Step size for second Y-axis\n\tprefixCurrencyInY2Axis?: string; // Currency prefix for secondary Y-axis\n\tuseKFormat2?: boolean; // Whether to use K format for second Y-axis\n\tcustomY2Headers?: any; // Custom headers for second Y-axis\n};\n\nexport const LineChart: React.FC<LineChartProps> = ({\n\tscaleText,\n\tlabels,\n\tcanvasHeight,\n\tdatas,\n\tmaintainAspectRatio = false,\n\tstepSize,\n\tmin,\n\tmax,\n\tisZeroState,\n\ttension,\n\tisNewStyles,\n\tprefixCurrencyInYAxis,\n\tpointRadius,\n\tuseKFormat,\n\tlineThickness,\n\tticksLabelCallback,\n\tlabelCallback,\n\tafterBodyCallBack,\n\ttitleTooltipCallback,\n\tisInternationalStore,\n\tcustomYHeaders,\n\theaderIcons = [],\n\tlegendsAndIconDirection = 'row',\n\thasSecondYAxis = false,\n\tmin2,\n\tmax2,\n\tstepSize2,\n\tprefixCurrencyInY2Axis,\n\tuseKFormat2,\n\tcustomY2Headers,\n}) => {\n\tconst [height, setHeight] = useState<null | number>(null);\n\n\tconst ref = useRef<any>();\n\n\tuseEffect(() => {\n\t\tif (ref.current?.scales?.y?.ticks?.length) {\n\t\t\tconst computedHeight = ref.current.scales.y.ticks.length * 38;\n\t\t\tsetHeight(computedHeight);\n\t\t}\n\t}, [ref]);\n\n\tconst legends = datas.map((data) => ({\n\t\ttext: data.legend,\n\t\tcolor: data.lineColor\n\t\t\t? data.lineColor\n\t\t\t: data.dotted\n\t\t\t? COLORS.content.placeholder\n\t\t\t: COLORS.background.brand,\n\t\tsquare: data.squareLegends,\n\t}));\n\n\tconst getPointStyles = (\n\t\tlineColor?: string,\n\t\tdotted?: boolean,\n\t\tpointColors?: string[],\n\t) => {\n\t\tconst borderC = {\n\t\t\tborderColor: lineColor\n\t\t\t\t? lineColor\n\t\t\t\t: dotted\n\t\t\t\t? COLORS.content.placeholder\n\t\t\t\t: COLORS.background.brand,\n\t\t};\n\t\tif (isNewStyles) {\n\t\t\treturn {\n\t\t\t\tpointStyle: 'circle',\n\t\t\t\tpointRadius: pointRadius\n\t\t\t\t\t? pointRadius\n\t\t\t\t\t: labels && labels.length > 10\n\t\t\t\t\t? 2.5\n\t\t\t\t\t: 4,\n\t\t\t\tpointBorderColor: 'transparent',\n\t\t\t\tpointBackgroundColor:\n\t\t\t\t\tpointColors ||\n\t\t\t\t\t(lineColor\n\t\t\t\t\t\t? lineColor\n\t\t\t\t\t\t: dotted\n\t\t\t\t\t\t? COLORS.content.placeholder\n\t\t\t\t\t\t: COLORS.background.brand),\n\t\t\t\t...borderC,\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\tpointRadius: pointRadius ?? 1,\n\t\t\t...borderC,\n\t\t};\n\t};\n\n\tconst chartData = {\n\t\tlabels,\n\t\tdatasets: datas.map((data, i) => ({\n\t\t\ttension: tension ?? 0.4,\n\t\t\tfill: data.gradient ? 'start' : 0,\n\t\t\t...getPointStyles(data.lineColor, data.dotted, data.pointColors),\n\t\t\tborderDash: data.dotted ? [8, 3] : undefined,\n\t\t\tdata: data.data,\n\t\t\tborderWidth: data.lineWidth ?? lineThickness ?? 2,\n\t\t\tbackgroundColor: data.gradient\n\t\t\t\t? (context: ScriptableContext<'line'>) => {\n\t\t\t\t\t\tconst ctx = context.chart.ctx;\n\t\t\t\t\t\tconst gradient = ctx.createLinearGradient(\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\theight ? height - 75 : 150,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (data.gradientColor) {\n\t\t\t\t\t\t\tgradient.addColorStop(0, data.gradientColor.start);\n\t\t\t\t\t\t\tgradient.addColorStop(1, data.gradientColor.end);\n\t\t\t\t\t\t\treturn gradient;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tgradient.addColorStop(0, '#F1EEFB');\n\t\t\t\t\t\tgradient.addColorStop(1, 'rgba(127, 86, 217, 0)');\n\t\t\t\t\t\treturn gradient;\n\t\t\t\t  }\n\t\t\t\t: data.backgroundColor ?? 'transparent',\n\t\t\tlegend: data.legend, // to use in tooltips\n\t\t\tyAxisID: data.useSecondYAxis ? 'y1' : 'y', // Assign to the appropriate axis\n\t\t})),\n\t};\n\n\tconst chartOptions = {\n\t\tmaintainAspectRatio: maintainAspectRatio,\n\t\tresponsive: true,\n\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttitle: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tdisplayColors: isNewStyles ?? false,\n\t\t\t\ttitleFont: () => ({\n\t\t\t\t\tweight: '600',\n\t\t\t\t\tsize: 14,\n\t\t\t\t\tfamily: 'inter',\n\t\t\t\t}),\n\t\t\t\ttitleColor: () => COLORS.content.primaryInverse,\n\t\t\t\tbackgroundColor: COLORS.content.primary,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabelTextColor: () => COLORS.content.primaryInverse,\n\t\t\t\t\ttitle: titleTooltipCallback as any,\n\t\t\t\t\tlabel: labelCallback as any,\n\t\t\t\t\tafterBody: afterBodyCallBack as any,\n\t\t\t\t},\n\t\t\t\tbodyFont: () => ({\n\t\t\t\t\tweight: '400',\n\t\t\t\t\tsize: 14,\n\t\t\t\t\tfamily: 'inter',\n\t\t\t\t}),\n\t\t\t},\n\t\t},\n\n\t\tscales: {\n\t\t\ty: {\n\t\t\t\tbeginAtZero: true,\n\t\t\t\tmin: isZeroState ? 0 : min,\n\t\t\t\tmax: isZeroState ? 10 : max,\n\t\t\t\tposition: 'left' as const,\n\t\t\t\tid: 'y',\n\n\t\t\t\tticks: {\n\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\tcallback: (val) => {\n\t\t\t\t\t\tif (useKFormat) {\n\t\t\t\t\t\t\treturn `${scaleText?.yPrefix ?? ''}${\n\t\t\t\t\t\t\t\tisInternationalStore\n\t\t\t\t\t\t\t\t\t? truncateValueForInternationalStore(val)\n\t\t\t\t\t\t\t\t\t: truncateValueForIndianStore(val)\n\t\t\t\t\t\t\t}${prefixCurrencyInYAxis ?? ''}`;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (customYHeaders && Object.keys(customYHeaders).length > 0) {\n\t\t\t\t\t\t\treturn customYHeaders[val];\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn `${scaleText?.yPrefix ?? ''}${val}${\n\t\t\t\t\t\t\tprefixCurrencyInYAxis ?? ''\n\t\t\t\t\t\t}`;\n\t\t\t\t\t},\n\t\t\t\t\tfont: {\n\t\t\t\t\t\tfamily: 'inter',\n\t\t\t\t\t\tsize: 12,\n\t\t\t\t\t\tweight: '400',\n\t\t\t\t\t},\n\t\t\t\t\tstepSize: isZeroState ? 1 : stepSize,\n\t\t\t\t\tpadding: isNewStyles ? 24 : 0,\n\t\t\t\t},\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!scaleText?.y,\n\t\t\t\t\ttext: scaleText?.y,\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t\tdrawBorder: scaleText?.yDrawBorder ?? true,\n\t\t\t\t},\n\t\t\t},\n\t\t\ty1: {\n\t\t\t\tbeginAtZero: true,\n\t\t\t\tmin: isZeroState ? 0 : min2,\n\t\t\t\tmax: isZeroState ? 10 : max2,\n\t\t\t\tposition: 'right' as const,\n\t\t\t\tid: 'y1',\n\t\t\t\tdisplay: hasSecondYAxis, // Show or hide the axis based on the flag\n\n\t\t\t\tticks: {\n\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\tcallback: (val) => {\n\t\t\t\t\t\tif (useKFormat2) {\n\t\t\t\t\t\t\treturn `${scaleText?.y2Prefix ?? ''}${\n\t\t\t\t\t\t\t\tisInternationalStore\n\t\t\t\t\t\t\t\t\t? truncateValueForInternationalStore(val)\n\t\t\t\t\t\t\t\t\t: truncateValueForIndianStore(val)\n\t\t\t\t\t\t\t}${prefixCurrencyInY2Axis ?? ''}`;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (customY2Headers && Object.keys(customY2Headers).length > 0) {\n\t\t\t\t\t\t\treturn customY2Headers[val];\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn `${scaleText?.y2Prefix ?? ''}${val}${\n\t\t\t\t\t\t\tprefixCurrencyInY2Axis ?? ''\n\t\t\t\t\t\t}`;\n\t\t\t\t\t},\n\t\t\t\t\tfont: {\n\t\t\t\t\t\tfamily: 'inter',\n\t\t\t\t\t\tsize: 12,\n\t\t\t\t\t\tweight: '400',\n\t\t\t\t\t},\n\t\t\t\t\tstepSize: isZeroState ? 1 : stepSize2,\n\t\t\t\t\tpadding: isNewStyles ? 24 : 0,\n\t\t\t\t},\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!scaleText?.y2,\n\t\t\t\t\ttext: scaleText?.y2,\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tcolor: 'transparent', // Typically hide grid for second axis to avoid visual confusion\n\t\t\t\t\tdrawBorder: scaleText?.y2DrawBorder ?? true,\n\t\t\t\t},\n\t\t\t},\n\t\t\tx: {\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: ticksLabelCallback as any,\n\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\tfont: {\n\t\t\t\t\t\tfamily: 'inter',\n\t\t\t\t\t\tsize: 12,\n\t\t\t\t\t\tweight: '400',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!scaleText?.x,\n\t\t\t\t\ttext: scaleText?.x,\n\t\t\t\t},\n\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tdrawBorder: scaleText?.xDrawBorder ?? false,\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\t...(!maintainAspectRatio\n\t\t\t\t\t? { height: canvasHeight ?? height ?? 204 }\n\t\t\t\t\t: {}),\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tgap: 2,\n\t\t\t\twidth: '100%',\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\tflexDirection: legendsAndIconDirection,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<LegendWrapper>\n\t\t\t\t\t{headerIcons.map((icon, index) => (\n\t\t\t\t\t\t<LegendContainer key={index}>{icon}</LegendContainer>\n\t\t\t\t\t))}\n\t\t\t\t</LegendWrapper>\n\t\t\t\t<LegendWrapper>\n\t\t\t\t\t{legends.map(({ text, color, square }, i) =>\n\t\t\t\t\t\ttext ? (\n\t\t\t\t\t\t\t<LegendContainer key={i}>\n\t\t\t\t\t\t\t\t<LegendColor\n\t\t\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\t\t\tsquare={square}\n\t\t\t\t\t\t\t\t\tnewStyle={isNewStyles}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<BodyTiny color={'#667085'}>{text}</BodyTiny>\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</div>\n\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t<Line ref={ref} options={chartOptions} data={chartData} />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","PointElement","BarElement","LineElement","ArcElement","Filler","Title","Tooltip","Legend","LineChart","scaleText","labels","canvasHeight","datas","maintainAspectRatio","stepSize","min","max","isZeroState","tension","isNewStyles","prefixCurrencyInYAxis","pointRadius","useKFormat","lineThickness","ticksLabelCallback","labelCallback","afterBodyCallBack","titleTooltipCallback","isInternationalStore","customYHeaders","headerIcons","legendsAndIconDirection","hasSecondYAxis","min2","max2","stepSize2","prefixCurrencyInY2Axis","useKFormat2","customY2Headers","height","setHeight","useState","ref","useRef","useEffect","computedHeight","legends","data","COLORS","getPointStyles","lineColor","dotted","pointColors","borderC","chartData","context","gradient","chartOptions","val","truncateValueForInternationalStore","truncateValueForIndianStore","jsxDEV","LegendWrapper","icon","index","LegendContainer","this","text","color","square","i","LegendColor","BodyTiny","Fragment","Line"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),a=require("react"),p=require("styled-components"),h=require("../Legend/Legend.js"),l=require("../../../TypographyStyle.js"),b=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},y=b(p),f=y.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),o=require("react"),p=require("styled-components"),y=require("../Legend/Legend.js"),l=require("../../../TypographyStyle.js"),f=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},h=f(p),b=h.default.div`
 	width: 100%;
 	display: flex;
 	flex-direction: column;
@@ -25,5 +25,5 @@
 		display: block;
 		width: 8px;
 	}
-`,x=({slices:t,size:i})=>{const[o,c]=a.useState(0),[d,s]=a.useState(i?{height:`${i}px`}:{});a.useEffect(()=>{let e=0;t.forEach(r=>{e+=r.count}),c(e),t.reduce((r,m)=>r+m.count,0)===0&&t.length===1?s(r=>({...r,justifyContent:"center"})):s(r=>({...r,justifyContent:"flex-start"}))},[t]);const u=e=>o===0?0:parseFloat((e/o*100).toFixed(1));return n.jsxDEV(f,{style:d,children:t.map(e=>n.jsxDEV("div",{className:"slice-row",style:{justifyContent:"space-between",gap:"8px",padding:"0 8px",maxWidth:"400px"},children:[n.jsxDEV("div",{style:{width:"fit-content"},children:n.jsxDEV(h.Legend,{color:e.color,text:e.name},e.name,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx",lineNumber:88,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/Pie/PieChart.tsx",lineNumber:87,columnNumber:7},void 0),n.jsxDEV("div",{style:{display:"flex",alignItems:"center",flexDirection:"column"},children:[n.jsxDEV(l.BodySecondary,{className:"percentage",children:[u(e.count),"%"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx",lineNumber:97,columnNumber:8},void 0),e.rawValue&&n.jsxDEV(l.BodyTiny,{className:"raw-value",children:["(",e.rawValue,")"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx",lineNumber:101,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/Pie/PieChart.tsx",lineNumber:90,columnNumber:7},void 0)]},e.name,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx",lineNumber:77,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/Pie/PieChart.tsx",lineNumber:74,columnNumber:3},void 0)};exports.PieChart=x;
+`,x=({slices:n,size:a})=>{const[i,c]=o.useState(0),[d,s]=o.useState(a?{height:`${a}px`}:{});o.useEffect(()=>{let e=0;n.forEach(t=>{e+=t.count}),c(e),n.reduce((t,m)=>t+m.count,0)===0&&n.length===1?s(t=>({...t,justifyContent:"center"})):s(t=>({...t,justifyContent:"flex-start"}))},[n]);const u=e=>i===0?0:parseFloat((e/i*100).toFixed(1));return r.jsxDEV(b,{style:d,children:n.map(e=>r.jsxDEV("div",{className:"slice-row",style:{justifyContent:"space-between",gap:"8px",padding:"0 8px",maxWidth:"400px"},children:[r.jsxDEV("div",{style:{width:"fit-content"},children:r.jsxDEV(y.Legend,{color:e.color,text:e.name},e.name,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx",lineNumber:88,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx",lineNumber:87,columnNumber:7},void 0),r.jsxDEV("div",{style:{display:"flex",alignItems:"center",flexDirection:"column"},children:[r.jsxDEV(l.BodySecondary,{className:"percentage",children:[u(e.count),"%"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx",lineNumber:97,columnNumber:8},void 0),e.rawValue&&r.jsxDEV(l.BodyTiny,{className:"raw-value",children:["(",e.rawValue,")"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx",lineNumber:101,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx",lineNumber:90,columnNumber:7},void 0)]},e.name,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx",lineNumber:77,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx",lineNumber:74,columnNumber:3},void 0)};exports.PieChart=x;
 //# sourceMappingURL=PieChart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PieChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Legend } from '@src/components/analytics-chips-and-dropdowns/chart/Legend/Legend';\nimport { PieChartInputData } from '@src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartInputData';\nimport { BodySecondary, BodyTiny } from '@src/components/TypographyStyle';\n\nconst PieChartStyled = styled.div`\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\tgap: 24px;\n\n\t.slice-row {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\t.percentage,\n\t\t.raw-value {\n\t\t\tmargin-left: auto;\n\t\t}\n\t}\n\n\toverflow-y: scroll;\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n`;\n\nexport const PieChart: React.FC<PieChartInputData> = ({ slices, size }) => {\n\tconst [total, setTotal] = useState(0);\n\tconst [styleObj, setStyleObj] = useState(size ? { height: `${size}px` } : {});\n\tuseEffect(() => {\n\t\tlet localTotal = 0;\n\t\tslices.forEach((slice) => {\n\t\t\tlocalTotal += slice.count;\n\t\t});\n\t\tsetTotal(localTotal);\n\n\t\tif (\n\t\t\tslices.reduce((sum, slice) => sum + slice.count, 0) === 0 &&\n\t\t\tslices.length === 1\n\t\t) {\n\t\t\tsetStyleObj((prev) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t};\n\t\t\t});\n\t\t} else {\n\t\t\tsetStyleObj((prev) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\tjustifyContent: 'flex-start',\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t}, [slices]);\n\n\tconst calculatePercentage = (count: number) => {\n\t\tif (total === 0) {\n\t\t\treturn 0;\n\t\t}\n\t\treturn parseFloat(((count / total) * 100).toFixed(1));\n\t};\n\n\treturn (\n\t\t<PieChartStyled style={styleObj}>\n\t\t\t{slices.map((slice) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={'slice-row'}\n\t\t\t\t\t\tkey={slice.name}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\tpadding: '0 8px',\n\t\t\t\t\t\t\tmaxWidth: '400px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div style={{ width: 'fit-content' }}>\n\t\t\t\t\t\t\t<Legend key={slice.name} color={slice.color!} text={slice.name} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodySecondary className={'percentage'}>\n\t\t\t\t\t\t\t\t{calculatePercentage(slice.count)}%\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t{slice.rawValue && (\n\t\t\t\t\t\t\t\t<BodyTiny className={'raw-value'}>({slice.rawValue})</BodyTiny>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</PieChartStyled>\n\t);\n};\n"],"names":["PieChartStyled","styled","PieChart","slices","size","total","setTotal","useState","styleObj","setStyleObj","useEffect","localTotal","slice","sum","prev","calculatePercentage","count","jsxDEV","Legend","this","BodySecondary","BodyTiny"],"mappings":"oTAMMA,EAAiBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BjBC,EAAwC,CAAC,CAAE,OAAAC,EAAQ,KAAAC,KAAW,CAC1E,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,CAAC,EAC9B,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAASH,EAAO,CAAE,OAAQ,GAAGA,CAAI,IAAA,EAAS,CAAA,CAAE,EAC5EM,EAAAA,UAAU,IAAM,CACf,IAAIC,EAAa,EACjBR,EAAO,QAASS,GAAU,CACzBD,GAAcC,EAAM,KACrB,CAAC,EACDN,EAASK,CAAU,EAGlBR,EAAO,OAAO,CAACU,EAAKD,IAAUC,EAAMD,EAAM,MAAO,CAAC,IAAM,GACxDT,EAAO,SAAW,EAElBM,EAAaK,IACL,CACN,GAAGA,EACH,eAAgB,QAAA,EAEjB,EAEDL,EAAaK,IACL,CACN,GAAGA,EACH,eAAgB,YAAA,EAEjB,CAEH,EAAG,CAACX,CAAM,CAAC,EAEX,MAAMY,EAAuBC,GACxBX,IAAU,EACN,EAED,YAAaW,EAAQX,EAAS,KAAK,QAAQ,CAAC,CAAC,EAGrD,gBACEL,EAAA,CAAe,MAAOQ,EACrB,SAAAL,EAAO,IAAKS,GAEXK,EAAAA,OAAC,MAAA,CACA,UAAW,YAEX,MAAO,CACN,eAAgB,gBAChB,IAAK,MACL,QAAS,QACT,SAAU,OAAA,EAGX,SAAA,CAAAA,SAAC,MAAA,CAAI,MAAO,CAAE,MAAO,eACpB,SAAAA,EAAAA,OAACC,EAAAA,OAAA,CAAwB,MAAON,EAAM,MAAQ,KAAMA,EAAM,MAA7CA,EAAM,KAAnB,GAAA,CAAA,SAAA,yJAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAgE,CAAA,EADjE,OAAA,GAAA,CAAA,SAAA,yJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACAF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,cAAe,QAAA,EAGhB,SAAA,CAAAA,EAAAA,OAACG,EAAAA,cAAA,CAAc,UAAW,aACxB,SAAA,CAAAL,EAAoBH,EAAM,KAAK,EAAE,GAAA,CAAA,EADnC,OAAA,GAAA,CAAA,SAAA,yJAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAEA,EACCP,EAAM,UACNK,SAACI,EAAAA,SAAA,CAAS,UAAW,YAAa,SAAA,CAAA,IAAET,EAAM,SAAS,GAAA,CAAA,EAAnD,OAAA,GAAA,CAAA,SAAA,yJAAA,WAAA,IAAA,aAAA,CAAA,EAAAO,MAAoD,CAAA,CAAA,EAXtD,OAAA,GAAA,CAAA,SAAA,yJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAaA,CAAA,EAxBKP,EAAM,KAFZ,GAAA,CAAA,SAAA,yJAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CA6BD,CAAA,EAhCF,OAAA,GAAA,CAAA,SAAA,yJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiCA,CAEF"}
+{"version":3,"file":"PieChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Legend } from '@src/components/analytics-chips-and-dropdowns/chart/Legend/Legend';\nimport { PieChartInputData } from '@src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartInputData';\nimport { BodySecondary, BodyTiny } from '@src/components/TypographyStyle';\n\nconst PieChartStyled = styled.div`\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\tgap: 24px;\n\n\t.slice-row {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\t.percentage,\n\t\t.raw-value {\n\t\t\tmargin-left: auto;\n\t\t}\n\t}\n\n\toverflow-y: scroll;\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n`;\n\nexport const PieChart: React.FC<PieChartInputData> = ({ slices, size }) => {\n\tconst [total, setTotal] = useState(0);\n\tconst [styleObj, setStyleObj] = useState(size ? { height: `${size}px` } : {});\n\tuseEffect(() => {\n\t\tlet localTotal = 0;\n\t\tslices.forEach((slice) => {\n\t\t\tlocalTotal += slice.count;\n\t\t});\n\t\tsetTotal(localTotal);\n\n\t\tif (\n\t\t\tslices.reduce((sum, slice) => sum + slice.count, 0) === 0 &&\n\t\t\tslices.length === 1\n\t\t) {\n\t\t\tsetStyleObj((prev) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t};\n\t\t\t});\n\t\t} else {\n\t\t\tsetStyleObj((prev) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\tjustifyContent: 'flex-start',\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t}, [slices]);\n\n\tconst calculatePercentage = (count: number) => {\n\t\tif (total === 0) {\n\t\t\treturn 0;\n\t\t}\n\t\treturn parseFloat(((count / total) * 100).toFixed(1));\n\t};\n\n\treturn (\n\t\t<PieChartStyled style={styleObj}>\n\t\t\t{slices.map((slice) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={'slice-row'}\n\t\t\t\t\t\tkey={slice.name}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\tpadding: '0 8px',\n\t\t\t\t\t\t\tmaxWidth: '400px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div style={{ width: 'fit-content' }}>\n\t\t\t\t\t\t\t<Legend key={slice.name} color={slice.color!} text={slice.name} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodySecondary className={'percentage'}>\n\t\t\t\t\t\t\t\t{calculatePercentage(slice.count)}%\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t{slice.rawValue && (\n\t\t\t\t\t\t\t\t<BodyTiny className={'raw-value'}>({slice.rawValue})</BodyTiny>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</PieChartStyled>\n\t);\n};\n"],"names":["PieChartStyled","styled","PieChart","slices","size","total","setTotal","useState","styleObj","setStyleObj","useEffect","localTotal","slice","sum","prev","calculatePercentage","count","jsxDEV","Legend","this","BodySecondary","BodyTiny"],"mappings":"oTAMMA,EAAiBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BjBC,EAAwC,CAAC,CAAE,OAAAC,EAAQ,KAAAC,KAAW,CAC1E,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,CAAC,EAC9B,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAASH,EAAO,CAAE,OAAQ,GAAGA,CAAI,IAAA,EAAS,CAAA,CAAE,EAC5EM,EAAAA,UAAU,IAAM,CACf,IAAIC,EAAa,EACjBR,EAAO,QAASS,GAAU,CACzBD,GAAcC,EAAM,KACrB,CAAC,EACDN,EAASK,CAAU,EAGlBR,EAAO,OAAO,CAACU,EAAKD,IAAUC,EAAMD,EAAM,MAAO,CAAC,IAAM,GACxDT,EAAO,SAAW,EAElBM,EAAaK,IACL,CACN,GAAGA,EACH,eAAgB,QAAA,EAEjB,EAEDL,EAAaK,IACL,CACN,GAAGA,EACH,eAAgB,YAAA,EAEjB,CAEH,EAAG,CAACX,CAAM,CAAC,EAEX,MAAMY,EAAuBC,GACxBX,IAAU,EACN,EAED,YAAaW,EAAQX,EAAS,KAAK,QAAQ,CAAC,CAAC,EAGrD,gBACEL,EAAA,CAAe,MAAOQ,EACrB,SAAAL,EAAO,IAAKS,GAEXK,EAAAA,OAAC,MAAA,CACA,UAAW,YAEX,MAAO,CACN,eAAgB,gBAChB,IAAK,MACL,QAAS,QACT,SAAU,OAAA,EAGX,SAAA,CAAAA,SAAC,MAAA,CAAI,MAAO,CAAE,MAAO,eACpB,SAAAA,EAAAA,OAACC,EAAAA,OAAA,CAAwB,MAAON,EAAM,MAAQ,KAAMA,EAAM,MAA7CA,EAAM,KAAnB,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAgE,CAAA,EADjE,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACAF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,cAAe,QAAA,EAGhB,SAAA,CAAAA,EAAAA,OAACG,EAAAA,cAAA,CAAc,UAAW,aACxB,SAAA,CAAAL,EAAoBH,EAAM,KAAK,EAAE,GAAA,CAAA,EADnC,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAEA,EACCP,EAAM,UACNK,SAACI,EAAAA,SAAA,CAAS,UAAW,YAAa,SAAA,CAAA,IAAET,EAAM,SAAS,GAAA,CAAA,EAAnD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,IAAA,aAAA,CAAA,EAAAO,MAAoD,CAAA,CAAA,EAXtD,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAaA,CAAA,EAxBKP,EAAM,KAFZ,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CA6BD,CAAA,EAhCF,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiCA,CAEF"}

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),z=require("../../../../assets/icons/ChartBar.svg.js"),H=require("../../../../assets/icons/maximize.svg.js"),D=require("chart.js"),c=require("react"),W=require("react-chartjs-2"),Y=require("styled-components"),J=require("../../../TypographyStyle.js"),E=require("../../../../utils/StringUtils.js"),S=require("../../../../constants/Theme.js"),K=require("../LazyCharts.js"),x=require("../utils/calcPercentage.js"),V=require("./PieChart.js"),U=require("../../../icon-button/IconButton.js"),F=require("../../../modals/styledModal.js"),Q=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},X=Q(Y);D.Chart.register(D.ArcElement,D.Legend);const Z=(a,n,t)=>{const h=a.map(l=>l.name),u=a.map(l=>l.count);return{xAxis:{data:h,title:n??""},yAxis:{data:u,title:t??""},barColorRGBA:{r:210,g:174,b:255,a:1}}},q=a=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:n=>{if(!n.label)return" 0%";const t=n.dataset.data.reduce((f,k)=>f+k,0),h=parseFloat((n.raw/t*100).toFixed(1)),{label:u,raw:i}=n,p=a?.symbol??"",m=a?.isInternationalStore,l=m!==void 0?m?x.truncateValueForInternationalStore(i):x.truncateValueForIndianStore(i):i,y=m!==void 0?m?x.truncateValueForInternationalStore(t):x.truncateValueForIndianStore(t):t;return[` ${u}`,` ${p}${l} (${h}% of ${p}${y})`]}}}}}),d=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],ee=X.default.div`
-	background: ${a=>S.COLORS.surface.standard};
-	border: 1px solid ${a=>S.COLORS.stroke.primary};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),z=require("../../../../assets/icons/ChartBar.svg.js"),H=require("../../../../assets/icons/maximize.svg.js"),P=require("chart.js"),l=require("react"),E=require("react-chartjs-2"),Y=require("styled-components"),J=require("../../../TypographyStyle.js"),S=require("../../../../utils/StringUtils.js"),V=require("../../../../constants/Theme.js"),K=require("../LazyCharts.js"),w=require("../utils/calcPercentage.js"),U=require("./PieChart.js"),F=require("../../../icon-button/IconButton.js"),q=require("../../../modals/styledModal.js"),Q=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},X=Q(Y);P.Chart.register(P.ArcElement,P.Legend);const Z=(n,a,o)=>{const h=n.map(d=>d.name),m=n.map(d=>d.count);return{xAxis:{data:h,title:a??""},yAxis:{data:m,title:o??""},barColorRGBA:{r:210,g:174,b:255,a:1}}},B=n=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:a=>{if(!a.label)return" 0%";const o=a.dataset.data.reduce((f,x)=>f+x,0),h=parseFloat((a.raw/o*100).toFixed(1)),{label:m,raw:t}=a,p=n?.symbol??"",u=n?.isInternationalStore,d=u!==void 0?u?w.truncateValueForInternationalStore(t):w.truncateValueForIndianStore(t):t,b=u!==void 0?u?w.truncateValueForInternationalStore(o):w.truncateValueForIndianStore(o):o;return[` ${m}`,` ${p}${d} (${h}% of ${p}${b})`]}}}}}),c=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],ee=X.default.div`
+	background: ${n=>V.COLORS.surface.standard};
+	border: 1px solid ${n=>V.COLORS.stroke.primary};
 	border-radius: 4px;
-`,ae=a=>e.jsxDEV(ee,{style:{padding:24},children:a.children},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:112,columnNumber:9},void 0),B=({title:a,slices:n,size:t,allowChartPopup:h,showConvertToBarChart:u,truncateSlices:i,barChartXAxisTitle:p,barChartYAxisTitle:m,hideTitle:l=!1,currencyProps:y})=>{const[f,k]=c.useState(!1),[P,w]=c.useState(!1),[A,O]=c.useState([]),[N,g]=c.useState(),[R,I]=c.useState(),[L,$]=c.useState([]),[v,T]=c.useState(null);return c.useEffect(()=>{const G=n.reduce((s,r)=>s+r.count,0);let j=[];if(j=Object.keys(n).map((s,r)=>({color:d[r%d.length],...n[s]})),O([...j]),G===0)g({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]});else{const s={labels:n.map(r=>E.default.capitalizeEachWord(r.name)),datasets:[{data:n.map(r=>r.count),backgroundColor:n.map((r,C)=>r.color??d[C%d.length]),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};g(s)}if(i&&n.length>i){const s=n.slice(0,i),C=n.slice(i).reduce((o,b)=>o+b.count,0);s.push({name:"Other",count:C});const M={labels:s.map(o=>E.default.capitalize(o.name)),datasets:[{data:s.map(o=>o.count),backgroundColor:s.map((o,b)=>o.color??d[b%d.length]),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};I(M);const _=s.map((o,b)=>({color:d[b%d.length],...o}));$(_)}u&&T(Z(n,p,m))},[n,i]),N?e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{display:"flex",justifyContent:l||a?.length===0?"flex-end":"space-between"},children:[!l&&a&&e.jsxDEV(J.TitleMedium,{style:{marginBottom:16},children:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:241,columnNumber:6},void 0),e.jsxDEV("div",{children:[u&&e.jsxDEV(U.IconButton,{Icon:z.default,onClick:()=>{w(!0)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:252,columnNumber:7},void 0),h&&e.jsxDEV(U.IconButton,{Icon:H.default,onClick:()=>{k(!0)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:260,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/Pie/PieChartAnalytics.tsx",lineNumber:250,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/Pie/PieChartAnalytics.tsx",lineNumber:233,columnNumber:4},void 0),e.jsxDEV("div",{className:"row",children:[e.jsxDEV("div",{className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsxDEV("div",{style:{width:t,height:t},children:e.jsxDEV(W.Doughnut,{data:i?R:N,options:{...q(y),maintainAspectRatio:!t}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:284,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/Pie/PieChartAnalytics.tsx",lineNumber:278,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/Pie/PieChartAnalytics.tsx",lineNumber:270,columnNumber:5},void 0),e.jsxDEV("div",{className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"},children:e.jsxDEV(V.PieChart,{slices:i?L:A,size:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:302,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/Pie/PieChartAnalytics.tsx",lineNumber:293,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/Pie/PieChartAnalytics.tsx",lineNumber:269,columnNumber:4},void 0),f&&e.jsxDEV(F.StyledModal,{open:f,onClose:()=>k(!1),closeOnOutsideClick:!0,headingTitle:a,width:"75%",children:e.jsxDEV("div",{style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"},children:[e.jsxDEV("div",{style:{width:"55%",marginLeft:"4%"},children:e.jsxDEV("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsxDEV(W.Doughnut,{data:N,options:{...q(y),maintainAspectRatio:!t}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:335,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/Pie/PieChartAnalytics.tsx",lineNumber:326,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/Pie/PieChartAnalytics.tsx",lineNumber:325,columnNumber:7},void 0),e.jsxDEV("div",{style:{width:"30%",height:"100%",overflowY:"auto"},children:e.jsxDEV(V.PieChart,{slices:A},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:351,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/Pie/PieChartAnalytics.tsx",lineNumber:344,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/Pie/PieChartAnalytics.tsx",lineNumber:317,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/Pie/PieChartAnalytics.tsx",lineNumber:310,columnNumber:5},void 0),P&&v&&e.jsxDEV(F.StyledModal,{open:P,onClose:()=>w(!1),closeOnOutsideClick:!0,headingTitle:a,width:"85%",children:e.jsxDEV("div",{style:{padding:"24px 0"},children:e.jsxDEV(c.Suspense,{fallback:e.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/Pie/PieChartAnalytics.tsx",lineNumber:370,columnNumber:27},void 0),children:e.jsxDEV(K.LazyVerticalGraph,{xAxis:v.xAxis,yAxis:v.yAxis,barColorRGBA:v?.barColorRGBA,PieChartComponent:B},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.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/Pie/PieChartAnalytics.tsx",lineNumber:370,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/Pie/PieChartAnalytics.tsx",lineNumber:365,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/Pie/PieChartAnalytics.tsx",lineNumber:358,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/Pie/PieChartAnalytics.tsx",lineNumber:232,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/Pie/PieChartAnalytics.tsx",lineNumber:228,columnNumber:10},void 0)};exports.Card=ae;exports.PieChartAnalytics=B;
+`,ne=n=>e.jsxDEV(ee,{style:{padding:24},children:n.children},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:112,columnNumber:9},void 0),O=({title:n,slices:a,size:o,allowChartPopup:h,showConvertToBarChart:m,truncateSlices:t,barChartXAxisTitle:p,barChartYAxisTitle:u,hideTitle:d=!1,currencyProps:b})=>{const[f,x]=l.useState(!1),[A,v]=l.useState(!1),[g,R]=l.useState([]),[C,k]=l.useState(),[I,W]=l.useState(),[L,$]=l.useState([]),[N,T]=l.useState(null);return l.useEffect(()=>{const G=a.reduce((s,i)=>s+i.count,0);let j=[];if(j=Object.keys(a).map((s,i)=>({color:c[i%c.length],...a[s]})),R([...j]),G===0)k({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]});else{const s={labels:a.map(i=>S.default.capitalizeEachWord(i.name)),datasets:[{data:a.map(i=>i.count),backgroundColor:a.map((i,D)=>i.color??c[D%c.length]),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};k(s)}if(t&&a.length>t){const s=a.slice(0,t),D=a.slice(t).reduce((r,y)=>r+y.count,0);s.push({name:"Other",count:D});const M={labels:s.map(r=>S.default.capitalize(r.name)),datasets:[{data:s.map(r=>r.count),backgroundColor:s.map((r,y)=>r.color??c[y%c.length]),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};W(M);const _=s.map((r,y)=>({color:c[y%c.length],...r}));$(_)}m&&T(Z(a,p,u))},[a,t]),C?e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{display:"flex",justifyContent:d||n?.length===0?"flex-end":"space-between"},children:[!d&&n&&e.jsxDEV(J.TitleMedium,{style:{marginBottom:16},children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:241,columnNumber:6},void 0),e.jsxDEV("div",{children:[m&&e.jsxDEV(F.IconButton,{Icon:z.default,onClick:()=>{v(!0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:252,columnNumber:7},void 0),h&&e.jsxDEV(F.IconButton,{Icon:H.default,onClick:()=>{x(!0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:260,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:250,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:233,columnNumber:4},void 0),e.jsxDEV("div",{className:"row",children:[e.jsxDEV("div",{className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsxDEV("div",{style:{width:o,height:o},children:e.jsxDEV(E.Doughnut,{data:t?I:C,options:{...B(b),maintainAspectRatio:!o}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:284,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:278,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:270,columnNumber:5},void 0),e.jsxDEV("div",{className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"},children:e.jsxDEV(U.PieChart,{slices:t?L:g,size:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:302,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:293,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:269,columnNumber:4},void 0),f&&e.jsxDEV(q.StyledModal,{open:f,onClose:()=>x(!1),closeOnOutsideClick:!0,headingTitle:n,width:"75%",children:e.jsxDEV("div",{style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"},children:[e.jsxDEV("div",{style:{width:"55%",marginLeft:"4%"},children:e.jsxDEV("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsxDEV(E.Doughnut,{data:C,options:{...B(b),maintainAspectRatio:!o}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:335,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:326,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:325,columnNumber:7},void 0),e.jsxDEV("div",{style:{width:"30%",height:"100%",overflowY:"auto"},children:e.jsxDEV(U.PieChart,{slices:g},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:351,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:344,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:317,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:310,columnNumber:5},void 0),A&&N&&e.jsxDEV(q.StyledModal,{open:A,onClose:()=>v(!1),closeOnOutsideClick:!0,headingTitle:n,width:"85%",children:e.jsxDEV("div",{style:{padding:"24px 0"},children:e.jsxDEV(l.Suspense,{fallback:e.jsxDEV("div",{children:"Loading..."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:370,columnNumber:27},void 0),children:e.jsxDEV(K.LazyVerticalGraph,{xAxis:N.xAxis,yAxis:N.yAxis,barColorRGBA:N?.barColorRGBA,PieChartComponent:O},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:371,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:370,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:365,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:358,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.tsx",lineNumber:232,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/Pie/PieChartAnalytics.tsx",lineNumber:228,columnNumber:10},void 0)};exports.Card=ne;exports.PieChartAnalytics=O;
 //# sourceMappingURL=PieChartAnalytics.js.map