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

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

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

Files changed (1601) hide show

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.js.map CHANGED Viewed

	@@ -1 +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","undefined","percent","Math","round","abs","_jsx","AnalyticsTrendContainer","Object","assign","style","children","_jsxs","display","flexDirection","gap","borderRightWidth","borderRightColor","COLORS","stroke","primary","borderRightStyle","paddingLeft","paddingRight","height","justifyContent","alignItems","IconContainer","BodyCaption","color","content","secondary","Tooltip","body","placement","width","cursor","InfoIcon","ShimmerComponentStyled","truncateValueForInternationalStore","truncateValueForIndianStore","Intl","NumberFormat","maximumFractionDigits","format","Tag","tagText","theme","Trend","direction","marginTop","_Fragment","trendDiff","diff","toFixed","formatTrendDiff","className","onClick","React","createElement","generateTrendRawText","prefixWithSign","getTrendRawAbs","trendRawAbs","String","trendRawText","setTrendRawText","useState","timeLineText","setTimeLineText","useEffect","DateUtils","getAnalyticsCustomDateTimelineText","TrendIcon","DownArrowIcon","UpArrowIcon","background","negative","vibrant","positive","placeholder","flexWrap","marginRight","Caption","marginLeft","length"],"mappings":"mzBAuDO,MAAMA,EAAoDA,EAChEC,QACAC,QACAC,eACAC,OAAO,aACPC,WACAC,cACAC,UACAC,QAAO,EACPC,kBAAiB,EACjBC,OAAO,MACPC,SAAQ,EACRC,YACAC,eACAC,eACAC,mBACAC,kBACAC,gBACAC,YACAC,WACAC,iBACAC,aACAC,aACAC,sBACAC,iBACAC,iBACAC,gBACAC,yBACAC,uBACAC,OACAC,qBACAC,sBACAC,yBAEA,MAAMC,EAAqB,QAATvB,EAAiBwB,EAAaC,EAC1CC,OACmB,IAAjBjC,EACJA,EAAe,EACd,WACiB,IAAjBA,EACA,UACA,gBACDkC,EAEEC,OACmB,IAAjBnC,EACJQ,EACC4B,KAAKC,MAAMrC,GACXoC,KAAKE,IAAIF,KAAKC,MAAMrC,SACrBkC,EAsCJ,OACCK,EAACC,EACAC,OAAAC,OAAA,CAAArC,KAAMA,EACNsC,MAAKF,OAAAC,OAAA,CAAA,EACDpB,IAGJ,CAAAsB,SAAAC,EAAA,MAAAJ,OAAAC,OAAA,CACCC,MACCF,OAAAC,OAAA,CAAAI,QAAS,OACTC,cAAe,MACfC,IAAKtB,EAAO,GAAK,EACjBuB,iBAAkB3C,EAAiB,EAAI,EACvC4C,iBAAkBC,EAAOC,OAAOC,QAChCC,iBAAkB,QAClBC,YAAclD,EAAY,EAAL,GACrBmD,aAAenD,EAAY,EAAL,GACtBoD,OAAQ,OACRC,eAAgBhC,EAAO,aAAe,gBACtCiC,WAAY,UACRvC,QAAAA,EAAuB,KAAG,CAAAwB,SAAA,GAG5BlB,GACFa,EAACqB,EAAcnB,OAAAC,OAAA,CAAAC,MAAYF,OAAAC,OAAA,CAAA,EAAAf,cAC1BY,EAACb,EAAO,OAGVmB,EAAA,MAAAJ,OAAAC,OAAA,CACCC,MAAKF,OAAAC,OAAA,CACJI,QAAS,OACTC,cAAe,SACfC,IAAK,EACLS,OAAQ,QACJtC,QAAAA,EAAc,KAGnB,CAAAyB,SAAA,CAAAC,EAAA,MAAAJ,OAAAC,OAAA,CACCC,MAAO,CACNG,QAAS,OACTC,cAAe,MACfC,IAAK,EACLW,WAAY,WACZ,CAAAf,SAAA,CAEDL,EAACsB,EACApB,OAAAC,OAAA,CAAAC,MAAO,CACNmB,MAAOX,EAAOY,QAAQC,YAGtB,CAAApB,SAAA9C,KAGDM,GACAmC,EAAC0B,EAAOxB,OAAAC,OAAA,CAACwB,KAAM9D,EAAS+D,UAAW,QAASC,MAAO,KAAG,CAAAxB,SACrDL,EACC,MAAAE,OAAAC,OAAA,CAAAC,MAAO,CACNG,QAAS,OACTuB,OAAQ,UACRZ,OAAQ,SACR,CAAAb,SAEDL,EAAC+B,EAAQ,CACRR,MAAOX,EAAOY,QAAQV,QACtBI,OAAQ,GACRW,MAAO,eAOZvB,EACC,MAAAJ,OAAAC,OAAA,CAAAC,qBACCG,QAAS,OACTC,cAAe,MACfC,IAAK,GACLW,WAAY,UACRnD,EAAQ,CAAEkD,eAAgB,iBAAoB,gBAGlD3C,GAAawB,EAACgC,GAAuBH,MAAO,IAAKX,OAAQ,MACxD1C,GACDwB,EAACT,EAASW,OAAAC,OAAA,CACTC,MAAO,CACNmB,MAAOX,EAAOY,QAAQV,UAGtB,CAAAT,cA3Hc,IAAV7C,EACH,KAGa,iBAAVA,GACNU,EACCV,EAAQ,IACP0B,EACI,GAAGf,QAAAA,EAAgB,KAAK8D,EAC9BzE,MACImB,QAAAA,EAAc,KAEZ,GAAGR,QAAAA,EAAgB,KAAK+D,EAC9B1E,MACImB,QAAAA,EAAc,KAGb,GAAGR,QAAAA,EAAgB,KAAK,IAAIgE,KAAKC,aAAa,QAAS,CAC7DC,sBAAuB,IACrBC,OAAO9E,MAAUmB,QAAAA,EAAc,KAK9B,GAAGR,QAAAA,EAAgB,KAAKX,KAASmB,QAAAA,EAAc,QAsGf,iBAA3BM,GACPe,EAACuC,GACAC,QAAS,GAAGvD,KACZwD,MAAM,QACN/E,KAAK,YAGG,eAATA,IAA0Bc,IAAcP,GACxC+B,EAAC0C,EACA,CAAA/E,SAAUA,EACVC,YAAaA,EACbgC,QAASA,EACT+C,UAAWjD,EACXjB,SAAUA,EACVC,eAAgBA,EAChBP,aAAcA,EACdW,eAAgBA,EAChBI,qBAAsBA,EACtBG,oBAAqBA,EACrBC,mBAAoBA,IAGrBd,IAAcP,GAAkB,eAATP,GACvBsC,EAACgC,EAAsB,CAACd,OAAQ,GAAIW,MAAO,IAAKe,UAAW,IAElD,aAATlF,IACCc,QACwB,IAAlBD,GACNyB,EAACuC,EAAG,CACHC,QAAS,GAAGjE,MACZkE,MAAM,QACN/E,KAAK,YAGPO,IAAUO,QAAgC,IAAZoB,GAC9BI,EAACuC,EAAG,CAACC,QAAS,GAAG5C,MAAa6C,MAAM,QAAQ/E,KAAK,YAEhDO,GAAUO,IAAaQ,GAAkC,GAAjBA,EAOzCgB,EAAA6C,EAAA,CAAA,GANA7C,EAACuC,EAAG,CACHC,QA1IkBM,KACxB,MAAMC,EAAOlD,KAAKE,IAAI+C,GACtB,OAAIC,EAAO,GAAM,EACT,GAAGA,EAAKC,QAAQ,OAEjB,GAAGD,KAAQ,EAqIHE,CAAgBjE,GACzByD,MAAM,QACN/E,KAAK,gBAME,aAATA,IAAwBc,IAAcP,GACtC+B,EAAA,MAAAE,OAAAC,OAAA,CAAKC,MAAO,CAAEwC,UAAW,KACxB,CAAAvC,SAAAL,EAAC0C,EAAK,CACL/E,SAAUA,EACVC,YAAaA,EACbgC,QAASA,EACT+C,UAAWjD,EACXjB,SAAUA,EACVC,eAAgBA,EAChBP,aAAcA,EACdW,eAAgBA,EAChBI,qBAAsBA,EACtBG,oBAAqBA,EACrBC,mBAAoBA,OAItBd,GAAsB,aAATd,GACbsC,EAACgC,EAAsB,CAACd,OAAQ,GAAIW,MAAO,IAAKe,UAAW,QAG5DtE,IAAoBE,GACpBwB,EAAC0B,EAAQxB,OAAAC,OAAA,CAAAwB,KAAMrD,EAAiBsD,UAAW,SAAO,CAAAvB,SAChDjC,GACA4B,EAAA,MAAAE,OAAAC,OAAA,CAAK+C,UAAW,eAAgBC,QAAS9E,GACvC,CAAAgC,SAAA+C,EAAMC,cAAcjF,EAAc,CAClC8C,OAAQ,GACRW,MAAO,GACPN,MAAOX,EAAOY,QAAQC,wBAOH,EAItBiB,EAYDA,EACJ9C,UACA+C,YACAhF,WACAC,cACAa,WACAC,iBACAP,eACAW,iBACAI,uBACAG,sBACAC,yBAEA,MAkBMgE,EAAuBA,KAC5B,MAAMC,IACH9E,QAAAA,EAAY,GAAK,EAAI,IAAM,KAAON,QAAAA,EAAgB,IAKrD,YAHqB,IAAbM,EACJ,KACA,GAAG8E,QAAAA,EAAkB,KAxBHC,MACtB,IAAIC,EAAc,KAClB,GAAIhF,EAQH,OANCgF,EAAcC,OADXxE,EAEF+C,EAAmCpC,KAAKE,IAAItB,IAGxByD,EAA4BrC,KAAKE,IAAItB,KAEvDA,EAAW,EACP,IAAMgF,EAENA,CAER,EAS6BD,IACJ,GAGpBG,EAAcC,GAAmBC,EACvCP,MAEMQ,EAAcC,GAAmBF,EACvCvE,GAAsB,IAGvB0E,GAAU,KACL1E,GAGJyE,EACc,UAAbpG,EACG,eACa,cAAbA,EACA,kBACa,WAAbA,EACA,iBACa,YAAbA,EACA,kBACa,WAAbA,GAAyBC,EACzBqG,EAAUC,mCAAmCtG,GAC7C,GACH,GACC,CAACD,EAAUC,IAEdoG,GAAU,KACTJ,EAAgBN,IAAuB,GACrC,CAAC7E,IAEJ,MAAM0F,EAA0B,aAAdxB,EAA2ByB,EAAgBC,EAEvD9C,EACS,aAAdoB,EACG/B,EAAO0D,WAAWC,SAASC,QACb,aAAd7B,EACA/B,EAAO0D,WAAWG,SAASD,QAC3B5D,EAAOY,QAAQkD,YAEnB,OACCpE,EACC,MAAAJ,OAAAC,OAAA,CAAAC,MAAO,CACNG,QAAS,OACTa,WAAY,SACZZ,cAAe,MACfmE,SAAU,SACV,CAAAtE,SAAA,CAEmB,iBAAZT,GACPI,EAACmE,EACA,CAAA5C,MAAOA,EACPL,OAAQ,GACRW,MAAO,GACPzB,MAAKF,OAAAC,OAAA,CAAIyE,YAAa,GAAO9F,QAAAA,EAAkB,MAG7B,iBAAZc,GAAwB+C,GAC/BrC,EAACuE,EAAO3E,OAAAC,OAAA,CAACC,MAAO,CAAEmB,qBACF,YAAdoB,EAA0B,EAAI/C,EAAU,IAAOA,EAAU,OACzD,UAGAnB,GACFuB,EAAC6E,EAAO3E,OAAAC,OAAA,CAACC,MAAO,CAAE0E,WAAY,EAAGvD,MAAOX,EAAOY,QAAQkD,wBACrD,IAAIf,SAGLlF,KAAaC,eAAAA,EAAgBqG,SAAU,GAAK,GAC7C/E,EAAC6E,EAAQ3E,OAAAC,OAAA,CAAAC,MAAO,CAAE0E,WAAY,EAAGvD,MAAOX,EAAOY,QAAQkD,cAAa,CAAArE,SAClE,GAAG3B,OAILf,IACC0B,EACAW,EAAC0B,EAAQxB,OAAAC,OAAA,CAAAwB,KAAMtC,EAAqBuC,UAAU,UAC7C,CAAAvB,SAAAL,EAAC6E,EAAO3E,OAAAC,OAAA,CACPC,MAAO,CAAE0E,WAAY,EAAGvD,MAAOX,EAAOY,QAAQkD,cAE7C,CAAArE,SAAAf,GAAsBwE,QAIzB9D,EAAC6E,iBAAQzE,MAAO,CAAE0E,WAAY,EAAGvD,MAAOX,EAAOY,QAAQkD,cAAa,CAAArE,SAClEf,GAAsBwE,SAGrB"}
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","_ref","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","undefined","percent","Math","round","abs","_jsx","AnalyticsTrendContainer","Object","assign","style","children","_jsxs","display","flexDirection","gap","borderRightWidth","borderRightColor","COLORS","stroke","primary","borderRightStyle","paddingLeft","paddingRight","height","justifyContent","alignItems","IconContainer","BodyCaption","color","content","secondary","Tooltip","body","placement","width","cursor","InfoIcon","ShimmerComponentStyled","truncateValueForInternationalStore","truncateValueForIndianStore","Intl","NumberFormat","maximumFractionDigits","format","Tag","tagText","theme","Trend","direction","marginTop","_Fragment","trendDiff","diff","toFixed","formatTrendDiff","className","onClick","React","createElement","_ref2","generateTrendRawText","prefixWithSign","getTrendRawAbs","trendRawAbs","String","trendRawText","setTrendRawText","useState","timeLineText","setTimeLineText","useEffect","DateUtils","getAnalyticsCustomDateTimelineText","TrendIcon","DownArrowIcon","UpArrowIcon","background","negative","vibrant","positive","placeholder","flexWrap","marginRight","Caption","marginLeft","length"],"mappings":"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"}

package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommonStyles.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/CommonStyles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport { StyledDropdown } from '../floating-action-button';\n\nexport const AnalyticsChipContainer = styled.div<{\n\tbackgroundColor?: string;\n\twidth?: string \| number;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: flex-start;\n\tpadding: 12px 16px;\n\tgap: 8px;\n\tbackground: ${(props) => props.backgroundColor};\n\tborder-radius: 8px;\n\twidth: ${(props) => (props.width ? props.width : '224.67px')};\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: initial;\n\tmin-height: 88px;\n\t.sub--container {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: flex-start;\n\t\tgap: 4px;\n\t\talign-items: baseline;\n\t}\n`;\n\nexport const AnalyticsMultiWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: flex-start;\n\tpadding: 0px;\n\tgap: 16px;\n\tflex-wrap: wrap;\n`;\n\nexport const MainDropdown = styled(StyledDropdown)<{\n\theight?: string;\n\tbgColor?: string;\n}>`\n\t.main--dropdown.dropdown-toggle::after {\n\t\tdisplay: unset !important;\n\t}\n\t.main--dropdown.dropdown-toggle::before {\n\t\tdisplay: unset !important;\n\t}\n\t.main--dropdown.btn-primary:hover,\n\t.main--dropdown.btn-primary:active,\n\t.main--dropdown.btn-primary:focus,\n\t.main--dropdown.btn-primary.dropdown-toggle,\n\t.main--dropdown.show > main--dropdown.btn-primary.dropdown-toggle {\n\t\tborder: 1px solid ${BASE_COLORS.grayscale[200]};\n\t\tborder-radius: 4px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tpadding: 6px 8px;\n\t\tgap: 8px;\n\t\tbackground: ${(props) => props.bgColor};\n\t}\n\t.dropdown-menu {\n\t\tborder-radius: 3px;\n\t\tpadding: 0 0;\n\t}\n\t.sub--dropdown.btn-primary {\n\t\twidth: 100%;\n\t\tpadding: 0px;\n\t}\n\t.sub--dropdown {\n\t\tbutton:not(.date-picker-save-button-container button) {\n\t\t\tborder-radius: 0;\n\t\t\tmax-width: 100%;\n\t\t\tpadding: 10px 6.6667px;\n\t\t\tbackground: none;\n\t\t\ttext-align: center;\n\t\t\tline-height: 16px;\n\t\t\tborder: none;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t}\n\t}\n`;\n\nexport const ItemMenuContainer = styled.div<{\n\tisSelected?: boolean;\n\tisLastItem?: boolean;\n\tisFirstItem?: boolean;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tpadding: 12px 16px;\n\tgap: 4px;\n\tborder-bottom: ${(props) =>\n\t\tprops.isLastItem ? 'none' : `1px solid ${BASE_COLORS.grayscale[200]}`};\n\tmax-width: 240px;\n\tcursor: pointer;\n\tbackground-color: ${(props) =>\n\t\tprops.isSelected ? BASE_COLORS.positive[50] : BASE_COLORS.grayscale.white};\n\t&:hover {\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.isSelected ? '' : BASE_COLORS.grayscale[50]};\n\t}\n\twidth: 100%;\n\tborder-top-left-radius: ${(props) => (props.isFirstItem ? '4px' : '0px')};\n\tborder-top-right-radius: ${(props) => (props.isFirstItem ? '4px' : '0px')};\n\tborder-bottom-left-radius: ${(props) => (props.isLastItem ? '4px' : '0px')};\n\tborder-bottom-right-radius: ${(props) => (props.isLastItem ? '4px' : '0px')};\n`;\n\nexport const AnalyticsTrendContainer = styled.div<{\n\tcard: boolean;\n}>`\n\tborder: ${(props) => (props.card ? 1 : 0)}px solid ${COLORS.background.base};\n\theight: 100%;\n\t${(props) =>\n\t\tprops.card\n\t\t\t? `\n\t\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 16px 20px;`\n\t\t\t: ''}\n\t.icon--holder {\n\t\theight: 32px;\n\t\twidth: 32px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: 5px;\n\t\tcursor: pointer;\n\t\t:hover {\n\t\t\tbackground-color: ${COLORS.surface.hovered};\n\t\t}\n\t}\n`;\n\nexport const IconContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 32px;\n\theight: 32px;\n\tbackground-color: ${COLORS.background.brandLight};\n\tborder-radius: 4px;\n`;\n"],"names":["AnalyticsChipContainer","_styled","process","env","NODE_ENV","target","label","props","backgroundColor","width","AnalyticsMultiWrapper","name","styles","map","toString","MainDropdown","StyledDropdown","BASE_COLORS","grayscale","bgColor","ItemMenuContainer","isLastItem","isSelected","positive","white","isFirstItem","AnalyticsTrendContainer","card","COLORS","background","base","surface","hovered","IconContainer","brandLight"],"mappings":"8TAIO,MAAMA,EAAsBC,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,0BAAAL,CAUnBM,0HAAAA,GAAUA,EAAMC,iBAErBD,6BAAAA,GAAWA,EAAME,MAAQF,EAAME,MAAQ,YAAW,yLAY5D,eAZ4DP,QAAAC,IAAAC,SAY5D,GAAA,orKAEYM,EAAqBT,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,yBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAO,KAAA,SAAAC,OAAA,8FAAA,CAAAD,KAAA,SAAAC,OAAA,6FAAAC,IAAA,krKAAAC,+PASrBC,EAAed,EAAOe,EAAc,eAAAd,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,gBAArBL,yWAeNgB,EAAYC,UAAU,KAO3BX,6GAAAA,GAAUA,EAAMY,SAAOjB,4UAuBvC,eAvBuCA,QAAAC,IAAAC,SAuBvC,GAAA,orKAEYgB,EAAiBnB,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,qBAAAL,CAUXM,sGAAAA,GACjBA,EAAMc,WAAa,~~OAAS~~,~~aAAaJ~~,EAAYC,UAAU,6DAG3CX,GACpBA,EAAMe,WAAaL,EAAYM,SAAS,IAAMN,EAAYC,UAAUM,qCAE/CjB,GACpBA,EAAMe,WAAa,GAAKL,EAAYC,UAAU,KAAG,wCAGxBX,GAAWA,EAAMkB,YAAc,MAAQ,oCACtClB,GAAWA,EAAMkB,YAAc,MAAQ,OAAM,+BAC3ClB,GAAWA,EAAMc,WAAa,MAAQ,OACrCd,gCAAAA,GAAWA,EAAMc,WAAa,MAAQ,OAAM,KAC3E,eAD2EnB,QAAAC,IAAAC,SAC3E,GAAA,orKAEYsB,EAAuBzB,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,2BAAAL,CAGxBM,WAAAA,GAAWA,EAAMoB,KAAO,EAAI,GAAE,YAAYC,EAAOC,WAAWC,KAAI,iBAExEvB,GACFA,EAAMoB,KACH,6GAIA,IAUkBC,yJAAAA,EAAOG,QAAQC,QAAO,OAG5C,eAH4C9B,QAAAC,IAAAC,SAG5C,GAAA,orKAEY6B,EAAahC,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,iBAAAL,CAML2B,kGAAAA,EAAOC,WAAWK,WAAUhC,uBAEhD,eAFgDA,QAAAC,IAAAC,SAEhD,GAAA"}
1	+ {"version":3,"file":"CommonStyles.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/CommonStyles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport { StyledDropdown } from '../floating-action-button';\n\nexport const AnalyticsChipContainer = styled.div<{\n\tbackgroundColor?: string;\n\twidth?: string \| number;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: flex-start;\n\tpadding: 12px 16px;\n\tgap: 8px;\n\tbackground: ${(props) => props.backgroundColor};\n\tborder-radius: 8px;\n\twidth: ${(props) => (props.width ? props.width : '224.67px')};\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: initial;\n\tmin-height: 88px;\n\t.sub--container {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: flex-start;\n\t\tgap: 4px;\n\t\talign-items: baseline;\n\t}\n`;\n\nexport const AnalyticsMultiWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: flex-start;\n\tpadding: 0px;\n\tgap: 16px;\n\tflex-wrap: wrap;\n`;\n\nexport const MainDropdown = styled(StyledDropdown)<{\n\theight?: string;\n\tbgColor?: string;\n}>`\n\t.main--dropdown.dropdown-toggle::after {\n\t\tdisplay: unset !important;\n\t}\n\t.main--dropdown.dropdown-toggle::before {\n\t\tdisplay: unset !important;\n\t}\n\t.main--dropdown.btn-primary:hover,\n\t.main--dropdown.btn-primary:active,\n\t.main--dropdown.btn-primary:focus,\n\t.main--dropdown.btn-primary.dropdown-toggle,\n\t.main--dropdown.show > main--dropdown.btn-primary.dropdown-toggle {\n\t\tborder: 1px solid ${BASE_COLORS.grayscale[200]};\n\t\tborder-radius: 4px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tpadding: 6px 8px;\n\t\tgap: 8px;\n\t\tbackground: ${(props) => props.bgColor};\n\t}\n\t.dropdown-menu {\n\t\tborder-radius: 3px;\n\t\tpadding: 0 0;\n\t}\n\t.sub--dropdown.btn-primary {\n\t\twidth: 100%;\n\t\tpadding: 0px;\n\t}\n\t.sub--dropdown {\n\t\tbutton:not(.date-picker-save-button-container button) {\n\t\t\tborder-radius: 0;\n\t\t\tmax-width: 100%;\n\t\t\tpadding: 10px 6.6667px;\n\t\t\tbackground: none;\n\t\t\ttext-align: center;\n\t\t\tline-height: 16px;\n\t\t\tborder: none;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t}\n\t}\n`;\n\nexport const ItemMenuContainer = styled.div<{\n\tisSelected?: boolean;\n\tisLastItem?: boolean;\n\tisFirstItem?: boolean;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tpadding: 12px 16px;\n\tgap: 4px;\n\tborder-bottom: ${(props) =>\n\t\tprops.isLastItem ? 'none' : `1px solid ${BASE_COLORS.grayscale[200]}`};\n\tmax-width: 240px;\n\tcursor: pointer;\n\tbackground-color: ${(props) =>\n\t\tprops.isSelected ? BASE_COLORS.positive[50] : BASE_COLORS.grayscale.white};\n\t&:hover {\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.isSelected ? '' : BASE_COLORS.grayscale[50]};\n\t}\n\twidth: 100%;\n\tborder-top-left-radius: ${(props) => (props.isFirstItem ? '4px' : '0px')};\n\tborder-top-right-radius: ${(props) => (props.isFirstItem ? '4px' : '0px')};\n\tborder-bottom-left-radius: ${(props) => (props.isLastItem ? '4px' : '0px')};\n\tborder-bottom-right-radius: ${(props) => (props.isLastItem ? '4px' : '0px')};\n`;\n\nexport const AnalyticsTrendContainer = styled.div<{\n\tcard: boolean;\n}>`\n\tborder: ${(props) => (props.card ? 1 : 0)}px solid ${COLORS.background.base};\n\theight: 100%;\n\t${(props) =>\n\t\tprops.card\n\t\t\t? `\n\t\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 16px 20px;`\n\t\t\t: ''}\n\t.icon--holder {\n\t\theight: 32px;\n\t\twidth: 32px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: 5px;\n\t\tcursor: pointer;\n\t\t:hover {\n\t\t\tbackground-color: ${COLORS.surface.hovered};\n\t\t}\n\t}\n`;\n\nexport const IconContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 32px;\n\theight: 32px;\n\tbackground-color: ${COLORS.background.brandLight};\n\tborder-radius: 4px;\n`;\n"],"names":["AnalyticsChipContainer","_styled","process","env","NODE_ENV","target","label","props","backgroundColor","width","AnalyticsMultiWrapper","name","styles","map","toString","MainDropdown","StyledDropdown","BASE_COLORS","grayscale","bgColor","ItemMenuContainer","isLastItem","isSelected","positive","white","isFirstItem","AnalyticsTrendContainer","card","COLORS","background","base","surface","hovered","IconContainer","brandLight"],"mappings":"8TAIO,MAAMA,EAAsBC,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,0BAAAL,CAUnBM,0HAAAA,GAAUA,EAAMC,iBAErBD,6BAAAA,GAAWA,EAAME,MAAQF,EAAME,MAAQ,YAAW,yLAY5D,eAZ4DP,QAAAC,IAAAC,SAY5D,GAAA,orKAEYM,EAAqBT,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,yBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAO,KAAA,SAAAC,OAAA,8FAAA,CAAAD,KAAA,SAAAC,OAAA,6FAAAC,IAAA,krKAAAC,+PASrBC,EAAed,EAAOe,EAAc,eAAAd,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,gBAArBL,yWAeNgB,EAAYC,UAAU,KAO3BX,6GAAAA,GAAUA,EAAMY,SAAOjB,4UAuBvC,eAvBuCA,QAAAC,IAAAC,SAuBvC,GAAA,orKAEYgB,EAAiBnB,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,qBAAAL,CAUXM,sGAAAA,GACjBA,EAAMc,WAAa,OAAsB,aAAAJ,EAAYC,UAAU,6DAG3CX,GACpBA,EAAMe,WAAaL,EAAYM,SAAS,IAAMN,EAAYC,UAAUM,qCAE/CjB,GACpBA,EAAMe,WAAa,GAAKL,EAAYC,UAAU,KAAG,wCAGxBX,GAAWA,EAAMkB,YAAc,MAAQ,oCACtClB,GAAWA,EAAMkB,YAAc,MAAQ,OAAM,+BAC3ClB,GAAWA,EAAMc,WAAa,MAAQ,OACrCd,gCAAAA,GAAWA,EAAMc,WAAa,MAAQ,OAAM,KAC3E,eAD2EnB,QAAAC,IAAAC,SAC3E,GAAA,orKAEYsB,EAAuBzB,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,2BAAAL,CAGxBM,WAAAA,GAAWA,EAAMoB,KAAO,EAAI,GAAE,YAAYC,EAAOC,WAAWC,KAAI,iBAExEvB,GACFA,EAAMoB,KACH,6GAIA,IAUkBC,yJAAAA,EAAOG,QAAQC,QAAO,OAG5C,eAH4C9B,QAAAC,IAAAC,SAG5C,GAAA,orKAEY6B,EAAahC,QAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,iBAAAL,CAML2B,kGAAAA,EAAOC,WAAWK,WAAUhC,uBAEhD,eAFgDA,QAAAC,IAAAC,SAEhD,GAAA"}

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

	@@ -1 +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","register","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","HorizontalGraph","props","dummyValues","hasStackedData","stacked","stackedDatasets","length","some","ds","data","val","hasXAxisData","xAxis","findIndex","ele","noDataPresent","xAxisConfigForNoData","min","max","stepSize","options","indexAxis","elements","responsive","maintainAspectRatio","layout","padding","right","showTotal","plugins","legend","display","tooltip","enabled","callbacks","label","toolTipCallback","footer","_b","tooltipConfig","footerCallback","footerFont","_c","footerStyles","_d","datalabels","_e","anchor","align","clamp","formatter","_","context","datasetIndex","datasets","chart","dataIndex","sum","i","_a","isInternationalStore","truncateValueForInternationalStore","truncateValueForIndianStore","color","COLORS","content","secondary","scales","y","_f","title","yAxis","text","titleColor","font","size","FONTS","caption","fontSize","bottom","grid","borderColor","background","base","ticks","_g","labelColor","x","_h","top","Object","assign","callback","ticksCallback","_j","onClick","_event","onBarClick","index","getBackgroundColor","barColors","gradient","ctx","createLinearGradient","rgbaColor","barColorRGBA","rgb","r","g","b","a","addColorStop","getColorSpectrum","labels","map","d","toString","dataset","backgroundColor","barPercentage","categoryPercentage","borderRadius","_jsxs","GraphContainerWrapper","outerPadding","skipOuterLayout","children","chartHeading","_jsx","TitleRegular","_k","heading","style","height","undefined","_l","graphCanvasHeight","Bar"],"mappings":"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"}
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","register","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","HorizontalGraph","props","dummyValues","hasStackedData","stacked","stackedDatasets","length","some","ds","data","val","hasXAxisData","xAxis","findIndex","ele","noDataPresent","xAxisConfigForNoData","min","max","stepSize","options","indexAxis","elements","responsive","maintainAspectRatio","layout","padding","right","showTotal","plugins","legend","display","tooltip","enabled","callbacks","label","toolTipCallback","footer","_b","tooltipConfig","footerCallback","footerFont","_c","footerStyles","_d","datalabels","_e","anchor","align","clamp","formatter","_","context","datasetIndex","datasets","chart","dataIndex","sum","i","_a","isInternationalStore","truncateValueForInternationalStore","truncateValueForIndianStore","color","COLORS","content","secondary","scales","y","_f","title","yAxis","text","titleColor","font","size","FONTS","caption","fontSize","bottom","grid","borderColor","background","base","ticks","_g","labelColor","x","_h","top","Object","assign","callback","ticksCallback","_j","onClick","_event","onBarClick","index","getBackgroundColor","barColors","gradient","ctx","createLinearGradient","rgbaColor","barColorRGBA","rgb","r","g","b","a","addColorStop","getColorSpectrum","labels","map","d","toString","dataset","backgroundColor","barPercentage","categoryPercentage","borderRadius","_jsxs","GraphContainerWrapper","outerPadding","skipOuterLayout","children","chartHeading","_jsx","TitleRegular","_k","heading","style","height","undefined","_l","graphCanvasHeight","Bar"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import c from"@emotion/styled/base";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{BodyPrimary as l}from"../../../TypographyStyle.js";const o=c("div","production"===process.env.NODE_ENV?{target:"e1y33sa70"}:{target:"e1y33sa70",label:"LegendStyled"})("production"===process.env.NODE_ENV?{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}"}:{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6IkxlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5jb25zdCBMZWdlbmRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleDogMTtcblxuXHQuY29sb3Ige1xuXHRcdHdpZHRoOiAxMnB4O1xuXHRcdGhlaWdodDogMTJweDtcblx0XHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHR9XG5cblx0LnRpdGxlIHtcblx0XHRjb2xvcjogIzQ3NDc0Nztcblx0XHRtYXJnaW4tbGVmdDogMTJweDtcblx0XHRtYXJnaW4tcmlnaHQ6IDEycHg7XG5cdFx0ZmxleDogMTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9ICh7IGNvbG9yLCB0ZXh0IH0pID0+IHtcclxuICAgIGNvbnN0IHRvVXBwZXJDYXNlID0gKG5hbWUpID0+IHtcclxuICAgICAgICByZXR1cm4gbmFtZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIG5hbWUuc2xpY2UoMSk7XHJcbiAgICB9O1xyXG4gICAgcmV0dXJuIChfanN4cyhMZWdlbmRTdHlsZWQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiAnY29sb3InLCBzdHlsZTogeyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yIH0gfSksIF9qc3goQm9keVByaW1hcnksIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICd0aXRsZScgfSwgeyBjaGlsZHJlbjogdG9VcHBlckNhc2UodGV4dCkgfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxlZ2VuZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),i=({color:c,text:i})=>{return t(o,{children:[e("div",{className:"color",style:{backgroundColor:c}}),e(l,Object.assign({className:"title"},{children:(a=i,a.charAt(0).toUpperCase()+a.slice(1))}))]});var a};export{i as Legend};
+import c from"@emotion/styled/base";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{BodyPrimary as l}from"../../../TypographyStyle.js";const o=c("div","production"===process.env.NODE_ENV?{target:"e1y33sa70"}:{target:"e1y33sa70",label:"LegendStyled"})("production"===process.env.NODE_ENV?{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}"}:{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6IkxlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5jb25zdCBMZWdlbmRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleDogMTtcblxuXHQuY29sb3Ige1xuXHRcdHdpZHRoOiAxMnB4O1xuXHRcdGhlaWdodDogMTJweDtcblx0XHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHR9XG5cblx0LnRpdGxlIHtcblx0XHRjb2xvcjogIzQ3NDc0Nztcblx0XHRtYXJnaW4tbGVmdDogMTJweDtcblx0XHRtYXJnaW4tcmlnaHQ6IDEycHg7XG5cdFx0ZmxleDogMTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9ICh7IGNvbG9yLCB0ZXh0IH0pID0+IHtcclxuICAgIGNvbnN0IHRvVXBwZXJDYXNlID0gKG5hbWUpID0+IHtcclxuICAgICAgICByZXR1cm4gbmFtZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIG5hbWUuc2xpY2UoMSk7XHJcbiAgICB9O1xyXG4gICAgcmV0dXJuIChfanN4cyhMZWdlbmRTdHlsZWQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiAnY29sb3InLCBzdHlsZTogeyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yIH0gfSksIF9qc3goQm9keVByaW1hcnksIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICd0aXRsZScgfSwgeyBjaGlsZHJlbjogdG9VcHBlckNhc2UodGV4dCkgfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxlZ2VuZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),i=c=>{let{color:i,text:a}=c;return t(o,{children:[e("div",{className:"color",style:{backgroundColor:i}}),e(l,Object.assign({className:"title"},{children:(r=a,r.charAt(0).toUpperCase()+r.slice(1))}))]});var r};export{i as Legend};
 //# sourceMappingURL=Legend.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Legend.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/Legend/Legend.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React from 'react';\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","process","env","NODE_ENV","target","label","name","styles","map","toString","Legend","color","text","_jsxs","children","_jsx","className","style","backgroundColor","BodyPrimary","Object","assign","charAt","toUpperCase","slice"],"mappings":"gJASA,MAAMA,EAAYC,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,gBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,gLAAA,CAAAD,KAAA,UAAAC,OAAA,+KAAAC,IAAA,k4CAAAC,+PAoBLC,EAA+BA,~~EAAGC~~,~~QAAOC~~,~~WAKrD~~,~~OACCC~~,~~EAACd~~,EAAY,~~CAAAe~~,SAAA,CACZC,SAAKC,UAAW,QAASC,MAAO,CAAEC,gBAAiBP,KACnDI,EAACI,EAAYC,OAAAC,OAAA,CAAAL,UAAW,SAAO,CAAAF,~~UAPZR~~,~~EAO2BM~~,~~EANxCN~~,~~EAAKgB~~,OAAO,GAAGC,~~cAAgBjB~~,~~EAAKkB~~,MAAM,~~UAD7BlB~~,KAQL"}
1	+ {"version":3,"file":"Legend.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/Legend/Legend.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React from 'react';\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","process","env","NODE_ENV","target","label","name","styles","map","toString","Legend","_ref","color","text","_jsxs","children","_jsx","className","style","backgroundColor","BodyPrimary","Object","assign","charAt","toUpperCase","slice"],"mappings":"gJASA,MAAMA,EAAYC,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,gBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,gLAAA,CAAAD,KAAA,UAAAC,OAAA,+KAAAC,IAAA,k4CAAAC,+PAoBLC,EAA+BC,IAAoB,IAAnBC,MAAEA,EAAKC,KAAEA,GAAMF,EAK3D,OACCG,EAACf,EAAY,CAAAgB,SAAA,CACZC,SAAKC,UAAW,QAASC,MAAO,CAAEC,gBAAiBP,KACnDI,EAACI,EAAYC,OAAAC,OAAA,CAAAL,UAAW,SAAO,CAAAF,UAPZT,EAO2BO,EANxCP,EAAKiB,OAAO,GAAGC,cAAgBlB,EAAKmB,MAAM,UAD7BnB,KAQL"}

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

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

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

	@@ -1 +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","register","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","_d","_c","_b","_a","current","scales","y","ticks","length","computedHeight","legends","map","data","text","legend","color","lineColor","dotted","COLORS","content","placeholder","background","brand","square","squareLegends","chartData","datasets","i","fill","gradient","getPointStyles","pointColors","borderC","borderColor","Object","assign","pointStyle","pointBorderColor","pointBackgroundColor","borderDash","undefined","borderWidth","lineWidth","backgroundColor","context","chart","ctx","createLinearGradient","gradientColor","addColorStop","start","end","yAxisID","useSecondYAxis","chartOptions","responsive","plugins","display","title","tooltip","displayColors","titleFont","weight","size","family","titleColor","primaryInverse","primary","callbacks","labelTextColor","label","afterBody","bodyFont","beginAtZero","position","id","secondary","callback","val","yPrefix","truncateValueForInternationalStore","truncateValueForIndianStore","keys","font","padding","grid","base","drawBorder","yDrawBorder","y1","y2Prefix","y2","y2DrawBorder","x","xDrawBorder","_jsxs","style","flexDirection","gap","width","children","justifyContent","_jsx","LegendWrapper","icon","index","LegendContainer","LegendColor","newStyle","BodyTiny","_Fragment","flex","Line","options"],"mappings":"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"}
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","register","CategoryScale","LinearScale","PointElement","BarElement","LineElement","ArcElement","Filler","Title","Tooltip","Legend","LineChart","_ref","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","_d","_c","_b","_a","current","scales","y","ticks","length","computedHeight","legends","map","data","text","legend","color","lineColor","dotted","COLORS","content","placeholder","background","brand","square","squareLegends","chartData","datasets","i","fill","gradient","getPointStyles","pointColors","borderC","borderColor","Object","assign","pointStyle","pointBorderColor","pointBackgroundColor","borderDash","undefined","borderWidth","lineWidth","backgroundColor","context","chart","ctx","createLinearGradient","gradientColor","addColorStop","start","end","yAxisID","useSecondYAxis","chartOptions","responsive","plugins","display","title","tooltip","displayColors","titleFont","weight","size","family","titleColor","primaryInverse","primary","callbacks","labelTextColor","label","afterBody","bodyFont","beginAtZero","position","id","secondary","callback","val","yPrefix","truncateValueForInternationalStore","truncateValueForIndianStore","keys","font","padding","grid","base","drawBorder","yDrawBorder","y1","y2Prefix","y2","y2DrawBorder","x","xDrawBorder","_jsxs","style","flexDirection","gap","width","children","justifyContent","_jsx","LegendWrapper","icon","index","LegendContainer","_ref2","LegendColor","newStyle","BodyTiny","_Fragment","flex","Line","options"],"mappings":"upBA4BAA,EAAQC,SACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GA8DYC,MAAAA,EAAsCC,IA+B9C,IA/B+CC,UACnDA,EAASC,OACTA,EAAMC,aACNA,EAAYC,MACZA,EAAKC,oBACLA,GAAsB,EAAKC,SAC3BA,EAAQC,IACRA,EAAGC,IACHA,EAAGC,YACHA,EAAWC,QACXA,EAAOC,YACPA,EAAWC,sBACXA,EAAqBC,YACrBA,EAAWC,WACXA,EAAUC,cACVA,EAAaC,mBACbA,EAAkBC,cAClBA,EAAaC,kBACbA,EAAiBC,qBACjBA,EAAoBC,qBACpBA,EAAoBC,eACpBA,EAAcC,YACdA,EAAc,GAAEC,wBAChBA,EAA0B,MAAKC,eAC/BA,GAAiB,EAAKC,KACtBA,EAAIC,KACJA,EAAIC,UACJA,EAASC,uBACTA,EAAsBC,YACtBA,EAAWC,gBACXA,GACA9B,cACA,MAAO+B,EAAQC,GAAaC,EAAwB,MAE9CC,EAAMC,IAEZC,GAAU,iBACT,GAAiC,QAA7BC,EAAsB,QAAtBC,UAAAC,EAAa,QAAbC,EAAAN,EAAIO,eAAS,IAAAD,OAAA,EAAAA,EAAAE,6BAAQC,SAAC,IAAAL,OAAA,EAAAA,EAAEM,aAAK,IAAAP,OAAA,EAAAA,EAAEQ,OAAQ,CAC1C,MAAMC,EAAqD,GAApCZ,EAAIO,QAAQC,OAAOC,EAAEC,MAAMC,OAClDb,EAAUc,EACV,IACC,CAACZ,IAEJ,MAAMa,EAAU3C,EAAM4C,KAAKC,IAAU,CACpCC,KAAMD,EAAKE,OACXC,MAAOH,EAAKI,UACTJ,EAAKI,UACLJ,EAAKK,OACLC,EAAOC,QAAQC,YACfF,EAAOG,WAAWC,MACrBC,OAAQX,EAAKY,kBAwCRC,EAAY,CACjB5D,SACA6D,SAAU3D,EAAM4C,KAAI,CAACC,EAAMe,eAAM,oCAChCtD,QAASA,QAAAA,EAAW,GACpBuD,KAAMhB,EAAKiB,SAAW,QAAU,GAzCXC,EACtBd,EACAC,EACAc,KAEA,MAAMC,EAAU,CACfC,YAAajB,IAEVC,EACAC,EAAOC,QAAQC,YACfF,EAAOG,WAAWC,QAEtB,OAAIhD,EACH4D,OAAAC,OAAA,CACCC,WAAY,SACZ5D,YAAaA,IAEVX,GAAUA,EAAO2C,OAAS,GAC1B,IACA,GACH6B,iBAAkB,cAClBC,qBACCP,GACCf,IAEEC,EACAC,EAAOC,QAAQC,YACfF,EAAOG,WAAWC,QACnBU,GAIJE,OAAAC,OAAA,CAAA3D,YAAaA,QAAAA,EAAe,GACzBwD,EACF,EAQEF,CAAelB,EAAKI,UAAWJ,EAAKK,OAAQL,EAAKmB,cAAY,CAChEQ,WAAY3B,EAAKK,OAAS,CAAC,EAAG,QAAKuB,EACnC5B,KAAMA,EAAKA,KACX6B,oBAAavC,EAAkB,QAAlBC,EAAAS,EAAK8B,iBAAa,IAAAvC,EAAAA,EAAAzB,iBAAiB,EAChDiE,gBAAiB/B,EAAKiB,SAClBe,IACD,MACMf,EADMe,EAAQC,MAAMC,IACLC,qBACpB,EACA,EACA,EACArD,EAASA,EAAS,GAAK,KAExB,OAAIkB,EAAKoC,eACRnB,EAASoB,aAAa,EAAGrC,EAAKoC,cAAcE,OAC5CrB,EAASoB,aAAa,EAAGrC,EAAKoC,cAAcG,KACrCtB,IAERA,EAASoB,aAAa,EAAG,WACzBpB,EAASoB,aAAa,EAAG,yBAClBpB,EAAQ,EAEK,QAApB5B,EAAAW,EAAK+B,uBAAe,IAAA1C,EAAAA,EAAI,cAC3Ba,OAAQF,EAAKE,OACbsC,QAASxC,EAAKyC,eAAiB,KAAO,KAAG,KAIrCC,GAAe,CACpBtF,oBAAqBA,EACrBuF,YAAY,EAEZC,QAAS,CACR1C,OAAQ,CACP2C,SAAS,GAEVC,MAAO,CACND,SAAS,GAEVE,QAAS,CACRC,cAAetF,SAAAA,EACfuF,UAAWA,KAAO,CACjBC,OAAQ,MACRC,KAAM,GACNC,OAAQ,UAETC,WAAYA,IAAM/C,EAAOC,QAAQ+C,eACjCvB,gBAAiBzB,EAAOC,QAAQgD,QAChCC,UAAW,CACVC,eAAgBA,IAAMnD,EAAOC,QAAQ+C,eACrCR,MAAO5E,EACPwF,MAAO1F,EACP2F,UAAW1F,GAEZ2F,SAAUA,KAAO,CAChBV,OAAQ,MACRC,KAAM,GACNC,OAAQ,YAKX3D,OAAQ,CACPC,EAAG,CACFmE,aAAa,EACbvG,IAAKE,EAAc,EAAIF,EACvBC,IAAKC,EAAc,GAAKD,EACxBuG,SAAU,OACVC,GAAI,IAEJpE,MAAO,CACNQ,MAAOG,EAAOC,QAAQyD,UACtBC,SAAWC,YACV,OAAIrG,EACO,GAAkB,QAAlB0B,EAAAvC,aAAS,EAATA,EAAWmH,eAAO,IAAA5E,EAAAA,EAAI,KAC/BpB,EACGiG,EAAmCF,GACnCG,EAA4BH,KAC7BvG,QAAAA,EAAyB,KAEzBS,GAAkBkD,OAAOgD,KAAKlG,GAAgBwB,OAAS,EACnDxB,EAAe8F,GAEhB,GAAyB,UAAtBlH,aAAA,EAAAA,EAAWmH,eAAW,IAAA7E,EAAAA,EAAA,KAAK4E,IACpCvG,QAAAA,EAAyB,IACxB,EAEH4G,KAAM,CACLnB,OAAQ,QACRD,KAAM,GACND,OAAQ,OAET7F,SAAUG,EAAc,EAAIH,EAC5BmH,QAAS9G,EAAc,GAAK,GAE7BoF,MAAO,CACND,WAAW7F,aAAA,EAAAA,EAAW0C,GACtBO,KAAMjD,aAAA,EAAAA,EAAW0C,GAElB+E,KAAM,CACLtE,MAAOG,EAAOG,WAAWiE,KACzBC,WAAkC,QAAtBpF,EAAAvC,eAAAA,EAAW4H,mBAAW,IAAArF,GAAAA,IAGpCsF,GAAI,CACHhB,aAAa,EACbvG,IAAKE,EAAc,EAAIgB,EACvBjB,IAAKC,EAAc,GAAKiB,EACxBqF,SAAU,QACVC,GAAI,KACJlB,QAAStE,EAEToB,MAAO,CACNQ,MAAOG,EAAOC,QAAQyD,UACtBC,SAAWC,YACV,OAAItF,EACO,GAAmB,QAAnBW,EAAAvC,aAAS,EAATA,EAAW8H,gBAAQ,IAAAvF,EAAAA,EAAI,KAChCpB,EACGiG,EAAmCF,GACnCG,EAA4BH,KAC7BvF,QAAAA,EAA0B,KAE1BE,GAAmByC,OAAOgD,KAAKzF,GAAiBe,OAAS,EACrDf,EAAgBqF,GAEjB,GAA0B,UAAvBlH,aAAA,EAAAA,EAAW8H,gBAAY,IAAAxF,EAAAA,EAAA,KAAK4E,IACrCvF,QAAAA,EAA0B,IACzB,EAEH4F,KAAM,CACLnB,OAAQ,QACRD,KAAM,GACND,OAAQ,OAET7F,SAAUG,EAAc,EAAIkB,EAC5B8F,QAAS9G,EAAc,GAAK,GAE7BoF,MAAO,CACND,WAAW7F,aAAA,EAAAA,EAAW+H,IACtB9E,KAAMjD,aAAA,EAAAA,EAAW+H,IAElBN,KAAM,CACLtE,MAAO,cACPwE,WAAmC,QAAvBrF,EAAAtC,eAAAA,EAAWgI,oBAAY,IAAA1F,GAAAA,IAGrC2F,EAAG,CACFtF,MAAO,CACNsE,SAAUlG,EACVoC,MAAOG,EAAOC,QAAQyD,UACtBO,KAAM,CACLnB,OAAQ,QACRD,KAAM,GACND,OAAQ,QAGVJ,MAAO,CACND,WAAW7F,aAAA,EAAAA,EAAWiI,GACtBhF,KAAMjD,aAAA,EAAAA,EAAWiI,GAGlBR,KAAM,CACL5B,SAAS,EACT8B,WAAkC,QAAtBtF,EAAArC,eAAAA,EAAWkI,mBAAW,IAAA7F,GAAAA,MAMtC,OACC8F,EACC,MAAA7D,OAAAC,OAAA,CAAA6D,MACI9D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAEnE,EAEF,CAAG,EADH,CAAE0B,OAA8B,UAAtB5B,QAAAA,EAAgB4B,SAAM,IAAAM,EAAAA,EAAI,MACjC,CACNyD,QAAS,OACTwC,cAAe,SACfC,IAAK,EACLC,MAAO,UAAM,CAAAC,SAAA,CAGdL,EACC,MAAA7D,OAAAC,OAAA,CAAA6D,MAAO,CACNvC,QAAS,OACT4C,eAAgB,gBAChBF,MAAO,OACPF,cAAe/G,IAGhB,CAAAkH,SAAA,CAAAE,EAACC,EAAa,CAAAH,SACZnH,EAAY0B,KAAI,CAAC6F,EAAMC,IACvBH,EAACI,EAA6B,CAAAN,SAAAI,GAARC,OAGxBH,EAACC,EAAa,CAAAH,SACZ1F,EAAQC,KAAI,CAAAgG,EAA0BhF,KAAC,IAA1Bd,KAAEA,EAAIE,MAAEA,EAAKQ,OAAEA,GAAQoF,EAAA,OACpC9F,EACCkF,EAACW,EAAe,CAAAN,SAAA,CACfE,EAACM,EACA,CAAA7F,MAAOA,EACPQ,OAAQA,EACRsF,SAAUvI,IAEXgI,EAACQ,EAAQ5E,OAAAC,OAAA,CAACpB,MAAO,WAAS,CAAAqF,SAAGvF,OANRc,GAStB2E,EAAKS,EAAA,CAAA,EACL,UAIJT,EAAA,MAAApE,OAAAC,OAAA,CAAK6D,MAAO,CAAEgB,KAAM,IAAG,CAAAZ,SACtBE,EAACW,EAAK,CAAApH,IAAKA,EAAKqH,QAAS5D,GAAc1C,KAAMa,UAEzC"}

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as s,useEffect as i}from"react";import r from"styled-components";import{Legend as a}from"../Legend/Legend.js";import{BodySecondary as n,BodyTiny as c}from"../../../TypographyStyle.js";const l=r.div`
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as s,useEffect as i}from"react";import r from"styled-components";import{Legend as a}from"../Legend/Legend.js";import{BodySecondary as n,BodyTiny as l}from"../../../TypographyStyle.js";const c=r.div`
 	width: 100%;
 	display: flex;
 	flex-direction: column;
@@ -25,5 +25,5 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as s,useEffect
 		display: block;
 		width: 8px;
 	}
-`,o=({slices:r,size:o})=>{const[d,p]=s(0),[m,g]=s(o?{height:`${o}px`}:{});i((()=>{let e=0;r.forEach((t=>{e+=t.count})),p(e),0===r.reduce(((e,t)=>e+t.count),0)&&1===r.length?g((e=>Object.assign(Object.assign({},e),{justifyContent:"center"}))):g((e=>Object.assign(Object.assign({},e),{justifyContent:"flex-start"})))}),[r]);return e(l,Object.assign({style:m},{children:r.map((s=>{return t("div",Object.assign({className:"slice-row",style:{justifyContent:"space-between",gap:"8px",padding:"0 8px",maxWidth:"400px"}},{children:[e("div",Object.assign({style:{width:"fit-content"}},{children:e(a,{color:s.color,text:s.name},s.name)})),t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"column"}},{children:[t(n,Object.assign({className:"percentage"},{children:[(i=s.count,0===d?0:parseFloat((i/d*100).toFixed(1))),"%"]})),s.rawValue&&t(c,Object.assign({className:"raw-value"},{children:["(",s.rawValue,")"]}))]}))]}),s.name);var i}))}))};export{o as PieChart};
+`,o=r=>{let{slices:o,size:d}=r;const[p,m]=s(0),[g,u]=s(d?{height:`${d}px`}:{});i((()=>{let e=0;o.forEach((t=>{e+=t.count})),m(e),0===o.reduce(((e,t)=>e+t.count),0)&&1===o.length?u((e=>Object.assign(Object.assign({},e),{justifyContent:"center"}))):u((e=>Object.assign(Object.assign({},e),{justifyContent:"flex-start"})))}),[o]);return e(c,Object.assign({style:g},{children:o.map((s=>{return t("div",Object.assign({className:"slice-row",style:{justifyContent:"space-between",gap:"8px",padding:"0 8px",maxWidth:"400px"}},{children:[e("div",Object.assign({style:{width:"fit-content"}},{children:e(a,{color:s.color,text:s.name},s.name)})),t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"column"}},{children:[t(n,Object.assign({className:"percentage"},{children:[(i=s.count,0===p?0:parseFloat((i/p*100).toFixed(1))),"%"]})),s.rawValue&&t(l,Object.assign({className:"raw-value"},{children:["(",s.rawValue,")"]}))]}))]}),s.name);var i}))}))};export{o as PieChart};
 //# sourceMappingURL=PieChart.js.map

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

	@@ -1 +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","div","PieChart","slices","size","total","setTotal","useState","styleObj","setStyleObj","height","useEffect","localTotal","forEach","slice","count","reduce","sum","length","prev","Object","assign","justifyContent","_jsx","style","children","map","_jsxs","className","gap","padding","maxWidth","width","Legend","color","text","name","display","alignItems","flexDirection","BodySecondary","parseFloat","toFixed","rawValue","BodyTiny"],"mappings":"0PAMA,MAAMA,EAAiBC,EAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BpBC,~~EAAwCA~~,~~EAAGC~~,~~SAAQC~~,~~WAC/D~~,~~MAAOC~~,EAAOC,GAAYC,EAAS,IAC5BC,EAAUC,GAAeF,EAASH,EAAO,CAAEM,~~OAAQ~~,~~GAAGN~~,OAAa,CAAE,GAC5EO,GAAU,KACT,IAAIC,EAAa,EACjBT,EAAOU,SAASC,IACfF,GAAcE,EAAMC,KAAK,IAE1BT,EAASM,GAGgD,IAAxDT,EAAOa,QAAO,CAACC,EAAKH,IAAUG,EAAMH,EAAMC,OAAO,IAC/B,IAAlBZ,EAAOe,OAEPT,GAAaU,GACZC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIF,GAAI,CACPG,eAAgB,aAIlBb,GAAaU,GACZC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIF,GAAI,CACPG,eAAgB,gBAGlB,GACC,CAACnB,IASJ,OACCoB,~~EAACxB~~,~~EAAcqB~~,OAAAC,OAAA,CAACG,MAAOhB,GACrB,CAAAiB,SAAAtB,EAAOuB,KAAKZ,IACZ,OACCa,EACC,MAAAP,OAAAC,OAAA,CAAAO,UAAW,YAEXJ,MAAO,CACNF,eAAgB,gBAChBO,IAAK,MACLC,QAAS,QACTC,SAAU,UACV,CAAAN,SAAA,CAEDF,EAAK,MAAAH,OAAAC,OAAA,CAAAG,MAAO,CAAEQ,MAAO,gBAAe,CAAAP,SACnCF,EAACU,EAAwB,CAAAC,MAAOpB,EAAMoB,MAAQC,KAAMrB,EAAMsB,MAA7CtB,EAAMsB,SAEpBT,EAAA,MAAAP,OAAAC,OAAA,CACCG,MAAO,CACNa,QAAS,OACTC,WAAY,SACZC,cAAe,WACf,CAAAd,SAAA,CAEDE,EAACa,EAAapB,OAAAC,OAAA,CAACO,UAAW,cACxB,CAAAH,SAAA,EAhCqBV,EAgCDD,EAAMC,MA/BnB,IAAVV,EACI,EAEDoC,YAAa1B,EAAQV,EAAS,KAAKqC,QAAQ,aA8B5C5B,EAAM6B,UACNhB,EAACiB,EAASxB,OAAAC,OAAA,CAAAO,UAAW,aAAW,CAAAH,SAAA,CAAA,IAAIX,EAAM6B,SAAqB,eAtB5D7B,EAAMsB,MAbarB,KAsCnB,MAGQ"}
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","div","PieChart","_ref","slices","size","total","setTotal","useState","styleObj","setStyleObj","height","useEffect","localTotal","forEach","slice","count","reduce","sum","length","prev","Object","assign","justifyContent","_jsx","style","children","map","_jsxs","className","gap","padding","maxWidth","width","Legend","color","text","name","display","alignItems","flexDirection","BodySecondary","parseFloat","toFixed","rawValue","BodyTiny"],"mappings":"0PAMA,MAAMA,EAAiBC,EAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BpBC,EAAwCC,IAAqB,IAApBC,OAAEA,EAAMC,KAAEA,GAAMF,EACrE,MAAOG,EAAOC,GAAYC,EAAS,IAC5BC,EAAUC,GAAeF,EAASH,EAAO,CAAEM,OAAW,GAAAN,OAAa,CAAE,GAC5EO,GAAU,KACT,IAAIC,EAAa,EACjBT,EAAOU,SAASC,IACfF,GAAcE,EAAMC,KAAK,IAE1BT,EAASM,GAGgD,IAAxDT,EAAOa,QAAO,CAACC,EAAKH,IAAUG,EAAMH,EAAMC,OAAO,IAC/B,IAAlBZ,EAAOe,OAEPT,GAAaU,GACZC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIF,GAAI,CACPG,eAAgB,aAIlBb,GAAaU,GACZC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIF,GAAI,CACPG,eAAgB,gBAGlB,GACC,CAACnB,IASJ,OACCoB,EAACzB,EAAcsB,OAAAC,OAAA,CAACG,MAAOhB,GACrB,CAAAiB,SAAAtB,EAAOuB,KAAKZ,IACZ,OACCa,EACC,MAAAP,OAAAC,OAAA,CAAAO,UAAW,YAEXJ,MAAO,CACNF,eAAgB,gBAChBO,IAAK,MACLC,QAAS,QACTC,SAAU,UACV,CAAAN,SAAA,CAEDF,EAAK,MAAAH,OAAAC,OAAA,CAAAG,MAAO,CAAEQ,MAAO,gBAAe,CAAAP,SACnCF,EAACU,EAAwB,CAAAC,MAAOpB,EAAMoB,MAAQC,KAAMrB,EAAMsB,MAA7CtB,EAAMsB,SAEpBT,EAAA,MAAAP,OAAAC,OAAA,CACCG,MAAO,CACNa,QAAS,OACTC,WAAY,SACZC,cAAe,WACf,CAAAd,SAAA,CAEDE,EAACa,EAAapB,OAAAC,OAAA,CAACO,UAAW,cACxB,CAAAH,SAAA,EAhCqBV,EAgCDD,EAAMC,MA/BnB,IAAVV,EACI,EAEDoC,YAAa1B,EAAQV,EAAS,KAAKqC,QAAQ,aA8B5C5B,EAAM6B,UACNhB,EAACiB,EAASxB,OAAAC,OAAA,CAAAO,UAAW,aAAW,CAAAH,SAAA,CAAA,IAAIX,EAAM6B,SAAqB,eAtB5D7B,EAAMsB,MAbarB,KAsCnB,MAGQ"}

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

@@ -1,2 +1,2 @@
-import g from"@emotion/styled/base";import{jsx as I,Fragment as C,jsxs as A}from"react/jsx-runtime";import c from"../../../../assets/icons/ChartBar.svg.js";import l from"../../../../assets/icons/maximize.svg.js";import{Chart as b,ArcElement as d,Legend as G}from"chart.js";import{useState as i,useEffect as X,Suspense as s}from"react";import{Doughnut as a}from"react-chartjs-2";import{IconButton as o}from"../../../icon-button/IconButton.js";import{StyledModal as e}from"../../../modals/styledModal.js";import{TitleMedium as Z}from"../../../TypographyStyle.js";import h from"../../../../utils/StringUtils.js";import{COLORS as n}from"../../../../constants/Theme.js";import{LazyVerticalGraph as y}from"../LazyCharts.js";import{truncateValueForInternationalStore as t,truncateValueForIndianStore as B}from"../utils/calcPercentage.js";import{PieChart as x}from"./PieChart.js";b.register(d,G);const J=g=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:I=>{var C;if(!I.label)return" 0%";const A=I.dataset.data.reduce(((g,I)=>g+I),0),c=parseFloat((I.raw/A*100).toFixed(1)),{label:l,raw:b}=I,d=null!==(C=null==g?void 0:g.symbol)&&void 0!==C?C:"",G=null==g?void 0:g.isInternationalStore;return[` ${l}`,` ${d}${void 0!==G?G?t(b):B(b):b} (${c}% of ${d}${void 0!==G?G?t(A):B(A):A})`]}}}}}),N=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],H=g("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(g=>n.surface.standard),";border:1px solid ",(g=>n.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRThCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgQmFyQ2hhcnRJY29uIGZyb20gJ0BzcmMvYXNzZXRzL2ljb25zL0NoYXJ0QmFyLnN2Zyc7XHJcbmltcG9ydCBNYXhpbWl6ZUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvbWF4aW1pemUuc3ZnJztcclxuaW1wb3J0IHsgQXJjRWxlbWVudCwgQ2hhcnQgYXMgQ2hhcnRKUywgTGVnZW5kIH0gZnJvbSAnY2hhcnQuanMnO1xyXG5pbXBvcnQgeyBTdXNwZW5zZSwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgRG91Z2hudXQgfSBmcm9tICdyZWFjdC1jaGFydGpzLTInO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCB7IFN0eWxlZE1vZGFsIH0gZnJvbSBcIi4uLy4uLy4uL21vZGFsc1wiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi8uLi8uLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IFN0cmluZ1V0aWxzIGZyb20gXCIuLi8uLi8uLi8uLi91dGlscy9TdHJpbmdVdGlsc1wiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IExhenlWZXJ0aWNhbEdyYXBoIGFzIFZlcnRpY2FsR3JhcGggfSBmcm9tICcuLi9MYXp5Q2hhcnRzJztcclxuaW1wb3J0IHsgdHJ1bmNhdGVWYWx1ZUZvckluZGlhblN0b3JlLCB0cnVuY2F0ZVZhbHVlRm9ySW50ZXJuYXRpb25hbFN0b3JlLCB9IGZyb20gJy4uL3V0aWxzL2NhbGNQZXJjZW50YWdlJztcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBjb252ZXJ0VG9CYXJDaGFydERhdGEgPSAoZGF0YSwgeEF4aXNUaXRsZSwgeUF4aXNUaXRsZSkgPT4ge1xyXG4gICAgY29uc3QgeEF4aXNEYXRhID0gZGF0YS5tYXAoKGl0ZW0pID0+IGl0ZW0ubmFtZSk7XHJcbiAgICBjb25zdCB5QXhpc0RhdGEgPSBkYXRhLm1hcCgoaXRlbSkgPT4gaXRlbS5jb3VudCk7XHJcbiAgICBjb25zdCB4QXhpcyA9IHtcclxuICAgICAgICBkYXRhOiB4QXhpc0RhdGEsXHJcbiAgICAgICAgdGl0bGU6IHhBeGlzVGl0bGUgIT09IG51bGwgJiYgeEF4aXNUaXRsZSAhPT0gdm9pZCAwID8geEF4aXNUaXRsZSA6ICcnLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IHlBeGlzID0ge1xyXG4gICAgICAgIGRhdGE6IHlBeGlzRGF0YSxcclxuICAgICAgICB0aXRsZTogeUF4aXNUaXRsZSAhPT0gbnVsbCAmJiB5QXhpc1RpdGxlICE9PSB2b2lkIDAgPyB5QXhpc1RpdGxlIDogJycsXHJcbiAgICB9O1xyXG4gICAgY29uc3QgYmFyQ2hhcnREYXRhID0ge1xyXG4gICAgICAgIHhBeGlzLFxyXG4gICAgICAgIHlBeGlzLFxyXG4gICAgICAgIGJhckNvbG9yUkdCQTogeyByOiAyMTAsIGc6IDE3NCwgYjogMjU1LCBhOiAxIH0sXHJcbiAgICB9O1xyXG4gICAgcmV0dXJuIGJhckNoYXJ0RGF0YTtcclxufTtcclxuY29uc3Qgb3B0aW9ucyA9IChjdXJyZW5jeVByb3BzKSA9PiAoe1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgICAgICAgICAgICAgIGlmICghdG9vbHRpcEl0ZW0ubGFiZWwpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAgMCVgO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB0b3RhbCA9IHRvb2x0aXBJdGVtLmRhdGFzZXQuZGF0YS5yZWR1Y2UoKGFjYywgY3VyKSA9PiBhY2MgKyBjdXIsIDApO1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHBlcmNlbnRhZ2UgPSBwYXJzZUZsb2F0KCgodG9vbHRpcEl0ZW0ucmF3IC8gdG90YWwpICogMTAwKS50b0ZpeGVkKDEpKTtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB7IGxhYmVsLCByYXcgfSA9IHRvb2x0aXBJdGVtO1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHN5bWJvbCA9IChfYSA9IGN1cnJlbmN5UHJvcHMgPT09IG51bGwgfHwgY3VycmVuY3lQcm9wcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VycmVuY3lQcm9wcy5zeW1ib2wpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICcnO1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzSW50bCA9IGN1cnJlbmN5UHJvcHMgPT09IG51bGwgfHwgY3VycmVuY3lQcm9wcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VycmVuY3lQcm9wcy5pc0ludGVybmF0aW9uYWxTdG9yZTtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB2YWx1ZSA9IGlzSW50bCAhPT0gdW5kZWZpbmVkXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gaXNJbnRsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IHRydW5jYXRlVmFsdWVGb3JJbnRlcm5hdGlvbmFsU3RvcmUocmF3KVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiB0cnVuY2F0ZVZhbHVlRm9ySW5kaWFuU3RvcmUocmF3KVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHJhdztcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB0b3RhbFZhbHVlID0gaXNJbnRsICE9PSB1bmRlZmluZWRcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyBpc0ludGxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gdHJ1bmNhdGVWYWx1ZUZvckludGVybmF0aW9uYWxTdG9yZSh0b3RhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogdHJ1bmNhdGVWYWx1ZUZvckluZGlhblN0b3JlKHRvdGFsKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHRvdGFsO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGAgJHtsYWJlbH1gLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBgICR7c3ltYm9sfSR7dmFsdWV9ICgke3BlcmNlbnRhZ2V9JSBvZiAke3N5bWJvbH0ke3RvdGFsVmFsdWV9KWAsXHJcbiAgICAgICAgICAgICAgICAgICAgXTtcclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSxcclxuICAgIH0sXHJcbn0pO1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIGFsbG93Q2hhcnRQb3B1cCwgc2hvd0NvbnZlcnRUb0JhckNoYXJ0LCB0cnVuY2F0ZVNsaWNlcywgYmFyQ2hhcnRYQXhpc1RpdGxlLCBiYXJDaGFydFlBeGlzVGl0bGUsIGhpZGVUaXRsZSA9IGZhbHNlLCBjdXJyZW5jeVByb3BzLCB9KSA9PiB7XHJcbiAgICBjb25zdCBbc2hvd1BvcHVwLCBzZXRTaG93UG9wdXBdID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgW3Nob3dCYXJDaGFydCwgc2V0U2hvd0JhckNoYXJ0XSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgY29uc3QgW3RydW5jYXRlZERhdGEsIHNldFRydW5jYXRlZERhdGFdID0gdXNlU3RhdGUoKTtcclxuICAgIGNvbnN0IFt0cnVuY2F0ZWRTbGljZXNXaXRoQ29sb3IsIHNldFRydW5jYXRlZFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbYmFyQ2hhcnREYXRhLCBzZXRCYXJDaGFydERhdGFdID0gdXNlU3RhdGUobnVsbCk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IHRvdGFsU3VtID0gc2xpY2VzLnJlZHVjZSgoc3VtLCBzbGljZSkgPT4gc3VtICsgc2xpY2UuY291bnQsIDApO1xyXG4gICAgICAgIGxldCB1cGRhdGVkU2xpY2VzV2l0aENvbG9yID0gW107XHJcbiAgICAgICAgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IE9iamVjdC5rZXlzKHNsaWNlcykubWFwKChrZXksIGluZGV4KSA9PiAoT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXSB9LCBzbGljZXNba2V5XSkpKTtcclxuICAgICAgICBzZXRTbGljZXNXaXRoQ29sb3IoWy4uLnVwZGF0ZWRTbGljZXNXaXRoQ29sb3JdKTtcclxuICAgICAgICBpZiAodG90YWxTdW0gPT09IDApIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGRhdGFzZXRzOiBbXHJcbiAgICAgICAgICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhOiBbMTAwXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBbJyNGMEYwRjAnXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyV2lkdGg6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgICAgICBsYWJlbHM6IFtdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemVFYWNoV29yZChzbGljZS5uYW1lKSksXHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogc2xpY2VzLm1hcCgoc2xpY2UpID0+IHNsaWNlLmNvdW50KSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzbGljZXMubWFwKChzbGljZSwgaW5kZXgpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gc2xpY2UuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IEdSQVBIX0NPTE9SU1tpbmRleCAlIEdSQVBIX0NPTE9SUy5sZW5ndGhdOyB9KSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6IFsnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyV2lkdGg6IDQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogOCxcclxuICAgICAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgXSxcclxuICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgc2V0RGF0YShkYXRhU2V0KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHRydW5jYXRlU2xpY2VzICYmIHNsaWNlcy5sZW5ndGggPiB0cnVuY2F0ZVNsaWNlcykge1xyXG4gICAgICAgICAgICBjb25zdCB0cnVuY2F0ZWRTbGljZXMgPSBzbGljZXMuc2xpY2UoMCwgdHJ1bmNhdGVTbGljZXMpO1xyXG4gICAgICAgICAgICBjb25zdCBvdGhlclNsaWNlcyA9IHNsaWNlcy5zbGljZSh0cnVuY2F0ZVNsaWNlcyk7XHJcbiAgICAgICAgICAgIGNvbnN0IG90aGVyQ291bnQgPSBvdGhlclNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICAgICAgdHJ1bmNhdGVkU2xpY2VzLnB1c2goeyBuYW1lOiAnT3RoZXInLCBjb3VudDogb3RoZXJDb3VudCB9KTtcclxuICAgICAgICAgICAgY29uc3QgdHJ1bmNhdGVkRGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogdHJ1bmNhdGVkU2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHRydW5jYXRlZFNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdHJ1bmNhdGVkU2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldFRydW5jYXRlZERhdGEodHJ1bmNhdGVkRGF0YVNldCk7XHJcbiAgICAgICAgICAgIGNvbnN0IHRydW5jYXRlZFNsaWNlc1dpdGhDb2xvciA9IHRydW5jYXRlZFNsaWNlcy5tYXAoKHNsaWNlLCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2UpKSk7XHJcbiAgICAgICAgICAgIHNldFRydW5jYXRlZFNsaWNlc1dpdGhDb2xvcih0cnVuY2F0ZWRTbGljZXNXaXRoQ29sb3IpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoc2hvd0NvbnZlcnRUb0JhckNoYXJ0KSB7XHJcbiAgICAgICAgICAgIHNldEJhckNoYXJ0RGF0YShjb252ZXJ0VG9CYXJDaGFydERhdGEoc2xpY2VzLCBiYXJDaGFydFhBeGlzVGl0bGUsIGJhckNoYXJ0WUF4aXNUaXRsZSkpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtzbGljZXMsIHRydW5jYXRlU2xpY2VzXSk7XHJcbiAgICBpZiAoIWRhdGEpIHtcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBoaWRlVGl0bGUgfHwgKHRpdGxlID09PSBudWxsIHx8IHRpdGxlID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0aXRsZS5sZW5ndGgpID09PSAwID8gJ2ZsZXgtZW5kJyA6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogWyFoaWRlVGl0bGUgJiYgdGl0bGUgJiYgKF9qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luQm90dG9tOiAxNixcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCB7IGNoaWxkcmVuOiBbc2hvd0NvbnZlcnRUb0JhckNoYXJ0ICYmIChfanN4KEljb25CdXR0b24sIHsgSWNvbjogQmFyQ2hhcnRJY29uLCBvbkNsaWNrOiAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldFNob3dCYXJDaGFydCh0cnVlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0pKSwgYWxsb3dDaGFydFBvcHVwICYmIChfanN4KEljb25CdXR0b24sIHsgSWNvbjogTWF4aW1pemVJY29uLCBvbkNsaWNrOiAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldFNob3dQb3B1cCh0cnVlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0pKV0gfSldIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogJ3JvdycgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogJ2NvbC02ICcsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogc2l6ZSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeChEb3VnaG51dCwgeyBkYXRhOiAodHJ1bmNhdGVTbGljZXMgPyB0cnVuY2F0ZWREYXRhIDogZGF0YSksIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyhjdXJyZW5jeVByb3BzKSksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1zdGFydCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeChQaWVDaGFydCwgeyBzbGljZXM6IHRydW5jYXRlU2xpY2VzID8gdHJ1bmNhdGVkU2xpY2VzV2l0aENvbG9yIDogc2xpY2VzV2l0aENvbG9yLCBzaXplOiBzaXplIH0pIH0pKV0gfSkpLCBzaG93UG9wdXAgJiYgKF9qc3goU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBvcGVuOiBzaG93UG9wdXAsIG9uQ2xvc2U6ICgpID0+IHNldFNob3dQb3B1cChmYWxzZSksIGNsb3NlT25PdXRzaWRlQ2xpY2s6IHRydWUsIGhlYWRpbmdUaXRsZTogdGl0bGUsIHdpZHRoOiBcIjc1JVwiIH0sIHsgY2hpbGRyZW46IF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICc4MHZoJyxcclxuICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyB3aWR0aDogJzU1JScsIG1hcmdpbkxlZnQ6ICc0JScgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeChEb3VnaG51dCwgeyBkYXRhOiBkYXRhLCBvcHRpb25zOiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wdGlvbnMoY3VycmVuY3lQcm9wcykpLCB7IG1haW50YWluQXNwZWN0UmF0aW86IHNpemUgPyBmYWxzZSA6IHRydWUgfSkgfSkgfSkpIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzMwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnMTAwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3dZOiAnYXV0bycsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goUGllQ2hhcnQsIHsgc2xpY2VzOiBzbGljZXNXaXRoQ29sb3IgfSkgfSkpXSB9KSkgfSkpKSwgc2hvd0JhckNoYXJ0ICYmIGJhckNoYXJ0RGF0YSAmJiAoX2pzeChTdHlsZWRNb2RhbCwgT2JqZWN0LmFzc2lnbih7IG9wZW46IHNob3dCYXJDaGFydCwgb25DbG9zZTogKCkgPT4gc2V0U2hvd0JhckNoYXJ0KGZhbHNlKSwgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZSwgaGVhZGluZ1RpdGxlOiB0aXRsZSwgd2lkdGg6IFwiODUlXCIgfSwgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzI0cHggMCcsXHJcbiAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFN1c3BlbnNlLCBPYmplY3QuYXNzaWduKHsgZmFsbGJhY2s6IF9qc3goXCJkaXZcIiwgeyBjaGlsZHJlbjogXCJMb2FkaW5nLi4uXCIgfSkgfSwgeyBjaGlsZHJlbjogX2pzeChWZXJ0aWNhbEdyYXBoLCB7IHhBeGlzOiBiYXJDaGFydERhdGEueEF4aXMsIHlBeGlzOiBiYXJDaGFydERhdGEueUF4aXMsIGJhckNvbG9yUkdCQTogYmFyQ2hhcnREYXRhID09PSBudWxsIHx8IGJhckNoYXJ0RGF0YSA9PT0gdm9pZCAwID8gdm9pZCAwIDogYmFyQ2hhcnREYXRhLmJhckNvbG9yUkdCQSwgUGllQ2hhcnRDb21wb25lbnQ6IFBpZUNoYXJ0QW5hbHl0aWNzIH0pIH0pKSB9KSkgfSkpKV0gfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1QaWVDaGFydEFuYWx5dGljcy5qcy5tYXAiXX0= */")),m=g=>I(H,Object.assign({style:{padding:24}},{children:g.children})),p=({title:g,slices:b,size:d,allowChartPopup:G,showConvertToBarChart:n,truncateSlices:t,barChartXAxisTitle:B,barChartYAxisTitle:H,hideTitle:m=!1,currencyProps:Y})=>{const[u,W]=i(!1),[R,F]=i(!1),[V,S]=i([]),[z,r]=i(),[j,k]=i(),[w,v]=i([]),[U,L]=i(null);return X((()=>{const g=b.reduce(((g,I)=>g+I.count),0);let I=[];if(I=Object.keys(b).map(((g,I)=>Object.assign({color:N[I%N.length]},b[g]))),S([...I]),0===g){r({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const g={labels:b.map((g=>h.capitalizeEachWord(g.name))),datasets:[{data:b.map((g=>g.count)),backgroundColor:b.map(((g,I)=>{var C;return null!==(C=g.color)&&void 0!==C?C:N[I%N.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};r(g)}if(t&&b.length>t){const g=b.slice(0,t),I=b.slice(t).reduce(((g,I)=>g+I.count),0);g.push({name:"Other",count:I});const C={labels:g.map((g=>h.capitalize(g.name))),datasets:[{data:g.map((g=>g.count)),backgroundColor:g.map(((g,I)=>{var C;return null!==(C=g.color)&&void 0!==C?C:N[I%N.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};k(C);const A=g.map(((g,I)=>Object.assign({color:N[I%N.length]},g)));v(A)}n&&L(((g,I,C)=>({xAxis:{data:g.map((g=>g.name)),title:null!=I?I:""},yAxis:{data:g.map((g=>g.count)),title:null!=C?C:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(b,B,H))}),[b,t]),z?A(C,{children:[A("div",Object.assign({style:{display:"flex",justifyContent:m||0===(null==g?void 0:g.length)?"flex-end":"space-between"}},{children:[!m&&g&&I(Z,Object.assign({style:{marginBottom:16}},{children:g})),A("div",{children:[n&&I(o,{Icon:c,onClick:()=>{F(!0)}}),G&&I(o,{Icon:l,onClick:()=>{W(!0)}})]})]})),A("div",Object.assign({className:"row"},{children:[I("div",Object.assign({className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:I("div",Object.assign({style:{width:d,height:d}},{children:I(a,{data:t?j:z,options:Object.assign(Object.assign({},J(Y)),{maintainAspectRatio:!d})})}))})),I("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"}},{children:I(x,{slices:t?w:V,size:d})}))]})),u&&I(e,Object.assign({open:u,onClose:()=>W(!1),closeOnOutsideClick:!0,headingTitle:g,width:"75%"},{children:A("div",Object.assign({style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"}},{children:[I("div",Object.assign({style:{width:"55%",marginLeft:"4%"}},{children:I("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},{children:I(a,{data:z,options:Object.assign(Object.assign({},J(Y)),{maintainAspectRatio:!d})})}))})),I("div",Object.assign({style:{width:"30%",height:"100%",overflowY:"auto"}},{children:I(x,{slices:V})}))]}))})),R&&U&&I(e,Object.assign({open:R,onClose:()=>F(!1),closeOnOutsideClick:!0,headingTitle:g,width:"85%"},{children:I("div",Object.assign({style:{padding:"24px 0"}},{children:I(s,Object.assign({fallback:I("div",{children:"Loading..."})},{children:I(y,{xAxis:U.xAxis,yAxis:U.yAxis,barColorRGBA:null==U?void 0:U.barColorRGBA,PieChartComponent:p})}))}))}))]}):I(C,{})};export{m as Card,p as PieChartAnalytics};
+import g from"@emotion/styled/base";import{jsx as I,Fragment as C,jsxs as A}from"react/jsx-runtime";import c from"../../../../assets/icons/ChartBar.svg.js";import l from"../../../../assets/icons/maximize.svg.js";import{Chart as b,ArcElement as d,Legend as G}from"chart.js";import{useState as i,useEffect as X,Suspense as s}from"react";import{Doughnut as a}from"react-chartjs-2";import{IconButton as e}from"../../../icon-button/IconButton.js";import{StyledModal as o}from"../../../modals/styledModal.js";import{TitleMedium as Z}from"../../../TypographyStyle.js";import h from"../../../../utils/StringUtils.js";import{COLORS as n}from"../../../../constants/Theme.js";import{LazyVerticalGraph as y}from"../LazyCharts.js";import{truncateValueForInternationalStore as t,truncateValueForIndianStore as B}from"../utils/calcPercentage.js";import{PieChart as x}from"./PieChart.js";b.register(d,G);const J=g=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:I=>{var C;if(!I.label)return" 0%";const A=I.dataset.data.reduce(((g,I)=>g+I),0),c=parseFloat((I.raw/A*100).toFixed(1)),{label:l,raw:b}=I,d=null!==(C=null==g?void 0:g.symbol)&&void 0!==C?C:"",G=null==g?void 0:g.isInternationalStore;return[` ${l}`,` ${d}${void 0!==G?G?t(b):B(b):b} (${c}% of ${d}${void 0!==G?G?t(A):B(A):A})`]}}}}}),N=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],H=g("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(g=>n.surface.standard),";border:1px solid ",(g=>n.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRThCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgQmFyQ2hhcnRJY29uIGZyb20gJ0BzcmMvYXNzZXRzL2ljb25zL0NoYXJ0QmFyLnN2Zyc7XHJcbmltcG9ydCBNYXhpbWl6ZUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvbWF4aW1pemUuc3ZnJztcclxuaW1wb3J0IHsgQXJjRWxlbWVudCwgQ2hhcnQgYXMgQ2hhcnRKUywgTGVnZW5kIH0gZnJvbSAnY2hhcnQuanMnO1xyXG5pbXBvcnQgeyBTdXNwZW5zZSwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgRG91Z2hudXQgfSBmcm9tICdyZWFjdC1jaGFydGpzLTInO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCB7IFN0eWxlZE1vZGFsIH0gZnJvbSBcIi4uLy4uLy4uL21vZGFsc1wiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi8uLi8uLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IFN0cmluZ1V0aWxzIGZyb20gXCIuLi8uLi8uLi8uLi91dGlscy9TdHJpbmdVdGlsc1wiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IExhenlWZXJ0aWNhbEdyYXBoIGFzIFZlcnRpY2FsR3JhcGggfSBmcm9tICcuLi9MYXp5Q2hhcnRzJztcclxuaW1wb3J0IHsgdHJ1bmNhdGVWYWx1ZUZvckluZGlhblN0b3JlLCB0cnVuY2F0ZVZhbHVlRm9ySW50ZXJuYXRpb25hbFN0b3JlLCB9IGZyb20gJy4uL3V0aWxzL2NhbGNQZXJjZW50YWdlJztcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBjb252ZXJ0VG9CYXJDaGFydERhdGEgPSAoZGF0YSwgeEF4aXNUaXRsZSwgeUF4aXNUaXRsZSkgPT4ge1xyXG4gICAgY29uc3QgeEF4aXNEYXRhID0gZGF0YS5tYXAoKGl0ZW0pID0+IGl0ZW0ubmFtZSk7XHJcbiAgICBjb25zdCB5QXhpc0RhdGEgPSBkYXRhLm1hcCgoaXRlbSkgPT4gaXRlbS5jb3VudCk7XHJcbiAgICBjb25zdCB4QXhpcyA9IHtcclxuICAgICAgICBkYXRhOiB4QXhpc0RhdGEsXHJcbiAgICAgICAgdGl0bGU6IHhBeGlzVGl0bGUgIT09IG51bGwgJiYgeEF4aXNUaXRsZSAhPT0gdm9pZCAwID8geEF4aXNUaXRsZSA6ICcnLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IHlBeGlzID0ge1xyXG4gICAgICAgIGRhdGE6IHlBeGlzRGF0YSxcclxuICAgICAgICB0aXRsZTogeUF4aXNUaXRsZSAhPT0gbnVsbCAmJiB5QXhpc1RpdGxlICE9PSB2b2lkIDAgPyB5QXhpc1RpdGxlIDogJycsXHJcbiAgICB9O1xyXG4gICAgY29uc3QgYmFyQ2hhcnREYXRhID0ge1xyXG4gICAgICAgIHhBeGlzLFxyXG4gICAgICAgIHlBeGlzLFxyXG4gICAgICAgIGJhckNvbG9yUkdCQTogeyByOiAyMTAsIGc6IDE3NCwgYjogMjU1LCBhOiAxIH0sXHJcbiAgICB9O1xyXG4gICAgcmV0dXJuIGJhckNoYXJ0RGF0YTtcclxufTtcclxuY29uc3Qgb3B0aW9ucyA9IChjdXJyZW5jeVByb3BzKSA9PiAoe1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgICAgICAgICAgICAgIGlmICghdG9vbHRpcEl0ZW0ubGFiZWwpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAgMCVgO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB0b3RhbCA9IHRvb2x0aXBJdGVtLmRhdGFzZXQuZGF0YS5yZWR1Y2UoKGFjYywgY3VyKSA9PiBhY2MgKyBjdXIsIDApO1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHBlcmNlbnRhZ2UgPSBwYXJzZUZsb2F0KCgodG9vbHRpcEl0ZW0ucmF3IC8gdG90YWwpICogMTAwKS50b0ZpeGVkKDEpKTtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB7IGxhYmVsLCByYXcgfSA9IHRvb2x0aXBJdGVtO1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHN5bWJvbCA9IChfYSA9IGN1cnJlbmN5UHJvcHMgPT09IG51bGwgfHwgY3VycmVuY3lQcm9wcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VycmVuY3lQcm9wcy5zeW1ib2wpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICcnO1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzSW50bCA9IGN1cnJlbmN5UHJvcHMgPT09IG51bGwgfHwgY3VycmVuY3lQcm9wcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VycmVuY3lQcm9wcy5pc0ludGVybmF0aW9uYWxTdG9yZTtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB2YWx1ZSA9IGlzSW50bCAhPT0gdW5kZWZpbmVkXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gaXNJbnRsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IHRydW5jYXRlVmFsdWVGb3JJbnRlcm5hdGlvbmFsU3RvcmUocmF3KVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiB0cnVuY2F0ZVZhbHVlRm9ySW5kaWFuU3RvcmUocmF3KVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHJhdztcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB0b3RhbFZhbHVlID0gaXNJbnRsICE9PSB1bmRlZmluZWRcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyBpc0ludGxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gdHJ1bmNhdGVWYWx1ZUZvckludGVybmF0aW9uYWxTdG9yZSh0b3RhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogdHJ1bmNhdGVWYWx1ZUZvckluZGlhblN0b3JlKHRvdGFsKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHRvdGFsO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGAgJHtsYWJlbH1gLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBgICR7c3ltYm9sfSR7dmFsdWV9ICgke3BlcmNlbnRhZ2V9JSBvZiAke3N5bWJvbH0ke3RvdGFsVmFsdWV9KWAsXHJcbiAgICAgICAgICAgICAgICAgICAgXTtcclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSxcclxuICAgIH0sXHJcbn0pO1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIGFsbG93Q2hhcnRQb3B1cCwgc2hvd0NvbnZlcnRUb0JhckNoYXJ0LCB0cnVuY2F0ZVNsaWNlcywgYmFyQ2hhcnRYQXhpc1RpdGxlLCBiYXJDaGFydFlBeGlzVGl0bGUsIGhpZGVUaXRsZSA9IGZhbHNlLCBjdXJyZW5jeVByb3BzLCB9KSA9PiB7XHJcbiAgICBjb25zdCBbc2hvd1BvcHVwLCBzZXRTaG93UG9wdXBdID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgW3Nob3dCYXJDaGFydCwgc2V0U2hvd0JhckNoYXJ0XSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgY29uc3QgW3RydW5jYXRlZERhdGEsIHNldFRydW5jYXRlZERhdGFdID0gdXNlU3RhdGUoKTtcclxuICAgIGNvbnN0IFt0cnVuY2F0ZWRTbGljZXNXaXRoQ29sb3IsIHNldFRydW5jYXRlZFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbYmFyQ2hhcnREYXRhLCBzZXRCYXJDaGFydERhdGFdID0gdXNlU3RhdGUobnVsbCk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IHRvdGFsU3VtID0gc2xpY2VzLnJlZHVjZSgoc3VtLCBzbGljZSkgPT4gc3VtICsgc2xpY2UuY291bnQsIDApO1xyXG4gICAgICAgIGxldCB1cGRhdGVkU2xpY2VzV2l0aENvbG9yID0gW107XHJcbiAgICAgICAgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IE9iamVjdC5rZXlzKHNsaWNlcykubWFwKChrZXksIGluZGV4KSA9PiAoT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXSB9LCBzbGljZXNba2V5XSkpKTtcclxuICAgICAgICBzZXRTbGljZXNXaXRoQ29sb3IoWy4uLnVwZGF0ZWRTbGljZXNXaXRoQ29sb3JdKTtcclxuICAgICAgICBpZiAodG90YWxTdW0gPT09IDApIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGRhdGFzZXRzOiBbXHJcbiAgICAgICAgICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhOiBbMTAwXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBbJyNGMEYwRjAnXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyV2lkdGg6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgICAgICBsYWJlbHM6IFtdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemVFYWNoV29yZChzbGljZS5uYW1lKSksXHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogc2xpY2VzLm1hcCgoc2xpY2UpID0+IHNsaWNlLmNvdW50KSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzbGljZXMubWFwKChzbGljZSwgaW5kZXgpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gc2xpY2UuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IEdSQVBIX0NPTE9SU1tpbmRleCAlIEdSQVBIX0NPTE9SUy5sZW5ndGhdOyB9KSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6IFsnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyV2lkdGg6IDQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogOCxcclxuICAgICAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgXSxcclxuICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgc2V0RGF0YShkYXRhU2V0KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHRydW5jYXRlU2xpY2VzICYmIHNsaWNlcy5sZW5ndGggPiB0cnVuY2F0ZVNsaWNlcykge1xyXG4gICAgICAgICAgICBjb25zdCB0cnVuY2F0ZWRTbGljZXMgPSBzbGljZXMuc2xpY2UoMCwgdHJ1bmNhdGVTbGljZXMpO1xyXG4gICAgICAgICAgICBjb25zdCBvdGhlclNsaWNlcyA9IHNsaWNlcy5zbGljZSh0cnVuY2F0ZVNsaWNlcyk7XHJcbiAgICAgICAgICAgIGNvbnN0IG90aGVyQ291bnQgPSBvdGhlclNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICAgICAgdHJ1bmNhdGVkU2xpY2VzLnB1c2goeyBuYW1lOiAnT3RoZXInLCBjb3VudDogb3RoZXJDb3VudCB9KTtcclxuICAgICAgICAgICAgY29uc3QgdHJ1bmNhdGVkRGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogdHJ1bmNhdGVkU2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHRydW5jYXRlZFNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdHJ1bmNhdGVkU2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldFRydW5jYXRlZERhdGEodHJ1bmNhdGVkRGF0YVNldCk7XHJcbiAgICAgICAgICAgIGNvbnN0IHRydW5jYXRlZFNsaWNlc1dpdGhDb2xvciA9IHRydW5jYXRlZFNsaWNlcy5tYXAoKHNsaWNlLCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2UpKSk7XHJcbiAgICAgICAgICAgIHNldFRydW5jYXRlZFNsaWNlc1dpdGhDb2xvcih0cnVuY2F0ZWRTbGljZXNXaXRoQ29sb3IpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoc2hvd0NvbnZlcnRUb0JhckNoYXJ0KSB7XHJcbiAgICAgICAgICAgIHNldEJhckNoYXJ0RGF0YShjb252ZXJ0VG9CYXJDaGFydERhdGEoc2xpY2VzLCBiYXJDaGFydFhBeGlzVGl0bGUsIGJhckNoYXJ0WUF4aXNUaXRsZSkpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtzbGljZXMsIHRydW5jYXRlU2xpY2VzXSk7XHJcbiAgICBpZiAoIWRhdGEpIHtcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBoaWRlVGl0bGUgfHwgKHRpdGxlID09PSBudWxsIHx8IHRpdGxlID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0aXRsZS5sZW5ndGgpID09PSAwID8gJ2ZsZXgtZW5kJyA6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogWyFoaWRlVGl0bGUgJiYgdGl0bGUgJiYgKF9qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luQm90dG9tOiAxNixcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCB7IGNoaWxkcmVuOiBbc2hvd0NvbnZlcnRUb0JhckNoYXJ0ICYmIChfanN4KEljb25CdXR0b24sIHsgSWNvbjogQmFyQ2hhcnRJY29uLCBvbkNsaWNrOiAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldFNob3dCYXJDaGFydCh0cnVlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0pKSwgYWxsb3dDaGFydFBvcHVwICYmIChfanN4KEljb25CdXR0b24sIHsgSWNvbjogTWF4aW1pemVJY29uLCBvbkNsaWNrOiAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldFNob3dQb3B1cCh0cnVlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0pKV0gfSldIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogJ3JvdycgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogJ2NvbC02ICcsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogc2l6ZSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeChEb3VnaG51dCwgeyBkYXRhOiAodHJ1bmNhdGVTbGljZXMgPyB0cnVuY2F0ZWREYXRhIDogZGF0YSksIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyhjdXJyZW5jeVByb3BzKSksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1zdGFydCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeChQaWVDaGFydCwgeyBzbGljZXM6IHRydW5jYXRlU2xpY2VzID8gdHJ1bmNhdGVkU2xpY2VzV2l0aENvbG9yIDogc2xpY2VzV2l0aENvbG9yLCBzaXplOiBzaXplIH0pIH0pKV0gfSkpLCBzaG93UG9wdXAgJiYgKF9qc3goU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBvcGVuOiBzaG93UG9wdXAsIG9uQ2xvc2U6ICgpID0+IHNldFNob3dQb3B1cChmYWxzZSksIGNsb3NlT25PdXRzaWRlQ2xpY2s6IHRydWUsIGhlYWRpbmdUaXRsZTogdGl0bGUsIHdpZHRoOiBcIjc1JVwiIH0sIHsgY2hpbGRyZW46IF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICc4MHZoJyxcclxuICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyB3aWR0aDogJzU1JScsIG1hcmdpbkxlZnQ6ICc0JScgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeChEb3VnaG51dCwgeyBkYXRhOiBkYXRhLCBvcHRpb25zOiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wdGlvbnMoY3VycmVuY3lQcm9wcykpLCB7IG1haW50YWluQXNwZWN0UmF0aW86IHNpemUgPyBmYWxzZSA6IHRydWUgfSkgfSkgfSkpIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzMwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnMTAwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3dZOiAnYXV0bycsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goUGllQ2hhcnQsIHsgc2xpY2VzOiBzbGljZXNXaXRoQ29sb3IgfSkgfSkpXSB9KSkgfSkpKSwgc2hvd0JhckNoYXJ0ICYmIGJhckNoYXJ0RGF0YSAmJiAoX2pzeChTdHlsZWRNb2RhbCwgT2JqZWN0LmFzc2lnbih7IG9wZW46IHNob3dCYXJDaGFydCwgb25DbG9zZTogKCkgPT4gc2V0U2hvd0JhckNoYXJ0KGZhbHNlKSwgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZSwgaGVhZGluZ1RpdGxlOiB0aXRsZSwgd2lkdGg6IFwiODUlXCIgfSwgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzI0cHggMCcsXHJcbiAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFN1c3BlbnNlLCBPYmplY3QuYXNzaWduKHsgZmFsbGJhY2s6IF9qc3goXCJkaXZcIiwgeyBjaGlsZHJlbjogXCJMb2FkaW5nLi4uXCIgfSkgfSwgeyBjaGlsZHJlbjogX2pzeChWZXJ0aWNhbEdyYXBoLCB7IHhBeGlzOiBiYXJDaGFydERhdGEueEF4aXMsIHlBeGlzOiBiYXJDaGFydERhdGEueUF4aXMsIGJhckNvbG9yUkdCQTogYmFyQ2hhcnREYXRhID09PSBudWxsIHx8IGJhckNoYXJ0RGF0YSA9PT0gdm9pZCAwID8gdm9pZCAwIDogYmFyQ2hhcnREYXRhLmJhckNvbG9yUkdCQSwgUGllQ2hhcnRDb21wb25lbnQ6IFBpZUNoYXJ0QW5hbHl0aWNzIH0pIH0pKSB9KSkgfSkpKV0gfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1QaWVDaGFydEFuYWx5dGljcy5qcy5tYXAiXX0= */")),m=g=>I(H,Object.assign({style:{padding:24}},{children:g.children})),p=g=>{let{title:b,slices:d,size:G,allowChartPopup:n,showConvertToBarChart:t,truncateSlices:B,barChartXAxisTitle:H,barChartYAxisTitle:m,hideTitle:Y=!1,currencyProps:u}=g;const[W,R]=i(!1),[F,V]=i(!1),[S,z]=i([]),[r,j]=i(),[k,w]=i(),[v,U]=i([]),[L,T]=i(null);return X((()=>{const g=d.reduce(((g,I)=>g+I.count),0);let I=[];if(I=Object.keys(d).map(((g,I)=>Object.assign({color:N[I%N.length]},d[g]))),z([...I]),0===g){j({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const g={labels:d.map((g=>h.capitalizeEachWord(g.name))),datasets:[{data:d.map((g=>g.count)),backgroundColor:d.map(((g,I)=>{var C;return null!==(C=g.color)&&void 0!==C?C:N[I%N.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};j(g)}if(B&&d.length>B){const g=d.slice(0,B),I=d.slice(B).reduce(((g,I)=>g+I.count),0);g.push({name:"Other",count:I});const C={labels:g.map((g=>h.capitalize(g.name))),datasets:[{data:g.map((g=>g.count)),backgroundColor:g.map(((g,I)=>{var C;return null!==(C=g.color)&&void 0!==C?C:N[I%N.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};w(C);const A=g.map(((g,I)=>Object.assign({color:N[I%N.length]},g)));U(A)}t&&T(((g,I,C)=>({xAxis:{data:g.map((g=>g.name)),title:null!=I?I:""},yAxis:{data:g.map((g=>g.count)),title:null!=C?C:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(d,H,m))}),[d,B]),r?A(C,{children:[A("div",Object.assign({style:{display:"flex",justifyContent:Y||0===(null==b?void 0:b.length)?"flex-end":"space-between"}},{children:[!Y&&b&&I(Z,Object.assign({style:{marginBottom:16}},{children:b})),A("div",{children:[t&&I(e,{Icon:c,onClick:()=>{V(!0)}}),n&&I(e,{Icon:l,onClick:()=>{R(!0)}})]})]})),A("div",Object.assign({className:"row"},{children:[I("div",Object.assign({className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:I("div",Object.assign({style:{width:G,height:G}},{children:I(a,{data:B?k:r,options:Object.assign(Object.assign({},J(u)),{maintainAspectRatio:!G})})}))})),I("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"}},{children:I(x,{slices:B?v:S,size:G})}))]})),W&&I(o,Object.assign({open:W,onClose:()=>R(!1),closeOnOutsideClick:!0,headingTitle:b,width:"75%"},{children:A("div",Object.assign({style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"}},{children:[I("div",Object.assign({style:{width:"55%",marginLeft:"4%"}},{children:I("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},{children:I(a,{data:r,options:Object.assign(Object.assign({},J(u)),{maintainAspectRatio:!G})})}))})),I("div",Object.assign({style:{width:"30%",height:"100%",overflowY:"auto"}},{children:I(x,{slices:S})}))]}))})),F&&L&&I(o,Object.assign({open:F,onClose:()=>V(!1),closeOnOutsideClick:!0,headingTitle:b,width:"85%"},{children:I("div",Object.assign({style:{padding:"24px 0"}},{children:I(s,Object.assign({fallback:I("div",{children:"Loading..."})},{children:I(y,{xAxis:L.xAxis,yAxis:L.yAxis,barColorRGBA:null==L?void 0:L.barColorRGBA,PieChartComponent:p})}))}))}))]}):I(C,{})};export{m as Card,p as PieChartAnalytics};
 //# sourceMappingURL=PieChartAnalytics.js.map