npm - @bikdotai/bik-component-library - Versions diffs - 0.0.628-beta.13 → 0.0.628-beta.15 - Mend

@bikdotai/bik-component-library 0.0.628-beta.13 → 0.0.628-beta.15

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 (648) hide show

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("chart.js"),a=require("chartjs-plugin-datalabels"),o=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),l=require("../utils/calcPercentage.js"),n=require("./HorizontalGraph.styles.js");~~function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var d=s(a);~~e.Chart.register(e.CategoryScale,e.LinearScale,e.BarElement,e.Tooltip,d.default);exports.HorizontalGraph=e=>{var a,s,d,c,p,u,x,g,b;const y=-1===e.xAxis.data.findIndex((t=>0!==t)),h={min:0,max:2e3,stepSize:null!==(a=e.xAxis.stepSize)&&void 0!==a?a:200},f={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:e.maintainAspectRatio,layout:{padding:{right:e.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!y,callbacks:{label:e.xAxis.toolTipCallback,footer:null===(s=e.tooltipConfig)\|\|void 0===s?void 0:s.footerCallback},footerFont:null===(c=null===(d=e.tooltipConfig)\|\|void 0===d?void 0:d.footerStyles)\|\|void 0===c?void 0:c.footerFont},datalabels:{display:null!==(p=!y&&e.showTotal)&&void 0!==p&&p,anchor:"end",align:"end",clamp:!0,formatter:(t,e)=>{var a;const o=e.datasetIndex,i=e.chart.data.datasets;if(o!==i.length-1)return"";const r=e.dataIndex;let n=0;for(let t=0;t<i.length;t++)n+=null!==(a=i[t].data[r])&&void 0!==a?a:0;return n?l.truncateValueToK(n):""},color:r.COLORS.content.secondary}},scales:{y:{title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:r.FONTS.caption.fontSize,color:e.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:r.COLORS.background.base},ticks:{fontSize:r.FONTS.caption.fontSize,color:null!==(u=e.yAxis.labelColor)&&void 0!==u?u:r.COLORS.content.secondary}},x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:r.FONTS.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:r.COLORS.background.base},ticks:Object.assign({callback:e.xAxis.ticksCallback,fontSize:r.FONTS.caption.fontSize,color:null!==(x=e.xAxis.labelColor)&&void 0!==x?x:r.COLORS.content.secondary},y?h:{max:e.xAxis.max,stepSize:e.xAxis.stepSize})}}},C={labels:e.yAxis.data.map((t=>t.toString())),datasets:[{data:y?[250,1e3,800,1500,300,600]:e.xAxis.data,backgroundColor:t=>(t=>{var a;const o=t.chart.ctx.createLinearGradient(0,0,0,200);let i="";if(y)i="rgba(0,0,0,0)";else if(e.barColorRGBA){const t=e.barColorRGBA;i=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(a=t.a)&&void 0!==a?a:"0.3"})`}return o.addColorStop(0,i\|\|"rgba(146, 96, 237, 0.3)"),o.addColorStop(1,i\|\|"rgba(146, 96, 237, 0.3)"),o})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t.jsxs(n.GraphContainerWrapper,Object.assign({padding:e.outerPadding,skipOuterLayout:e.skipOuterLayout},{children:[e.chartHeading&&t.jsx(i.TitleRegular,Object.assign({color:null!==(g=e.chartHeading.color)&&void 0!==g?g:r.COLORS.content.secondary},{children:e.chartHeading.heading})),t.jsx("div",Object.assign({style:{height:e.maintainAspectRatio?void 0:null!==(b=e.graphCanvasHeight)&&void 0!==b?b:500}},{children:t.jsx(o.Bar,{options:f,data:C})}))]}))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("chart.js"),a=require("../../../../node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js"),o=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),l=require("../utils/calcPercentage.js"),n=require("./HorizontalGraph.styles.js");e.Chart.register(e.CategoryScale,e.LinearScale,e.BarElement,e.Tooltip,a.default);exports.HorizontalGraph=e=>{var a,s,d,c,p,x,u,g,b;const h=-1===e.xAxis.data.findIndex((t=>0!==t)),y={min:0,max:2e3,stepSize:null!==(a=e.xAxis.stepSize)&&void 0!==a?a:200},C={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:e.maintainAspectRatio,layout:{padding:{right:e.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!h,callbacks:{label:e.xAxis.toolTipCallback,footer:null===(s=e.tooltipConfig)\|\|void 0===s?void 0:s.footerCallback},footerFont:null===(c=null===(d=e.tooltipConfig)\|\|void 0===d?void 0:d.footerStyles)\|\|void 0===c?void 0:c.footerFont},datalabels:{display:null!==(p=!h&&e.showTotal)&&void 0!==p&&p,anchor:"end",align:"end",clamp:!0,formatter:(t,e)=>{var a;const o=e.datasetIndex,i=e.chart.data.datasets;if(o!==i.length-1)return"";const r=e.dataIndex;let n=0;for(let t=0;t<i.length;t++)n+=null!==(a=i[t].data[r])&&void 0!==a?a:0;return n?l.truncateValueToK(n):""},color:r.COLORS.content.secondary}},scales:{y:{title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:r.FONTS.caption.fontSize,color:e.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:r.COLORS.background.base},ticks:{fontSize:r.FONTS.caption.fontSize,color:null!==(x=e.yAxis.labelColor)&&void 0!==x?x:r.COLORS.content.secondary}},x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:r.FONTS.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:r.COLORS.background.base},ticks:Object.assign({callback:e.xAxis.ticksCallback,fontSize:r.FONTS.caption.fontSize,color:null!==(u=e.xAxis.labelColor)&&void 0!==u?u:r.COLORS.content.secondary},h?y:{max:e.xAxis.max,stepSize:e.xAxis.stepSize})}}},S={labels:e.yAxis.data.map((t=>t.toString())),datasets:[{data:h?[250,1e3,800,1500,300,600]:e.xAxis.data,backgroundColor:t=>(t=>{var a;const o=t.chart.ctx.createLinearGradient(0,0,0,200);let i="";if(h)i="rgba(0,0,0,0)";else if(e.barColorRGBA){const t=e.barColorRGBA;i=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(a=t.a)&&void 0!==a?a:"0.3"})`}return o.addColorStop(0,i\|\|"rgba(146, 96, 237, 0.3)"),o.addColorStop(1,i\|\|"rgba(146, 96, 237, 0.3)"),o})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t.jsxs(n.GraphContainerWrapper,Object.assign({padding:e.outerPadding,skipOuterLayout:e.skipOuterLayout},{children:[e.chartHeading&&t.jsx(i.TitleRegular,Object.assign({color:null!==(g=e.chartHeading.color)&&void 0!==g?g:r.COLORS.content.secondary},{children:e.chartHeading.heading})),t.jsx("div",Object.assign({style:{height:e.maintainAspectRatio?void 0:null!==(b=e.graphCanvasHeight)&&void 0!==b?b:500}},{children:t.jsx(o.Bar,{options:C,data:S})}))]}))};

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js");require("../../../../node_modules/chart.js/auto/auto.js");var l=require("react"),r=require("react-chartjs-2"),n=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),o=require("../utils/calcPercentage.js"),a=require("./LineChart.styled.js");require("../../../../node_modules/chart.js/dist/chart.js").Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.BarElement,t.LineElement,t.ArcElement,t.Filler,t.Title,t.Tooltip,t.Legend);exports.LineChart=t=>{let{scaleText:s,labels:d,canvasHeight:c,datas:u,maintainAspectRatio:g=!1,stepSize:p,min:y,max:b,isZeroState:v,tension:C,isNewStyles:h,prefixCurrencyInYAxis:O,pointRadius:x,useKFormat:j,lineThickness:m,ticksLabelCallback:L,labelCallback:S,afterBodyCallBack:f,titleTooltipCallback:k}=t;var R,q,B;const[w,T]=l.useState(null),E=l.useRef();l.useEffect((()=>{var e,t,l,r;if(null===(r=null===(l=null===(t=null===(e=E.current)\|\|void 0===e?void 0:e.scales)\|\|void 0===t?void 0:t.y)\|\|void 0===l?void 0:l.ticks)\|\|void 0===r?void 0:r.length){const e=38*E.current.scales.y.ticks.length;T(e)}}),[E]);const F=u.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?i.COLORS.content.placeholder:i.COLORS.background.brand,square:e.squareLegends}))),z={labels:d,datasets:u.map(((e,t)=>{var l,r,n;return Object.assign(Object.assign({tension:null!=C?C:.4,fill:e.gradient?"start":0},((e,t)=>{const l={borderColor:e\|\|(t?i.COLORS.content.placeholder:i.COLORS.background.brand)};return h?Object.assign({pointStyle:"circle",pointRadius:x\|\|(d&&d.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:e\|\|(t?i.COLORS.content.placeholder:i.COLORS.background.brand)},l):Object.assign({pointRadius:null!=x?x:1},l)})(e.lineColor,e.dotted)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(r=null!==(l=e.lineWidth)&&void 0!==l?l:m)&&void 0!==r?r:2,backgroundColor:e.gradient?e=>{const t=e.chart.ctx.createLinearGradient(0,0,0,w?w-75:150);return t.addColorStop(0,"#F1EEFB"),t.addColorStop(1,"rgba(127, 86, 217, 0)"),t}:null!==(n=e.backgroundColor)&&void 0!==n?n:"transparent",legend:e.legend})}))},$={maintainAspectRatio:g,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=h&&h,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>i.COLORS.content.primaryInverse,backgroundColor:i.COLORS.content.primary,callbacks:{labelTextColor:()=>i.COLORS.content.primaryInverse,title:k,label:S,afterBody:f},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{~~type:"linear",~~beginAtZero:!0,min:v?0:y,max:v?10:b,ticks:{color:i.COLORS.content.secondary,callback:e=>{var t,l;return j?`${null!==(t=null==s?void 0:s.yPrefix)&&void 0!==t?t:""}${o.truncateValueToK(e)}${null!=O?O:""}`:`${null!==(l=null==s?void 0:s.yPrefix)&&void 0!==l?l:""}${e}${null!=O?O:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:v?1:p,padding:h?24:0},title:{display:!!(null==s?void 0:s.y),text:null==s?void 0:s.y},grid:{color:i.COLORS.background.base,drawBorder:null===(R=null==s?void 0:s.yDrawBorder)\|\|void 0===R\|\|R}},x:{~~type:"category",~~ticks:{callback:L,color:i.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==s?void 0:s.x),text:null==s?void 0:s.x},grid:{display:!1,drawBorder:null!==(q=null==s?void 0:s.xDrawBorder)&&void 0!==q&&q}}}};return e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},g?{}:{height:null!==(B=null!=c?c:w)&&void 0!==B?B:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e.jsx(a.LegendWrapper,{children:F.map(((t,l)=>{let{text:r,color:i,square:o}=t;return r?e.jsxs(a.LegendContainer,{children:[e.jsx(a.LegendColor,{color:i,square:o,newStyle:h}),e.jsx(n.BodyTiny,Object.assign({color:"#667085"},{children:r}))]},l):e.jsx(e.Fragment,{})}))}),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(r.Line,{ref:E,options:$,data:z})}))]}))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js");require("../../../../node_modules/chart.js/auto/auto.js");var l=require("react"),r=require("react-chartjs-2"),n=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),o=require("../utils/calcPercentage.js"),a=require("./LineChart.styled.js");require("../../../../node_modules/chart.js/dist/chart.js").Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.BarElement,t.LineElement,t.ArcElement,t.Filler,t.Title,t.Tooltip,t.Legend);exports.LineChart=t=>{let{scaleText:s,labels:d,canvasHeight:c,datas:u,maintainAspectRatio:g=!1,stepSize:p,min:y,max:b,isZeroState:v,tension:C,isNewStyles:h,prefixCurrencyInYAxis:O,pointRadius:x,useKFormat:j,lineThickness:m,ticksLabelCallback:L,labelCallback:S,afterBodyCallBack:f,titleTooltipCallback:k}=t;var R,q,B;const[w,T]=l.useState(null),E=l.useRef();l.useEffect((()=>{var e,t,l,r;if(null===(r=null===(l=null===(t=null===(e=E.current)\|\|void 0===e?void 0:e.scales)\|\|void 0===t?void 0:t.y)\|\|void 0===l?void 0:l.ticks)\|\|void 0===r?void 0:r.length){const e=38*E.current.scales.y.ticks.length;T(e)}}),[E]);const F=u.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?i.COLORS.content.placeholder:i.COLORS.background.brand,square:e.squareLegends}))),z={labels:d,datasets:u.map(((e,t)=>{var l,r,n;return Object.assign(Object.assign({tension:null!=C?C:.4,fill:e.gradient?"start":0},((e,t)=>{const l={borderColor:e\|\|(t?i.COLORS.content.placeholder:i.COLORS.background.brand)};return h?Object.assign({pointStyle:"circle",pointRadius:x\|\|(d&&d.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:e\|\|(t?i.COLORS.content.placeholder:i.COLORS.background.brand)},l):Object.assign({pointRadius:null!=x?x:1},l)})(e.lineColor,e.dotted)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(r=null!==(l=e.lineWidth)&&void 0!==l?l:m)&&void 0!==r?r:2,backgroundColor:e.gradient?e=>{const t=e.chart.ctx.createLinearGradient(0,0,0,w?w-75:150);return t.addColorStop(0,"#F1EEFB"),t.addColorStop(1,"rgba(127, 86, 217, 0)"),t}:null!==(n=e.backgroundColor)&&void 0!==n?n:"transparent",legend:e.legend})}))},$={maintainAspectRatio:g,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=h&&h,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>i.COLORS.content.primaryInverse,backgroundColor:i.COLORS.content.primary,callbacks:{labelTextColor:()=>i.COLORS.content.primaryInverse,title:k,label:S,afterBody:f},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:v?0:y,max:v?10:b,ticks:{color:i.COLORS.content.secondary,callback:e=>{var t,l;return j?`${null!==(t=null==s?void 0:s.yPrefix)&&void 0!==t?t:""}${o.truncateValueToK(e)}${null!=O?O:""}`:`${null!==(l=null==s?void 0:s.yPrefix)&&void 0!==l?l:""}${e}${null!=O?O:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:v?1:p,padding:h?24:0},title:{display:!!(null==s?void 0:s.y),text:null==s?void 0:s.y},grid:{color:i.COLORS.background.base,drawBorder:null===(R=null==s?void 0:s.yDrawBorder)\|\|void 0===R\|\|R}},x:{ticks:{callback:L,color:i.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==s?void 0:s.x),text:null==s?void 0:s.x},grid:{display:!1,drawBorder:null!==(q=null==s?void 0:s.xDrawBorder)&&void 0!==q&&q}}}};return e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},g?{}:{height:null!==(B=null!=c?c:w)&&void 0!==B?B:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e.jsx(a.LegendWrapper,{children:F.map(((t,l)=>{let{text:r,color:i,square:o}=t;return r?e.jsxs(a.LegendContainer,{children:[e.jsx(a.LegendColor,{color:i,square:o,newStyle:h}),e.jsx(n.BodyTiny,Object.assign({color:"#667085"},{children:r}))]},l):e.jsx(e.Fragment,{})}))}),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(r.Line,{ref:E,options:$,data:z})}))]}))};

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("chart.js"),t=require("chartjs-plugin-datalabels"),i=require("react-chartjs-2"),a=require("../../../TypographyStyle.js"),l=require("../../../../constants/Theme.js"),n=require("../utils/calcPercentage.js"),s=require("./StackedBarChart.model.js"),r=require("./StackedBarChart.styles.js");~~function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t);~~o.Chart.register(o.CategoryScale,o.LinearScale,o.BarElement,o.Tooltip,o.Legend,c.default);exports.StackedBarChart=o=>{var t,d,c,O,u,v,A,x,g,p,T,R,y,C,N,I,b,h,S,E,H,f,k,L,m,F,j,P,_,G,B,Z,z,D,q;const w=0===o.yAxis.data.length,V=void 0===o.customColourScaleBrand\|\|void 0===o.customColourScalePastel?o.colorSchema===s.COLOR_SCHEMA.PASTEL?["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"]:["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"]:o.colorSchema===s.COLOR_SCHEMA.PASTEL?o.customColourScalePastel:o.customColourScaleBrand,W=o.customHoverColour,M={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barWidth:o.barWidth},K={};o.yAxis.data.map((e=>{e.map((e=>{K[e.name]?K[e.name].push(e.value):K[e.name]=[e.value]}))}));const Y=Object.keys(K).map(((e,o)=>Object.assign({label:e,data:K[e],backgroundColor:V[o],hoverBackgroundColor:void 0===W?void 0:W[o]},M))),J={plugins:{legend:{display:!w&&!o.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!w,callbacks:{label:null===(t=o.tooltipConfig)\|\|void 0===t?void 0:t.labelCallback,footer:null===(d=o.tooltipConfig)\|\|void 0===d?void 0:d.footerCallback},footerFont:null===(O=null===(c=o.tooltipConfig)\|\|void 0===c?void 0:c.footerStyles)\|\|void 0===O?void 0:O.footerFont},datalabels:{display:null!==(u=o.showTotal)&&void 0!==u&&u,anchor:"end",align:"end",clamp:!0,formatter:(e,o)=>{var t;const i=o.datasetIndex,a=o.chart.data.datasets;if(i!==a.length-1)return"";const l=o.dataIndex;let n=0;for(let e=0;e<a.length;e++)n+=null!==(t=a[e].data[l])&&void 0!==t?t:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:l.COLORS.content.secondary}},layout:{padding:{right:o.showTotal&&o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:o.showTotal&&o.orientation!=s.GRAPH_ORIENTATION.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!o.customLegend,labels:{usePointStyle:!0}},indexAxis:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(v=o.yAxis)\|\|void 0===v?void 0:v.title:null===(A=o.xAxis)\|\|void 0===A?void 0:A.title),text:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(x=o.yAxis)\|\|void 0===x?void 0:x.title:null===(g=o.xAxis)\|\|void 0===g?void 0:g.title,color:null!==(R=o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(p=o.yAxis)\|\|void 0===p?void 0:p.titleColor:null===(T=o.xAxis)\|\|void 0===T?void 0:T.titleColor)&&void 0!==R?R:l.COLORS.content.secondary,font:{size:l.FONTS.caption.fontSize}},grid:{display:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL,color:l.COLORS.background.base},ticks:{fontSize:l.FONTS.caption.fontSize,color:null!==(y=o.yAxis.labelColor)&&void 0!==y?y:l.COLORS.content.secondary,callback:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?n.truncateValueToK:void 0},stacked:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?"boolean"!=typeof(null===(C=o.yAxis)\|\|void 0===C?void 0:C.stacked)\|\|(null===(N=o.yAxis)\|\|void 0===N?void 0:N.stacked):"boolean"!=typeof(null===(I=o.xAxis)\|\|void 0===I?void 0:I.stacked)\|\|(null===(b=o.xAxis)\|\|void 0===b?void 0:b.stacked)},y:{title:{display:!!(o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(h=o.xAxis)\|\|void 0===h?void 0:h.title:null===(S=o.yAxis)\|\|void 0===S?void 0:S.title),text:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(E=o.xAxis)\|\|void 0===E?void 0:E.title:null===(H=o.yAxis)\|\|void 0===H?void 0:H.title,color:null!==(L=o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(f=o.xAxis)\|\|void 0===f?void 0:f.titleColor:null===(k=o.yAxis)\|\|void 0===k?void 0:k.titleColor)&&void 0!==L?L:l.COLORS.content.secondary,font:{size:l.FONTS.caption.fontSize}},grid:{display:o.orientation!==s.GRAPH_ORIENTATION.HORIZONTAL,color:l.COLORS.background.base},ticks:Object.assign(Object.assign({stepSize:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(m=o.xAxis)\|\|void 0===m?void 0:m.stepSize:null===(F=o.yAxis)\|\|void 0===F?void 0:F.stepSize,fontSize:l.FONTS.caption.fontSize,color:null!==(j=o.xAxis.labelColor)&&void 0!==j?j:l.COLORS.content.secondary},w?{min:0,max:2e3,stepSize:200}:{}),{callback:o.orientation!==s.GRAPH_ORIENTATION.VERTICAL?n.truncateValueToK:void 0}),stacked:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?"boolean"!=typeof(null===(P=o.xAxis)\|\|void 0===P?void 0:P.stacked)\|\|(null===(_=o.xAxis)\|\|void 0===_?void 0:_.stacked):"boolean"!=typeof(null===(G=o.yAxis)\|\|void 0===G?void 0:G.stacked)\|\|(null===(B=o.yAxis)\|\|void 0===B?void 0:B.stacked)}},onClick:(e,t)=>{if(!o.onBarClick)return;const i=t[0].datasetIndex,a=t[0].index,l=e.chart.data.datasets[i].label,n=e.chart.data.labels[a];o.onBarClick(n,l)},onHover:(e,t)=>{o.onBarClick&&t.length&&(e.native.target.style.cursor="pointer")}};o.orientation&&o.orientation!==s.GRAPH_ORIENTATION.VERTICAL?delete J.scales.y.ticks.callback:delete J.scales.x.ticks.callback;const Q={labels:o.xAxis.data.map((e=>"string"==typeof e?e:e.name)),datasets:w?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:Y};return e.jsxs(r.GraphContainerWrapper,Object.assign({style:null!==(Z=o.wrapperStyle)&&void 0!==Z?Z:{},padding:o.outerPadding,customLegend:o.customLegend},{children:[o.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(a.TitleRegular,Object.assign({color:null!==(z=o.chartHeading.color)&&void 0!==z?z:l.COLORS.content.secondary},{children:o.chartHeading.heading}))})),o.customLegend&&e.jsx("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:"flex-end"}},{children:Y.map((o=>e.jsxs("div",Object.assign({className:"legend__row"},{children:[e.jsx("div",{className:"legend__palette",style:{backgroundColor:o.backgroundColor}}),e.jsx(a.BodyTiny,Object.assign({color:l.COLORS.content.secondary},{children:o.label}))]}),o.label.replace(" ","_"))))})),e.jsx("div",Object.assign({className:"graph__wrapper"},{children:e.jsx("div",Object.assign({style:{height:null!==(D=o.graphCanvasHeight)&&void 0!==D?D:500,width:null!==(q=o.graphCanvasWidth)&&void 0!==q?q:"auto"}},{children:e.jsx(i.Bar,{options:J,data:Q})}))}))]}))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("chart.js"),t=require("../../../../node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js"),i=require("react-chartjs-2"),a=require("../../../TypographyStyle.js"),l=require("../../../../constants/Theme.js"),n=require("../utils/calcPercentage.js"),s=require("./StackedBarChart.model.js"),r=require("./StackedBarChart.styles.js");o.Chart.register(o.CategoryScale,o.LinearScale,o.BarElement,o.Tooltip,o.Legend,t.default);exports.StackedBarChart=o=>{var t,d,c,O,u,v,A,x,g,p,T,R,y,C,N,I,b,h,S,E,H,k,m,L,j,F,f,_,P,G,B,Z,z,D,q;const w=0===o.yAxis.data.length,V=void 0===o.customColourScaleBrand\|\|void 0===o.customColourScalePastel?o.colorSchema===s.COLOR_SCHEMA.PASTEL?["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"]:["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"]:o.colorSchema===s.COLOR_SCHEMA.PASTEL?o.customColourScalePastel:o.customColourScaleBrand,W=o.customHoverColour,M={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barWidth:o.barWidth},K={};o.yAxis.data.map((e=>{e.map((e=>{K[e.name]?K[e.name].push(e.value):K[e.name]=[e.value]}))}));const Y=Object.keys(K).map(((e,o)=>Object.assign({label:e,data:K[e],backgroundColor:V[o],hoverBackgroundColor:void 0===W?void 0:W[o]},M))),J={plugins:{legend:{display:!w&&!o.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!w,callbacks:{label:null===(t=o.tooltipConfig)\|\|void 0===t?void 0:t.labelCallback,footer:null===(d=o.tooltipConfig)\|\|void 0===d?void 0:d.footerCallback},footerFont:null===(O=null===(c=o.tooltipConfig)\|\|void 0===c?void 0:c.footerStyles)\|\|void 0===O?void 0:O.footerFont},datalabels:{display:null!==(u=o.showTotal)&&void 0!==u&&u,anchor:"end",align:"end",clamp:!0,formatter:(e,o)=>{var t;const i=o.datasetIndex,a=o.chart.data.datasets;if(i!==a.length-1)return"";const l=o.dataIndex;let n=0;for(let e=0;e<a.length;e++)n+=null!==(t=a[e].data[l])&&void 0!==t?t:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:l.COLORS.content.secondary}},layout:{padding:{right:o.showTotal&&o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:o.showTotal&&o.orientation!=s.GRAPH_ORIENTATION.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!o.customLegend,labels:{usePointStyle:!0}},indexAxis:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(v=o.yAxis)\|\|void 0===v?void 0:v.title:null===(A=o.xAxis)\|\|void 0===A?void 0:A.title),text:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(x=o.yAxis)\|\|void 0===x?void 0:x.title:null===(g=o.xAxis)\|\|void 0===g?void 0:g.title,color:null!==(R=o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(p=o.yAxis)\|\|void 0===p?void 0:p.titleColor:null===(T=o.xAxis)\|\|void 0===T?void 0:T.titleColor)&&void 0!==R?R:l.COLORS.content.secondary,font:{size:l.FONTS.caption.fontSize}},grid:{display:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL,color:l.COLORS.background.base},ticks:{fontSize:l.FONTS.caption.fontSize,color:null!==(y=o.yAxis.labelColor)&&void 0!==y?y:l.COLORS.content.secondary,callback:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?n.truncateValueToK:void 0},stacked:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?"boolean"!=typeof(null===(C=o.yAxis)\|\|void 0===C?void 0:C.stacked)\|\|(null===(N=o.yAxis)\|\|void 0===N?void 0:N.stacked):"boolean"!=typeof(null===(I=o.xAxis)\|\|void 0===I?void 0:I.stacked)\|\|(null===(b=o.xAxis)\|\|void 0===b?void 0:b.stacked)},y:{title:{display:!!(o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(h=o.xAxis)\|\|void 0===h?void 0:h.title:null===(S=o.yAxis)\|\|void 0===S?void 0:S.title),text:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(E=o.xAxis)\|\|void 0===E?void 0:E.title:null===(H=o.yAxis)\|\|void 0===H?void 0:H.title,color:null!==(L=o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(k=o.xAxis)\|\|void 0===k?void 0:k.titleColor:null===(m=o.yAxis)\|\|void 0===m?void 0:m.titleColor)&&void 0!==L?L:l.COLORS.content.secondary,font:{size:l.FONTS.caption.fontSize}},grid:{display:o.orientation!==s.GRAPH_ORIENTATION.HORIZONTAL,color:l.COLORS.background.base},ticks:Object.assign(Object.assign({stepSize:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(j=o.xAxis)\|\|void 0===j?void 0:j.stepSize:null===(F=o.yAxis)\|\|void 0===F?void 0:F.stepSize,fontSize:l.FONTS.caption.fontSize,color:null!==(f=o.xAxis.labelColor)&&void 0!==f?f:l.COLORS.content.secondary},w?{min:0,max:2e3,stepSize:200}:{}),{callback:o.orientation!==s.GRAPH_ORIENTATION.VERTICAL?n.truncateValueToK:void 0}),stacked:o.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?"boolean"!=typeof(null===(_=o.xAxis)\|\|void 0===_?void 0:_.stacked)\|\|(null===(P=o.xAxis)\|\|void 0===P?void 0:P.stacked):"boolean"!=typeof(null===(G=o.yAxis)\|\|void 0===G?void 0:G.stacked)\|\|(null===(B=o.yAxis)\|\|void 0===B?void 0:B.stacked)}},onClick:(e,t)=>{if(!o.onBarClick)return;const i=t[0].datasetIndex,a=t[0].index,l=e.chart.data.datasets[i].label,n=e.chart.data.labels[a];o.onBarClick(n,l)},onHover:(e,t)=>{o.onBarClick&&t.length&&(e.native.target.style.cursor="pointer")}};o.orientation&&o.orientation!==s.GRAPH_ORIENTATION.VERTICAL?delete J.scales.y.ticks.callback:delete J.scales.x.ticks.callback;const Q={labels:o.xAxis.data.map((e=>"string"==typeof e?e:e.name)),datasets:w?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:Y};return e.jsxs(r.GraphContainerWrapper,Object.assign({style:null!==(Z=o.wrapperStyle)&&void 0!==Z?Z:{},padding:o.outerPadding,customLegend:o.customLegend},{children:[o.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(a.TitleRegular,Object.assign({color:null!==(z=o.chartHeading.color)&&void 0!==z?z:l.COLORS.content.secondary},{children:o.chartHeading.heading}))})),o.customLegend&&e.jsx("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:"flex-end"}},{children:Y.map((o=>e.jsxs("div",Object.assign({className:"legend__row"},{children:[e.jsx("div",{className:"legend__palette",style:{backgroundColor:o.backgroundColor}}),e.jsx(a.BodyTiny,Object.assign({color:l.COLORS.content.secondary},{children:o.label}))]}),o.label.replace(" ","_"))))})),e.jsx("div",Object.assign({className:"graph__wrapper"},{children:e.jsx("div",Object.assign({style:{height:null!==(D=o.graphCanvasHeight)&&void 0!==D?D:500,width:null!==(q=o.graphCanvasWidth)&&void 0!==q?q:"auto"}},{children:e.jsx(i.Bar,{options:J,data:Q})}))}))]}))};

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("chart.js"),a=require("chartjs-plugin-datalabels"),t=require("react"),o=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),n=require("../../../../constants/Theme.js"),r=require("../utils/calcPercentage.js"),s=require("./StackedBarChart.styles.js"),d=require("./StackedBarDistributionChart.model.js");~~function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(a);~~l.Chart.register(l.CategoryScale,l.LinearScale,l.BarElement,l.Tooltip,l.Legend,u.default),l.Chart.defaults.plugins.datalabels.display=!1;exports.StackedBarDistributionChart=l=>{var a,c,u,O,v,g,T,h,b,p,A,R,N,I,y,C,f,j,F,E,x,H,S,_,L,m,k,P,B,D,G,Z;const[w,z]=t.useState([]),[q,V]=t.useState(),M=!l.data.filter((e=>!!e.value)).length,W=l.colorMatrix&&l.colorMatrix.length?l.colorMatrix:[["#09A35B","#33D2A1","#A8E5C0","#075E54","#128C7E","#25D366","#DCF8C6"],["#FC4183","#FCA0C2","#FEE3EF","#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#1B95D6","#74B2E5","#A0D1F1","#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF4F52","#FFA3A4","#FFD9DA","#FF0012","#FF797D","#FFC4C5","#F9DFDF"],["#4B2E91","#7B1FA2","#A77BCA","#5E07BB","#9E77ED","#D2AEFF","#EBDBFF"]],K={min:0,max:200,stepSize:20},Y={min:l.minValue,max:l.maxValue,stepSize:l.valuesStepSize},U={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:M?0:null!==(a=l.barThickness)&&void 0!==a?a:100},$={plugins:{legend:{display:!1},tooltip:{enabled:!M,callbacks:{label:null===(c=l.tooltipConfig)\|\|void 0===c?void 0:c.labelCallback,footer:null===(u=l.tooltipConfig)\|\|void 0===u?void 0:u.footerCallback},footerFont:null===(v=null===(O=l.tooltipConfig)\|\|void 0===O?void 0:O.footerStyles)\|\|void 0===v?void 0:v.footerFont},datalabels:{display:null!==(g=!M&&l.showTotal)&&void 0!==g&&g,anchor:"end",align:"end",clamp:!0,formatter:(e,l)=>{var a;const t=l.datasetIndex,o=l.chart.data.datasets;if(t!==o.length-1)return"";const i=l.dataIndex;let n=0;for(let e=0;e<o.length;e++)n+=null!==(a=o[e].data[i])&&void 0!==a?a:0;return n?r.truncateValueToK(n):""},color:n.COLORS.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",layout:{padding:{right:l.showTotal&&l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:l.showTotal&&l.orientation!=d.GRAPH_ORIENTATION.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(T=l.valueTitle)\|\|void 0===T?void 0:T.heading:null===(h=l.labelTitle)\|\|void 0===h?void 0:h.heading),text:l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(b=l.valueTitle)\|\|void 0===b?void 0:b.heading:null===(p=l.labelTitle)\|\|void 0===p?void 0:p.heading,color:null!==(N=l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(A=l.valueTitle)\|\|void 0===A?void 0:A.color:null===(R=l.labelTitle)\|\|void 0===R?void 0:R.color)&&void 0!==N?N:n.COLORS.content.secondary,font:{size:n.FONTS.bodySecondary.fontSize}},grid:{display:l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL,color:n.COLORS.background.base},ticks:Object.assign(Object.assign({stepSize:30,fontSize:n.FONTS.caption.fontSize,color:null!==(C=l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(I=l.labelTitle)\|\|void 0===I?void 0:I.color:null===(y=l.valueTitle)\|\|void 0===y?void 0:y.color)&&void 0!==C?C:n.COLORS.content.secondary},l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?M?K:Y:{}),{callback:(e,a)=>{var t,o;return l.orientation!==d.GRAPH_ORIENTATION.HORIZONTAL?null!==(o=null===(t=null==q?void 0:q.labels)\|\|void 0===t?void 0:t[a])&&void 0!==o?o:"":"number"!=typeof e?e:r.truncateValueToK(e)}}),stacked:!0},y:{title:{display:!!(l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(f=l.labelTitle)\|\|void 0===f?void 0:f.heading:null===(j=l.valueTitle)\|\|void 0===j?void 0:j.heading),text:l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(F=l.labelTitle)\|\|void 0===F?void 0:F.heading:null===(E=l.valueTitle)\|\|void 0===E?void 0:E.heading,color:null!==(S=l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(x=l.labelTitle)\|\|void 0===x?void 0:x.color:null===(H=l.valueTitle)\|\|void 0===H?void 0:H.color)&&void 0!==S?S:n.COLORS.content.secondary,font:{size:n.FONTS.bodySecondary.fontSize}},grid:{display:l.orientation!==d.GRAPH_ORIENTATION.HORIZONTAL,color:n.COLORS.background.base},ticks:Object.assign(Object.assign({fontSize:n.FONTS.caption.fontSize,color:null!==(m=l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(_=l.valueTitle)\|\|void 0===_?void 0:_.color:null===(L=l.labelTitle)\|\|void 0===L?void 0:L.color)&&void 0!==m?m:n.COLORS.content.secondary},l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?{}:M?K:Y),{callback:(e,a)=>{var t,o;return l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null!==(o=null===(t=null==q?void 0:q.labels)\|\|void 0===t?void 0:t[a])&&void 0!==o?o:"":"number"!=typeof e?e:r.truncateValueToK(e)}}),stacked:!0}},onClick:(e,a)=>{if(!l.onBarClick)return;const t=a[0].datasetIndex,o=a[0].index,i=e.chart.data.datasets[t].label,n=e.chart.data.labels[o];l.onBarClick(n,i)},onHover:(e,a)=>{l.onBarClick&&a.length&&(e.native.target.style.cursor="pointer")}},J=Array.from(new Set(l.data.map((e=>e.label)))),Q={labels:(X=J,X.map((e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e))),datasets:M?[{data:[10,20,30,40,50,60,80,100,120],backgroundColor:"rgba(0,0,0,0)"}]:[]};var X;t.useEffect((()=>{const e=[];J.forEach(((a,t)=>{const o=[],i=l.data.filter((e=>e.label===a));l.isFunnel\|\|i.sort(((e,l)=>l.value-e.value)),i.forEach(((e,l)=>{const a=((e,l,a)=>W[e].slice(-a)[l])(t,l,i.length);o.push({color:a,label:e.stackLabel});const n=Object.assign({label:e.stackLabel,backgroundColor:a,data:Array(J.length).fill(0)},U);n.data[t]=e.value,Q.datasets.push(n)})),e.push(o)})),z(e),V(Q)}),[l.data]);const ee=t.useCallback((()=>e.jsx("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"flex-end"}},{children:le().map((l=>e.jsxs("div",Object.assign({className:"legend__row"},{children:[e.jsx("div",{className:"legend__palette",style:{backgroundColor:l.color}}),e.jsx(i.BodyTiny,Object.assign({color:n.COLORS.content.secondary},{children:l.label}))]}),l.label.replace(" ","_"))))}))),[w]),le=()=>{const e=[];return w.forEach(((l,a)=>{e.push({color:l[0].color,label:J[a]})})),e};if(!q)return e.jsx(e.Fragment,{});return e.jsxs(s.GraphContainerWrapper,Object.assign({style:null!==(k=l.wrapperStyle)&&void 0!==k?k:{},padding:l.outerPadding,chartWrapperHeight:l.chartWrapperHeight,isFunnel:l.isFunnel},{children:[l.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(i.TitleRegular,Object.assign({color:null!==(P=l.chartHeading.color)&&void 0!==P?P:n.COLORS.content.secondary},{children:l.chartHeading.heading}))})),e.jsxs("div",Object.assign({className:"graph__wrapper"},{children:[(null===(B=l.showLegend)\|\|void 0===B\|\|B)&&l.isFunnel&&ee(),e.jsx("div",Object.assign({style:{height:null!==(D=l.graphCanvasHeight)&&void 0!==D?D:500,width:null!==(G=l.graphCanvasWidth)&&void 0!==G?G:"100%",flex:1}},{children:e.jsx(o.Bar,{options:$,data:q})})),(null===(Z=l.showLegend)\|\|void 0===Z\|\|Z)&&!l.isFunnel&&e.jsx("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"column"}},{children:w.map(((l,a)=>e.jsx("div",Object.assign({className:"legend__set"},{children:l.map((l=>e.jsxs("div",Object.assign({className:"legend__row"},{children:[e.jsx("div",{className:"legend__palette",style:{backgroundColor:l.color}}),e.jsx(i.BodyTiny,Object.assign({color:n.COLORS.content.secondary},{children:l.label}))]}),l.label.replace(" ","_"))))}),`Legend_set_${a}`)))}))]}))]}))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("chart.js"),a=require("../../../../node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js"),t=require("react"),o=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),n=require("../../../../constants/Theme.js"),r=require("../utils/calcPercentage.js"),s=require("./StackedBarChart.styles.js"),d=require("./StackedBarDistributionChart.model.js");l.Chart.register(l.CategoryScale,l.LinearScale,l.BarElement,l.Tooltip,l.Legend,a.default),l.Chart.defaults.plugins.datalabels.display=!1;exports.StackedBarDistributionChart=l=>{var a,c,u,O,v,g,T,h,b,p,A,R,N,I,y,C,j,F,f,E,x,H,S,_,L,m,k,P,B,D,G,Z;const[w,z]=t.useState([]),[q,V]=t.useState(),M=!l.data.filter((e=>!!e.value)).length,W=l.colorMatrix&&l.colorMatrix.length?l.colorMatrix:[["#09A35B","#33D2A1","#A8E5C0","#075E54","#128C7E","#25D366","#DCF8C6"],["#FC4183","#FCA0C2","#FEE3EF","#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#1B95D6","#74B2E5","#A0D1F1","#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF4F52","#FFA3A4","#FFD9DA","#FF0012","#FF797D","#FFC4C5","#F9DFDF"],["#4B2E91","#7B1FA2","#A77BCA","#5E07BB","#9E77ED","#D2AEFF","#EBDBFF"]],K={min:0,max:200,stepSize:20},Y={min:l.minValue,max:l.maxValue,stepSize:l.valuesStepSize},U={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:M?0:null!==(a=l.barThickness)&&void 0!==a?a:100},$={plugins:{legend:{display:!1},tooltip:{enabled:!M,callbacks:{label:null===(c=l.tooltipConfig)\|\|void 0===c?void 0:c.labelCallback,footer:null===(u=l.tooltipConfig)\|\|void 0===u?void 0:u.footerCallback},footerFont:null===(v=null===(O=l.tooltipConfig)\|\|void 0===O?void 0:O.footerStyles)\|\|void 0===v?void 0:v.footerFont},datalabels:{display:null!==(g=!M&&l.showTotal)&&void 0!==g&&g,anchor:"end",align:"end",clamp:!0,formatter:(e,l)=>{var a;const t=l.datasetIndex,o=l.chart.data.datasets;if(t!==o.length-1)return"";const i=l.dataIndex;let n=0;for(let e=0;e<o.length;e++)n+=null!==(a=o[e].data[i])&&void 0!==a?a:0;return n?r.truncateValueToK(n):""},color:n.COLORS.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",layout:{padding:{right:l.showTotal&&l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:l.showTotal&&l.orientation!=d.GRAPH_ORIENTATION.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(T=l.valueTitle)\|\|void 0===T?void 0:T.heading:null===(h=l.labelTitle)\|\|void 0===h?void 0:h.heading),text:l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(b=l.valueTitle)\|\|void 0===b?void 0:b.heading:null===(p=l.labelTitle)\|\|void 0===p?void 0:p.heading,color:null!==(N=l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(A=l.valueTitle)\|\|void 0===A?void 0:A.color:null===(R=l.labelTitle)\|\|void 0===R?void 0:R.color)&&void 0!==N?N:n.COLORS.content.secondary,font:{size:n.FONTS.bodySecondary.fontSize}},grid:{display:l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL,color:n.COLORS.background.base},ticks:Object.assign(Object.assign({stepSize:30,fontSize:n.FONTS.caption.fontSize,color:null!==(C=l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(I=l.labelTitle)\|\|void 0===I?void 0:I.color:null===(y=l.valueTitle)\|\|void 0===y?void 0:y.color)&&void 0!==C?C:n.COLORS.content.secondary},l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?M?K:Y:{}),{callback:(e,a)=>{var t,o;return l.orientation!==d.GRAPH_ORIENTATION.HORIZONTAL?null!==(o=null===(t=null==q?void 0:q.labels)\|\|void 0===t?void 0:t[a])&&void 0!==o?o:"":"number"!=typeof e?e:r.truncateValueToK(e)}}),stacked:!0},y:{title:{display:!!(l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(j=l.labelTitle)\|\|void 0===j?void 0:j.heading:null===(F=l.valueTitle)\|\|void 0===F?void 0:F.heading),text:l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(f=l.labelTitle)\|\|void 0===f?void 0:f.heading:null===(E=l.valueTitle)\|\|void 0===E?void 0:E.heading,color:null!==(S=l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(x=l.labelTitle)\|\|void 0===x?void 0:x.color:null===(H=l.valueTitle)\|\|void 0===H?void 0:H.color)&&void 0!==S?S:n.COLORS.content.secondary,font:{size:n.FONTS.bodySecondary.fontSize}},grid:{display:l.orientation!==d.GRAPH_ORIENTATION.HORIZONTAL,color:n.COLORS.background.base},ticks:Object.assign(Object.assign({fontSize:n.FONTS.caption.fontSize,color:null!==(m=l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null===(_=l.valueTitle)\|\|void 0===_?void 0:_.color:null===(L=l.labelTitle)\|\|void 0===L?void 0:L.color)&&void 0!==m?m:n.COLORS.content.secondary},l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?{}:M?K:Y),{callback:(e,a)=>{var t,o;return l.orientation===d.GRAPH_ORIENTATION.HORIZONTAL?null!==(o=null===(t=null==q?void 0:q.labels)\|\|void 0===t?void 0:t[a])&&void 0!==o?o:"":"number"!=typeof e?e:r.truncateValueToK(e)}}),stacked:!0}},onClick:(e,a)=>{if(!l.onBarClick)return;const t=a[0].datasetIndex,o=a[0].index,i=e.chart.data.datasets[t].label,n=e.chart.data.labels[o];l.onBarClick(n,i)},onHover:(e,a)=>{l.onBarClick&&a.length&&(e.native.target.style.cursor="pointer")}},J=Array.from(new Set(l.data.map((e=>e.label)))),Q={labels:(X=J,X.map((e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e))),datasets:M?[{data:[10,20,30,40,50,60,80,100,120],backgroundColor:"rgba(0,0,0,0)"}]:[]};var X;t.useEffect((()=>{const e=[];J.forEach(((a,t)=>{const o=[],i=l.data.filter((e=>e.label===a));l.isFunnel\|\|i.sort(((e,l)=>l.value-e.value)),i.forEach(((e,l)=>{const a=((e,l,a)=>W[e].slice(-a)[l])(t,l,i.length);o.push({color:a,label:e.stackLabel});const n=Object.assign({label:e.stackLabel,backgroundColor:a,data:Array(J.length).fill(0)},U);n.data[t]=e.value,Q.datasets.push(n)})),e.push(o)})),z(e),V(Q)}),[l.data]);const ee=t.useCallback((()=>e.jsx("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"flex-end"}},{children:le().map((l=>e.jsxs("div",Object.assign({className:"legend__row"},{children:[e.jsx("div",{className:"legend__palette",style:{backgroundColor:l.color}}),e.jsx(i.BodyTiny,Object.assign({color:n.COLORS.content.secondary},{children:l.label}))]}),l.label.replace(" ","_"))))}))),[w]),le=()=>{const e=[];return w.forEach(((l,a)=>{e.push({color:l[0].color,label:J[a]})})),e};if(!q)return e.jsx(e.Fragment,{});return e.jsxs(s.GraphContainerWrapper,Object.assign({style:null!==(k=l.wrapperStyle)&&void 0!==k?k:{},padding:l.outerPadding,chartWrapperHeight:l.chartWrapperHeight,isFunnel:l.isFunnel},{children:[l.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(i.TitleRegular,Object.assign({color:null!==(P=l.chartHeading.color)&&void 0!==P?P:n.COLORS.content.secondary},{children:l.chartHeading.heading}))})),e.jsxs("div",Object.assign({className:"graph__wrapper"},{children:[(null===(B=l.showLegend)\|\|void 0===B\|\|B)&&l.isFunnel&&ee(),e.jsx("div",Object.assign({style:{height:null!==(D=l.graphCanvasHeight)&&void 0!==D?D:500,width:null!==(G=l.graphCanvasWidth)&&void 0!==G?G:"100%",flex:1}},{children:e.jsx(o.Bar,{options:$,data:q})})),(null===(Z=l.showLegend)\|\|void 0===Z\|\|Z)&&!l.isFunnel&&e.jsx("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"column"}},{children:w.map(((l,a)=>e.jsx("div",Object.assign({className:"legend__set"},{children:l.map((l=>e.jsxs("div",Object.assign({className:"legend__row"},{children:[e.jsx("div",{className:"legend__palette",style:{backgroundColor:l.color}}),e.jsx(i.BodyTiny,Object.assign({color:n.COLORS.content.secondary},{children:l.label}))]}),l.label.replace(" ","_"))))}),`Legend_set_${a}`)))}))]}))]}))};

package/dist/cjs/node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("chart.js"),e=require("../../chart.js/dist/chunks/helpers.segment.js"),r=function(){if("undefined"!=typeof window){if(window.devicePixelRatio)return window.devicePixelRatio;var t=window.screen;if(t)return(t.deviceXDPI||1)/(t.logicalXDPI||1)}return 1}(),a=function(t){var r,a=[];for(t=[].concat(t);t.length;)"string"==typeof(r=t.pop())?a.unshift.apply(a,r.split("\n")):Array.isArray(r)?t.push.apply(t,r):e.k(t)||a.unshift(""+r);return a},n=function(t,e,r){var a,n=[].concat(e),o=n.length,i=t.font,l=0;for(t.font=r.string,a=0;a<o;++a)l=Math.max(t.measureText(n[a]).width,l);return t.font=i,{height:o*r.lineHeight,width:l}},o=function(t,e,r){return Math.max(t,Math.min(e,r))},i=function(t,e){var r,a,n,o,i=t.slice(),l=[];for(r=0,n=e.length;r<n;++r)o=e[r],-1===(a=i.indexOf(o))?l.push([o,1]):i.splice(a,1);for(r=0,n=i.length;r<n;++r)l.push([i[r],-1]);return l};function l(t,e){var r=e.x,a=e.y;if(null===r)return{x:0,y:-1};if(null===a)return{x:1,y:0};var n=t.x-r,o=t.y-a,i=Math.sqrt(n*n+o*o);return{x:i?n/i:0,y:i?o/i:-1}}var s=0,u=1,c=2,h=4,d=8;function f(t,e,r){var a=s;return t<r.left?a|=u:t>r.right&&(a|=c),e<r.top?a|=d:e>r.bottom&&(a|=h),a}function x(t,e){var r,a,n=e.anchor,o=t;return e.clamp&&(o=function(t,e){for(var r,a,n,o=t.x0,i=t.y0,l=t.x1,s=t.y1,x=f(o,i,e),y=f(l,s,e);x|y&&!(x&y);)(r=x||y)&d?(a=o+(l-o)*(e.top-i)/(s-i),n=e.top):r&h?(a=o+(l-o)*(e.bottom-i)/(s-i),n=e.bottom):r&c?(n=i+(s-i)*(e.right-o)/(l-o),a=e.right):r&u&&(n=i+(s-i)*(e.left-o)/(l-o),a=e.left),r===x?x=f(o=a,i=n,e):y=f(l=a,s=n,e);return{x0:o,x1:l,y0:i,y1:s}}(o,e.area)),"start"===n?(r=o.x0,a=o.y0):"end"===n?(r=o.x1,a=o.y1):(r=(o.x0+o.x1)/2,a=(o.y0+o.y1)/2),function(t,e,r,a,n){switch(n){case"center":r=a=0;break;case"bottom":r=0,a=1;break;case"right":r=1,a=0;break;case"left":r=-1,a=0;break;case"top":r=0,a=-1;break;case"start":r=-r,a=-a;break;case"end":break;default:n*=Math.PI/180,r=Math.cos(n),a=Math.sin(n)}return{x:t,y:e,vx:r,vy:a}}(r,a,t.vx,t.vy,e.align)}var y=function(t,e){var r=(t.startAngle+t.endAngle)/2,a=Math.cos(r),n=Math.sin(r),o=t.innerRadius,i=t.outerRadius;return x({x0:t.x+a*o,y0:t.y+n*o,x1:t.x+a*i,y1:t.y+n*i,vx:a,vy:n},e)},v=function(t,e){var r=l(t,e.origin),a=r.x*t.options.radius,n=r.y*t.options.radius;return x({x0:t.x-a,y0:t.y-n,x1:t.x+a,y1:t.y+n,vx:r.x,vy:r.y},e)},_=function(t,e){var r=l(t,e.origin),a=t.x,n=t.y,o=0,i=0;return t.horizontal?(a=Math.min(t.x,t.base),o=Math.abs(t.base-t.x)):(n=Math.min(t.y,t.base),i=Math.abs(t.base-t.y)),x({x0:a,y0:n+i,x1:a+o,y1:n,vx:r.x,vy:r.y},e)},b=function(t,e){var r=l(t,e.origin);return x({x0:t.x,y0:t.y,x1:t.x+(t.width||0),y1:t.y+(t.height||0),vx:r.x,vy:r.y},e)},p=function(t){return Math.round(t*r)/r};function g(t,e){var r=e.chart.getDatasetMeta(e.datasetIndex).vScale;if(!r)return null;if(void 0!==r.xCenter&&void 0!==r.yCenter)return{x:r.xCenter,y:r.yCenter};var a=r.getBasePixel();return t.horizontal?{x:a,y:null}:{x:null,y:a}}function m(t,e,r){var a=r.backgroundColor,n=r.borderColor,o=r.borderWidth;(a||n&&o)&&(t.beginPath(),function(t,e,r,a,n,o){var i=Math.PI/2;if(o){var l=Math.min(o,n/2,a/2),s=e+l,u=r+l,c=e+a-l,h=r+n-l;t.moveTo(e,u),s<c&&u<h?(t.arc(s,u,l,-Math.PI,-i),t.arc(c,u,l,-i,0),t.arc(c,h,l,0,i),t.arc(s,h,l,i,Math.PI)):s<c?(t.moveTo(s,r),t.arc(c,u,l,-i,i),t.arc(s,u,l,i,Math.PI+i)):u<h?(t.arc(s,u,l,-Math.PI,0),t.arc(s,h,l,0,Math.PI)):t.arc(s,u,l,-Math.PI,Math.PI),t.closePath(),t.moveTo(e,r)}else t.rect(e,r,a,n)}(t,p(e.x)+o/2,p(e.y)+o/2,p(e.w)-o,p(e.h)-o,r.borderRadius),t.closePath(),a&&(t.fillStyle=a,t.fill()),n&&o&&(t.strokeStyle=n,t.lineWidth=o,t.lineJoin="miter",t.stroke()))}function w(t,e,r){var a=t.shadowBlur,n=r.stroked,o=p(r.x),i=p(r.y),l=p(r.w);n&&t.strokeText(e,o,i,l),r.filled&&(a&&n&&(t.shadowBlur=0),t.fillText(e,o,i,l),a&&n&&(t.shadowBlur=a))}var k=function(t,e,r,a){var n=this;n._config=t,n._index=a,n._model=null,n._rects=null,n._ctx=e,n._el=r};e.a4(k.prototype,{_modelize:function(r,a,o,i){var l,s=this,u=s._index,c=e.a0(e.a([o.font,{}],i,u)),h=e.a([o.color,t.defaults.color],i,u);return{align:e.a([o.align,"center"],i,u),anchor:e.a([o.anchor,"center"],i,u),area:i.chart.chartArea,backgroundColor:e.a([o.backgroundColor,null],i,u),borderColor:e.a([o.borderColor,null],i,u),borderRadius:e.a([o.borderRadius,0],i,u),borderWidth:e.a([o.borderWidth,0],i,u),clamp:e.a([o.clamp,!1],i,u),clip:e.a([o.clip,!1],i,u),color:h,display:r,font:c,lines:a,offset:e.a([o.offset,4],i,u),opacity:e.a([o.opacity,1],i,u),origin:g(s._el,i),padding:e.E(e.a([o.padding,4],i,u)),positioner:(l=s._el,l instanceof t.ArcElement?y:l instanceof t.PointElement?v:l instanceof t.BarElement?_:b),rotation:e.a([o.rotation,0],i,u)*(Math.PI/180),size:n(s._ctx,a,c),textAlign:e.a([o.textAlign,"start"],i,u),textShadowBlur:e.a([o.textShadowBlur,0],i,u),textShadowColor:e.a([o.textShadowColor,h],i,u),textStrokeColor:e.a([o.textStrokeColor,h],i,u),textStrokeWidth:e.a([o.textStrokeWidth,0],i,u)}},update:function(t){var r,n,o,i=this,l=null,s=null,u=i._index,c=i._config,h=e.a([c.display,!0],t,u);h&&(r=t.dataset.data[u],n=e.v(e.Q(c.formatter,[r,t]),r),(o=e.k(n)?[]:a(n)).length&&(s=function(t){var e=t.borderWidth||0,r=t.padding,a=t.size.height,n=t.size.width,o=-n/2,i=-a/2;return{frame:{x:o-r.left-e,y:i-r.top-e,w:n+r.width+2*e,h:a+r.height+2*e},text:{x:o,y:i,w:n,h:a}}}(l=i._modelize(h,o,c,t)))),i._model=l,i._rects=s},geometry:function(){return this._rects?this._rects.frame:{}},rotation:function(){return this._model?this._model.rotation:0},visible:function(){return this._model&&this._model.opacity},model:function(){return this._model},draw:function(t,e){var r,a=t.ctx,n=this._model,i=this._rects;this.visible()&&(a.save(),n.clip&&(r=n.area,a.beginPath(),a.rect(r.left,r.top,r.right-r.left,r.bottom-r.top),a.clip()),a.globalAlpha=o(0,n.opacity,1),a.translate(p(e.x),p(e.y)),a.rotate(n.rotation),m(a,i.frame,n),function(t,e,r,a){var n,o=a.textAlign,i=a.color,l=!!i,s=a.font,u=e.length,c=a.textStrokeColor,h=a.textStrokeWidth,d=c&&h;if(u&&(l||d))for(r=function(t,e,r){var a=r.lineHeight,n=t.w,o=t.x;return"center"===e?o+=n/2:"end"!==e&&"right"!==e||(o+=n),{h:a,w:n,x:o,y:t.y+a/2}}(r,o,s),t.font=s.string,t.textAlign=o,t.textBaseline="middle",t.shadowBlur=a.textShadowBlur,t.shadowColor=a.textShadowColor,l&&(t.fillStyle=i),d&&(t.lineJoin="round",t.lineWidth=h,t.strokeStyle=c),n=0,u=e.length;n<u;++n)w(t,e[n],{stroked:d,filled:l,w:r.w,x:r.x,y:r.y+r.h*n})}(a,n.lines,i.text,n),a.restore())}});var M=Number.MIN_SAFE_INTEGER||-9007199254740991,P=Number.MAX_SAFE_INTEGER||9007199254740991;function S(t,e,r){var a=Math.cos(r),n=Math.sin(r),o=e.x,i=e.y;return{x:o+a*(t.x-o)-n*(t.y-i),y:i+n*(t.x-o)+a*(t.y-i)}}function C(t,e){var r,a,n,o,i,l=P,s=M,u=e.origin;for(r=0;r<t.length;++r)n=(a=t[r]).x-u.x,o=a.y-u.y,i=e.vx*n+e.vy*o,l=Math.min(l,i),s=Math.max(s,i);return{min:l,max:s}}function I(t,e){var r=e.x-t.x,a=e.y-t.y,n=Math.sqrt(r*r+a*a);return{vx:(e.x-t.x)/n,vy:(e.y-t.y)/n,origin:t,ln:n}}var $=function(){this._rotation=0,this._rect={x:0,y:0,w:0,h:0}};function A(t,e,r){var a=e.positioner(t,e),n=a.vx,o=a.vy;if(!n&&!o)return{x:a.x,y:a.y};var i=r.w,l=r.h,s=e.rotation,u=Math.abs(i/2*Math.cos(s))+Math.abs(l/2*Math.sin(s)),c=Math.abs(i/2*Math.sin(s))+Math.abs(l/2*Math.cos(s)),h=1/Math.max(Math.abs(n),Math.abs(o));return u*=n*h,c*=o*h,u+=e.offset*n,c+=e.offset*o,{x:a.x+u,y:a.y+c}}e.a4($.prototype,{center:function(){var t=this._rect;return{x:t.x+t.w/2,y:t.y+t.h/2}},update:function(t,e,r){this._rotation=r,this._rect={x:e.x+t.x,y:e.y+t.y,w:e.w,h:e.h}},contains:function(t){var e=this,r=e._rect;return!((t=S(t,e.center(),-e._rotation)).x<r.x-1||t.y<r.y-1||t.x>r.x+r.w+2||t.y>r.y+r.h+2)},intersects:function(t){var e,r,a,n=this._points(),o=t._points(),i=[I(n[0],n[1]),I(n[0],n[3])];for(this._rotation!==t._rotation&&i.push(I(o[0],o[1]),I(o[0],o[3])),e=0;e<i.length;++e)if(r=C(n,i[e]),a=C(o,i[e]),r.max<a.min||a.max<r.min)return!1;return!0},_points:function(){var t=this,e=t._rect,r=t._rotation,a=t.center();return[S({x:e.x,y:e.y},a,r),S({x:e.x+e.w,y:e.y},a,r),S({x:e.x+e.w,y:e.y+e.h},a,r),S({x:e.x,y:e.y+e.h},a,r)]}});var E={prepare:function(t){var e,r,a,n,o,i=[];for(e=0,a=t.length;e<a;++e)for(r=0,n=t[e].length;r<n;++r)o=t[e][r],i.push(o),o.$layout={_box:new $,_hidable:!1,_visible:!0,_set:e,_idx:o._index};return i.sort((function(t,e){var r=t.$layout,a=e.$layout;return r._idx===a._idx?a._set-r._set:a._idx-r._idx})),this.update(i),i},update:function(t){var e,r,a,n,o,i=!1;for(e=0,r=t.length;e<r;++e)n=(a=t[e]).model(),(o=a.$layout)._hidable=n&&"auto"===n.display,o._visible=a.visible(),i|=o._hidable;i&&function(t){var e,r,a,n,o,i,l;for(e=0,r=t.length;e<r;++e)(n=(a=t[e]).$layout)._visible&&(l=new Proxy(a._el,{get:(t,e)=>t.getProps([e],!0)[e]}),o=a.geometry(),i=A(l,a.model(),o),n._box.update(i,o,a.rotation()));(function(t,e){var r,a,n,o;for(r=t.length-1;r>=0;--r)for(n=t[r].$layout,a=r-1;a>=0&&n._visible;--a)(o=t[a].$layout)._visible&&n._box.intersects(o._box)&&e(n,o)})(t,(function(t,e){var r=t._hidable,a=e._hidable;r&&a||a?e._visible=!1:r&&(t._visible=!1)}))}(t)},lookup:function(t,e){var r,a;for(r=t.length-1;r>=0;--r)if((a=t[r].$layout)&&a._visible&&a._box.contains(e))return t[r];return null},draw:function(t,e){var r,a,n,o,i,l;for(r=0,a=e.length;r<a;++r)(o=(n=e[r]).$layout)._visible&&(i=n.geometry(),l=A(n._el,n.model(),i),o._box.update(l,i,n.rotation()),n.draw(t,l))}},B="$datalabels",W="$default";function R(t,r,a,n){if(r){var o,i=a.$context,l=a.$groups;r[l._set]&&(o=r[l._set][l._key])&&!0===e.Q(o,[i,n])&&(t[B]._dirty=!0,a.update(i))}}function z(t,e){var r,a,n=t[B],o=n._listeners;if(o.enter||o.leave){if("mousemove"===e.type)a=E.lookup(n._labels,e);else if("mouseout"!==e.type)return;r=n._hovered,n._hovered=a,function(t,e,r,a,n){var o,i;(r||a)&&(r?a?r!==a&&(i=o=!0):i=!0:o=!0,i&&R(t,e.leave,r,n),o&&R(t,e.enter,a,n))}(t,o,r,a,e)}}var D={id:"datalabels",defaults:{align:"center",anchor:"center",backgroundColor:null,borderColor:null,borderRadius:0,borderWidth:0,clamp:!1,clip:!1,color:void 0,display:!0,font:{family:void 0,lineHeight:1.2,size:void 0,style:void 0,weight:null},formatter:function(t){if(e.k(t))return null;var r,a,n,o=t;if(e.i(t))if(e.k(t.label))if(e.k(t.r))for(o="",n=0,a=(r=Object.keys(t)).length;n<a;++n)o+=(0!==n?", ":"")+r[n]+": "+t[r[n]];else o=t.r;else o=t.label;return""+o},labels:void 0,listeners:{},offset:4,opacity:1,padding:{top:4,right:4,bottom:4,left:4},rotation:0,textAlign:"start",textStrokeColor:void 0,textStrokeWidth:0,textShadowBlur:0,textShadowColor:void 0},beforeInit:function(t){t[B]={_actives:[]}},beforeUpdate:function(t){var e=t[B];e._listened=!1,e._listeners={},e._datasets=[],e._labels=[]},afterDatasetUpdate:function(t,r,a){var n,o,i,l,s,u,c,h,d=r.index,f=t[B],x=f._datasets[d]=[],y=t.isDatasetVisible(d),v=t.data.datasets[d],_=function(t,r){var a,n,o,i=t.datalabels,l=[];return!1===i?null:(!0===i&&(i={}),r=e.a4({},[r,i]),n=r.labels||{},o=Object.keys(n),delete r.labels,o.length?o.forEach((function(t){n[t]&&l.push(e.a4({},[r,n[t],{_key:t}]))})):l.push(r),a=l.reduce((function(t,r){return e.F(r.listeners||{},(function(e,a){t[a]=t[a]||{},t[a][r._key||W]=e})),delete r.listeners,t}),{}),{labels:l,listeners:a})}(v,a),b=r.meta.data||[],p=t.ctx;for(p.save(),n=0,i=b.length;n<i;++n)if((c=b[n])[B]=[],y&&c&&t.getDataVisibility(n)&&!c.skip)for(o=0,l=_.labels.length;o<l;++o)u=(s=_.labels[o])._key,(h=new k(s,p,c,n)).$groups={_set:d,_key:u||W},h.$context={active:!1,chart:t,dataIndex:n,dataset:v,datasetIndex:d},h.update(h.$context),c[B].push(h),x.push(h);p.restore(),e.a4(f._listeners,_.listeners,{merger:function(t,e,a){e[t]=e[t]||{},e[t][r.index]=a[t],f._listened=!0}})},afterUpdate:function(t){t[B]._labels=E.prepare(t[B]._datasets)},afterDatasetsDraw:function(t){E.draw(t,t[B]._labels)},beforeEvent:function(t,e){if(t[B]._listened){var r=e.event;switch(r.type){case"mousemove":case"mouseout":z(t,r);break;case"click":!function(t,e){var r=t[B],a=r._listeners.click,n=a&&E.lookup(r._labels,e);n&&R(t,a,n,e)}(t,r)}}},afterEvent:function(t){var e,r,a,n,o,l,s,u=t[B],c=u._actives,h=u._actives=t.getActiveElements(),d=i(c,h);for(e=0,r=d.length;e<r;++e)if((o=d[e])[1])for(a=0,n=(s=o[0].element[B]||[]).length;a<n;++a)(l=s[a]).$context.active=1===o[1],l.update(l.$context);(u._dirty||d.length)&&(E.update(u._labels),t.render()),delete u._dirty}};exports.default=D;

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

	@@ -1 +1 @@
1	- import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as a,CategoryScale as i,LinearScale as e,BarElement as r,Tooltip as l}from"chart.js";import n from"chartjs-plugin-datalabels";import{Bar as s}from"react-chartjs-2";import{TitleRegular as d}from"../../../TypographyStyle.js";import{COLORS as c,FONTS as p}from"../../../../constants/Theme.js";import{truncateValueToK as g}from"../utils/calcPercentage.js";import{GraphContainerWrapper as x}from"./HorizontalGraph.styles.js";a.register(i,e,r,l,n);const b=a=>{var i,e,r,l,n,b,m,f,u;const y=-1===a.xAxis.data.findIndex((t=>0!==t)),h={min:0,max:2e3,stepSize:null!==(i=a.xAxis.stepSize)&&void 0!==i?i:200},A={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:a.maintainAspectRatio,layout:{padding:{right:a.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!y,callbacks:{label:a.xAxis.toolTipCallback,footer:null===(e=a.tooltipConfig)\|\|void 0===e?void 0:e.footerCallback},footerFont:null===(l=null===(r=a.tooltipConfig)\|\|void 0===r?void 0:r.footerStyles)\|\|void 0===l?void 0:l.footerFont},datalabels:{display:null!==(n=!y&&a.showTotal)&&void 0!==n&&n,anchor:"end",align:"end",clamp:!0,formatter:(t,o)=>{var a;const i=o.datasetIndex,e=o.chart.data.datasets;if(i!==e.length-1)return"";const r=o.dataIndex;let l=0;for(let t=0;t<e.length;t++)l+=null!==(a=e[t].data[r])&&void 0!==a?a:0;return l?g(l):""},color:c.content.secondary}},scales:{y:{title:{display:!!a.yAxis.title,text:a.yAxis.title,color:a.yAxis.titleColor,font:{size:p.caption.fontSize,color:a.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:c.background.base},ticks:{fontSize:p.caption.fontSize,color:null!==(b=a.yAxis.labelColor)&&void 0!==b?b:c.content.secondary}},x:{title:{display:!!a.xAxis.title,text:a.xAxis.title,color:a.xAxis.titleColor,font:{size:p.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:c.background.base},ticks:Object.assign({callback:a.xAxis.ticksCallback,fontSize:p.caption.fontSize,color:null!==(m=a.xAxis.labelColor)&&void 0!==m?m:c.content.secondary},y?h:{max:a.xAxis.max,stepSize:a.xAxis.stepSize})}}},v={labels:a.yAxis.data.map((t=>t.toString())),datasets:[{data:y?[250,1e3,800,1500,300,600]:a.xAxis.data,backgroundColor:t=>(t=>{var o;const i=t.chart.ctx.createLinearGradient(0,0,0,200);let e="";if(y)e="rgba(0,0,0,0)";else if(a.barColorRGBA){const t=a.barColorRGBA;e=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(o=t.a)&&void 0!==o?o:"0.3"})`}return i.addColorStop(0,e\|\|"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,e\|\|"rgba(146, 96, 237, 0.3)"),i})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(x,Object.assign({padding:a.outerPadding,skipOuterLayout:a.skipOuterLayout},{children:[a.chartHeading&&o(d,Object.assign({color:null!==(f=a.chartHeading.color)&&void 0!==f?f:c.content.secondary},{children:a.chartHeading.heading})),o("div",Object.assign({style:{height:a.maintainAspectRatio?void 0:null!==(u=a.graphCanvasHeight)&&void 0!==u?u:500}},{children:o(s,{options:A,data:v})}))]}))};export{b as HorizontalGraph};
1	+ import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as a,CategoryScale as i,LinearScale as e,BarElement as r,Tooltip as l}from"chart.js";import n from"../../../../node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js";import{Bar as s}from"react-chartjs-2";import{TitleRegular as d}from"../../../TypographyStyle.js";import{COLORS as c,FONTS as p}from"../../../../constants/Theme.js";import{truncateValueToK as g}from"../utils/calcPercentage.js";import{GraphContainerWrapper as x}from"./HorizontalGraph.styles.js";a.register(i,e,r,l,n);const b=a=>{var i,e,r,l,n,b,m,u,f;const h=-1===a.xAxis.data.findIndex((t=>0!==t)),y={min:0,max:2e3,stepSize:null!==(i=a.xAxis.stepSize)&&void 0!==i?i:200},A={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:a.maintainAspectRatio,layout:{padding:{right:a.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!h,callbacks:{label:a.xAxis.toolTipCallback,footer:null===(e=a.tooltipConfig)\|\|void 0===e?void 0:e.footerCallback},footerFont:null===(l=null===(r=a.tooltipConfig)\|\|void 0===r?void 0:r.footerStyles)\|\|void 0===l?void 0:l.footerFont},datalabels:{display:null!==(n=!h&&a.showTotal)&&void 0!==n&&n,anchor:"end",align:"end",clamp:!0,formatter:(t,o)=>{var a;const i=o.datasetIndex,e=o.chart.data.datasets;if(i!==e.length-1)return"";const r=o.dataIndex;let l=0;for(let t=0;t<e.length;t++)l+=null!==(a=e[t].data[r])&&void 0!==a?a:0;return l?g(l):""},color:c.content.secondary}},scales:{y:{title:{display:!!a.yAxis.title,text:a.yAxis.title,color:a.yAxis.titleColor,font:{size:p.caption.fontSize,color:a.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:c.background.base},ticks:{fontSize:p.caption.fontSize,color:null!==(b=a.yAxis.labelColor)&&void 0!==b?b:c.content.secondary}},x:{title:{display:!!a.xAxis.title,text:a.xAxis.title,color:a.xAxis.titleColor,font:{size:p.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:c.background.base},ticks:Object.assign({callback:a.xAxis.ticksCallback,fontSize:p.caption.fontSize,color:null!==(m=a.xAxis.labelColor)&&void 0!==m?m:c.content.secondary},h?y:{max:a.xAxis.max,stepSize:a.xAxis.stepSize})}}},v={labels:a.yAxis.data.map((t=>t.toString())),datasets:[{data:h?[250,1e3,800,1500,300,600]:a.xAxis.data,backgroundColor:t=>(t=>{var o;const i=t.chart.ctx.createLinearGradient(0,0,0,200);let e="";if(h)e="rgba(0,0,0,0)";else if(a.barColorRGBA){const t=a.barColorRGBA;e=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(o=t.a)&&void 0!==o?o:"0.3"})`}return i.addColorStop(0,e\|\|"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,e\|\|"rgba(146, 96, 237, 0.3)"),i})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(x,Object.assign({padding:a.outerPadding,skipOuterLayout:a.skipOuterLayout},{children:[a.chartHeading&&o(d,Object.assign({color:null!==(u=a.chartHeading.color)&&void 0!==u?u:c.content.secondary},{children:a.chartHeading.heading})),o("div",Object.assign({style:{height:a.maintainAspectRatio?void 0:null!==(f=a.graphCanvasHeight)&&void 0!==f?f:500}},{children:o(s,{options:A,data:v})}))]}))};export{b as HorizontalGraph};

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

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as t,Fragment as l}from"react/jsx-runtime";import{CategoryScale as o,LinearScale as r,PointElement as i,BarElement as n,LineElement as a,ArcElement as s,Filler as d,Title as c,Tooltip as u,Legend as p}from"chart.js";import"../../../../node_modules/chart.js/auto/auto.js";import{useState as g,useRef as m,useEffect as y}from"react";import{Line as b}from"react-chartjs-2";import{BodyTiny as v}from"../../../TypographyStyle.js";import{COLORS as h}from"../../../../constants/Theme.js";import{truncateValueToK as f}from"../utils/calcPercentage.js";import{LegendWrapper as x,LegendContainer as k,LegendColor as j}from"./LineChart.styled.js";import{Chart as C}from"../../../../node_modules/chart.js/dist/chart.js";C.register(o,r,i,n,a,s,d,c,u,p);const w=o=>{let{scaleText:r,labels:i,canvasHeight:n,datas:a,maintainAspectRatio:s=!1,stepSize:d,min:c,max:u,isZeroState:p,tension:C,isNewStyles:w,prefixCurrencyInYAxis:B,pointRadius:O,useKFormat:S,lineThickness:z,ticksLabelCallback:T,labelCallback:$,afterBodyCallBack:F,titleTooltipCallback:R}=o;var q,A,D;const[L,I]=g(null),P=m();y((()=>{var e,t,l,o;if(null===(o=null===(l=null===(t=null===(e=P.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*P.current.scales.y.ticks.length;I(e)}}),[P]);const E=a.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?h.content.placeholder:h.background.brand,square:e.squareLegends}))),W={labels:i,datasets:a.map(((e,t)=>{var l,o,r;return Object.assign(Object.assign({tension:null!=C?C:.4,fill:e.gradient?"start":0},((e,t)=>{const l={borderColor:e\|\|(t?h.content.placeholder:h.background.brand)};return w?Object.assign({pointStyle:"circle",pointRadius:O\|\|(i&&i.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:e\|\|(t?h.content.placeholder:h.background.brand)},l):Object.assign({pointRadius:null!=O?O:1},l)})(e.lineColor,e.dotted)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(o=null!==(l=e.lineWidth)&&void 0!==l?l:z)&&void 0!==o?o:2,backgroundColor:e.gradient?e=>{const t=e.chart.ctx.createLinearGradient(0,0,0,L?L-75:150);return t.addColorStop(0,"#F1EEFB"),t.addColorStop(1,"rgba(127, 86, 217, 0)"),t}:null!==(r=e.backgroundColor)&&void 0!==r?r:"transparent",legend:e.legend})}))},Z={maintainAspectRatio:s,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=w&&w,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>h.content.primaryInverse,backgroundColor:h.content.primary,callbacks:{labelTextColor:()=>h.content.primaryInverse,title:R,label:$,afterBody:F},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{~~type:"linear",~~beginAtZero:!0,min:p?0:c,max:p?10:u,ticks:{color:h.content.secondary,callback:e=>{var t,l;return S?`${null!==(t=null==r?void 0:r.yPrefix)&&void 0!==t?t:""}${f(e)}${null!=B?B:""}`:`${null!==(l=null==r?void 0:r.yPrefix)&&void 0!==l?l:""}${e}${null!=B?B:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:p?1:d,padding:w?24:0},title:{display:!!(null==r?void 0:r.y),text:null==r?void 0:r.y},grid:{color:h.background.base,drawBorder:null===(q=null==r?void 0:r.yDrawBorder)\|\|void 0===q\|\|q}},x:{~~type:"category",~~ticks:{callback:T,color:h.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==r?void 0:r.x),text:null==r?void 0:r.x},grid:{display:!1,drawBorder:null!==(A=null==r?void 0:r.xDrawBorder)&&void 0!==A&&A}}}};return e("div",Object.assign({style:Object.assign(Object.assign({},s?{}:{height:null!==(D=null!=n?n:L)&&void 0!==D?D:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[t(x,{children:E.map(((o,r)=>{let{text:i,color:n,square:a}=o;return i?e(k,{children:[t(j,{color:n,square:a,newStyle:w}),t(v,Object.assign({color:"#667085"},{children:i}))]},r):t(l,{})}))}),t("div",Object.assign({style:{flex:1}},{children:t(b,{ref:P,options:Z,data:W})}))]}))};export{w as LineChart};
1	+ import{jsxs as t,jsx as e,Fragment as l}from"react/jsx-runtime";import{CategoryScale as o,LinearScale as r,PointElement as i,BarElement as n,LineElement as a,ArcElement as s,Filler as d,Title as c,Tooltip as u,Legend as p}from"chart.js";import"../../../../node_modules/chart.js/auto/auto.js";import{useState as g,useRef as m,useEffect as b}from"react";import{Line as y}from"react-chartjs-2";import{BodyTiny as v}from"../../../TypographyStyle.js";import{COLORS as h}from"../../../../constants/Theme.js";import{truncateValueToK as f}from"../utils/calcPercentage.js";import{LegendWrapper as x,LegendContainer as k,LegendColor as j}from"./LineChart.styled.js";import{Chart as C}from"../../../../node_modules/chart.js/dist/chart.js";C.register(o,r,i,n,a,s,d,c,u,p);const w=o=>{let{scaleText:r,labels:i,canvasHeight:n,datas:a,maintainAspectRatio:s=!1,stepSize:d,min:c,max:u,isZeroState:p,tension:C,isNewStyles:w,prefixCurrencyInYAxis:B,pointRadius:O,useKFormat:S,lineThickness:z,ticksLabelCallback:T,labelCallback:$,afterBodyCallBack:F,titleTooltipCallback:R}=o;var q,A,D;const[L,I]=g(null),P=m();b((()=>{var t,e,l,o;if(null===(o=null===(l=null===(e=null===(t=P.current)\|\|void 0===t?void 0:t.scales)\|\|void 0===e?void 0:e.y)\|\|void 0===l?void 0:l.ticks)\|\|void 0===o?void 0:o.length){const t=38*P.current.scales.y.ticks.length;I(t)}}),[P]);const E=a.map((t=>({text:t.legend,color:t.lineColor?t.lineColor:t.dotted?h.content.placeholder:h.background.brand,square:t.squareLegends}))),W={labels:i,datasets:a.map(((t,e)=>{var l,o,r;return Object.assign(Object.assign({tension:null!=C?C:.4,fill:t.gradient?"start":0},((t,e)=>{const l={borderColor:t\|\|(e?h.content.placeholder:h.background.brand)};return w?Object.assign({pointStyle:"circle",pointRadius:O\|\|(i&&i.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:t\|\|(e?h.content.placeholder:h.background.brand)},l):Object.assign({pointRadius:null!=O?O:1},l)})(t.lineColor,t.dotted)),{borderDash:t.dotted?[8,3]:void 0,data:t.data,borderWidth:null!==(o=null!==(l=t.lineWidth)&&void 0!==l?l:z)&&void 0!==o?o:2,backgroundColor:t.gradient?t=>{const e=t.chart.ctx.createLinearGradient(0,0,0,L?L-75:150);return e.addColorStop(0,"#F1EEFB"),e.addColorStop(1,"rgba(127, 86, 217, 0)"),e}:null!==(r=t.backgroundColor)&&void 0!==r?r:"transparent",legend:t.legend})}))},Z={maintainAspectRatio:s,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=w&&w,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>h.content.primaryInverse,backgroundColor:h.content.primary,callbacks:{labelTextColor:()=>h.content.primaryInverse,title:R,label:$,afterBody:F},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:p?0:c,max:p?10:u,ticks:{color:h.content.secondary,callback:t=>{var e,l;return S?`${null!==(e=null==r?void 0:r.yPrefix)&&void 0!==e?e:""}${f(t)}${null!=B?B:""}`:`${null!==(l=null==r?void 0:r.yPrefix)&&void 0!==l?l:""}${t}${null!=B?B:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:p?1:d,padding:w?24:0},title:{display:!!(null==r?void 0:r.y),text:null==r?void 0:r.y},grid:{color:h.background.base,drawBorder:null===(q=null==r?void 0:r.yDrawBorder)\|\|void 0===q\|\|q}},x:{ticks:{callback:T,color:h.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==r?void 0:r.x),text:null==r?void 0:r.x},grid:{display:!1,drawBorder:null!==(A=null==r?void 0:r.xDrawBorder)&&void 0!==A&&A}}}};return t("div",Object.assign({style:Object.assign(Object.assign({},s?{}:{height:null!==(D=null!=n?n:L)&&void 0!==D?D:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e(x,{children:E.map(((o,r)=>{let{text:i,color:n,square:a}=o;return i?t(k,{children:[e(j,{color:n,square:a,newStyle:w}),e(v,Object.assign({color:"#667085"},{children:i}))]},r):e(l,{})}))}),e("div",Object.assign({style:{flex:1}},{children:e(y,{ref:P,options:Z,data:W})}))]}))};export{w as LineChart};

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

	@@ -1 +1 @@
1	- import{jsxs as o,jsx as t}from"react/jsx-runtime";import{Chart as i,CategoryScale as e,LinearScale as l,BarElement as a,Tooltip as n,Legend as d}from"chart.js";import s from"chartjs-plugin-datalabels";import{Bar as r}from"react-chartjs-2";import{TitleRegular as c,BodyTiny as v}from"../../../TypographyStyle.js";import{COLORS as u,FONTS as p}from"../../../../constants/Theme.js";import{truncateValueToK as g}from"../utils/calcPercentage.js";import{COLOR_SCHEMA as x,GRAPH_ORIENTATION as y}from"./StackedBarChart.model.js";import{GraphContainerWrapper as m}from"./StackedBarChart.styles.js";i.register(e,l,a,n,d,s);const b=i=>{var e,l,a,n,d,s,b,A,h,O,f,C,k,F,S,L,T,j,H,E,I,N,R,Z,z,B,D,P,w,_,W,V,Y,q,G;const J=0===i.yAxis.data.length,K=void 0===i.customColourScaleBrand\|\|void 0===i.customColourScalePastel?i.colorSchema===x.PASTEL?["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"]:["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"]:i.colorSchema===x.PASTEL?i.customColourScalePastel:i.customColourScaleBrand,M=i.customHoverColour,Q={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barWidth:i.barWidth},U={};i.yAxis.data.map((o=>{o.map((o=>{U[o.name]?U[o.name].push(o.value):U[o.name]=[o.value]}))}));const X=Object.keys(U).map(((o,t)=>Object.assign({label:o,data:U[o],backgroundColor:K[t],hoverBackgroundColor:void 0===M?void 0:M[t]},Q))),$={plugins:{legend:{display:!J&&!i.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!J,callbacks:{label:null===(e=i.tooltipConfig)\|\|void 0===e?void 0:e.labelCallback,footer:null===(l=i.tooltipConfig)\|\|void 0===l?void 0:l.footerCallback},footerFont:null===(n=null===(a=i.tooltipConfig)\|\|void 0===a?void 0:a.footerStyles)\|\|void 0===n?void 0:n.footerFont},datalabels:{display:null!==(d=i.showTotal)&&void 0!==d&&d,anchor:"end",align:"end",clamp:!0,formatter:(o,t)=>{var i;const e=t.datasetIndex,l=t.chart.data.datasets;if(e!==l.length-1)return"";const a=t.dataIndex;let n=0;for(let o=0;o<l.length;o++)n+=null!==(i=l[o].data[a])&&void 0!==i?i:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:u.content.secondary}},layout:{padding:{right:i.showTotal&&i.orientation===y.HORIZONTAL?50:0,top:i.showTotal&&i.orientation!=y.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!i.customLegend,labels:{usePointStyle:!0}},indexAxis:i.orientation===y.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(i.orientation===y.HORIZONTAL?null===(s=i.yAxis)\|\|void 0===s?void 0:s.title:null===(b=i.xAxis)\|\|void 0===b?void 0:b.title),text:i.orientation===y.HORIZONTAL?null===(A=i.yAxis)\|\|void 0===A?void 0:A.title:null===(h=i.xAxis)\|\|void 0===h?void 0:h.title,color:null!==(C=i.orientation===y.HORIZONTAL?null===(O=i.yAxis)\|\|void 0===O?void 0:O.titleColor:null===(f=i.xAxis)\|\|void 0===f?void 0:f.titleColor)&&void 0!==C?C:u.content.secondary,font:{size:p.caption.fontSize}},grid:{display:i.orientation===y.HORIZONTAL,color:u.background.base},ticks:{fontSize:p.caption.fontSize,color:null!==(k=i.yAxis.labelColor)&&void 0!==k?k:u.content.secondary,callback:i.orientation===y.HORIZONTAL?g:void 0},stacked:i.orientation===y.HORIZONTAL?"boolean"!=typeof(null===(F=i.yAxis)\|\|void 0===F?void 0:F.stacked)\|\|(null===(S=i.yAxis)\|\|void 0===S?void 0:S.stacked):"boolean"!=typeof(null===(L=i.xAxis)\|\|void 0===L?void 0:L.stacked)\|\|(null===(T=i.xAxis)\|\|void 0===T?void 0:T.stacked)},y:{title:{display:!!(i.orientation===y.HORIZONTAL?null===(j=i.xAxis)\|\|void 0===j?void 0:j.title:null===(H=i.yAxis)\|\|void 0===H?void 0:H.title),text:i.orientation===y.HORIZONTAL?null===(E=i.xAxis)\|\|void 0===E?void 0:E.title:null===(I=i.yAxis)\|\|void 0===I?void 0:I.title,color:null!==(Z=i.orientation===y.HORIZONTAL?null===(N=i.xAxis)\|\|void 0===N?void 0:N.titleColor:null===(R=i.yAxis)\|\|void 0===R?void 0:R.titleColor)&&void 0!==Z?Z:u.content.secondary,font:{size:p.caption.fontSize}},grid:{display:i.orientation!==y.HORIZONTAL,color:u.background.base},ticks:Object.assign(Object.assign({stepSize:i.orientation===y.HORIZONTAL?null===(z=i.xAxis)\|\|void 0===z?void 0:z.stepSize:null===(B=i.yAxis)\|\|void 0===B?void 0:B.stepSize,fontSize:p.caption.fontSize,color:null!==(D=i.xAxis.labelColor)&&void 0!==D?D:u.content.secondary},J?{min:0,max:2e3,stepSize:200}:{}),{callback:i.orientation!==y.VERTICAL?g:void 0}),stacked:i.orientation===y.HORIZONTAL?"boolean"!=typeof(null===(P=i.xAxis)\|\|void 0===P?void 0:P.stacked)\|\|(null===(w=i.xAxis)\|\|void 0===w?void 0:w.stacked):"boolean"!=typeof(null===(_=i.yAxis)\|\|void 0===_?void 0:_.stacked)\|\|(null===(W=i.yAxis)\|\|void 0===W?void 0:W.stacked)}},onClick:(o,t)=>{if(!i.onBarClick)return;const e=t[0].datasetIndex,l=t[0].index,a=o.chart.data.datasets[e].label,n=o.chart.data.labels[l];i.onBarClick(n,a)},onHover:(o,t)=>{i.onBarClick&&t.length&&(o.native.target.style.cursor="pointer")}};i.orientation&&i.orientation!==y.VERTICAL?delete $.scales.y.ticks.callback:delete $.scales.x.ticks.callback;const oo={labels:i.xAxis.data.map((o=>"string"==typeof o?o:o.name)),datasets:J?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:X};return o(m,Object.assign({style:null!==(V=i.wrapperStyle)&&void 0!==V?V:{},padding:i.outerPadding,customLegend:i.customLegend},{children:[i.chartHeading&&t("div",Object.assign({style:{marginBottom:24}},{children:t(c,Object.assign({color:null!==(Y=i.chartHeading.color)&&void 0!==Y?Y:u.content.secondary},{children:i.chartHeading.heading}))})),i.customLegend&&t("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:"flex-end"}},{children:X.map((i=>o("div",Object.assign({className:"legend__row"},{children:[t("div",{className:"legend__palette",style:{backgroundColor:i.backgroundColor}}),t(v,Object.assign({color:u.content.secondary},{children:i.label}))]}),i.label.replace(" ","_"))))})),t("div",Object.assign({className:"graph__wrapper"},{children:t("div",Object.assign({style:{height:null!==(q=i.graphCanvasHeight)&&void 0!==q?q:500,width:null!==(G=i.graphCanvasWidth)&&void 0!==G?G:"auto"}},{children:t(r,{options:$,data:oo})}))}))]}))};export{b as StackedBarChart};
1	+ import{jsxs as o,jsx as t}from"react/jsx-runtime";import{Chart as e,CategoryScale as i,LinearScale as l,BarElement as a,Tooltip as n,Legend as s}from"chart.js";import d from"../../../../node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js";import{Bar as r}from"react-chartjs-2";import{TitleRegular as c,BodyTiny as v}from"../../../TypographyStyle.js";import{COLORS as u,FONTS as p}from"../../../../constants/Theme.js";import{truncateValueToK as g}from"../utils/calcPercentage.js";import{COLOR_SCHEMA as x,GRAPH_ORIENTATION as y}from"./StackedBarChart.model.js";import{GraphContainerWrapper as m}from"./StackedBarChart.styles.js";e.register(i,l,a,n,s,d);const b=e=>{var i,l,a,n,s,d,b,A,h,O,f,C,k,F,S,j,L,T,H,E,I,N,R,Z,z,B,D,P,w,_,W,V,Y,q,G;const J=0===e.yAxis.data.length,K=void 0===e.customColourScaleBrand\|\|void 0===e.customColourScalePastel?e.colorSchema===x.PASTEL?["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"]:["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"]:e.colorSchema===x.PASTEL?e.customColourScalePastel:e.customColourScaleBrand,M=e.customHoverColour,Q={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barWidth:e.barWidth},U={};e.yAxis.data.map((o=>{o.map((o=>{U[o.name]?U[o.name].push(o.value):U[o.name]=[o.value]}))}));const X=Object.keys(U).map(((o,t)=>Object.assign({label:o,data:U[o],backgroundColor:K[t],hoverBackgroundColor:void 0===M?void 0:M[t]},Q))),$={plugins:{legend:{display:!J&&!e.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!J,callbacks:{label:null===(i=e.tooltipConfig)\|\|void 0===i?void 0:i.labelCallback,footer:null===(l=e.tooltipConfig)\|\|void 0===l?void 0:l.footerCallback},footerFont:null===(n=null===(a=e.tooltipConfig)\|\|void 0===a?void 0:a.footerStyles)\|\|void 0===n?void 0:n.footerFont},datalabels:{display:null!==(s=e.showTotal)&&void 0!==s&&s,anchor:"end",align:"end",clamp:!0,formatter:(o,t)=>{var e;const i=t.datasetIndex,l=t.chart.data.datasets;if(i!==l.length-1)return"";const a=t.dataIndex;let n=0;for(let o=0;o<l.length;o++)n+=null!==(e=l[o].data[a])&&void 0!==e?e:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:u.content.secondary}},layout:{padding:{right:e.showTotal&&e.orientation===y.HORIZONTAL?50:0,top:e.showTotal&&e.orientation!=y.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!e.customLegend,labels:{usePointStyle:!0}},indexAxis:e.orientation===y.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(e.orientation===y.HORIZONTAL?null===(d=e.yAxis)\|\|void 0===d?void 0:d.title:null===(b=e.xAxis)\|\|void 0===b?void 0:b.title),text:e.orientation===y.HORIZONTAL?null===(A=e.yAxis)\|\|void 0===A?void 0:A.title:null===(h=e.xAxis)\|\|void 0===h?void 0:h.title,color:null!==(C=e.orientation===y.HORIZONTAL?null===(O=e.yAxis)\|\|void 0===O?void 0:O.titleColor:null===(f=e.xAxis)\|\|void 0===f?void 0:f.titleColor)&&void 0!==C?C:u.content.secondary,font:{size:p.caption.fontSize}},grid:{display:e.orientation===y.HORIZONTAL,color:u.background.base},ticks:{fontSize:p.caption.fontSize,color:null!==(k=e.yAxis.labelColor)&&void 0!==k?k:u.content.secondary,callback:e.orientation===y.HORIZONTAL?g:void 0},stacked:e.orientation===y.HORIZONTAL?"boolean"!=typeof(null===(F=e.yAxis)\|\|void 0===F?void 0:F.stacked)\|\|(null===(S=e.yAxis)\|\|void 0===S?void 0:S.stacked):"boolean"!=typeof(null===(j=e.xAxis)\|\|void 0===j?void 0:j.stacked)\|\|(null===(L=e.xAxis)\|\|void 0===L?void 0:L.stacked)},y:{title:{display:!!(e.orientation===y.HORIZONTAL?null===(T=e.xAxis)\|\|void 0===T?void 0:T.title:null===(H=e.yAxis)\|\|void 0===H?void 0:H.title),text:e.orientation===y.HORIZONTAL?null===(E=e.xAxis)\|\|void 0===E?void 0:E.title:null===(I=e.yAxis)\|\|void 0===I?void 0:I.title,color:null!==(Z=e.orientation===y.HORIZONTAL?null===(N=e.xAxis)\|\|void 0===N?void 0:N.titleColor:null===(R=e.yAxis)\|\|void 0===R?void 0:R.titleColor)&&void 0!==Z?Z:u.content.secondary,font:{size:p.caption.fontSize}},grid:{display:e.orientation!==y.HORIZONTAL,color:u.background.base},ticks:Object.assign(Object.assign({stepSize:e.orientation===y.HORIZONTAL?null===(z=e.xAxis)\|\|void 0===z?void 0:z.stepSize:null===(B=e.yAxis)\|\|void 0===B?void 0:B.stepSize,fontSize:p.caption.fontSize,color:null!==(D=e.xAxis.labelColor)&&void 0!==D?D:u.content.secondary},J?{min:0,max:2e3,stepSize:200}:{}),{callback:e.orientation!==y.VERTICAL?g:void 0}),stacked:e.orientation===y.HORIZONTAL?"boolean"!=typeof(null===(P=e.xAxis)\|\|void 0===P?void 0:P.stacked)\|\|(null===(w=e.xAxis)\|\|void 0===w?void 0:w.stacked):"boolean"!=typeof(null===(_=e.yAxis)\|\|void 0===_?void 0:_.stacked)\|\|(null===(W=e.yAxis)\|\|void 0===W?void 0:W.stacked)}},onClick:(o,t)=>{if(!e.onBarClick)return;const i=t[0].datasetIndex,l=t[0].index,a=o.chart.data.datasets[i].label,n=o.chart.data.labels[l];e.onBarClick(n,a)},onHover:(o,t)=>{e.onBarClick&&t.length&&(o.native.target.style.cursor="pointer")}};e.orientation&&e.orientation!==y.VERTICAL?delete $.scales.y.ticks.callback:delete $.scales.x.ticks.callback;const oo={labels:e.xAxis.data.map((o=>"string"==typeof o?o:o.name)),datasets:J?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:X};return o(m,Object.assign({style:null!==(V=e.wrapperStyle)&&void 0!==V?V:{},padding:e.outerPadding,customLegend:e.customLegend},{children:[e.chartHeading&&t("div",Object.assign({style:{marginBottom:24}},{children:t(c,Object.assign({color:null!==(Y=e.chartHeading.color)&&void 0!==Y?Y:u.content.secondary},{children:e.chartHeading.heading}))})),e.customLegend&&t("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:"flex-end"}},{children:X.map((e=>o("div",Object.assign({className:"legend__row"},{children:[t("div",{className:"legend__palette",style:{backgroundColor:e.backgroundColor}}),t(v,Object.assign({color:u.content.secondary},{children:e.label}))]}),e.label.replace(" ","_"))))})),t("div",Object.assign({className:"graph__wrapper"},{children:t("div",Object.assign({style:{height:null!==(q=e.graphCanvasHeight)&&void 0!==q?q:500,width:null!==(G=e.graphCanvasWidth)&&void 0!==G?G:"auto"}},{children:t(r,{options:$,data:oo})}))}))]}))};export{b as StackedBarChart};

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

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as l,Fragment as o}from"react/jsx-runtime";import{Chart as t,CategoryScale as a,LinearScale as i,BarElement as n,Tooltip as r,Legend as d}from"chart.js";import s from"chartjs-plugin-datalabels";import{useState as c,useEffect as v,useCallback as u}from"react";import{Bar as g}from"react-chartjs-2";import{BodyTiny as p,TitleRegular as h}from"../../../TypographyStyle.js";import{COLORS as b,FONTS as O}from"../../../../constants/Theme.js";import{truncateValueToK as f}from"../utils/calcPercentage.js";import{GraphContainerWrapper as m}from"./StackedBarChart.styles.js";import{GRAPH_ORIENTATION as y}from"./StackedBarDistributionChart.model.js";t.register(a,i,n,r,d,s),t.defaults.plugins.datalabels.display=!1;const F=t=>{var a,i,n,r,d,s,F,T,A,C,j,k,x,E,H,N,L,I,S,D,R,Z,B,_,w,z,P,M,W,V,Y,U;const[$,q]=c([]),[G,J]=c(),K=!t.data.filter((e=>!!e.value)).length,Q=t.colorMatrix&&t.colorMatrix.length?t.colorMatrix:[["#09A35B","#33D2A1","#A8E5C0","#075E54","#128C7E","#25D366","#DCF8C6"],["#FC4183","#FCA0C2","#FEE3EF","#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#1B95D6","#74B2E5","#A0D1F1","#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF4F52","#FFA3A4","#FFD9DA","#FF0012","#FF797D","#FFC4C5","#F9DFDF"],["#4B2E91","#7B1FA2","#A77BCA","#5E07BB","#9E77ED","#D2AEFF","#EBDBFF"]],X={min:0,max:200,stepSize:20},ee={min:t.minValue,max:t.maxValue,stepSize:t.valuesStepSize},le={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:K?0:null!==(a=t.barThickness)&&void 0!==a?a:100},oe={plugins:{legend:{display:!1},tooltip:{enabled:!K,callbacks:{label:null===(i=t.tooltipConfig)\|\|void 0===i?void 0:i.labelCallback,footer:null===(n=t.tooltipConfig)\|\|void 0===n?void 0:n.footerCallback},footerFont:null===(d=null===(r=t.tooltipConfig)\|\|void 0===r?void 0:r.footerStyles)\|\|void 0===d?void 0:d.footerFont},datalabels:{display:null!==(s=!K&&t.showTotal)&&void 0!==s&&s,anchor:"end",align:"end",clamp:!0,formatter:(e,l)=>{var o;const t=l.datasetIndex,a=l.chart.data.datasets;if(t!==a.length-1)return"";const i=l.dataIndex;let n=0;for(let e=0;e<a.length;e++)n+=null!==(o=a[e].data[i])&&void 0!==o?o:0;return n?f(n):""},color:b.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:t.orientation===y.HORIZONTAL?"y":"x",layout:{padding:{right:t.showTotal&&t.orientation===y.HORIZONTAL?50:0,top:t.showTotal&&t.orientation!=y.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(t.orientation===y.HORIZONTAL?null===(F=t.valueTitle)\|\|void 0===F?void 0:F.heading:null===(T=t.labelTitle)\|\|void 0===T?void 0:T.heading),text:t.orientation===y.HORIZONTAL?null===(A=t.valueTitle)\|\|void 0===A?void 0:A.heading:null===(C=t.labelTitle)\|\|void 0===C?void 0:C.heading,color:null!==(x=t.orientation===y.HORIZONTAL?null===(j=t.valueTitle)\|\|void 0===j?void 0:j.color:null===(k=t.labelTitle)\|\|void 0===k?void 0:k.color)&&void 0!==x?x:b.content.secondary,font:{size:O.bodySecondary.fontSize}},grid:{display:t.orientation===y.HORIZONTAL,color:b.background.base},ticks:Object.assign(Object.assign({stepSize:30,fontSize:O.caption.fontSize,color:null!==(N=t.orientation===y.HORIZONTAL?null===(E=t.labelTitle)\|\|void 0===E?void 0:E.color:null===(H=t.valueTitle)\|\|void 0===H?void 0:H.color)&&void 0!==N?N:b.content.secondary},t.orientation===y.HORIZONTAL?K?X:ee:{}),{callback:(e,l)=>{var o,a;return t.orientation!==y.HORIZONTAL?null!==(a=null===(o=null==G?void 0:G.labels)\|\|void 0===o?void 0:o[l])&&void 0!==a?a:"":"number"!=typeof e?e:f(e)}}),stacked:!0},y:{title:{display:!!(t.orientation===y.HORIZONTAL?null===(L=t.labelTitle)\|\|void 0===L?void 0:L.heading:null===(I=t.valueTitle)\|\|void 0===I?void 0:I.heading),text:t.orientation===y.HORIZONTAL?null===(S=t.labelTitle)\|\|void 0===S?void 0:S.heading:null===(D=t.valueTitle)\|\|void 0===D?void 0:D.heading,color:null!==(B=t.orientation===y.HORIZONTAL?null===(R=t.labelTitle)\|\|void 0===R?void 0:R.color:null===(Z=t.valueTitle)\|\|void 0===Z?void 0:Z.color)&&void 0!==B?B:b.content.secondary,font:{size:O.bodySecondary.fontSize}},grid:{display:t.orientation!==y.HORIZONTAL,color:b.background.base},ticks:Object.assign(Object.assign({fontSize:O.caption.fontSize,color:null!==(z=t.orientation===y.HORIZONTAL?null===(_=t.valueTitle)\|\|void 0===_?void 0:_.color:null===(w=t.labelTitle)\|\|void 0===w?void 0:w.color)&&void 0!==z?z:b.content.secondary},t.orientation===y.HORIZONTAL?{}:K?X:ee),{callback:(e,l)=>{var o,a;return t.orientation===y.HORIZONTAL?null!==(a=null===(o=null==G?void 0:G.labels)\|\|void 0===o?void 0:o[l])&&void 0!==a?a:"":"number"!=typeof e?e:f(e)}}),stacked:!0}},onClick:(e,l)=>{if(!t.onBarClick)return;const o=l[0].datasetIndex,a=l[0].index,i=e.chart.data.datasets[o].label,n=e.chart.data.labels[a];t.onBarClick(n,i)},onHover:(e,l)=>{t.onBarClick&&l.length&&(e.native.target.style.cursor="pointer")}},te=Array.from(new Set(t.data.map((e=>e.label)))),ae={labels:(ie=te,ie.map((e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e))),datasets:K?[{data:[10,20,30,40,50,60,80,100,120],backgroundColor:"rgba(0,0,0,0)"}]:[]};var ie;v((()=>{const e=[];te.forEach(((l,o)=>{const a=[],i=t.data.filter((e=>e.label===l));t.isFunnel\|\|i.sort(((e,l)=>l.value-e.value)),i.forEach(((e,l)=>{const t=((e,l,o)=>Q[e].slice(-o)[l])(o,l,i.length);a.push({color:t,label:e.stackLabel});const n=Object.assign({label:e.stackLabel,backgroundColor:t,data:Array(te.length).fill(0)},le);n.data[o]=e.value,ae.datasets.push(n)})),e.push(a)})),q(e),J(ae)}),[t.data]);const ne=u((()=>e("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"flex-end"}},{children:re().map((o=>l("div",Object.assign({className:"legend__row"},{children:[e("div",{className:"legend__palette",style:{backgroundColor:o.color}}),e(p,Object.assign({color:b.content.secondary},{children:o.label}))]}),o.label.replace(" ","_"))))}))),[$]),re=()=>{const e=[];return $.forEach(((l,o)=>{e.push({color:l[0].color,label:te[o]})})),e};if(!G)return e(o,{});return l(m,Object.assign({style:null!==(P=t.wrapperStyle)&&void 0!==P?P:{},padding:t.outerPadding,chartWrapperHeight:t.chartWrapperHeight,isFunnel:t.isFunnel},{children:[t.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(h,Object.assign({color:null!==(M=t.chartHeading.color)&&void 0!==M?M:b.content.secondary},{children:t.chartHeading.heading}))})),l("div",Object.assign({className:"graph__wrapper"},{children:[(null===(W=t.showLegend)\|\|void 0===W\|\|W)&&t.isFunnel&&ne(),e("div",Object.assign({style:{height:null!==(V=t.graphCanvasHeight)&&void 0!==V?V:500,width:null!==(Y=t.graphCanvasWidth)&&void 0!==Y?Y:"100%",flex:1}},{children:e(g,{options:oe,data:G})})),(null===(U=t.showLegend)\|\|void 0===U\|\|U)&&!t.isFunnel&&e("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"column"}},{children:$.map(((o,t)=>e("div",Object.assign({className:"legend__set"},{children:o.map((o=>l("div",Object.assign({className:"legend__row"},{children:[e("div",{className:"legend__palette",style:{backgroundColor:o.color}}),e(p,Object.assign({color:b.content.secondary},{children:o.label}))]}),o.label.replace(" ","_"))))}),`Legend_set_${t}`)))}))]}))]}))};export{F as StackedBarDistributionChart};
1	+ import{jsx as e,jsxs as l,Fragment as o}from"react/jsx-runtime";import{Chart as t,CategoryScale as a,LinearScale as i,BarElement as n,Tooltip as r,Legend as d}from"chart.js";import s from"../../../../node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js";import{useState as c,useEffect as v,useCallback as u}from"react";import{Bar as g}from"react-chartjs-2";import{BodyTiny as p,TitleRegular as h}from"../../../TypographyStyle.js";import{COLORS as b,FONTS as m}from"../../../../constants/Theme.js";import{truncateValueToK as O}from"../utils/calcPercentage.js";import{GraphContainerWrapper as f}from"./StackedBarChart.styles.js";import{GRAPH_ORIENTATION as y}from"./StackedBarDistributionChart.model.js";t.register(a,i,n,r,d,s),t.defaults.plugins.datalabels.display=!1;const F=t=>{var a,i,n,r,d,s,F,T,A,C,j,k,x,E,H,N,L,I,S,D,R,Z,_,B,w,z,P,M,W,V,Y,U;const[$,q]=c([]),[G,J]=c(),K=!t.data.filter((e=>!!e.value)).length,Q=t.colorMatrix&&t.colorMatrix.length?t.colorMatrix:[["#09A35B","#33D2A1","#A8E5C0","#075E54","#128C7E","#25D366","#DCF8C6"],["#FC4183","#FCA0C2","#FEE3EF","#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#1B95D6","#74B2E5","#A0D1F1","#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF4F52","#FFA3A4","#FFD9DA","#FF0012","#FF797D","#FFC4C5","#F9DFDF"],["#4B2E91","#7B1FA2","#A77BCA","#5E07BB","#9E77ED","#D2AEFF","#EBDBFF"]],X={min:0,max:200,stepSize:20},ee={min:t.minValue,max:t.maxValue,stepSize:t.valuesStepSize},le={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:K?0:null!==(a=t.barThickness)&&void 0!==a?a:100},oe={plugins:{legend:{display:!1},tooltip:{enabled:!K,callbacks:{label:null===(i=t.tooltipConfig)\|\|void 0===i?void 0:i.labelCallback,footer:null===(n=t.tooltipConfig)\|\|void 0===n?void 0:n.footerCallback},footerFont:null===(d=null===(r=t.tooltipConfig)\|\|void 0===r?void 0:r.footerStyles)\|\|void 0===d?void 0:d.footerFont},datalabels:{display:null!==(s=!K&&t.showTotal)&&void 0!==s&&s,anchor:"end",align:"end",clamp:!0,formatter:(e,l)=>{var o;const t=l.datasetIndex,a=l.chart.data.datasets;if(t!==a.length-1)return"";const i=l.dataIndex;let n=0;for(let e=0;e<a.length;e++)n+=null!==(o=a[e].data[i])&&void 0!==o?o:0;return n?O(n):""},color:b.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:t.orientation===y.HORIZONTAL?"y":"x",layout:{padding:{right:t.showTotal&&t.orientation===y.HORIZONTAL?50:0,top:t.showTotal&&t.orientation!=y.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(t.orientation===y.HORIZONTAL?null===(F=t.valueTitle)\|\|void 0===F?void 0:F.heading:null===(T=t.labelTitle)\|\|void 0===T?void 0:T.heading),text:t.orientation===y.HORIZONTAL?null===(A=t.valueTitle)\|\|void 0===A?void 0:A.heading:null===(C=t.labelTitle)\|\|void 0===C?void 0:C.heading,color:null!==(x=t.orientation===y.HORIZONTAL?null===(j=t.valueTitle)\|\|void 0===j?void 0:j.color:null===(k=t.labelTitle)\|\|void 0===k?void 0:k.color)&&void 0!==x?x:b.content.secondary,font:{size:m.bodySecondary.fontSize}},grid:{display:t.orientation===y.HORIZONTAL,color:b.background.base},ticks:Object.assign(Object.assign({stepSize:30,fontSize:m.caption.fontSize,color:null!==(N=t.orientation===y.HORIZONTAL?null===(E=t.labelTitle)\|\|void 0===E?void 0:E.color:null===(H=t.valueTitle)\|\|void 0===H?void 0:H.color)&&void 0!==N?N:b.content.secondary},t.orientation===y.HORIZONTAL?K?X:ee:{}),{callback:(e,l)=>{var o,a;return t.orientation!==y.HORIZONTAL?null!==(a=null===(o=null==G?void 0:G.labels)\|\|void 0===o?void 0:o[l])&&void 0!==a?a:"":"number"!=typeof e?e:O(e)}}),stacked:!0},y:{title:{display:!!(t.orientation===y.HORIZONTAL?null===(L=t.labelTitle)\|\|void 0===L?void 0:L.heading:null===(I=t.valueTitle)\|\|void 0===I?void 0:I.heading),text:t.orientation===y.HORIZONTAL?null===(S=t.labelTitle)\|\|void 0===S?void 0:S.heading:null===(D=t.valueTitle)\|\|void 0===D?void 0:D.heading,color:null!==(_=t.orientation===y.HORIZONTAL?null===(R=t.labelTitle)\|\|void 0===R?void 0:R.color:null===(Z=t.valueTitle)\|\|void 0===Z?void 0:Z.color)&&void 0!==_?_:b.content.secondary,font:{size:m.bodySecondary.fontSize}},grid:{display:t.orientation!==y.HORIZONTAL,color:b.background.base},ticks:Object.assign(Object.assign({fontSize:m.caption.fontSize,color:null!==(z=t.orientation===y.HORIZONTAL?null===(B=t.valueTitle)\|\|void 0===B?void 0:B.color:null===(w=t.labelTitle)\|\|void 0===w?void 0:w.color)&&void 0!==z?z:b.content.secondary},t.orientation===y.HORIZONTAL?{}:K?X:ee),{callback:(e,l)=>{var o,a;return t.orientation===y.HORIZONTAL?null!==(a=null===(o=null==G?void 0:G.labels)\|\|void 0===o?void 0:o[l])&&void 0!==a?a:"":"number"!=typeof e?e:O(e)}}),stacked:!0}},onClick:(e,l)=>{if(!t.onBarClick)return;const o=l[0].datasetIndex,a=l[0].index,i=e.chart.data.datasets[o].label,n=e.chart.data.labels[a];t.onBarClick(n,i)},onHover:(e,l)=>{t.onBarClick&&l.length&&(e.native.target.style.cursor="pointer")}},te=Array.from(new Set(t.data.map((e=>e.label)))),ae={labels:(ie=te,ie.map((e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e))),datasets:K?[{data:[10,20,30,40,50,60,80,100,120],backgroundColor:"rgba(0,0,0,0)"}]:[]};var ie;v((()=>{const e=[];te.forEach(((l,o)=>{const a=[],i=t.data.filter((e=>e.label===l));t.isFunnel\|\|i.sort(((e,l)=>l.value-e.value)),i.forEach(((e,l)=>{const t=((e,l,o)=>Q[e].slice(-o)[l])(o,l,i.length);a.push({color:t,label:e.stackLabel});const n=Object.assign({label:e.stackLabel,backgroundColor:t,data:Array(te.length).fill(0)},le);n.data[o]=e.value,ae.datasets.push(n)})),e.push(a)})),q(e),J(ae)}),[t.data]);const ne=u((()=>e("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"flex-end"}},{children:re().map((o=>l("div",Object.assign({className:"legend__row"},{children:[e("div",{className:"legend__palette",style:{backgroundColor:o.color}}),e(p,Object.assign({color:b.content.secondary},{children:o.label}))]}),o.label.replace(" ","_"))))}))),[$]),re=()=>{const e=[];return $.forEach(((l,o)=>{e.push({color:l[0].color,label:te[o]})})),e};if(!G)return e(o,{});return l(f,Object.assign({style:null!==(P=t.wrapperStyle)&&void 0!==P?P:{},padding:t.outerPadding,chartWrapperHeight:t.chartWrapperHeight,isFunnel:t.isFunnel},{children:[t.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(h,Object.assign({color:null!==(M=t.chartHeading.color)&&void 0!==M?M:b.content.secondary},{children:t.chartHeading.heading}))})),l("div",Object.assign({className:"graph__wrapper"},{children:[(null===(W=t.showLegend)\|\|void 0===W\|\|W)&&t.isFunnel&&ne(),e("div",Object.assign({style:{height:null!==(V=t.graphCanvasHeight)&&void 0!==V?V:500,width:null!==(Y=t.graphCanvasWidth)&&void 0!==Y?Y:"100%",flex:1}},{children:e(g,{options:oe,data:G})})),(null===(U=t.showLegend)\|\|void 0===U\|\|U)&&!t.isFunnel&&e("div",Object.assign({style:{overflowY:"scroll",display:"flex",flexDirection:"column"}},{children:$.map(((o,t)=>e("div",Object.assign({className:"legend__set"},{children:o.map((o=>l("div",Object.assign({className:"legend__row"},{children:[e("div",{className:"legend__palette",style:{backgroundColor:o.color}}),e(p,Object.assign({color:b.content.secondary},{children:o.label}))]}),o.label.replace(" ","_"))))}),`Legend_set_${t}`)))}))]}))]}))};export{F as StackedBarDistributionChart};