@bikdotai/bik-component-library 0.0.859-beta.0 → 0.0.859

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.859-beta.0",
+	"version": "0.0.859",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("../../TypographyStyle.js"),e=require("../../../constants/Theme.js"),n=({title:o,padding:t,gap:i,dataTest:d,wrapperStyle:l,children:s})=>r.jsxs("div",{"data-test":d,style:{display:"flex",flexDirection:"column",gap:i,width:"100%",padding:t,borderRadius:8,border:`1px solid ${e.COLORS.stroke.primary}`,backgroundColor:e.COLORS.surface.standard,...l},children:[o&&r.jsx(a.TitleRegular,{color:e.COLORS.content.primary,children:o}),s]}),c=({value:o,chip:t})=>r.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,flexWrap:"wrap"},children:[r.jsx(a.TitleMedium,{color:e.COLORS.content.primary,style:{whiteSpace:"nowrap"},children:o}),t&&r.jsx("div",{style:{display:"inline-flex",alignItems:"center",padding:"4px 8px",borderRadius:4,border:`1px solid ${e.COLORS.stroke.primary}`,backgroundColor:e.COLORS.surface.subdued,whiteSpace:"nowrap"},children:r.jsx(a.BodyCaption,{color:e.COLORS.content.secondary,children:t})})]});exports.ChartCard=n;exports.ChartValueRow=c;
-//# sourceMappingURL=ChartLayout.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChartLayout.js","sources":["../../../../../src/components/analytics-chips-and-dropdowns/chart/ChartLayout.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react';\nimport {\n\tBodyCaption,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\ninterface ChartCardProps {\n\ttitle?: string;\n\tpadding: CSSProperties['padding'];\n\tgap: number;\n\tdataTest: string;\n\twrapperStyle?: CSSProperties;\n\tchildren: ReactNode;\n}\n\nexport const ChartCard: React.FC<ChartCardProps> = ({\n\ttitle,\n\tpadding,\n\tgap,\n\tdataTest,\n\twrapperStyle,\n\tchildren,\n}) => (\n\t<div\n\t\tdata-test={dataTest}\n\t\tstyle={{\n\t\t\tdisplay: 'flex',\n\t\t\tflexDirection: 'column',\n\t\t\tgap,\n\t\t\twidth: '100%',\n\t\t\tpadding,\n\t\t\tborderRadius: 8,\n\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t...wrapperStyle,\n\t\t}}\n\t>\n\t\t{title && (\n\t\t\t<TitleRegular color={COLORS.content.primary}>{title}</TitleRegular>\n\t\t)}\n\t\t{children}\n\t</div>\n);\n\ninterface ChartValueRowProps {\n\tvalue: ReactNode;\n\tchip?: ReactNode;\n}\n\nexport const ChartValueRow: React.FC<ChartValueRowProps> = ({\n\tvalue,\n\tchip,\n}) => (\n\t<div\n\t\tstyle={{ display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' }}\n\t>\n\t\t<TitleMedium\n\t\t\tcolor={COLORS.content.primary}\n\t\t\tstyle={{ whiteSpace: 'nowrap' }}\n\t\t>\n\t\t\t{value}\n\t\t</TitleMedium>\n\t\t{chip && (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>{chip}</BodyCaption>\n\t\t\t</div>\n\t\t)}\n\t</div>\n);\n"],"names":["ChartCard","title","padding","gap","dataTest","wrapperStyle","children","jsxs","COLORS","TitleRegular","ChartValueRow","value","chip","jsx","TitleMedium","BodyCaption"],"mappings":"oMAiBaA,EAAsC,CAAC,CACnD,MAAAC,EACA,QAAAC,EACA,IAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,CACD,IACCC,EAAAA,KAAC,MAAA,CACA,YAAWH,EACX,MAAO,CACN,QAAS,OACT,cAAe,SACf,IAAAD,EACA,MAAO,OACP,QAAAD,EACA,aAAc,EACd,OAAQ,aAAaM,EAAAA,OAAO,OAAO,OAAO,GAC1C,gBAAiBA,EAAAA,OAAO,QAAQ,SAChC,GAAGH,CAAA,EAGH,SAAA,CAAAJ,SACCQ,EAAAA,aAAA,CAAa,MAAOD,SAAO,QAAQ,QAAU,SAAAP,EAAM,EAEpDK,CAAA,CAAA,CACF,EAQYI,EAA8C,CAAC,CAC3D,MAAAC,EACA,KAAAC,CACD,IACCL,EAAAA,KAAC,MAAA,CACA,MAAO,CAAE,QAAS,OAAQ,WAAY,SAAU,IAAK,EAAG,SAAU,MAAA,EAElE,SAAA,CAAAM,EAAAA,IAACC,EAAAA,YAAA,CACA,MAAON,EAAAA,OAAO,QAAQ,QACtB,MAAO,CAAE,WAAY,QAAA,EAEpB,SAAAG,CAAA,CAAA,EAEDC,GACAC,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,QAAS,cACT,WAAY,SACZ,QAAS,UACT,aAAc,EACd,OAAQ,aAAaL,EAAAA,OAAO,OAAO,OAAO,GAC1C,gBAAiBA,EAAAA,OAAO,QAAQ,QAChC,WAAY,QAAA,EAGb,eAACO,EAAAA,YAAA,CAAY,MAAOP,EAAAA,OAAO,QAAQ,UAAY,SAAAI,CAAA,CAAK,CAAA,CAAA,CACrD,CAAA,CAEF"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),f=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),O=require("../ChartLayout.js"),g=require("../chartPalette.js"),r=require("../formatChartValue.js"),S=Array.from({length:2},(e,n)=>({key:`placeholder-${n}`,label:"",value:0})),j=({row:{bar:e,fillWidth:n,color:l,percentageLabel:c},labelWidth:d,barHeight:p,showTooltip:u,locale:h})=>{const[m,o]=b.useState(!1);return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:32},children:[t.jsxs("div",{style:{width:d,flexShrink:0,display:"flex",flexDirection:"column",gap:8},children:[t.jsx(f.BodyCaption,{color:i.COLORS.content.secondary,children:e.label}),t.jsx(O.ChartValueRow,{value:e.valueLabel??r.formatChartValue(r.toChartValue(e.value),h),chip:c})]}),t.jsxs("div",{"data-test":`comparison-bar-chart-bar-${e.key}`,onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),style:{position:"relative",flex:1,height:p},children:[t.jsx("div",{"data-test":`comparison-bar-chart-track-${e.key}`,style:{position:"absolute",inset:0,borderRadius:4,border:`1px solid ${i.COLORS.stroke.primary}`,backgroundColor:i.COLORS.surface.standard,overflow:"hidden"},children:t.jsx("div",{"data-test":`comparison-bar-chart-fill-${e.key}`,style:{position:"absolute",top:0,left:0,bottom:0,width:`${n}%`,backgroundColor:l}})}),u&&m&&t.jsxs("div",{"data-test":`comparison-bar-chart-tooltip-${e.key}`,style:{position:"absolute",top:"50%",left:`${r.clamp(n/2,8,92)}%`,transform:"translate(-50%, -50%)",padding:"4px 8px",borderRadius:4,backgroundColor:i.COLORS.content.primary,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.12)",pointerEvents:"none"},children:[t.jsx("div",{style:{position:"absolute",top:-5,left:"50%",transform:"translateX(-50%)",width:0,height:0,borderLeft:"5px solid transparent",borderRight:"5px solid transparent",borderBottom:`5px solid ${i.COLORS.content.primary}`}}),t.jsx(f.BodyCaption,{color:i.COLORS.content.primaryInverse,children:c})]})]})]})},L=({bars:e=[],title:n,total:l,colors:c=g.COMPARISON_BAR_COLORS,labelWidth:d=180,barHeight:p=52,locale:u,showTooltip:h=!0,wrapperStyle:m})=>{const o=e.some(a=>r.toChartValue(a.value)>0),C=e.length?e:S,R=b.useMemo(()=>{const a=l!==void 0?r.toChartValue(l):C.reduce((s,x)=>s+r.toChartValue(x.value),0);return C.map((s,x)=>{const y=s.percentage??(a>0?r.toChartValue(s.value)/a*100:0),v=Number.isFinite(y)?Math.max(y,0):0;return{bar:s,fillWidth:r.clamp(v,0,100),color:o?s.color??g.pickColor(c,x):void 0,percentageLabel:o?s.percentageLabel??`${r.formatPercent(v)}%`:""}})},[C,l,c,o]);return t.jsx(O.ChartCard,{dataTest:"comparison-bar-chart",title:n,padding:24,gap:24,wrapperStyle:m,children:R.map(a=>t.jsx(j,{row:a,labelWidth:d,barHeight:p,showTooltip:h&&o,locale:u},a.bar.key))})};exports.ComparisonBarChart=L;
-//# sourceMappingURL=ComparisonBarChart.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ComparisonBarChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/ComparisonBarChart/ComparisonBarChart.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ChartCard, ChartValueRow } from '../ChartLayout';\nimport { COMPARISON_BAR_COLORS, pickColor } from '../chartPalette';\nimport {\n\tclamp,\n\tformatChartValue,\n\tformatPercent,\n\ttoChartValue,\n} from '../formatChartValue';\nimport type {\n\tComparisonBarChartI,\n\tComparisonBarI,\n} from './ComparisonBarChart.model';\n\nconst PLACEHOLDER_BARS: ComparisonBarI[] = Array.from(\n\t{ length: 2 },\n\t(_, index) => ({ key: `placeholder-${index}`, label: '', value: 0 }),\n);\n\ninterface PreparedBar {\n\tbar: ComparisonBarI;\n\tfillWidth: number;\n\tcolor?: string;\n\tpercentageLabel: string;\n}\n\ninterface BarRowProps {\n\trow: PreparedBar;\n\tlabelWidth: number;\n\tbarHeight: number;\n\tshowTooltip: boolean;\n\tlocale?: string;\n}\n\nconst BarRow: React.FC<BarRowProps> = ({\n\trow: { bar, fillWidth, color, percentageLabel },\n\tlabelWidth,\n\tbarHeight,\n\tshowTooltip,\n\tlocale,\n}) => {\n\tconst [isHovered, setIsHovered] = useState(false);\n\n\treturn (\n\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 32 }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: labelWidth,\n\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tgap: 8,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>{bar.label}</BodyCaption>\n\t\t\t\t<ChartValueRow\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tbar.valueLabel ?? formatChartValue(toChartValue(bar.value), locale)\n\t\t\t\t\t}\n\t\t\t\t\tchip={percentageLabel}\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tdata-test={`comparison-bar-chart-bar-${bar.key}`}\n\t\t\t\tonMouseEnter={() => setIsHovered(true)}\n\t\t\t\tonMouseLeave={() => setIsHovered(false)}\n\t\t\t\tstyle={{ position: 'relative', flex: 1, height: barHeight }}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tdata-test={`comparison-bar-chart-track-${bar.key}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tinset: 0,\n\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-test={`comparison-bar-chart-fill-${bar.key}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\t\twidth: `${fillWidth}%`,\n\t\t\t\t\t\t\tbackgroundColor: color,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{showTooltip && isHovered && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-test={`comparison-bar-chart-tooltip-${bar.key}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\ttop: '50%',\n\t\t\t\t\t\t\tleft: `${clamp(fillWidth / 2, 8, 92)}%`,\n\t\t\t\t\t\t\ttransform: 'translate(-50%, -50%)',\n\t\t\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\tbackgroundColor: COLORS.content.primary,\n\t\t\t\t\t\t\tboxShadow: '0px 2px 4px rgba(0, 0, 0, 0.12)',\n\t\t\t\t\t\t\tpointerEvents: 'none',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\ttop: -5,\n\t\t\t\t\t\t\t\tleft: '50%',\n\t\t\t\t\t\t\t\ttransform: 'translateX(-50%)',\n\t\t\t\t\t\t\t\twidth: 0,\n\t\t\t\t\t\t\t\theight: 0,\n\t\t\t\t\t\t\t\tborderLeft: '5px solid transparent',\n\t\t\t\t\t\t\t\tborderRight: '5px solid transparent',\n\t\t\t\t\t\t\t\tborderBottom: `5px solid ${COLORS.content.primary}`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.primaryInverse}>\n\t\t\t\t\t\t\t{percentageLabel}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport const ComparisonBarChart: React.FC<ComparisonBarChartI> = ({\n\tbars = [],\n\ttitle,\n\ttotal,\n\tcolors = COMPARISON_BAR_COLORS,\n\tlabelWidth = 180,\n\tbarHeight = 52,\n\tlocale,\n\tshowTooltip = true,\n\twrapperStyle,\n}) => {\n\tconst hasData = bars.some((bar) => toChartValue(bar.value) > 0);\n\tconst visibleBars = bars.length ? bars : PLACEHOLDER_BARS;\n\n\tconst rows = useMemo<PreparedBar[]>(() => {\n\t\tconst denominator =\n\t\t\ttotal !== undefined\n\t\t\t\t? toChartValue(total)\n\t\t\t\t: visibleBars.reduce((sum, bar) => sum + toChartValue(bar.value), 0);\n\n\t\treturn visibleBars.map((bar, index) => {\n\t\t\tconst percentage =\n\t\t\t\tbar.percentage ??\n\t\t\t\t(denominator > 0 ? (toChartValue(bar.value) / denominator) * 100 : 0);\n\t\t\tconst share = Number.isFinite(percentage) ? Math.max(percentage, 0) : 0;\n\t\t\treturn {\n\t\t\t\tbar,\n\t\t\t\tfillWidth: clamp(share, 0, 100),\n\t\t\t\tcolor: hasData ? bar.color ?? pickColor(colors, index) : undefined,\n\t\t\t\tpercentageLabel: hasData\n\t\t\t\t\t? bar.percentageLabel ?? `${formatPercent(share)}%`\n\t\t\t\t\t: '',\n\t\t\t};\n\t\t});\n\t}, [visibleBars, total, colors, hasData]);\n\n\treturn (\n\t\t<ChartCard\n\t\t\tdataTest=\"comparison-bar-chart\"\n\t\t\ttitle={title}\n\t\t\tpadding={24}\n\t\t\tgap={24}\n\t\t\twrapperStyle={wrapperStyle}\n\t\t>\n\t\t\t{rows.map((row) => (\n\t\t\t\t<BarRow\n\t\t\t\t\tkey={row.bar.key}\n\t\t\t\t\trow={row}\n\t\t\t\t\tlabelWidth={labelWidth}\n\t\t\t\t\tbarHeight={barHeight}\n\t\t\t\t\tshowTooltip={showTooltip && hasData}\n\t\t\t\t\tlocale={locale}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</ChartCard>\n\t);\n};\n"],"names":["PLACEHOLDER_BARS","_","index","BarRow","bar","fillWidth","color","percentageLabel","labelWidth","barHeight","showTooltip","locale","isHovered","setIsHovered","useState","jsxs","jsx","BodyCaption","COLORS","ChartValueRow","formatChartValue","toChartValue","clamp","ComparisonBarChart","bars","title","total","colors","COMPARISON_BAR_COLORS","wrapperStyle","hasData","visibleBars","rows","useMemo","denominator","sum","percentage","share","pickColor","formatPercent","ChartCard","row"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),L=require("../../../TypographyStyle.js"),v=require("../../../../constants/Theme.js"),j=require("../ChartLayout.js"),b=require("../chartPalette.js"),n=require("../formatChartValue.js"),m=require("./funnelGeometry.js"),S=Array.from({length:4},(t,o)=>({key:`placeholder-${o}`,label:"",value:0})),k=(t,o)=>{const a=t[o];if(a.percentageLabel!==void 0)return a.percentageLabel;if(o===0)return n.toChartValue(a.value)>0?"100%":"";const l=a.branchOf?t.find(p=>p.key===a.branchOf):t[o-1],s=n.toChartValue(l?.value);if(!l||s===0)return"";const h=n.toChartValue(a.value)/s*100;return`${n.formatPercent(h)}% of ${l.label}`},C=({left:t,height:o})=>r.jsx("div",{style:{position:"absolute",top:0,bottom:o===void 0?0:void 0,height:o,left:t,width:1,backgroundColor:v.COLORS.stroke.primary}}),O=({stage:t,color:o,chip:a,locale:l})=>r.jsxs("div",{"data-test":`funnel-chart-header-${t.key}`,style:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:8,alignItems:"flex-start",padding:"0 8px 0 12px"},children:[t.label&&r.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,width:"100%",opacity:.8},children:[r.jsx("span",{style:{width:16,height:16,borderRadius:2.667,backgroundColor:o,flexShrink:0}}),r.jsx(L.BodyTiny,{color:v.COLORS.content.secondary,children:t.label})]}),r.jsx(j.ChartValueRow,{value:t.valueLabel??n.formatChartValue(n.toChartValue(t.value),l),chip:a})]}),w=({stages:t=[],title:o,plotHeight:a=291,headerHeight:l=83,colors:s=b.FUNNEL_BAND_COLORS,locale:h,wrapperStyle:p})=>{const i=t.length?t:S,c=f.useMemo(()=>m.buildFunnelLayout(i,{plotHeight:a,headerHeight:l}),[i,a,l]),u=!c.isEmpty,x=e=>`${e/m.FUNNEL_VIEW_WIDTH*100}%`,y=f.useMemo(()=>i.map((e,d)=>({stage:e,color:u?e.color??b.pickColor(s,d):v.COLORS.content.inactive,chip:u?k(i,d):""})),[i,s,u]),g=f.useMemo(()=>new Map(y.map(({stage:e,color:d})=>[e.key,d])),[y]);return r.jsx(j.ChartCard,{dataTest:"funnel-chart",title:o,padding:"18px 24px",gap:14,wrapperStyle:{overflow:"hidden",...p},children:r.jsxs("div",{style:{position:"relative",width:"100%",height:a},children:[r.jsx("svg",{width:"100%",height:"100%",viewBox:`0 0 ${m.FUNNEL_VIEW_WIDTH} ${a}`,preserveAspectRatio:"none","aria-hidden":!0,style:{position:"absolute",inset:0},children:c.bands.map(e=>r.jsx("path",{"data-test":`funnel-chart-band-${e.key}`,d:e.d,fill:u?g.get(e.key):"transparent"},e.key))}),c.separators.full.map(e=>r.jsx(C,{left:x(e)},`full-${e}`)),c.separators.header.map(e=>r.jsx(C,{left:x(e),height:l},`header-${e}`)),r.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,height:l,display:"flex"},children:y.map(e=>r.jsx(O,{...e,locale:h},e.stage.key))})]})})};exports.FunnelChart=w;
-//# sourceMappingURL=FunnelChart.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FunnelChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/FunnelChart/FunnelChart.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ChartCard, ChartValueRow } from '../ChartLayout';\nimport { FUNNEL_BAND_COLORS, pickColor } from '../chartPalette';\nimport {\n\tformatChartValue,\n\tformatPercent,\n\ttoChartValue,\n} from '../formatChartValue';\nimport type { FunnelChartI, FunnelStageI } from './FunnelChart.model';\nimport { buildFunnelLayout, FUNNEL_VIEW_WIDTH } from './funnelGeometry';\n\nconst PLACEHOLDER_STAGES: FunnelStageI[] = Array.from(\n\t{ length: 4 },\n\t(_, index) => ({ key: `placeholder-${index}`, label: '', value: 0 }),\n);\n\nconst derivePercentageLabel = (\n\tstages: FunnelStageI[],\n\tindex: number,\n): string => {\n\tconst stage = stages[index];\n\tif (stage.percentageLabel !== undefined) {\n\t\treturn stage.percentageLabel;\n\t}\n\tif (index === 0) {\n\t\treturn toChartValue(stage.value) > 0 ? '100%' : '';\n\t}\n\tconst reference = stage.branchOf\n\t\t? stages.find((candidate) => candidate.key === stage.branchOf)\n\t\t: stages[index - 1];\n\tconst referenceValue = toChartValue(reference?.value);\n\tif (!reference || referenceValue === 0) {\n\t\treturn '';\n\t}\n\tconst share = (toChartValue(stage.value) / referenceValue) * 100;\n\treturn `${formatPercent(share)}% of ${reference.label}`;\n};\n\nconst Separator: React.FC<{ left: string; height?: number }> = ({\n\tleft,\n\theight,\n}) => (\n\t<div\n\t\tstyle={{\n\t\t\tposition: 'absolute',\n\t\t\ttop: 0,\n\t\t\tbottom: height === undefined ? 0 : undefined,\n\t\t\theight,\n\t\t\tleft,\n\t\t\twidth: 1,\n\t\t\tbackgroundColor: COLORS.stroke.primary,\n\t\t}}\n\t/>\n);\n\ninterface StageHeaderProps {\n\tstage: FunnelStageI;\n\tcolor?: string;\n\tchip: string;\n\tlocale?: string;\n}\n\nconst StageHeader: React.FC<StageHeaderProps> = ({\n\tstage,\n\tcolor,\n\tchip,\n\tlocale,\n}) => (\n\t<div\n\t\tdata-test={`funnel-chart-header-${stage.key}`}\n\t\tstyle={{\n\t\t\tflex: 1,\n\t\t\tminWidth: 0,\n\t\t\tdisplay: 'flex',\n\t\t\tflexDirection: 'column',\n\t\t\tgap: 8,\n\t\t\talignItems: 'flex-start',\n\t\t\tpadding: '0 8px 0 12px',\n\t\t}}\n\t>\n\t\t{stage.label && (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tgap: 8,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\topacity: 0.8,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 16,\n\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\tborderRadius: 2.667,\n\t\t\t\t\t\tbackgroundColor: color,\n\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<BodyTiny color={COLORS.content.secondary}>{stage.label}</BodyTiny>\n\t\t\t</div>\n\t\t)}\n\t\t<ChartValueRow\n\t\t\tvalue={\n\t\t\t\tstage.valueLabel ?? formatChartValue(toChartValue(stage.value), locale)\n\t\t\t}\n\t\t\tchip={chip}\n\t\t/>\n\t</div>\n);\n\nexport const FunnelChart: React.FC<FunnelChartI> = ({\n\tstages = [],\n\ttitle,\n\tplotHeight = 291,\n\theaderHeight = 83,\n\tcolors = FUNNEL_BAND_COLORS,\n\tlocale,\n\twrapperStyle,\n}) => {\n\tconst visibleStages = stages.length ? stages : PLACEHOLDER_STAGES;\n\n\tconst layout = useMemo(\n\t\t() => buildFunnelLayout(visibleStages, { plotHeight, headerHeight }),\n\t\t[visibleStages, plotHeight, headerHeight],\n\t);\n\n\tconst hasData = !layout.isEmpty;\n\tconst toPercent = (x: number) => `${(x / FUNNEL_VIEW_WIDTH) * 100}%`;\n\n\tconst headers = useMemo(\n\t\t() =>\n\t\t\tvisibleStages.map((stage, index) => ({\n\t\t\t\tstage,\n\t\t\t\tcolor: hasData\n\t\t\t\t\t? stage.color ?? pickColor(colors, index)\n\t\t\t\t\t: COLORS.content.inactive,\n\t\t\t\tchip: hasData ? derivePercentageLabel(visibleStages, index) : '',\n\t\t\t})),\n\t\t[visibleStages, colors, hasData],\n\t);\n\n\tconst colorByStage = useMemo(\n\t\t() => new Map(headers.map(({ stage, color }) => [stage.key, color])),\n\t\t[headers],\n\t);\n\n\treturn (\n\t\t<ChartCard\n\t\t\tdataTest=\"funnel-chart\"\n\t\t\ttitle={title}\n\t\t\tpadding=\"18px 24px\"\n\t\t\tgap={14}\n\t\t\twrapperStyle={{ overflow: 'hidden', ...wrapperStyle }}\n\t\t>\n\t\t\t<div style={{ position: 'relative', width: '100%', height: plotHeight }}>\n\t\t\t\t<svg\n\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\theight=\"100%\"\n\t\t\t\t\tviewBox={`0 0 ${FUNNEL_VIEW_WIDTH} ${plotHeight}`}\n\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\taria-hidden\n\t\t\t\t\tstyle={{ position: 'absolute', inset: 0 }}\n\t\t\t\t>\n\t\t\t\t\t{layout.bands.map((band) => (\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tkey={band.key}\n\t\t\t\t\t\t\tdata-test={`funnel-chart-band-${band.key}`}\n\t\t\t\t\t\t\td={band.d}\n\t\t\t\t\t\t\tfill={hasData ? colorByStage.get(band.key) : 'transparent'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</svg>\n\n\t\t\t\t{layout.separators.full.map((x) => (\n\t\t\t\t\t<Separator key={`full-${x}`} left={toPercent(x)} />\n\t\t\t\t))}\n\t\t\t\t{layout.separators.header.map((x) => (\n\t\t\t\t\t<Separator\n\t\t\t\t\t\tkey={`header-${x}`}\n\t\t\t\t\t\tleft={toPercent(x)}\n\t\t\t\t\t\theight={headerHeight}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tright: 0,\n\t\t\t\t\t\theight: headerHeight,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{headers.map((header) => (\n\t\t\t\t\t\t<StageHeader key={header.stage.key} {...header} locale={locale} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ChartCard>\n\t);\n};\n"],"names":["PLACEHOLDER_STAGES","_","index","derivePercentageLabel","stages","stage","toChartValue","reference","candidate","referenceValue","share","formatPercent","Separator","left","height","jsx","COLORS","StageHeader","color","chip","locale","jsxs","BodyTiny","ChartValueRow","formatChartValue","FunnelChart","title","plotHeight","headerHeight","colors","FUNNEL_BAND_COLORS","wrapperStyle","visibleStages","layout","useMemo","buildFunnelLayout","hasData","toPercent","x","FUNNEL_VIEW_WIDTH","headers","pickColor","colorByStage","ChartCard","band","header"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../formatChartValue.js"),v=1e3,l=e=>Math.round(e*100)/100,N=e=>e.reduce((a,c,o)=>{const r=a[a.length-1];return c.branchOf&&r?.branchOf===c.branchOf?r.stageIndexes.push(o):a.push({branchOf:c.branchOf,stageIndexes:[o]}),a},[]),W=(e,{plotHeight:a,headerHeight:c})=>{const o=Math.max(a-c,0),r=c+o/2,g=i.toChartValue(e[0]?.value),x=e.length===0||g===0||o===0,d=t=>l(t/e.length*v),I=t=>x?0:i.clamp(t/g*o,0,o),s=N(e);let p=0;const u=s.map(t=>{const n=d(p);return p+=t.stageIndexes.length,{x0:n,x1:d(p)}}),T=s.map(t=>t.stageIndexes.reduce((n,h)=>n+i.toChartValue(e[h].value),0)),$=[];return s.forEach((t,n)=>{const{x0:h,x1:y}=u[n],f=T[n],F=T[n+1]??f,E=I(f),L=I(F);let b=r-E/2,m=r-L/2;t.stageIndexes.forEach(O=>{const V=f>0?i.toChartValue(e[O].value)/f:0,C=b+E*V,M=m+L*V;$.push({key:e[O].key,d:[`M${h} ${l(b)}`,`L${y} ${l(m)}`,`L${y} ${l(M)}`,`L${h} ${l(C)}`,"Z"].join(" ")}),b=C,m=M})}),{bands:$,separators:{full:u.length?[u[0].x0,...u.map(t=>t.x1)]:[],header:s.flatMap(t=>t.stageIndexes.slice(1).map(n=>d(n)))},isEmpty:x}};exports.FUNNEL_VIEW_WIDTH=v;exports.buildFunnelLayout=W;
-//# sourceMappingURL=funnelGeometry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"funnelGeometry.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/FunnelChart/funnelGeometry.ts"],"sourcesContent":["import { clamp, toChartValue } from '../formatChartValue';\n\nexport const FUNNEL_VIEW_WIDTH = 1000;\n\nexport interface FunnelGeometryStage {\n\tkey: string;\n\tvalue: number;\n\tbranchOf?: string;\n}\n\nexport interface FunnelGeometryOptions {\n\tplotHeight: number;\n\theaderHeight: number;\n}\n\nexport interface FunnelBandLayout {\n\tkey: string;\n\td: string;\n}\n\nexport interface FunnelLayout {\n\tbands: FunnelBandLayout[];\n\tseparators: {\n\t\tfull: number[];\n\t\theader: number[];\n\t};\n\tisEmpty: boolean;\n}\n\ninterface ColumnGroup {\n\tbranchOf?: string;\n\tstageIndexes: number[];\n}\n\nconst round = (value: number) => Math.round(value * 100) / 100;\n\nconst groupIntoColumns = (stages: FunnelGeometryStage[]): ColumnGroup[] =>\n\tstages.reduce<ColumnGroup[]>((groups, stage, index) => {\n\t\tconst current = groups[groups.length - 1];\n\t\tif (stage.branchOf && current?.branchOf === stage.branchOf) {\n\t\t\tcurrent.stageIndexes.push(index);\n\t\t} else {\n\t\t\tgroups.push({ branchOf: stage.branchOf, stageIndexes: [index] });\n\t\t}\n\t\treturn groups;\n\t}, []);\n\nexport const buildFunnelLayout = (\n\tstages: FunnelGeometryStage[],\n\t{ plotHeight, headerHeight }: FunnelGeometryOptions,\n): FunnelLayout => {\n\tconst bandArea = Math.max(plotHeight - headerHeight, 0);\n\tconst centerY = headerHeight + bandArea / 2;\n\tconst baseValue = toChartValue(stages[0]?.value);\n\tconst isEmpty = stages.length === 0 || baseValue === 0 || bandArea === 0;\n\n\tconst toX = (cellIndex: number) =>\n\t\tround((cellIndex / stages.length) * FUNNEL_VIEW_WIDTH);\n\tconst heightOf = (value: number) =>\n\t\tisEmpty ? 0 : clamp((value / baseValue) * bandArea, 0, bandArea);\n\n\tconst groups = groupIntoColumns(stages);\n\tlet cellCursor = 0;\n\tconst columns = groups.map((group) => {\n\t\tconst x0 = toX(cellCursor);\n\t\tcellCursor += group.stageIndexes.length;\n\t\treturn { x0, x1: toX(cellCursor) };\n\t});\n\n\tconst columnTotals = groups.map((group) =>\n\t\tgroup.stageIndexes.reduce(\n\t\t\t(total, index) => total + toChartValue(stages[index].value),\n\t\t\t0,\n\t\t),\n\t);\n\n\tconst bands: FunnelBandLayout[] = [];\n\tgroups.forEach((group, columnIndex) => {\n\t\tconst { x0, x1 } = columns[columnIndex];\n\t\tconst leftTotal = columnTotals[columnIndex];\n\t\tconst rightTotal = columnTotals[columnIndex + 1] ?? leftTotal;\n\t\tconst leftHeight = heightOf(leftTotal);\n\t\tconst rightHeight = heightOf(rightTotal);\n\n\t\tlet leftTop = centerY - leftHeight / 2;\n\t\tlet rightTop = centerY - rightHeight / 2;\n\n\t\tgroup.stageIndexes.forEach((stageIndex) => {\n\t\t\tconst share =\n\t\t\t\tleftTotal > 0 ? toChartValue(stages[stageIndex].value) / leftTotal : 0;\n\t\t\tconst leftBottom = leftTop + leftHeight * share;\n\t\t\tconst rightBottom = rightTop + rightHeight * share;\n\t\t\tbands.push({\n\t\t\t\tkey: stages[stageIndex].key,\n\t\t\t\td: [\n\t\t\t\t\t`M${x0} ${round(leftTop)}`,\n\t\t\t\t\t`L${x1} ${round(rightTop)}`,\n\t\t\t\t\t`L${x1} ${round(rightBottom)}`,\n\t\t\t\t\t`L${x0} ${round(leftBottom)}`,\n\t\t\t\t\t'Z',\n\t\t\t\t].join(' '),\n\t\t\t});\n\t\t\tleftTop = leftBottom;\n\t\t\trightTop = rightBottom;\n\t\t});\n\t});\n\n\treturn {\n\t\tbands,\n\t\tseparators: {\n\t\t\tfull: columns.length ? [columns[0].x0, ...columns.map((c) => c.x1)] : [],\n\t\t\theader: groups.flatMap((group) =>\n\t\t\t\tgroup.stageIndexes.slice(1).map((index) => toX(index)),\n\t\t\t),\n\t\t},\n\t\tisEmpty,\n\t};\n};\n"],"names":["FUNNEL_VIEW_WIDTH","round","value","groupIntoColumns","stages","groups","stage","index","current","buildFunnelLayout","plotHeight","headerHeight","bandArea","centerY","baseValue","toChartValue","isEmpty","toX","cellIndex","heightOf","clamp","cellCursor","columns","group","x0","columnTotals","total","bands","columnIndex","x1","leftTotal","rightTotal","leftHeight","rightHeight","leftTop","rightTop","stageIndex","share","leftBottom","rightBottom","c"],"mappings":"0HAEaA,EAAoB,IAgC3BC,EAASC,GAAkB,KAAK,MAAMA,EAAQ,GAAG,EAAI,IAErDC,EAAoBC,GACzBA,EAAO,OAAsB,CAACC,EAAQC,EAAOC,IAAU,CACtD,MAAMC,EAAUH,EAAOA,EAAO,OAAS,CAAC,EACxC,OAAIC,EAAM,UAAYE,GAAS,WAAaF,EAAM,SACjDE,EAAQ,aAAa,KAAKD,CAAK,EAE/BF,EAAO,KAAK,CAAE,SAAUC,EAAM,SAAU,aAAc,CAACC,CAAK,EAAG,EAEzDF,CACR,EAAG,EAAE,EAEOI,EAAoB,CAChCL,EACA,CAAE,WAAAM,EAAY,aAAAC,KACI,CAClB,MAAMC,EAAW,KAAK,IAAIF,EAAaC,EAAc,CAAC,EAChDE,EAAUF,EAAeC,EAAW,EACpCE,EAAYC,EAAAA,aAAaX,EAAO,CAAC,GAAG,KAAK,EACzCY,EAAUZ,EAAO,SAAW,GAAKU,IAAc,GAAKF,IAAa,EAEjEK,EAAOC,GACZjB,EAAOiB,EAAYd,EAAO,OAAUJ,CAAiB,EAChDmB,EAAYjB,GACjBc,EAAU,EAAII,QAAOlB,EAAQY,EAAaF,EAAU,EAAGA,CAAQ,EAE1DP,EAASF,EAAiBC,CAAM,EACtC,IAAIiB,EAAa,EACjB,MAAMC,EAAUjB,EAAO,IAAKkB,GAAU,CACrC,MAAMC,EAAKP,EAAII,CAAU,EACzB,OAAAA,GAAcE,EAAM,aAAa,OAC1B,CAAE,GAAAC,EAAI,GAAIP,EAAII,CAAU,CAAA,CAChC,CAAC,EAEKI,EAAepB,EAAO,IAAKkB,GAChCA,EAAM,aAAa,OAClB,CAACG,EAAOnB,IAAUmB,EAAQX,EAAAA,aAAaX,EAAOG,CAAK,EAAE,KAAK,EAC1D,CAAA,CACD,EAGKoB,EAA4B,CAAA,EAClC,OAAAtB,EAAO,QAAQ,CAACkB,EAAOK,IAAgB,CACtC,KAAM,CAAE,GAAAJ,EAAI,GAAAK,GAAOP,EAAQM,CAAW,EAChCE,EAAYL,EAAaG,CAAW,EACpCG,EAAaN,EAAaG,EAAc,CAAC,GAAKE,EAC9CE,EAAab,EAASW,CAAS,EAC/BG,EAAcd,EAASY,CAAU,EAEvC,IAAIG,EAAUrB,EAAUmB,EAAa,EACjCG,EAAWtB,EAAUoB,EAAc,EAEvCV,EAAM,aAAa,QAASa,GAAe,CAC1C,MAAMC,EACLP,EAAY,EAAIf,EAAAA,aAAaX,EAAOgC,CAAU,EAAE,KAAK,EAAIN,EAAY,EAChEQ,EAAaJ,EAAUF,EAAaK,EACpCE,EAAcJ,EAAWF,EAAcI,EAC7CV,EAAM,KAAK,CACV,IAAKvB,EAAOgC,CAAU,EAAE,IACxB,EAAG,CACF,IAAIZ,CAAE,IAAIvB,EAAMiC,CAAO,CAAC,GACxB,IAAIL,CAAE,IAAI5B,EAAMkC,CAAQ,CAAC,GACzB,IAAIN,CAAE,IAAI5B,EAAMsC,CAAW,CAAC,GAC5B,IAAIf,CAAE,IAAIvB,EAAMqC,CAAU,CAAC,GAC3B,GAAA,EACC,KAAK,GAAG,CAAA,CACV,EACDJ,EAAUI,EACVH,EAAWI,CACZ,CAAC,CACF,CAAC,EAEM,CACN,MAAAZ,EACA,WAAY,CACX,KAAML,EAAQ,OAAS,CAACA,EAAQ,CAAC,EAAE,GAAI,GAAGA,EAAQ,IAAKkB,GAAMA,EAAE,EAAE,CAAC,EAAI,CAAA,EACtE,OAAQnC,EAAO,QAASkB,GACvBA,EAAM,aAAa,MAAM,CAAC,EAAE,IAAKhB,GAAUU,EAAIV,CAAK,CAAC,CAAA,CACtD,EAED,QAAAS,CAAA,CAEF"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("../../../constants/Theme.js"),t=[O.COLORS.stroke.brandLightAlt,O.COLORS.background.brandLight,O.COLORS.background.brandTint,O.COLORS.background.brandVeryLight],d=[O.COLORS.background.brand,O.COLORS.stroke.brandSubdued,O.COLORS.stroke.brandLightAlt,O.COLORS.background.brandTint],e=(n,r)=>n.length?n[r%n.length]:void 0;exports.COMPARISON_BAR_COLORS=d;exports.FUNNEL_BAND_COLORS=t;exports.pickColor=e;
-//# sourceMappingURL=chartPalette.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chartPalette.js","sources":["../../../../../src/components/analytics-chips-and-dropdowns/chart/chartPalette.ts"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\n\nexport const FUNNEL_BAND_COLORS = [\n\tCOLORS.stroke.brandLightAlt,\n\tCOLORS.background.brandLight,\n\tCOLORS.background.brandTint,\n\tCOLORS.background.brandVeryLight,\n];\n\nexport const COMPARISON_BAR_COLORS = [\n\tCOLORS.background.brand,\n\tCOLORS.stroke.brandSubdued,\n\tCOLORS.stroke.brandLightAlt,\n\tCOLORS.background.brandTint,\n];\n\nexport const pickColor = (colors: string[], index: number) =>\n\tcolors.length ? colors[index % colors.length] : undefined;\n"],"names":["FUNNEL_BAND_COLORS","COLORS","COMPARISON_BAR_COLORS","pickColor","colors","index"],"mappings":"+HAEaA,EAAqB,CACjCC,EAAAA,OAAO,OAAO,cACdA,EAAAA,OAAO,WAAW,WAClBA,EAAAA,OAAO,WAAW,UAClBA,EAAAA,OAAO,WAAW,cACnB,EAEaC,EAAwB,CACpCD,EAAAA,OAAO,WAAW,MAClBA,EAAAA,OAAO,OAAO,aACdA,EAAAA,OAAO,OAAO,cACdA,EAAAA,OAAO,WAAW,SACnB,EAEaE,EAAY,CAACC,EAAkBC,IAC3CD,EAAO,OAASA,EAAOC,EAAQD,EAAO,MAAM,EAAI"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=t=>typeof t=="number"&&Number.isFinite(t)&&t>0?t:0,o=(t,r="en-IN")=>Number.isFinite(t)?new Intl.NumberFormat(r).format(t):"0",a=t=>{if(!Number.isFinite(t))return"0";const r=Math.round(t*10)/10;return Number.isInteger(r)?`${r}`:r.toFixed(1)},m=(t,r,e)=>Math.min(Math.max(t,r),e);exports.clamp=m;exports.formatChartValue=o;exports.formatPercent=a;exports.toChartValue=n;
-//# sourceMappingURL=formatChartValue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"formatChartValue.js","sources":["../../../../../src/components/analytics-chips-and-dropdowns/chart/formatChartValue.ts"],"sourcesContent":["export const toChartValue = (value: number | undefined): number =>\n\ttypeof value === 'number' && Number.isFinite(value) && value > 0 ? value : 0;\n\nexport const formatChartValue = (value: number, locale = 'en-IN'): string =>\n\tNumber.isFinite(value) ? new Intl.NumberFormat(locale).format(value) : '0';\n\nexport const formatPercent = (value: number): string => {\n\tif (!Number.isFinite(value)) {\n\t\treturn '0';\n\t}\n\tconst rounded = Math.round(value * 10) / 10;\n\treturn Number.isInteger(rounded) ? `${rounded}` : rounded.toFixed(1);\n};\n\nexport const clamp = (value: number, min: number, max: number): number =>\n\tMath.min(Math.max(value, min), max);\n"],"names":["toChartValue","value","formatChartValue","locale","formatPercent","rounded","clamp","min","max"],"mappings":"gFAAO,MAAMA,EAAgBC,GAC5B,OAAOA,GAAU,UAAY,OAAO,SAASA,CAAK,GAAKA,EAAQ,EAAIA,EAAQ,EAE/DC,EAAmB,CAACD,EAAeE,EAAS,UACxD,OAAO,SAASF,CAAK,EAAI,IAAI,KAAK,aAAaE,CAAM,EAAE,OAAOF,CAAK,EAAI,IAE3DG,EAAiBH,GAA0B,CACvD,GAAI,CAAC,OAAO,SAASA,CAAK,EACzB,MAAO,IAER,MAAMI,EAAU,KAAK,MAAMJ,EAAQ,EAAE,EAAI,GACzC,OAAO,OAAO,UAAUI,CAAO,EAAI,GAAGA,CAAO,GAAKA,EAAQ,QAAQ,CAAC,CACpE,EAEaC,EAAQ,CAACL,EAAeM,EAAaC,IACjD,KAAK,IAAI,KAAK,IAAIP,EAAOM,CAAG,EAAGC,CAAG"}

package/dist/esm/components/analytics-chips-and-dropdowns/chart/ChartLayout.d.ts

@@ -1,16 +0,0 @@
-import { default as React, CSSProperties, ReactNode } from 'react';
-interface ChartCardProps {
-    title?: string;
-    padding: CSSProperties['padding'];
-    gap: number;
-    dataTest: string;
-    wrapperStyle?: CSSProperties;
-    children: ReactNode;
-}
-export declare const ChartCard: React.FC<ChartCardProps>;
-interface ChartValueRowProps {
-    value: ReactNode;
-    chip?: ReactNode;
-}
-export declare const ChartValueRow: React.FC<ChartValueRowProps>;
-export {};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/ChartLayout.js

@@ -1,69 +0,0 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { TitleRegular as s, TitleMedium as c, BodyCaption as p } from "../../TypographyStyle.js";
-import { COLORS as r } from "../../../constants/Theme.js";
-const x = ({
-  title: e,
-  padding: o,
-  gap: d,
-  dataTest: t,
-  wrapperStyle: l,
-  children: n
-}) => /* @__PURE__ */ a(
-  "div",
-  {
-    "data-test": t,
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      gap: d,
-      width: "100%",
-      padding: o,
-      borderRadius: 8,
-      border: `1px solid ${r.stroke.primary}`,
-      backgroundColor: r.surface.standard,
-      ...l
-    },
-    children: [
-      e && /* @__PURE__ */ i(s, { color: r.content.primary, children: e }),
-      n
-    ]
-  }
-), f = ({
-  value: e,
-  chip: o
-}) => /* @__PURE__ */ a(
-  "div",
-  {
-    style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" },
-    children: [
-      /* @__PURE__ */ i(
-        c,
-        {
-          color: r.content.primary,
-          style: { whiteSpace: "nowrap" },
-          children: e
-        }
-      ),
-      o && /* @__PURE__ */ i(
-        "div",
-        {
-          style: {
-            display: "inline-flex",
-            alignItems: "center",
-            padding: "4px 8px",
-            borderRadius: 4,
-            border: `1px solid ${r.stroke.primary}`,
-            backgroundColor: r.surface.subdued,
-            whiteSpace: "nowrap"
-          },
-          children: /* @__PURE__ */ i(p, { color: r.content.secondary, children: o })
-        }
-      )
-    ]
-  }
-);
-export {
-  x as ChartCard,
-  f as ChartValueRow
-};
-//# sourceMappingURL=ChartLayout.js.map

package/dist/esm/components/analytics-chips-and-dropdowns/chart/ChartLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartLayout.js","sources":["../../../../../src/components/analytics-chips-and-dropdowns/chart/ChartLayout.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react';\nimport {\n\tBodyCaption,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\ninterface ChartCardProps {\n\ttitle?: string;\n\tpadding: CSSProperties['padding'];\n\tgap: number;\n\tdataTest: string;\n\twrapperStyle?: CSSProperties;\n\tchildren: ReactNode;\n}\n\nexport const ChartCard: React.FC<ChartCardProps> = ({\n\ttitle,\n\tpadding,\n\tgap,\n\tdataTest,\n\twrapperStyle,\n\tchildren,\n}) => (\n\t<div\n\t\tdata-test={dataTest}\n\t\tstyle={{\n\t\t\tdisplay: 'flex',\n\t\t\tflexDirection: 'column',\n\t\t\tgap,\n\t\t\twidth: '100%',\n\t\t\tpadding,\n\t\t\tborderRadius: 8,\n\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t...wrapperStyle,\n\t\t}}\n\t>\n\t\t{title && (\n\t\t\t<TitleRegular color={COLORS.content.primary}>{title}</TitleRegular>\n\t\t)}\n\t\t{children}\n\t</div>\n);\n\ninterface ChartValueRowProps {\n\tvalue: ReactNode;\n\tchip?: ReactNode;\n}\n\nexport const ChartValueRow: React.FC<ChartValueRowProps> = ({\n\tvalue,\n\tchip,\n}) => (\n\t<div\n\t\tstyle={{ display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' }}\n\t>\n\t\t<TitleMedium\n\t\t\tcolor={COLORS.content.primary}\n\t\t\tstyle={{ whiteSpace: 'nowrap' }}\n\t\t>\n\t\t\t{value}\n\t\t</TitleMedium>\n\t\t{chip && (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>{chip}</BodyCaption>\n\t\t\t</div>\n\t\t)}\n\t</div>\n);\n"],"names":["ChartCard","title","padding","gap","dataTest","wrapperStyle","children","jsxs","COLORS","TitleRegular","ChartValueRow","value","chip","jsx","TitleMedium","BodyCaption"],"mappings":";;;AAiBO,MAAMA,IAAsC,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACD,MACC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,aAAWH;AAAA,IACX,OAAO;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAAD;AAAA,MACA,OAAO;AAAA,MACP,SAAAD;AAAA,MACA,cAAc;AAAA,MACd,QAAQ,aAAaM,EAAO,OAAO,OAAO;AAAA,MAC1C,iBAAiBA,EAAO,QAAQ;AAAA,MAChC,GAAGH;AAAA,IAAA;AAAA,IAGH,UAAA;AAAA,MAAAJ,uBACCQ,GAAA,EAAa,OAAOD,EAAO,QAAQ,SAAU,UAAAP,GAAM;AAAA,MAEpDK;AAAA,IAAA;AAAA,EAAA;AACF,GAQYI,IAA8C,CAAC;AAAA,EAC3D,OAAAC;AAAA,EACA,MAAAC;AACD,MACC,gBAAAL;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,GAAG,UAAU,OAAA;AAAA,IAElE,UAAA;AAAA,MAAA,gBAAAM;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,OAAON,EAAO,QAAQ;AAAA,UACtB,OAAO,EAAE,YAAY,SAAA;AAAA,UAEpB,UAAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDC,KACA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,OAAO;AAAA,YACN,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,cAAc;AAAA,YACd,QAAQ,aAAaL,EAAO,OAAO,OAAO;AAAA,YAC1C,iBAAiBA,EAAO,QAAQ;AAAA,YAChC,YAAY;AAAA,UAAA;AAAA,UAGb,4BAACO,GAAA,EAAY,OAAOP,EAAO,QAAQ,WAAY,UAAAI,EAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA;AAEF;"}

package/dist/esm/components/analytics-chips-and-dropdowns/chart/ComparisonBarChart/ComparisonBarChart.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { ComparisonBarChartI } from './ComparisonBarChart.model';
-export declare const ComparisonBarChart: React.FC<ComparisonBarChartI>;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/ComparisonBarChart/ComparisonBarChart.js

@@ -1,166 +0,0 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useMemo as R, useState as $ } from "react";
-import { BodyCaption as b } from "../../../TypographyStyle.js";
-import { COLORS as n } from "../../../../constants/Theme.js";
-import { ChartCard as w, ChartValueRow as L } from "../ChartLayout.js";
-import { pickColor as B, COMPARISON_BAR_COLORS as O } from "../chartPalette.js";
-import { toChartValue as d, formatPercent as S, clamp as C, formatChartValue as A } from "../formatChartValue.js";
-const M = Array.from(
-  { length: 2 },
-  (e, i) => ({ key: `placeholder-${i}`, label: "", value: 0 })
-), E = ({
-  row: { bar: e, fillWidth: i, color: s, percentageLabel: l },
-  labelWidth: c,
-  barHeight: m,
-  showTooltip: h,
-  locale: u
-}) => {
-  const [f, t] = $(!1);
-  return /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 32 }, children: [
-    /* @__PURE__ */ p(
-      "div",
-      {
-        style: {
-          width: c,
-          flexShrink: 0,
-          display: "flex",
-          flexDirection: "column",
-          gap: 8
-        },
-        children: [
-          /* @__PURE__ */ o(b, { color: n.content.secondary, children: e.label }),
-          /* @__PURE__ */ o(
-            L,
-            {
-              value: e.valueLabel ?? A(d(e.value), u),
-              chip: l
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ p(
-      "div",
-      {
-        "data-test": `comparison-bar-chart-bar-${e.key}`,
-        onMouseEnter: () => t(!0),
-        onMouseLeave: () => t(!1),
-        style: { position: "relative", flex: 1, height: m },
-        children: [
-          /* @__PURE__ */ o(
-            "div",
-            {
-              "data-test": `comparison-bar-chart-track-${e.key}`,
-              style: {
-                position: "absolute",
-                inset: 0,
-                borderRadius: 4,
-                border: `1px solid ${n.stroke.primary}`,
-                backgroundColor: n.surface.standard,
-                overflow: "hidden"
-              },
-              children: /* @__PURE__ */ o(
-                "div",
-                {
-                  "data-test": `comparison-bar-chart-fill-${e.key}`,
-                  style: {
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    bottom: 0,
-                    width: `${i}%`,
-                    backgroundColor: s
-                  }
-                }
-              )
-            }
-          ),
-          h && f && /* @__PURE__ */ p(
-            "div",
-            {
-              "data-test": `comparison-bar-chart-tooltip-${e.key}`,
-              style: {
-                position: "absolute",
-                top: "50%",
-                left: `${C(i / 2, 8, 92)}%`,
-                transform: "translate(-50%, -50%)",
-                padding: "4px 8px",
-                borderRadius: 4,
-                backgroundColor: n.content.primary,
-                boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.12)",
-                pointerEvents: "none"
-              },
-              children: [
-                /* @__PURE__ */ o(
-                  "div",
-                  {
-                    style: {
-                      position: "absolute",
-                      top: -5,
-                      left: "50%",
-                      transform: "translateX(-50%)",
-                      width: 0,
-                      height: 0,
-                      borderLeft: "5px solid transparent",
-                      borderRight: "5px solid transparent",
-                      borderBottom: `5px solid ${n.content.primary}`
-                    }
-                  }
-                ),
-                /* @__PURE__ */ o(b, { color: n.content.primaryInverse, children: l })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}, N = ({
-  bars: e = [],
-  title: i,
-  total: s,
-  colors: l = O,
-  labelWidth: c = 180,
-  barHeight: m = 52,
-  locale: h,
-  showTooltip: u = !0,
-  wrapperStyle: f
-}) => {
-  const t = e.some((r) => d(r.value) > 0), v = e.length ? e : M, k = R(() => {
-    const r = s !== void 0 ? d(s) : v.reduce((a, y) => a + d(y.value), 0);
-    return v.map((a, y) => {
-      const x = a.percentage ?? (r > 0 ? d(a.value) / r * 100 : 0), g = Number.isFinite(x) ? Math.max(x, 0) : 0;
-      return {
-        bar: a,
-        fillWidth: C(g, 0, 100),
-        color: t ? a.color ?? B(l, y) : void 0,
-        percentageLabel: t ? a.percentageLabel ?? `${S(g)}%` : ""
-      };
-    });
-  }, [v, s, l, t]);
-  return /* @__PURE__ */ o(
-    w,
-    {
-      dataTest: "comparison-bar-chart",
-      title: i,
-      padding: 24,
-      gap: 24,
-      wrapperStyle: f,
-      children: k.map((r) => /* @__PURE__ */ o(
-        E,
-        {
-          row: r,
-          labelWidth: c,
-          barHeight: m,
-          showTooltip: u && t,
-          locale: h
-        },
-        r.bar.key
-      ))
-    }
-  );
-};
-export {
-  N as ComparisonBarChart
-};
-//# sourceMappingURL=ComparisonBarChart.js.map

package/dist/esm/components/analytics-chips-and-dropdowns/chart/ComparisonBarChart/ComparisonBarChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComparisonBarChart.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/ComparisonBarChart/ComparisonBarChart.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ChartCard, ChartValueRow } from '../ChartLayout';\nimport { COMPARISON_BAR_COLORS, pickColor } from '../chartPalette';\nimport {\n\tclamp,\n\tformatChartValue,\n\tformatPercent,\n\ttoChartValue,\n} from '../formatChartValue';\nimport type {\n\tComparisonBarChartI,\n\tComparisonBarI,\n} from './ComparisonBarChart.model';\n\nconst PLACEHOLDER_BARS: ComparisonBarI[] = Array.from(\n\t{ length: 2 },\n\t(_, index) => ({ key: `placeholder-${index}`, label: '', value: 0 }),\n);\n\ninterface PreparedBar {\n\tbar: ComparisonBarI;\n\tfillWidth: number;\n\tcolor?: string;\n\tpercentageLabel: string;\n}\n\ninterface BarRowProps {\n\trow: PreparedBar;\n\tlabelWidth: number;\n\tbarHeight: number;\n\tshowTooltip: boolean;\n\tlocale?: string;\n}\n\nconst BarRow: React.FC<BarRowProps> = ({\n\trow: { bar, fillWidth, color, percentageLabel },\n\tlabelWidth,\n\tbarHeight,\n\tshowTooltip,\n\tlocale,\n}) => {\n\tconst [isHovered, setIsHovered] = useState(false);\n\n\treturn (\n\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 32 }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: labelWidth,\n\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tgap: 8,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>{bar.label}</BodyCaption>\n\t\t\t\t<ChartValueRow\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tbar.valueLabel ?? formatChartValue(toChartValue(bar.value), locale)\n\t\t\t\t\t}\n\t\t\t\t\tchip={percentageLabel}\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tdata-test={`comparison-bar-chart-bar-${bar.key}`}\n\t\t\t\tonMouseEnter={() => setIsHovered(true)}\n\t\t\t\tonMouseLeave={() => setIsHovered(false)}\n\t\t\t\tstyle={{ position: 'relative', flex: 1, height: barHeight }}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tdata-test={`comparison-bar-chart-track-${bar.key}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tinset: 0,\n\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-test={`comparison-bar-chart-fill-${bar.key}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\t\twidth: `${fillWidth}%`,\n\t\t\t\t\t\t\tbackgroundColor: color,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{showTooltip && isHovered && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-test={`comparison-bar-chart-tooltip-${bar.key}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\ttop: '50%',\n\t\t\t\t\t\t\tleft: `${clamp(fillWidth / 2, 8, 92)}%`,\n\t\t\t\t\t\t\ttransform: 'translate(-50%, -50%)',\n\t\t\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\tbackgroundColor: COLORS.content.primary,\n\t\t\t\t\t\t\tboxShadow: '0px 2px 4px rgba(0, 0, 0, 0.12)',\n\t\t\t\t\t\t\tpointerEvents: 'none',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\ttop: -5,\n\t\t\t\t\t\t\t\tleft: '50%',\n\t\t\t\t\t\t\t\ttransform: 'translateX(-50%)',\n\t\t\t\t\t\t\t\twidth: 0,\n\t\t\t\t\t\t\t\theight: 0,\n\t\t\t\t\t\t\t\tborderLeft: '5px solid transparent',\n\t\t\t\t\t\t\t\tborderRight: '5px solid transparent',\n\t\t\t\t\t\t\t\tborderBottom: `5px solid ${COLORS.content.primary}`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.primaryInverse}>\n\t\t\t\t\t\t\t{percentageLabel}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport const ComparisonBarChart: React.FC<ComparisonBarChartI> = ({\n\tbars = [],\n\ttitle,\n\ttotal,\n\tcolors = COMPARISON_BAR_COLORS,\n\tlabelWidth = 180,\n\tbarHeight = 52,\n\tlocale,\n\tshowTooltip = true,\n\twrapperStyle,\n}) => {\n\tconst hasData = bars.some((bar) => toChartValue(bar.value) > 0);\n\tconst visibleBars = bars.length ? bars : PLACEHOLDER_BARS;\n\n\tconst rows = useMemo<PreparedBar[]>(() => {\n\t\tconst denominator =\n\t\t\ttotal !== undefined\n\t\t\t\t? toChartValue(total)\n\t\t\t\t: visibleBars.reduce((sum, bar) => sum + toChartValue(bar.value), 0);\n\n\t\treturn visibleBars.map((bar, index) => {\n\t\t\tconst percentage =\n\t\t\t\tbar.percentage ??\n\t\t\t\t(denominator > 0 ? (toChartValue(bar.value) / denominator) * 100 : 0);\n\t\t\tconst share = Number.isFinite(percentage) ? Math.max(percentage, 0) : 0;\n\t\t\treturn {\n\t\t\t\tbar,\n\t\t\t\tfillWidth: clamp(share, 0, 100),\n\t\t\t\tcolor: hasData ? bar.color ?? pickColor(colors, index) : undefined,\n\t\t\t\tpercentageLabel: hasData\n\t\t\t\t\t? bar.percentageLabel ?? `${formatPercent(share)}%`\n\t\t\t\t\t: '',\n\t\t\t};\n\t\t});\n\t}, [visibleBars, total, colors, hasData]);\n\n\treturn (\n\t\t<ChartCard\n\t\t\tdataTest=\"comparison-bar-chart\"\n\t\t\ttitle={title}\n\t\t\tpadding={24}\n\t\t\tgap={24}\n\t\t\twrapperStyle={wrapperStyle}\n\t\t>\n\t\t\t{rows.map((row) => (\n\t\t\t\t<BarRow\n\t\t\t\t\tkey={row.bar.key}\n\t\t\t\t\trow={row}\n\t\t\t\t\tlabelWidth={labelWidth}\n\t\t\t\t\tbarHeight={barHeight}\n\t\t\t\t\tshowTooltip={showTooltip && hasData}\n\t\t\t\t\tlocale={locale}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</ChartCard>\n\t);\n};\n"],"names":["PLACEHOLDER_BARS","_","index","BarRow","bar","fillWidth","color","percentageLabel","labelWidth","barHeight","showTooltip","locale","isHovered","setIsHovered","useState","jsxs","jsx","BodyCaption","COLORS","ChartValueRow","formatChartValue","toChartValue","clamp","ComparisonBarChart","bars","title","total","colors","COMPARISON_BAR_COLORS","wrapperStyle","hasData","visibleBars","rows","useMemo","denominator","sum","percentage","share","pickColor","formatPercent","ChartCard","row"],"mappings":"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"}

package/dist/esm/components/analytics-chips-and-dropdowns/chart/ComparisonBarChart/ComparisonBarChart.model.d.ts

@@ -1,21 +0,0 @@
-import { CSSProperties } from 'react';
-export interface ComparisonBarI {
-    key: string;
-    label: string;
-    value: number;
-    valueLabel?: string;
-    percentage?: number;
-    percentageLabel?: string;
-    color?: string;
-}
-export interface ComparisonBarChartI {
-    bars: ComparisonBarI[];
-    title?: string;
-    total?: number;
-    colors?: string[];
-    labelWidth?: number;
-    barHeight?: number;
-    locale?: string;
-    showTooltip?: boolean;
-    wrapperStyle?: CSSProperties;
-}

package/dist/esm/components/analytics-chips-and-dropdowns/chart/FunnelChart/FunnelChart.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { FunnelChartI } from './FunnelChart.model';
-export declare const FunnelChart: React.FC<FunnelChartI>;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/FunnelChart/FunnelChart.js

@@ -1,176 +0,0 @@
-import { jsx as o, jsxs as y } from "react/jsx-runtime";
-import { useMemo as m } from "react";
-import { BodyTiny as L } from "../../../TypographyStyle.js";
-import { COLORS as v } from "../../../../constants/Theme.js";
-import { ChartCard as w, ChartValueRow as x } from "../ChartLayout.js";
-import { pickColor as S, FUNNEL_BAND_COLORS as $ } from "../chartPalette.js";
-import { toChartValue as d, formatPercent as E, formatChartValue as O } from "../formatChartValue.js";
-import { buildFunnelLayout as R, FUNNEL_VIEW_WIDTH as k } from "./funnelGeometry.js";
-const _ = Array.from(
-  { length: 4 },
-  (t, a) => ({ key: `placeholder-${a}`, label: "", value: 0 })
-), A = (t, a) => {
-  const r = t[a];
-  if (r.percentageLabel !== void 0)
-    return r.percentageLabel;
-  if (a === 0)
-    return d(r.value) > 0 ? "100%" : "";
-  const l = r.branchOf ? t.find((h) => h.key === r.branchOf) : t[a - 1], n = d(l?.value);
-  if (!l || n === 0)
-    return "";
-  const f = d(r.value) / n * 100;
-  return `${E(f)}% of ${l.label}`;
-}, g = ({
-  left: t,
-  height: a
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    style: {
-      position: "absolute",
-      top: 0,
-      bottom: a === void 0 ? 0 : void 0,
-      height: a,
-      left: t,
-      width: 1,
-      backgroundColor: v.stroke.primary
-    }
-  }
-), D = ({
-  stage: t,
-  color: a,
-  chip: r,
-  locale: l
-}) => /* @__PURE__ */ y(
-  "div",
-  {
-    "data-test": `funnel-chart-header-${t.key}`,
-    style: {
-      flex: 1,
-      minWidth: 0,
-      display: "flex",
-      flexDirection: "column",
-      gap: 8,
-      alignItems: "flex-start",
-      padding: "0 8px 0 12px"
-    },
-    children: [
-      t.label && /* @__PURE__ */ y(
-        "div",
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            gap: 8,
-            width: "100%",
-            opacity: 0.8
-          },
-          children: [
-            /* @__PURE__ */ o(
-              "span",
-              {
-                style: {
-                  width: 16,
-                  height: 16,
-                  borderRadius: 2.667,
-                  backgroundColor: a,
-                  flexShrink: 0
-                }
-              }
-            ),
-            /* @__PURE__ */ o(L, { color: v.content.secondary, children: t.label })
-          ]
-        }
-      ),
-      /* @__PURE__ */ o(
-        x,
-        {
-          value: t.valueLabel ?? O(d(t.value), l),
-          chip: r
-        }
-      )
-    ]
-  }
-), j = ({
-  stages: t = [],
-  title: a,
-  plotHeight: r = 291,
-  headerHeight: l = 83,
-  colors: n = $,
-  locale: f,
-  wrapperStyle: h
-}) => {
-  const i = t.length ? t : _, s = m(
-    () => R(i, { plotHeight: r, headerHeight: l }),
-    [i, r, l]
-  ), c = !s.isEmpty, b = (e) => `${e / k * 100}%`, u = m(
-    () => i.map((e, p) => ({
-      stage: e,
-      color: c ? e.color ?? S(n, p) : v.content.inactive,
-      chip: c ? A(i, p) : ""
-    })),
-    [i, n, c]
-  ), C = m(
-    () => new Map(u.map(({ stage: e, color: p }) => [e.key, p])),
-    [u]
-  );
-  return /* @__PURE__ */ o(
-    w,
-    {
-      dataTest: "funnel-chart",
-      title: a,
-      padding: "18px 24px",
-      gap: 14,
-      wrapperStyle: { overflow: "hidden", ...h },
-      children: /* @__PURE__ */ y("div", { style: { position: "relative", width: "100%", height: r }, children: [
-        /* @__PURE__ */ o(
-          "svg",
-          {
-            width: "100%",
-            height: "100%",
-            viewBox: `0 0 ${k} ${r}`,
-            preserveAspectRatio: "none",
-            "aria-hidden": !0,
-            style: { position: "absolute", inset: 0 },
-            children: s.bands.map((e) => /* @__PURE__ */ o(
-              "path",
-              {
-                "data-test": `funnel-chart-band-${e.key}`,
-                d: e.d,
-                fill: c ? C.get(e.key) : "transparent"
-              },
-              e.key
-            ))
-          }
-        ),
-        s.separators.full.map((e) => /* @__PURE__ */ o(g, { left: b(e) }, `full-${e}`)),
-        s.separators.header.map((e) => /* @__PURE__ */ o(
-          g,
-          {
-            left: b(e),
-            height: l
-          },
-          `header-${e}`
-        )),
-        /* @__PURE__ */ o(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              top: 0,
-              left: 0,
-              right: 0,
-              height: l,
-              display: "flex"
-            },
-            children: u.map((e) => /* @__PURE__ */ o(D, { ...e, locale: f }, e.stage.key))
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  j as FunnelChart
-};
-//# sourceMappingURL=FunnelChart.js.map