@bikdotai/bik-component-library 0.0.736-beta.10 → 0.0.736-beta.2

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

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

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

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

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../assets/icons/ChartBar.svg.js"),i=require("../../../../assets/icons/maximize.svg.js"),r=require("chart.js"),a=require("react"),s=require("react-chartjs-2"),l=require("styled-components"),n=require("../../../icon-button/IconButton.js"),o=require("../../../modals/styledModal.js"),d=require("../../../TypographyStyle.js"),c=require("../../../../utils/StringUtils.js"),u=require("../../../../constants/Theme.js"),h=require("../utils/calcPercentage.js"),x=require("./PieChart.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=j(a),g=j(l);const b=p.default.lazy(()=>Promise.resolve().then(function(){return require("../VerticalBarGraph/VerticalGraph.js")}).then(e=>({default:e.VerticalGraph})));r.Chart.register(r.ArcElement,r.Legend);const y=e=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{var i;if(!t.label)return" 0%";const r=t.dataset.data.reduce((e,t)=>e+t,0),a=parseFloat((t.raw/r*100).toFixed(1)),{label:s,raw:l}=t,n=null!==(i=null==e?void 0:e.symbol)&&void 0!==i?i:"",o=null==e?void 0:e.isInternationalStore;return[` ${s}`,` ${n}${void 0!==o?o?h.truncateValueForInternationalStore(l):h.truncateValueForIndianStore(l):l} (${a}% of ${n}${void 0!==o?o?h.truncateValueForInternationalStore(r):h.truncateValueForIndianStore(r):r})`]}}}}}),m=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],f=g.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../assets/icons/ChartBar.svg.js"),i=require("../../../../assets/icons/maximize.svg.js"),r=require("chart.js"),a=require("react"),s=require("react-chartjs-2"),l=require("styled-components"),n=require("../../../icon-button/IconButton.js"),o=require("../../../modals/styledModal.js"),d=require("../../../TypographyStyle.js"),c=require("../../../../utils/StringUtils.js"),u=require("../../../../constants/Theme.js"),h=require("../utils/calcPercentage.js"),x=require("./PieChart.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=j(a),g=j(l);const b=p.default.lazy((()=>Promise.resolve().then((function(){return require("../VerticalBarGraph/VerticalGraph.js")})).then((e=>({default:e.VerticalGraph})))));r.Chart.register(r.ArcElement,r.Legend);const y=e=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{var i;if(!t.label)return" 0%";const r=t.dataset.data.reduce(((e,t)=>e+t),0),a=parseFloat((t.raw/r*100).toFixed(1)),{label:s,raw:l}=t,n=null!==(i=null==e?void 0:e.symbol)&&void 0!==i?i:"",o=null==e?void 0:e.isInternationalStore;return[` ${s}`,` ${n}${void 0!==o?o?h.truncateValueForInternationalStore(l):h.truncateValueForIndianStore(l):l} (${a}% of ${n}${void 0!==o?o?h.truncateValueForInternationalStore(r):h.truncateValueForIndianStore(r):r})`]}}}}}),m=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],f=g.default.div`
 	background: ${e=>u.COLORS.surface.standard};
 	border: 1px solid ${e=>u.COLORS.stroke.primary};
 	border-radius: 4px;
-`;exports.Card=t=>e.jsx(f,{style:{padding:24},children:t.children}),exports.PieChartAnalytics=({title:r,slices:l,size:u,allowChartPopup:h,showConvertToBarChart:j,truncateSlices:p,barChartXAxisTitle:g,barChartYAxisTitle:f,hideTitle:v=!1,currencyProps:C})=>{const[w,S]=a.useState(!1),[A,F]=a.useState(!1),[O,q]=a.useState([]),[k,B]=a.useState(),[I,E]=a.useState(),[P,R]=a.useState([]),[T,$]=a.useState(null);return a.useEffect(()=>{const e=l.reduce((e,t)=>e+t.count,0);let t=[];if(t=Object.keys(l).map((e,t)=>Object.assign({color:m[t%m.length]},l[e])),q([...t]),0===e){B({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const e={labels:l.map(e=>c.default.capitalizeEachWord(e.name)),datasets:[{data:l.map(e=>e.count),backgroundColor:l.map((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:m[t%m.length]}),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};B(e)}if(p&&l.length>p){const e=l.slice(0,p),t=l.slice(p).reduce((e,t)=>e+t.count,0);e.push({name:"Other",count:t});const i={labels:e.map(e=>c.default.capitalize(e.name)),datasets:[{data:e.map(e=>e.count),backgroundColor:e.map((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:m[t%m.length]}),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};E(i);const r=e.map((e,t)=>Object.assign({color:m[t%m.length]},e));R(r)}j&&$(((e,t,i)=>({xAxis:{data:e.map(e=>e.name),title:null!=t?t:""},yAxis:{data:e.map(e=>e.count),title:null!=i?i:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(l,g,f))},[l,p]),k?e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",justifyContent:v||0===(null==r?void 0:r.length)?"flex-end":"space-between"},children:[!v&&r&&e.jsx(d.TitleMedium,{style:{marginBottom:16},children:r}),e.jsxs("div",{children:[j&&e.jsx(n.IconButton,{Icon:t.default,onClick:()=>{F(!0)}}),h&&e.jsx(n.IconButton,{Icon:i.default,onClick:()=>{S(!0)}})]})]}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("div",{style:{width:u,height:u},children:e.jsx(s.Doughnut,{data:p?I:k,options:Object.assign(Object.assign({},y(C)),{maintainAspectRatio:!u})})})}),e.jsx("div",{className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"},children:e.jsx(x.PieChart,{slices:p?P:O,size:u})})]}),w&&e.jsx(o.StyledModal,{open:w,onClose:()=>S(!1),closeOnOutsideClick:!0,headingTitle:r,width:"75%",children:e.jsxs("div",{style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"},children:[e.jsx("div",{style:{width:"55%",marginLeft:"4%"},children:e.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(s.Doughnut,{data:k,options:Object.assign(Object.assign({},y(C)),{maintainAspectRatio:!u})})})}),e.jsx("div",{style:{width:"30%",height:"100%",overflowY:"auto"},children:e.jsx(x.PieChart,{slices:O})})]})}),A&&T&&e.jsx(o.StyledModal,{open:A,onClose:()=>F(!1),closeOnOutsideClick:!0,headingTitle:r,width:"85%",children:e.jsx("div",{style:{padding:"24px 0"},children:e.jsx(a.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(b,{xAxis:T.xAxis,yAxis:T.yAxis,barColorRGBA:null==T?void 0:T.barColorRGBA})})})})]}):e.jsx(e.Fragment,{})};
+`;exports.Card=t=>e.jsx(f,{style:{padding:24},children:t.children}),exports.PieChartAnalytics=r=>{let{title:l,slices:u,size:h,allowChartPopup:j,showConvertToBarChart:p,truncateSlices:g,barChartXAxisTitle:f,barChartYAxisTitle:v,hideTitle:C=!1,currencyProps:w}=r;const[S,A]=a.useState(!1),[F,O]=a.useState(!1),[q,k]=a.useState([]),[B,I]=a.useState(),[E,P]=a.useState(),[R,T]=a.useState([]),[$,V]=a.useState(null);return a.useEffect((()=>{const e=u.reduce(((e,t)=>e+t.count),0);let t=[];if(t=Object.keys(u).map(((e,t)=>Object.assign({color:m[t%m.length]},u[e]))),k([...t]),0===e){I({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const e={labels:u.map((e=>c.default.capitalizeEachWord(e.name))),datasets:[{data:u.map((e=>e.count)),backgroundColor:u.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:m[t%m.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};I(e)}if(g&&u.length>g){const e=u.slice(0,g),t=u.slice(g).reduce(((e,t)=>e+t.count),0);e.push({name:"Other",count:t});const i={labels:e.map((e=>c.default.capitalize(e.name))),datasets:[{data:e.map((e=>e.count)),backgroundColor:e.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:m[t%m.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};P(i);const r=e.map(((e,t)=>Object.assign({color:m[t%m.length]},e)));T(r)}p&&V(((e,t,i)=>({xAxis:{data:e.map((e=>e.name)),title:null!=t?t:""},yAxis:{data:e.map((e=>e.count)),title:null!=i?i:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(u,f,v))}),[u,g]),B?e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",justifyContent:C||0===(null==l?void 0:l.length)?"flex-end":"space-between"},children:[!C&&l&&e.jsx(d.TitleMedium,{style:{marginBottom:16},children:l}),e.jsxs("div",{children:[p&&e.jsx(n.IconButton,{Icon:t.default,onClick:()=>{O(!0)}}),j&&e.jsx(n.IconButton,{Icon:i.default,onClick:()=>{A(!0)}})]})]}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("div",{style:{width:h,height:h},children:e.jsx(s.Doughnut,{data:g?E:B,options:Object.assign(Object.assign({},y(w)),{maintainAspectRatio:!h})})})}),e.jsx("div",{className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"},children:e.jsx(x.PieChart,{slices:g?R:q,size:h})})]}),S&&e.jsx(o.StyledModal,{open:S,onClose:()=>A(!1),closeOnOutsideClick:!0,headingTitle:l,width:"75%",children:e.jsxs("div",{style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"},children:[e.jsx("div",{style:{width:"55%",marginLeft:"4%"},children:e.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(s.Doughnut,{data:B,options:Object.assign(Object.assign({},y(w)),{maintainAspectRatio:!h})})})}),e.jsx("div",{style:{width:"30%",height:"100%",overflowY:"auto"},children:e.jsx(x.PieChart,{slices:q})})]})}),F&&$&&e.jsx(o.StyledModal,{open:F,onClose:()=>O(!1),closeOnOutsideClick:!0,headingTitle:l,width:"85%",children:e.jsx("div",{style:{padding:"24px 0"},children:e.jsx(a.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(b,{xAxis:$.xAxis,yAxis:$.yAxis,barColorRGBA:null==$?void 0:$.barColorRGBA})})})})]}):e.jsx(e.Fragment,{})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../../assets/icons/maximize.svg.js"),o=require("chart.js"),t=require("chartjs-plugin-datalabels"),a=require("react"),l=require("react-chartjs-2"),n=require("../../../icon-button/IconButton.js"),d=require("../../../modals/styledModal.js"),r=require("../../../TypographyStyle.js"),s=require("../../../../constants/Theme.js"),c=require("../utils/calcPercentage.js"),u=require("./StackedBarChart.model.js"),v=require("./StackedBarChart.styles.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=x(t);o.Chart.register(o.CategoryScale,o.LinearScale,o.BarElement,o.Tooltip,o.Legend,p.default);exports.StackedBarChart=o=>{var t,x,p,O,g,A,h,y,b,f,C,R,I,T,S,m,N,j,H,L,k,E,F,P,B,G,_,w,D,q,Z,z,M,W,$,V,Y,J,K,Q,U,X,ee,ie,oe;const{headerIcons:te=[],legendsAndIconDirection:ae="row"}=o,[le,ne]=a.useState(!1),de=[250,1e3,800,1500,300,600],re=0===o.yAxis.data.length,se=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],ce=["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"],ue=o.customBarColors?o.customBarColors:o.customColourScaleBrand||o.customColourScalePastel?o.colorSchema===u.COLOR_SCHEMA.PASTEL?o.customColourScalePastel:o.customColourScaleBrand:o.colorSchema===u.COLOR_SCHEMA.PASTEL?ce:se,ve=o.customHoverColour,xe=a.useMemo(()=>{var e,i,t;return Object.assign(Object.assign({barPercentage:(null==o?void 0:o.barPercentage)||.4,categoryPercentage:1,pointStyle:"circle",barWidth:o.barWidth,borderRadius:(null==o?void 0:o.borderRadius)||void 0},"object"==typeof(null==o?void 0:o.borderRadius)?{borderSkipped:!1}:{}),(null===(e=null==o?void 0:o.addBarGap)||void 0===e?void 0:e.flag)?{borderWidth:{top:(null===(i=null==o?void 0:o.addBarGap)||void 0===i?void 0:i.value)||2,bottom:(null===(t=null==o?void 0:o.addBarGap)||void 0===t?void 0:t.value)||2,right:0,left:0},borderColor:"transparent"}:{})},[o.barWidth,null==o?void 0:o.borderRadius,null==o?void 0:o.barPercentage,null==o?void 0:o.addBarGap]),pe={};o.yAxis.data.map(e=>{e.map(e=>{pe[e.name]?pe[e.name].push(e.value):pe[e.name]=[e.value]})});const Oe=Object.keys(pe).map((e,i)=>Object.assign({label:e,data:pe[e],backgroundColor:null==ue?void 0:ue[i],hoverBackgroundColor:void 0===ve?void 0:ve[i]},xe));let ge;ge=o.renderInHeightWiseManner?Oe.map((e,i)=>Object.assign(Object.assign({},e),{order:e.data.reduce((e,i)=>e+(i||0),0)})).sort((e,i)=>i.order-e.order):Oe;let Ae=o.xAxis.data.map(e=>"string"==typeof e?e:e.name),he=ge;if(o.truncateBars){const e=((e,i,o)=>{if(i.length<=o)return{truncatedData:e,truncatedLabels:i,originalData:e,originalLabels:i};const t=e.map(e=>e.slice(0,o)),a=e.map(e=>e.slice(o).reduce((e,i)=>e+i,0));t.forEach((e,i)=>e.push(a[i]));const l=i.slice(0,o);return l.push("Others"),{truncatedData:t,truncatedLabels:l,originalData:e,originalLabels:i}})(ge.map(e=>e.data),Ae,o.truncateBars);ge.forEach((i,o)=>i.data=e.truncatedData[o]),Ae=e.truncatedLabels,he=e.originalData.map((e,i)=>Object.assign(Object.assign({},ge[i]),{data:e}))}const ye={plugins:{legend:{display:!re&&!o.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!re,callbacks:{label:null===(t=o.tooltipConfig)||void 0===t?void 0:t.labelCallback,title:null===(x=o.tooltipConfig)||void 0===x?void 0:x.titleCallback,footer:null===(p=o.tooltipConfig)||void 0===p?void 0:p.footerCallback},footerFont:null===(g=null===(O=o.tooltipConfig)||void 0===O?void 0:O.footerStyles)||void 0===g?void 0:g.footerFont},datalabels:{display:null!==(A=o.showTotal)&&void 0!==A&&A,anchor:"end",align:"end",clamp:!0,formatter:(e,i)=>{var o;const t=i.datasetIndex,a=i.chart.data.datasets;if(t!==a.length-1)return"";const l=i.dataIndex;let n=0;for(let e=0;e<a.length;e++)n+=null!==(o=a[e].data[l])&&void 0!==o?o:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:s.COLORS.content.secondary}},layout:{padding:{right:o.showTotal&&o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:o.showTotal&&o.orientation!=u.GRAPH_ORIENTATION.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!o.customLegend,labels:{usePointStyle:!0}},indexAxis:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(h=o.yAxis)||void 0===h?void 0:h.title:null===(y=o.xAxis)||void 0===y?void 0:y.title),text:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(b=o.yAxis)||void 0===b?void 0:b.title:null===(f=o.xAxis)||void 0===f?void 0:f.title,color:null!==(I=o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(C=o.yAxis)||void 0===C?void 0:C.titleColor:null===(R=o.xAxis)||void 0===R?void 0:R.titleColor)&&void 0!==I?I:s.COLORS.content.secondary,font:{size:s.FONTS.caption.fontSize}},grid:{display:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL&&(void 0===(null===(T=null==o?void 0:o.showGridLines)||void 0===T?void 0:T.x)||(null===(S=null==o?void 0:o.showGridLines)||void 0===S?void 0:S.x)),color:s.COLORS.background.base},ticks:{fontSize:s.FONTS.caption.fontSize,color:null!==(m=o.yAxis.labelColor)&&void 0!==m?m:s.COLORS.content.secondary,callback:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?e=>{var i;let t;t=o.isInternationalStore?c.truncateValueForInternationalStore(e):c.truncateValueForIndianStore(e);return`${t}${(null===(i=o.yAxis)||void 0===i?void 0:i.axisSuffix)||""}`}:(null===(N=o.xAxis)||void 0===N?void 0:N.axisSuffix)?e=>`${e}${o.xAxis.axisSuffix}`:void 0},stacked:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?"boolean"!=typeof(null===(j=o.yAxis)||void 0===j?void 0:j.stacked)||(null===(H=o.yAxis)||void 0===H?void 0:H.stacked):"boolean"!=typeof(null===(L=o.xAxis)||void 0===L?void 0:L.stacked)||(null===(k=o.xAxis)||void 0===k?void 0:k.stacked)},y:Object.assign(Object.assign({},(null===(E=null==o?void 0:o.equalHeight)||void 0===E?void 0:E.flag)?{suggestedMin:-(null==o?void 0:o.equalHeight.max),suggestedMax:null==o?void 0:o.equalHeight.max}:{}),{max:null===(F=null==o?void 0:o.yAxis)||void 0===F?void 0:F.max,title:{display:!!(o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(P=o.xAxis)||void 0===P?void 0:P.title:null===(B=o.yAxis)||void 0===B?void 0:B.title),text:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(G=o.xAxis)||void 0===G?void 0:G.title:null===(_=o.yAxis)||void 0===_?void 0:_.title,color:null!==(q=o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(w=o.xAxis)||void 0===w?void 0:w.titleColor:null===(D=o.yAxis)||void 0===D?void 0:D.titleColor)&&void 0!==q?q:s.COLORS.content.secondary,font:{size:s.FONTS.caption.fontSize}},grid:{display:o.orientation!==u.GRAPH_ORIENTATION.HORIZONTAL&&(void 0===(null===(Z=null==o?void 0:o.showGridLines)||void 0===Z?void 0:Z.y)||(null===(z=null==o?void 0:o.showGridLines)||void 0===z?void 0:z.y)),color:s.COLORS.background.base},ticks:Object.assign(Object.assign({stepSize:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(M=o.xAxis)||void 0===M?void 0:M.stepSize:null===(W=o.yAxis)||void 0===W?void 0:W.stepSize,fontSize:s.FONTS.caption.fontSize,color:null!==($=o.xAxis.labelColor)&&void 0!==$?$:s.COLORS.content.secondary},re?{min:0,max:2e3,stepSize:200}:{}),{callback:(null==o?void 0:o.ticksCallback)?null==o?void 0:o.ticksCallback:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?e=>{var i;let t;t=o.isInternationalStore?c.truncateValueForInternationalStore(e):c.truncateValueForIndianStore(e);return`${t}${(null===(i=o.xAxis)||void 0===i?void 0:i.axisSuffix)||""}`}:(null===(V=o.yAxis)||void 0===V?void 0:V.axisSuffix)?e=>`${e}${o.yAxis.axisSuffix}`:void 0}),stacked:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?"boolean"!=typeof(null===(Y=o.xAxis)||void 0===Y?void 0:Y.stacked)||(null===(J=o.xAxis)||void 0===J?void 0:J.stacked):"boolean"!=typeof(null===(K=o.yAxis)||void 0===K?void 0:K.stacked)||(null===(Q=o.yAxis)||void 0===Q?void 0:Q.stacked)})},onClick:(e,i)=>{if(!o.onBarClick)return;const t=i[0].datasetIndex,a=i[0].index,l=e.chart.data.datasets[t].label,n=e.chart.data.labels[a];o.onBarClick(n,l)},onHover:(e,i)=>{o.onBarClick&&i.length&&(e.native.target.style.cursor="pointer")}};let be;o.orientation&&o.orientation!==u.GRAPH_ORIENTATION.VERTICAL?delete ye.scales.y.ticks.callback:delete ye.scales.x.ticks.callback,be=re?[{data:de,backgroundColor:"rgba(0,0,0,0)"}]:ge;const fe={labels:Ae,datasets:be};let Ce;Ce=re?[{data:de,backgroundColor:"rgba(0,0,0,0)"}]:he;const Re={labels:o.xAxis.data.map(e=>"string"==typeof e?e:e.name),datasets:Ce},Ie=(i=!1)=>{let t;return t=o.allowChartPopup&&!i?"flex-start":"flex-end",e.jsx("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:t,flexWrap:"wrap"},children:Oe.map(i=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"4px"},children:[e.jsx("div",{style:{backgroundColor:i.backgroundColor,width:"16px",height:"16px",borderRadius:"2px"}}),e.jsx(r.BodyTiny,{color:s.COLORS.content.secondary,children:i.label})]},i.label.replace(" ","_")))})};return e.jsxs(v.GraphContainerWrapper,{style:null!==(U=o.wrapperStyle)&&void 0!==U?U:{},padding:o.outerPadding,customLegend:o.customLegend,children:[o.chartHeading&&e.jsxs("div",{style:{marginBottom:24,display:"flex",justifyContent:o.hideHeading?"flex-end":"space-between"},children:[!0!==o.hideHeading&&e.jsx(r.TitleRegular,{color:null!==(X=o.chartHeading.color)&&void 0!==X?X:s.COLORS.content.secondary,children:o.chartHeading.heading}),o.allowChartPopup&&e.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:e.jsx("div",{children:e.jsx(n.IconButton,{Icon:i.default,onClick:()=>{ne(!0)}})})})]}),o.customLegend&&e.jsxs("div",{style:{display:"flex",flexDirection:ae,justifyContent:"space-between"},children:[e.jsx(v.HeaderIconWrapper,{children:te.map((i,o)=>e.jsx("div",{children:e.jsx("div",{children:i})},o))}),Ie()]}),e.jsx("div",{className:"graph__wrapper",children:e.jsx("div",{style:{height:null!==(ee=o.graphCanvasHeight)&&void 0!==ee?ee:500,width:null!==(ie=o.graphCanvasWidth)&&void 0!==ie?ie:"auto"},children:e.jsx(l.Bar,{options:ye,data:fe})})}),le&&e.jsx(d.StyledModal,{open:le,onClose:()=>ne(!1),closeOnOutsideClick:!0,headingTitle:null===(oe=o.chartHeading)||void 0===oe?void 0:oe.heading,width:"85%",children:e.jsxs("div",{className:"graph__wrapper",style:{padding:"8px"},children:[o.customLegend&&Ie(!0),e.jsx("div",{style:{height:"70vh",width:"100%",padding:"16px",borderRadius:"8px"},children:e.jsx(l.Bar,{options:ye,data:Re})})]})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../../assets/icons/maximize.svg.js"),o=require("chart.js"),t=require("chartjs-plugin-datalabels"),a=require("react"),l=require("react-chartjs-2"),n=require("../../../icon-button/IconButton.js"),d=require("../../../modals/styledModal.js"),r=require("../../../TypographyStyle.js"),s=require("../../../../constants/Theme.js"),c=require("../utils/calcPercentage.js"),u=require("./StackedBarChart.model.js"),v=require("./StackedBarChart.styles.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=x(t);o.Chart.register(o.CategoryScale,o.LinearScale,o.BarElement,o.Tooltip,o.Legend,p.default);exports.StackedBarChart=o=>{var t,x,p,O,g,A,h,y,b,f,C,R,I,T,S,m,N,j,H,L,k,E,F,P,B,G,_,w,D,q,Z,z,M,W,$,V,Y,J,K,Q,U,X,ee,ie,oe;const{headerIcons:te=[],legendsAndIconDirection:ae="row"}=o,[le,ne]=a.useState(!1),de=[250,1e3,800,1500,300,600],re=0===o.yAxis.data.length,se=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],ce=["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"],ue=o.customBarColors?o.customBarColors:o.customColourScaleBrand||o.customColourScalePastel?o.colorSchema===u.COLOR_SCHEMA.PASTEL?o.customColourScalePastel:o.customColourScaleBrand:o.colorSchema===u.COLOR_SCHEMA.PASTEL?ce:se,ve=o.customHoverColour,xe=a.useMemo((()=>{var e,i,t;return Object.assign(Object.assign({barPercentage:(null==o?void 0:o.barPercentage)||.4,categoryPercentage:1,pointStyle:"circle",barWidth:o.barWidth,borderRadius:(null==o?void 0:o.borderRadius)||void 0},"object"==typeof(null==o?void 0:o.borderRadius)?{borderSkipped:!1}:{}),(null===(e=null==o?void 0:o.addBarGap)||void 0===e?void 0:e.flag)?{borderWidth:{top:(null===(i=null==o?void 0:o.addBarGap)||void 0===i?void 0:i.value)||2,bottom:(null===(t=null==o?void 0:o.addBarGap)||void 0===t?void 0:t.value)||2,right:0,left:0},borderColor:"transparent"}:{})}),[o.barWidth,null==o?void 0:o.borderRadius,null==o?void 0:o.barPercentage,null==o?void 0:o.addBarGap]),pe={};o.yAxis.data.map((e=>{e.map((e=>{pe[e.name]?pe[e.name].push(e.value):pe[e.name]=[e.value]}))}));const Oe=Object.keys(pe).map(((e,i)=>Object.assign({label:e,data:pe[e],backgroundColor:null==ue?void 0:ue[i],hoverBackgroundColor:void 0===ve?void 0:ve[i]},xe)));let ge;ge=o.renderInHeightWiseManner?Oe.map(((e,i)=>Object.assign(Object.assign({},e),{order:e.data.reduce(((e,i)=>e+(i||0)),0)}))).sort(((e,i)=>i.order-e.order)):Oe;let Ae=o.xAxis.data.map((e=>"string"==typeof e?e:e.name)),he=ge;if(o.truncateBars){const e=((e,i,o)=>{if(i.length<=o)return{truncatedData:e,truncatedLabels:i,originalData:e,originalLabels:i};const t=e.map((e=>e.slice(0,o))),a=e.map((e=>e.slice(o).reduce(((e,i)=>e+i),0)));t.forEach(((e,i)=>e.push(a[i])));const l=i.slice(0,o);return l.push("Others"),{truncatedData:t,truncatedLabels:l,originalData:e,originalLabels:i}})(ge.map((e=>e.data)),Ae,o.truncateBars);ge.forEach(((i,o)=>i.data=e.truncatedData[o])),Ae=e.truncatedLabels,he=e.originalData.map(((e,i)=>Object.assign(Object.assign({},ge[i]),{data:e})))}const ye={plugins:{legend:{display:!re&&!o.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!re,callbacks:{label:null===(t=o.tooltipConfig)||void 0===t?void 0:t.labelCallback,title:null===(x=o.tooltipConfig)||void 0===x?void 0:x.titleCallback,footer:null===(p=o.tooltipConfig)||void 0===p?void 0:p.footerCallback},footerFont:null===(g=null===(O=o.tooltipConfig)||void 0===O?void 0:O.footerStyles)||void 0===g?void 0:g.footerFont},datalabels:{display:null!==(A=o.showTotal)&&void 0!==A&&A,anchor:"end",align:"end",clamp:!0,formatter:(e,i)=>{var o;const t=i.datasetIndex,a=i.chart.data.datasets;if(t!==a.length-1)return"";const l=i.dataIndex;let n=0;for(let e=0;e<a.length;e++)n+=null!==(o=a[e].data[l])&&void 0!==o?o:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:s.COLORS.content.secondary}},layout:{padding:{right:o.showTotal&&o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:o.showTotal&&o.orientation!=u.GRAPH_ORIENTATION.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!o.customLegend,labels:{usePointStyle:!0}},indexAxis:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(h=o.yAxis)||void 0===h?void 0:h.title:null===(y=o.xAxis)||void 0===y?void 0:y.title),text:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(b=o.yAxis)||void 0===b?void 0:b.title:null===(f=o.xAxis)||void 0===f?void 0:f.title,color:null!==(I=o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(C=o.yAxis)||void 0===C?void 0:C.titleColor:null===(R=o.xAxis)||void 0===R?void 0:R.titleColor)&&void 0!==I?I:s.COLORS.content.secondary,font:{size:s.FONTS.caption.fontSize}},grid:{display:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL&&(void 0===(null===(T=null==o?void 0:o.showGridLines)||void 0===T?void 0:T.x)||(null===(S=null==o?void 0:o.showGridLines)||void 0===S?void 0:S.x)),color:s.COLORS.background.base},ticks:{fontSize:s.FONTS.caption.fontSize,color:null!==(m=o.yAxis.labelColor)&&void 0!==m?m:s.COLORS.content.secondary,callback:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?e=>{var i;let t;t=o.isInternationalStore?c.truncateValueForInternationalStore(e):c.truncateValueForIndianStore(e);return`${t}${(null===(i=o.yAxis)||void 0===i?void 0:i.axisSuffix)||""}`}:(null===(N=o.xAxis)||void 0===N?void 0:N.axisSuffix)?e=>`${e}${o.xAxis.axisSuffix}`:void 0},stacked:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?"boolean"!=typeof(null===(j=o.yAxis)||void 0===j?void 0:j.stacked)||(null===(H=o.yAxis)||void 0===H?void 0:H.stacked):"boolean"!=typeof(null===(L=o.xAxis)||void 0===L?void 0:L.stacked)||(null===(k=o.xAxis)||void 0===k?void 0:k.stacked)},y:Object.assign(Object.assign({},(null===(E=null==o?void 0:o.equalHeight)||void 0===E?void 0:E.flag)?{suggestedMin:-(null==o?void 0:o.equalHeight.max),suggestedMax:null==o?void 0:o.equalHeight.max}:{}),{max:null===(F=null==o?void 0:o.yAxis)||void 0===F?void 0:F.max,title:{display:!!(o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(P=o.xAxis)||void 0===P?void 0:P.title:null===(B=o.yAxis)||void 0===B?void 0:B.title),text:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(G=o.xAxis)||void 0===G?void 0:G.title:null===(_=o.yAxis)||void 0===_?void 0:_.title,color:null!==(q=o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(w=o.xAxis)||void 0===w?void 0:w.titleColor:null===(D=o.yAxis)||void 0===D?void 0:D.titleColor)&&void 0!==q?q:s.COLORS.content.secondary,font:{size:s.FONTS.caption.fontSize}},grid:{display:o.orientation!==u.GRAPH_ORIENTATION.HORIZONTAL&&(void 0===(null===(Z=null==o?void 0:o.showGridLines)||void 0===Z?void 0:Z.y)||(null===(z=null==o?void 0:o.showGridLines)||void 0===z?void 0:z.y)),color:s.COLORS.background.base},ticks:Object.assign(Object.assign({stepSize:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?null===(M=o.xAxis)||void 0===M?void 0:M.stepSize:null===(W=o.yAxis)||void 0===W?void 0:W.stepSize,fontSize:s.FONTS.caption.fontSize,color:null!==($=o.xAxis.labelColor)&&void 0!==$?$:s.COLORS.content.secondary},re?{min:0,max:2e3,stepSize:200}:{}),{callback:(null==o?void 0:o.ticksCallback)?null==o?void 0:o.ticksCallback:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?e=>{var i;let t;t=o.isInternationalStore?c.truncateValueForInternationalStore(e):c.truncateValueForIndianStore(e);return`${t}${(null===(i=o.xAxis)||void 0===i?void 0:i.axisSuffix)||""}`}:(null===(V=o.yAxis)||void 0===V?void 0:V.axisSuffix)?e=>`${e}${o.yAxis.axisSuffix}`:void 0}),stacked:o.orientation===u.GRAPH_ORIENTATION.HORIZONTAL?"boolean"!=typeof(null===(Y=o.xAxis)||void 0===Y?void 0:Y.stacked)||(null===(J=o.xAxis)||void 0===J?void 0:J.stacked):"boolean"!=typeof(null===(K=o.yAxis)||void 0===K?void 0:K.stacked)||(null===(Q=o.yAxis)||void 0===Q?void 0:Q.stacked)})},onClick:(e,i)=>{if(!o.onBarClick)return;const t=i[0].datasetIndex,a=i[0].index,l=e.chart.data.datasets[t].label,n=e.chart.data.labels[a];o.onBarClick(n,l)},onHover:(e,i)=>{o.onBarClick&&i.length&&(e.native.target.style.cursor="pointer")}};let be;o.orientation&&o.orientation!==u.GRAPH_ORIENTATION.VERTICAL?delete ye.scales.y.ticks.callback:delete ye.scales.x.ticks.callback,be=re?[{data:de,backgroundColor:"rgba(0,0,0,0)"}]:ge;const fe={labels:Ae,datasets:be};let Ce;Ce=re?[{data:de,backgroundColor:"rgba(0,0,0,0)"}]:he;const Re={labels:o.xAxis.data.map((e=>"string"==typeof e?e:e.name)),datasets:Ce},Ie=function(){let i,t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return i=o.allowChartPopup&&!t?"flex-start":"flex-end",e.jsx("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:i,flexWrap:"wrap"},children:Oe.map((i=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"4px"},children:[e.jsx("div",{style:{backgroundColor:i.backgroundColor,width:"16px",height:"16px",borderRadius:"2px"}}),e.jsx(r.BodyTiny,{color:s.COLORS.content.secondary,children:i.label})]},i.label.replace(" ","_"))))})};return e.jsxs(v.GraphContainerWrapper,{style:null!==(U=o.wrapperStyle)&&void 0!==U?U:{},padding:o.outerPadding,customLegend:o.customLegend,children:[o.chartHeading&&e.jsxs("div",{style:{marginBottom:24,display:"flex",justifyContent:o.hideHeading?"flex-end":"space-between"},children:[!0!==o.hideHeading&&e.jsx(r.TitleRegular,{color:null!==(X=o.chartHeading.color)&&void 0!==X?X:s.COLORS.content.secondary,children:o.chartHeading.heading}),o.allowChartPopup&&e.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:e.jsx("div",{children:e.jsx(n.IconButton,{Icon:i.default,onClick:()=>{ne(!0)}})})})]}),o.customLegend&&e.jsxs("div",{style:{display:"flex",flexDirection:ae,justifyContent:"space-between"},children:[e.jsx(v.HeaderIconWrapper,{children:te.map(((i,o)=>e.jsx("div",{children:e.jsx("div",{children:i})},o)))}),Ie()]}),e.jsx("div",{className:"graph__wrapper",children:e.jsx("div",{style:{height:null!==(ee=o.graphCanvasHeight)&&void 0!==ee?ee:500,width:null!==(ie=o.graphCanvasWidth)&&void 0!==ie?ie:"auto"},children:e.jsx(l.Bar,{options:ye,data:fe})})}),le&&e.jsx(d.StyledModal,{open:le,onClose:()=>ne(!1),closeOnOutsideClick:!0,headingTitle:null===(oe=o.chartHeading)||void 0===oe?void 0:oe.heading,width:"85%",children:e.jsxs("div",{className:"graph__wrapper",style:{padding:"8px"},children:[o.customLegend&&Ie(!0),e.jsx("div",{style:{height:"70vh",width:"100%",padding:"16px",borderRadius:"8px"},children:e.jsx(l.Bar,{options:ye,data:Re})})]})})]})};

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

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);const n=a.default.div`
 	background-color: ${r.COLORS.surface.standard};
-	padding: ${e=>{var r;return null!==(r=e.padding)&&void 0!==r?r:"0px"}};
+	padding: ${e=>{var r;return null!==(r=e.padding)&&void 0!==r?r:"24px"}};
 	border: none;
 	width: 100%;
 

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

@@ -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"),n=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),r=require("../utils/calcPercentage.js"),d=require("./StackedBarChart.styles.js"),s=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,v,O,T,g,h,p,A,I,R,b,N,y,C,F,f,S,E,x,H,_,L,j,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"]],Y={min:0,max:200,stepSize:20},U={min:l.minValue,max:l.maxValue,stepSize:l.valuesStepSize},$={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:M?0:null!==(a=l.barThickness)&&void 0!==a?a:100},J={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===(O=null===(v=l.tooltipConfig)||void 0===v?void 0:v.footerStyles)||void 0===O?void 0:O.footerFont},datalabels:{display:null!==(T=!M&&l.showTotal)&&void 0!==T&&T,anchor:"end",align:"end",clamp:!0,formatter:(e,a)=>{var t;const o=a.datasetIndex,n=a.chart.data.datasets;if(o!==n.length-1)return"";const i=a.dataIndex;let d=0;for(let e=0;e<n.length;e++)d+=null!==(t=n[e].data[i])&&void 0!==t?t:0;return d?l.isInternationalStore?r.truncateValueForInternationalStore(d):r.truncateValueForIndianStore(d):""},color:i.COLORS.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",layout:{padding:{right:l.showTotal&&l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:l.showTotal&&l.orientation!=s.GRAPH_ORIENTATION.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(g=l.valueTitle)||void 0===g?void 0:g.heading:null===(h=l.labelTitle)||void 0===h?void 0:h.heading),text:l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(p=l.valueTitle)||void 0===p?void 0:p.heading:null===(A=l.labelTitle)||void 0===A?void 0:A.heading,color:null!==(b=l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(I=l.valueTitle)||void 0===I?void 0:I.color:null===(R=l.labelTitle)||void 0===R?void 0:R.color)&&void 0!==b?b:i.COLORS.content.secondary,font:{size:i.FONTS.bodySecondary.fontSize}},grid:{display:l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL,color:i.COLORS.background.base},ticks:Object.assign(Object.assign({stepSize:30,fontSize:i.FONTS.caption.fontSize,color:null!==(C=l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(N=l.labelTitle)||void 0===N?void 0:N.color:null===(y=l.valueTitle)||void 0===y?void 0:y.color)&&void 0!==C?C:i.COLORS.content.secondary},l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?M?Y:U:{}),{callback:(e,a)=>{var t,o;return l.orientation!==s.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:l.isInternationalStore?r.truncateValueForInternationalStore(e):r.truncateValueForIndianStore(e)}}),stacked:!0},y:{title:{display:!!(l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(F=l.labelTitle)||void 0===F?void 0:F.heading:null===(f=l.valueTitle)||void 0===f?void 0:f.heading),text:l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(S=l.labelTitle)||void 0===S?void 0:S.heading:null===(E=l.valueTitle)||void 0===E?void 0:E.heading,color:null!==(_=l.orientation===s.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!==_?_:i.COLORS.content.secondary,font:{size:i.FONTS.bodySecondary.fontSize}},grid:{display:l.orientation!==s.GRAPH_ORIENTATION.HORIZONTAL,color:i.COLORS.background.base},ticks:Object.assign(Object.assign({fontSize:i.FONTS.caption.fontSize,color:null!==(m=l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(L=l.valueTitle)||void 0===L?void 0:L.color:null===(j=l.labelTitle)||void 0===j?void 0:j.color)&&void 0!==m?m:i.COLORS.content.secondary},l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?{}:M?Y:U),{callback:(e,a)=>{var t,o;return l.orientation===s.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:l.isInternationalStore?r.truncateValueForInternationalStore(e):r.truncateValueForIndianStore(e)}}),stacked:!0}},onClick:(e,a)=>{if(!l.onBarClick)return;const t=a[0].datasetIndex,o=a[0].index,n=e.chart.data.datasets[t].label,i=e.chart.data.labels[o];l.onBarClick(i,n)},onHover:(e,a)=>{l.onBarClick&&a.length&&(e.native.target.style.cursor="pointer")}},K=Array.from(new Set(l.data.map(e=>e.label))),Q={labels:(X=K,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=[];K.forEach((a,t)=>{const o=[],n=l.data.filter(e=>e.label===a);l.isFunnel||n.sort((e,l)=>l.value-e.value),n.forEach((e,l)=>{const a=((e,l,a)=>W[e].slice(-a)[l])(t,l,n.length);o.push({color:a,label:e.stackLabel});const i=Object.assign({label:e.stackLabel,backgroundColor:a,data:Array(K.length).fill(0)},$);i.data[t]=e.value,Q.datasets.push(i)}),e.push(o)}),z(e),V(Q)},[l.data]);const ee=t.useCallback(()=>e.jsx("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"flex-end"},children:le().map(l=>e.jsxs("div",{className:"legend__row",children:[e.jsx("div",{className:"legend__palette",style:{backgroundColor:l.color}}),e.jsx(n.BodyTiny,{color:i.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:K[a]})}),e};if(!q)return e.jsx(e.Fragment,{});return e.jsxs(d.GraphContainerWrapper,{style:null!==(k=l.wrapperStyle)&&void 0!==k?k:{},padding:l.outerPadding,chartWrapperHeight:l.chartWrapperHeight,isFunnel:l.isFunnel,children:[l.chartHeading&&e.jsx("div",{style:{marginBottom:24},children:e.jsx(n.TitleRegular,{color:null!==(P=l.chartHeading.color)&&void 0!==P?P:i.COLORS.content.secondary,children:l.chartHeading.heading})}),e.jsxs("div",{className:"graph__wrapper",children:[(null===(B=l.showLegend)||void 0===B||B)&&l.isFunnel&&ee(),e.jsx("div",{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:J,data:q})}),(null===(Z=l.showLegend)||void 0===Z||Z)&&!l.isFunnel&&e.jsx("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"column"},children:w.map((l,a)=>e.jsx("div",{className:"legend__set",children:l.map(l=>e.jsxs("div",{className:"legend__row",children:[e.jsx("div",{className:"legend__palette",style:{backgroundColor:l.color}}),e.jsx(n.BodyTiny,{color:i.COLORS.content.secondary,children:l.label})]},l.label.replace(" ","_")))},`Legend_set_${a}`))})]})]})};
+"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"),n=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),r=require("../utils/calcPercentage.js"),d=require("./StackedBarChart.styles.js"),s=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,v,O,T,g,h,p,A,I,R,b,N,y,C,F,f,S,E,x,H,_,L,j,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"]],Y={min:0,max:200,stepSize:20},U={min:l.minValue,max:l.maxValue,stepSize:l.valuesStepSize},$={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:M?0:null!==(a=l.barThickness)&&void 0!==a?a:100},J={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===(O=null===(v=l.tooltipConfig)||void 0===v?void 0:v.footerStyles)||void 0===O?void 0:O.footerFont},datalabels:{display:null!==(T=!M&&l.showTotal)&&void 0!==T&&T,anchor:"end",align:"end",clamp:!0,formatter:(e,a)=>{var t;const o=a.datasetIndex,n=a.chart.data.datasets;if(o!==n.length-1)return"";const i=a.dataIndex;let d=0;for(let e=0;e<n.length;e++)d+=null!==(t=n[e].data[i])&&void 0!==t?t:0;return d?l.isInternationalStore?r.truncateValueForInternationalStore(d):r.truncateValueForIndianStore(d):""},color:i.COLORS.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",layout:{padding:{right:l.showTotal&&l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?50:0,top:l.showTotal&&l.orientation!=s.GRAPH_ORIENTATION.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(g=l.valueTitle)||void 0===g?void 0:g.heading:null===(h=l.labelTitle)||void 0===h?void 0:h.heading),text:l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(p=l.valueTitle)||void 0===p?void 0:p.heading:null===(A=l.labelTitle)||void 0===A?void 0:A.heading,color:null!==(b=l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(I=l.valueTitle)||void 0===I?void 0:I.color:null===(R=l.labelTitle)||void 0===R?void 0:R.color)&&void 0!==b?b:i.COLORS.content.secondary,font:{size:i.FONTS.bodySecondary.fontSize}},grid:{display:l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL,color:i.COLORS.background.base},ticks:Object.assign(Object.assign({stepSize:30,fontSize:i.FONTS.caption.fontSize,color:null!==(C=l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(N=l.labelTitle)||void 0===N?void 0:N.color:null===(y=l.valueTitle)||void 0===y?void 0:y.color)&&void 0!==C?C:i.COLORS.content.secondary},l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?M?Y:U:{}),{callback:(e,a)=>{var t,o;return l.orientation!==s.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:l.isInternationalStore?r.truncateValueForInternationalStore(e):r.truncateValueForIndianStore(e)}}),stacked:!0},y:{title:{display:!!(l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(F=l.labelTitle)||void 0===F?void 0:F.heading:null===(f=l.valueTitle)||void 0===f?void 0:f.heading),text:l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(S=l.labelTitle)||void 0===S?void 0:S.heading:null===(E=l.valueTitle)||void 0===E?void 0:E.heading,color:null!==(_=l.orientation===s.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!==_?_:i.COLORS.content.secondary,font:{size:i.FONTS.bodySecondary.fontSize}},grid:{display:l.orientation!==s.GRAPH_ORIENTATION.HORIZONTAL,color:i.COLORS.background.base},ticks:Object.assign(Object.assign({fontSize:i.FONTS.caption.fontSize,color:null!==(m=l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?null===(L=l.valueTitle)||void 0===L?void 0:L.color:null===(j=l.labelTitle)||void 0===j?void 0:j.color)&&void 0!==m?m:i.COLORS.content.secondary},l.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?{}:M?Y:U),{callback:(e,a)=>{var t,o;return l.orientation===s.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:l.isInternationalStore?r.truncateValueForInternationalStore(e):r.truncateValueForIndianStore(e)}}),stacked:!0}},onClick:(e,a)=>{if(!l.onBarClick)return;const t=a[0].datasetIndex,o=a[0].index,n=e.chart.data.datasets[t].label,i=e.chart.data.labels[o];l.onBarClick(i,n)},onHover:(e,a)=>{l.onBarClick&&a.length&&(e.native.target.style.cursor="pointer")}},K=Array.from(new Set(l.data.map((e=>e.label)))),Q={labels:(X=K,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=[];K.forEach(((a,t)=>{const o=[],n=l.data.filter((e=>e.label===a));l.isFunnel||n.sort(((e,l)=>l.value-e.value)),n.forEach(((e,l)=>{const a=((e,l,a)=>W[e].slice(-a)[l])(t,l,n.length);o.push({color:a,label:e.stackLabel});const i=Object.assign({label:e.stackLabel,backgroundColor:a,data:Array(K.length).fill(0)},$);i.data[t]=e.value,Q.datasets.push(i)})),e.push(o)})),z(e),V(Q)}),[l.data]);const ee=t.useCallback((()=>e.jsx("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"flex-end"},children:le().map((l=>e.jsxs("div",{className:"legend__row",children:[e.jsx("div",{className:"legend__palette",style:{backgroundColor:l.color}}),e.jsx(n.BodyTiny,{color:i.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:K[a]})})),e};if(!q)return e.jsx(e.Fragment,{});return e.jsxs(d.GraphContainerWrapper,{style:null!==(k=l.wrapperStyle)&&void 0!==k?k:{},padding:l.outerPadding,chartWrapperHeight:l.chartWrapperHeight,isFunnel:l.isFunnel,children:[l.chartHeading&&e.jsx("div",{style:{marginBottom:24},children:e.jsx(n.TitleRegular,{color:null!==(P=l.chartHeading.color)&&void 0!==P?P:i.COLORS.content.secondary,children:l.chartHeading.heading})}),e.jsxs("div",{className:"graph__wrapper",children:[(null===(B=l.showLegend)||void 0===B||B)&&l.isFunnel&&ee(),e.jsx("div",{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:J,data:q})}),(null===(Z=l.showLegend)||void 0===Z||Z)&&!l.isFunnel&&e.jsx("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"column"},children:w.map(((l,a)=>e.jsx("div",{className:"legend__set",children:l.map((l=>e.jsxs("div",{className:"legend__row",children:[e.jsx("div",{className:"legend__palette",style:{backgroundColor:l.color}}),e.jsx(n.BodyTiny,{color:i.COLORS.content.secondary,children:l.label})]},l.label.replace(" ","_"))))},`Legend_set_${a}`)))})]})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),e=require("chart.js"),a=require("react-chartjs-2"),r=require("../../../TypographyStyle.js"),l=require("../../../../constants/Theme.js"),o=require("../LineChart/LineChart.styled.js"),t=require("../utils/calcPercentage.js"),n=require("./VerticalBarAndLinearGraph.styles.js"),s=require("./VerticalBarAndLinearGraphModel.js");e.Chart.register(e.CategoryScale,e.LinearScale,e.BarElement,e.Tooltip);exports.VerticalBarAndLinearGraph=e=>{var d,x,c,u,A,p,b,g,S,h;const f=[0,0,0,0,0,0],C=["-","-","-","-","-","-"],O=-1===e.barAxis.data.findIndex(i=>0!==i),y=-1===e.lineAxis.data.findIndex(i=>0!==i),v=!e.lineAxis2||-1===e.lineAxis2.data.findIndex(i=>0!==i),I={min:0,max:2e3,stepSize:200},j=[{legend:e.barAxis.title,color:e.barAxis.graphColor},{legend:e.lineAxis.title,color:e.lineAxis.graphColor},...e.lineAxis2?[{legend:e.lineAxis2.title,color:e.lineAxis2.graphColor}]:[]],R={responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:i=>{var a;const r=i.raw,l=i.dataset;let o="";"bar"===l.yAxisID?o=e.barAxis.axisSuffix||"":"line"===l.yAxisID?o=e.lineAxis.axisSuffix||"":"line2"===l.yAxisID&&(o=(null===(a=e.lineAxis2)||void 0===a?void 0:a.axisSuffix)||"");let n=r;return e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL&&(n=e.isInternationalStore?t.truncateValueForInternationalStore(r):t.truncateValueForIndianStore(r)),`${n}${o}`}}}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:l.FONTS.caption.fontSize}},grid:{display:!1,borderColor:l.COLORS.background.base},ticks:{fontSize:l.FONTS.caption.fontSize,color:null!==(d=e.xAxis.labelColor)&&void 0!==d?d:l.COLORS.content.secondary,callback:(null===(x=e.xAxis)||void 0===x?void 0:x.axisSuffix)?i=>`${i}${e.xAxis.axisSuffix}`:void 0}},bar:{position:"left",title:{display:!!e.barAxis.title,text:e.barAxis.title,color:e.barAxis.titleColor,font:{size:l.FONTS.caption.fontSize}},grid:{borderColor:"white",color:l.COLORS.background.base},max:null===(c=null==e?void 0:e.barAxis)||void 0===c?void 0:c.max,ticks:Object.assign(Object.assign({fontSize:l.FONTS.caption.fontSize,color:null!==(u=e.barAxis.labelColor)&&void 0!==u?u:l.COLORS.content.secondary},O?I:{}),{callback:e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?i=>{var a;let r;r=e.isInternationalStore?t.truncateValueForInternationalStore(i):t.truncateValueForIndianStore(i);return`${r}${(null===(a=e.barAxis)||void 0===a?void 0:a.axisSuffix)||""}`}:(null===(A=e.barAxis)||void 0===A?void 0:A.axisSuffix)?i=>`${i}${e.barAxis.axisSuffix}`:void 0})},line:{position:"right",title:{display:!!e.lineAxis.title,text:e.lineAxis.title,color:e.lineAxis.titleColor,font:{size:l.FONTS.caption.fontSize}},max:null===(p=null==e?void 0:e.lineAxis)||void 0===p?void 0:p.max,grid:{display:!1,borderColor:"white",color:l.COLORS.background.base},ticks:Object.assign(Object.assign({fontSize:l.FONTS.caption.fontSize,color:null!==(b=e.lineAxis.labelColor)&&void 0!==b?b:l.COLORS.content.secondary},y?I:{}),{callback:e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?i=>{var a;let r;r=e.isInternationalStore?t.truncateValueForInternationalStore(i):t.truncateValueForIndianStore(i);return`${r}${(null===(a=e.lineAxis)||void 0===a?void 0:a.axisSuffix)||""}`}:(null===(g=e.lineAxis)||void 0===g?void 0:g.axisSuffix)?i=>`${i}${e.lineAxis.axisSuffix}`:void 0}),display:!0}},maintainAspectRatio:!1};let m,L,T,k;e.orientation&&e.orientation!==s.GRAPH_ORIENTATION.VERTICAL?(delete R.scales.bar.ticks.callback,delete R.scales.line.ticks.callback):delete R.scales.x.ticks.callback,m=e.xAxis.forceShowXAxis?e.xAxis.data.map(i=>i.toString()):O&&y&&v?C:e.xAxis.data.map(i=>i.toString()),L=e.noDummyValues?e.lineAxis.data:y?f:e.lineAxis.data,e.lineAxis2&&(T=e.noDummyValues?e.lineAxis2.data:v?f:e.lineAxis2.data),k=e.noDummyValues?e.barAxis.data:O?f:e.barAxis.data;const N={labels:m,datasets:[{yAxisID:"line",type:"line",data:L,borderColor:e.lineAxis.graphColor||"rgba(0,0,0,0)",backgroundColor:e.lineAxis.graphColor,borderWidth:2,fill:!1,pointRadius:e.pointRadius||1},...e.lineAxis2?[{yAxisID:"line",type:"line",data:T,borderColor:e.lineAxis2.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:e.pointRadius||1,backgroundColor:e.lineAxis2.graphColor}]:[],{yAxisID:"bar",type:"bar",data:k,backgroundColor:e.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i.jsxs(n.GraphWrapper,{children:[e.customLegend?i.jsx(n.LegendsWrapper,{children:j.map(({legend:e,color:a},o)=>e?i.jsxs(n.LegendMiddleWrapper,{children:[i.jsx(n.LegendColorBox,{color:a}),i.jsx(r.BodyTiny,{color:l.COLORS.content.secondary,children:e})]},o):null)}):i.jsx(o.LegendWrapper,{position:"center",children:j.map(({legend:e,color:a},l)=>e?i.jsxs(o.LegendContainer,{children:[i.jsx(o.LegendColor,{color:a}),i.jsx(r.SmallRegular,{color:"#667085",children:e})]},l):i.jsx(i.Fragment,{}))}),i.jsxs(n.GraphContainerWrapper,{children:[e.chartHeading&&i.jsx("div",{style:{marginBottom:24},children:i.jsx(r.TitleRegular,{color:null!==(S=e.chartHeading.color)&&void 0!==S?S:l.COLORS.content.secondary,children:e.chartHeading.heading})}),i.jsx("div",{style:{height:null!==(h=e.graphCanvasHeight)&&void 0!==h?h:500},children:i.jsx(a.Chart,{type:"bar",data:N,options:R})})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),e=require("chart.js"),r=require("react-chartjs-2"),a=require("../../../TypographyStyle.js"),l=require("../../../../constants/Theme.js"),t=require("../LineChart/LineChart.styled.js"),o=require("../utils/calcPercentage.js"),n=require("./VerticalBarAndLinearGraph.styles.js"),s=require("./VerticalBarAndLinearGraphModel.js");e.Chart.register(e.CategoryScale,e.LinearScale,e.BarElement,e.Tooltip);exports.VerticalBarAndLinearGraph=e=>{var d,x,c,u,A,p,b,g,S,h;const f=[0,0,0,0,0,0],C=["-","-","-","-","-","-"],O=-1===e.barAxis.data.findIndex((i=>0!==i)),y=-1===e.lineAxis.data.findIndex((i=>0!==i)),v=!e.lineAxis2||-1===e.lineAxis2.data.findIndex((i=>0!==i)),I={min:0,max:2e3,stepSize:200},j=[{legend:e.barAxis.title,color:e.barAxis.graphColor},{legend:e.lineAxis.title,color:e.lineAxis.graphColor},...e.lineAxis2?[{legend:e.lineAxis2.title,color:e.lineAxis2.graphColor}]:[]],R={responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:i=>{var r;const a=i.raw,l=i.dataset;let t="";"bar"===l.yAxisID?t=e.barAxis.axisSuffix||"":"line"===l.yAxisID?t=e.lineAxis.axisSuffix||"":"line2"===l.yAxisID&&(t=(null===(r=e.lineAxis2)||void 0===r?void 0:r.axisSuffix)||"");let n=a;return e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL&&(n=e.isInternationalStore?o.truncateValueForInternationalStore(a):o.truncateValueForIndianStore(a)),`${n}${t}`}}}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:l.FONTS.caption.fontSize}},grid:{display:!1,borderColor:l.COLORS.background.base},ticks:{fontSize:l.FONTS.caption.fontSize,color:null!==(d=e.xAxis.labelColor)&&void 0!==d?d:l.COLORS.content.secondary,callback:(null===(x=e.xAxis)||void 0===x?void 0:x.axisSuffix)?i=>`${i}${e.xAxis.axisSuffix}`:void 0}},bar:{position:"left",title:{display:!!e.barAxis.title,text:e.barAxis.title,color:e.barAxis.titleColor,font:{size:l.FONTS.caption.fontSize}},grid:{borderColor:"white",color:l.COLORS.background.base},max:null===(c=null==e?void 0:e.barAxis)||void 0===c?void 0:c.max,ticks:Object.assign(Object.assign({fontSize:l.FONTS.caption.fontSize,color:null!==(u=e.barAxis.labelColor)&&void 0!==u?u:l.COLORS.content.secondary},O?I:{}),{callback:e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?i=>{var r;let a;a=e.isInternationalStore?o.truncateValueForInternationalStore(i):o.truncateValueForIndianStore(i);return`${a}${(null===(r=e.barAxis)||void 0===r?void 0:r.axisSuffix)||""}`}:(null===(A=e.barAxis)||void 0===A?void 0:A.axisSuffix)?i=>`${i}${e.barAxis.axisSuffix}`:void 0})},line:{position:"right",title:{display:!!e.lineAxis.title,text:e.lineAxis.title,color:e.lineAxis.titleColor,font:{size:l.FONTS.caption.fontSize}},max:null===(p=null==e?void 0:e.lineAxis)||void 0===p?void 0:p.max,grid:{display:!1,borderColor:"white",color:l.COLORS.background.base},ticks:Object.assign(Object.assign({fontSize:l.FONTS.caption.fontSize,color:null!==(b=e.lineAxis.labelColor)&&void 0!==b?b:l.COLORS.content.secondary},y?I:{}),{callback:e.orientation===s.GRAPH_ORIENTATION.HORIZONTAL?i=>{var r;let a;a=e.isInternationalStore?o.truncateValueForInternationalStore(i):o.truncateValueForIndianStore(i);return`${a}${(null===(r=e.lineAxis)||void 0===r?void 0:r.axisSuffix)||""}`}:(null===(g=e.lineAxis)||void 0===g?void 0:g.axisSuffix)?i=>`${i}${e.lineAxis.axisSuffix}`:void 0}),display:!0}},maintainAspectRatio:!1};let m,L,T,k;e.orientation&&e.orientation!==s.GRAPH_ORIENTATION.VERTICAL?(delete R.scales.bar.ticks.callback,delete R.scales.line.ticks.callback):delete R.scales.x.ticks.callback,m=e.xAxis.forceShowXAxis?e.xAxis.data.map((i=>i.toString())):O&&y&&v?C:e.xAxis.data.map((i=>i.toString())),L=e.noDummyValues?e.lineAxis.data:y?f:e.lineAxis.data,e.lineAxis2&&(T=e.noDummyValues?e.lineAxis2.data:v?f:e.lineAxis2.data),k=e.noDummyValues?e.barAxis.data:O?f:e.barAxis.data;const N={labels:m,datasets:[{yAxisID:"line",type:"line",data:L,borderColor:e.lineAxis.graphColor||"rgba(0,0,0,0)",backgroundColor:e.lineAxis.graphColor,borderWidth:2,fill:!1,pointRadius:e.pointRadius||1},...e.lineAxis2?[{yAxisID:"line",type:"line",data:T,borderColor:e.lineAxis2.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:e.pointRadius||1,backgroundColor:e.lineAxis2.graphColor}]:[],{yAxisID:"bar",type:"bar",data:k,backgroundColor:e.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i.jsxs(n.GraphWrapper,{children:[e.customLegend?i.jsx(n.LegendsWrapper,{children:j.map(((e,r)=>{let{legend:t,color:o}=e;return t?i.jsxs(n.LegendMiddleWrapper,{children:[i.jsx(n.LegendColorBox,{color:o}),i.jsx(a.BodyTiny,{color:l.COLORS.content.secondary,children:t})]},r):null}))}):i.jsx(t.LegendWrapper,{position:"center",children:j.map(((e,r)=>{let{legend:l,color:o}=e;return l?i.jsxs(t.LegendContainer,{children:[i.jsx(t.LegendColor,{color:o}),i.jsx(a.SmallRegular,{color:"#667085",children:l})]},r):i.jsx(i.Fragment,{})}))}),i.jsxs(n.GraphContainerWrapper,{children:[e.chartHeading&&i.jsx("div",{style:{marginBottom:24},children:i.jsx(a.TitleRegular,{color:null!==(S=e.chartHeading.color)&&void 0!==S?S:l.COLORS.content.secondary,children:e.chartHeading.heading})}),i.jsx("div",{style:{height:null!==(h=e.graphCanvasHeight)&&void 0!==h?h:500},children:i.jsx(r.Chart,{type:"bar",data:N,options:R})})]})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("chart.js"),a=require("react-chartjs-2"),t=require("../../../TypographyStyle.js"),l=require("../LineChart/LineChart.styled.js");r.Chart.register(r.CategoryScale,r.LinearScale,r.BarElement,r.Tooltip);const n=["#DEEFFF","#FEDEF3","#FEC6C6","#DBAFFF","#FEDEBC"];exports.FunnelVerticalBarGraph=({data:r=[],maintainAspectRatio:s=!1,canvasHeight:i=300,barColors:o=n,titleToolTipCallback:c})=>{0===r.length&&(r=[{label:"",current:0,previousLabel:""}]);const d=r.map(e=>e.label),p=r.map(e=>e.current||0),u=r.map(e=>e.previous?Math.max((e.previous||0)-e.current,0):0),g=r.map(e=>e.previousLabel||""),h=o,b=r.map(e=>({text:e.label,color:h[r.indexOf(e)]})),x=[{label:"Current Value",data:p,backgroundColor:h.slice(0,r.length),borderColor:"white",borderWidth:1,stack:"combined"},{label:"Previous Value",data:u.map(e=>e||0),backgroundColor:h.slice(0,r.length).map(e=>((e,r)=>{let a=0,t=0,l=0;return 4===e.length?(a=parseInt(e[1]+e[1],16),t=parseInt(e[2]+e[2],16),l=parseInt(e[3]+e[3],16)):7===e.length&&(a=parseInt(e[1]+e[2],16),t=parseInt(e[3]+e[4],16),l=parseInt(e[5]+e[6],16)),`rgba(${a}, ${t}, ${l}, ${r})`})(e,.3)),borderColor:"white",borderWidth:1,stack:"combined"}],m={labels:d,datasets:x},y={maintainAspectRatio:s,responsive:!0,scales:{x:{stacked:!0,grid:{display:!1},ticks:{display:r.length>0}},y:{stacked:!0,barPercentage:.6,categoryPercentage:.7,ticks:{display:r.length>0},grid:{drawBorder:r.length>0}}},plugins:{legend:{display:!1},tooltip:{callbacks:{title:c||(e=>{const r=e[0].datasetIndex,a=e[0].dataIndex;if(1===r){return`${g[a]} but not ${d[a]}`}return e[0].label}),label:e=>` ${e.raw}`}}}};return e.jsxs("div",{style:{height:s?void 0:i,display:"flex",flexDirection:"column",gap:5,width:"100%"},children:[e.jsx(l.LegendWrapper,{children:b.map(({text:r,color:a},n)=>r?e.jsxs(l.LegendContainer,{children:[e.jsx(l.LegendColor,{color:a,newStyle:!0}),e.jsx(t.SmallRegular,{color:"#667085",children:r})]},n):e.jsx(e.Fragment,{}))}),e.jsx("div",{style:{flex:1},children:e.jsx(a.Bar,{data:m,options:y})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("chart.js"),t=require("react-chartjs-2"),a=require("../../../TypographyStyle.js"),l=require("../LineChart/LineChart.styled.js");r.Chart.register(r.CategoryScale,r.LinearScale,r.BarElement,r.Tooltip);const n=["#DEEFFF","#FEDEF3","#FEC6C6","#DBAFFF","#FEDEBC"];exports.FunnelVerticalBarGraph=r=>{let{data:s=[],maintainAspectRatio:i=!1,canvasHeight:o=300,barColors:c=n,titleToolTipCallback:d}=r;0===s.length&&(s=[{label:"",current:0,previousLabel:""}]);const p=s.map((e=>e.label)),u=s.map((e=>e.current||0)),g=s.map((e=>e.previous?Math.max((e.previous||0)-e.current,0):0)),h=s.map((e=>e.previousLabel||"")),b=c,x=s.map((e=>({text:e.label,color:b[s.indexOf(e)]}))),m=[{label:"Current Value",data:u,backgroundColor:b.slice(0,s.length),borderColor:"white",borderWidth:1,stack:"combined"},{label:"Previous Value",data:g.map((e=>e||0)),backgroundColor:b.slice(0,s.length).map((e=>((e,r)=>{let t=0,a=0,l=0;return 4===e.length?(t=parseInt(e[1]+e[1],16),a=parseInt(e[2]+e[2],16),l=parseInt(e[3]+e[3],16)):7===e.length&&(t=parseInt(e[1]+e[2],16),a=parseInt(e[3]+e[4],16),l=parseInt(e[5]+e[6],16)),`rgba(${t}, ${a}, ${l}, ${r})`})(e,.3))),borderColor:"white",borderWidth:1,stack:"combined"}],y={labels:p,datasets:m},C={maintainAspectRatio:i,responsive:!0,scales:{x:{stacked:!0,grid:{display:!1},ticks:{display:s.length>0}},y:{stacked:!0,barPercentage:.6,categoryPercentage:.7,ticks:{display:s.length>0},grid:{drawBorder:s.length>0}}},plugins:{legend:{display:!1},tooltip:{callbacks:{title:d||(e=>{const r=e[0].datasetIndex,t=e[0].dataIndex;if(1===r){return`${h[t]} but not ${p[t]}`}return e[0].label}),label:e=>` ${e.raw}`}}}};return e.jsxs("div",{style:{height:i?void 0:o,display:"flex",flexDirection:"column",gap:5,width:"100%"},children:[e.jsx(l.LegendWrapper,{children:x.map(((r,t)=>{let{text:n,color:s}=r;return n?e.jsxs(l.LegendContainer,{children:[e.jsx(l.LegendColor,{color:s,newStyle:!0}),e.jsx(a.SmallRegular,{color:"#667085",children:n})]},t):e.jsx(e.Fragment,{})}))}),e.jsx("div",{style:{flex:1},children:e.jsx(t.Bar,{data:y,options:C})})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../assets/icons/ChartBar.svg.js"),o=require("../../../../assets/icons/ChartPie.svg.js"),a=require("../../../../assets/icons/maximize.svg.js"),i=require("chart.js"),l=require("chartjs-plugin-datalabels"),n=require("react"),r=require("react-chartjs-2"),s=require("../../../icon-button/IconButton.js"),d=require("../../../modals/styledModal.js"),c=require("../../../TypographyStyle.js"),u=require("../../../../constants/Theme.js"),p=require("./VerticalGraph.styles.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=x(l),g=x(n);i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip,v.default);const h=g.default.lazy(()=>Promise.resolve().then(function(){return require("../Pie/PieChartAnalytics.js")}).then(e=>({default:e.PieChartAnalytics})));exports.VerticalGraph=i=>{var l,x,v,g,y,b,C,f,S,A,j,O,k,m,z,T,$,D,R,P,L,q,B,F,I,N;const[w,H]=n.useState(!1),[E,G]=n.useState(!1),[M,V]=n.useState();n.useEffect(()=>{var e;const t=[];E&&(null===(e=i.popupData)||void 0===e||e.xAxis.data.forEach((e,o)=>{var a;t.push({name:e.toString(),count:Number(null===(a=i.popupData)||void 0===a?void 0:a.yAxis.data[o])||0})}),V(t))},[E,null===(l=i.popupData)||void 0===l?void 0:l.xAxis.data,null===(x=i.popupData)||void 0===x?void 0:x.yAxis.data]);const _=[250,1e3,800,1500,300,600],W=-1===i.yAxis.data.findIndex(e=>0!==e),J=-1===(null===(v=i.popupData)||void 0===v?void 0:v.yAxis.data.findIndex(e=>0!==e)),K={min:0,max:2e3,stepSize:200},Q={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!W,callbacks:{label:i.yAxis.toolTipCallback}},datalabels:{display:null!==(g=i.showTotal)&&void 0!==g&&g,anchor:"end",align:"end",clamp:!0,color:u.COLORS.content.secondary}},scales:{x:{title:{display:!!i.xAxis.title,text:i.xAxis.title,color:i.xAxis.titleColor,font:{size:u.FONTS.caption.fontSize}},grid:{display:!1,borderColor:u.COLORS.background.base},ticks:{fontSize:u.FONTS.caption.fontSize,color:null!==(y=i.yAxis.labelColor)&&void 0!==y?y:u.COLORS.content.secondary}},y:{title:{display:!!i.yAxis.title,text:i.yAxis.title,color:i.yAxis.titleColor,font:{size:u.FONTS.caption.fontSize}},grid:{borderColor:"white",color:u.COLORS.background.base},ticks:Object.assign({callback:i.yAxis.ticksCallback,fontSize:u.FONTS.caption.fontSize,color:null!==(b=i.xAxis.labelColor)&&void 0!==b?b:u.COLORS.content.secondary},W?K:{})}},maintainAspectRatio:!1},U={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!J,callbacks:{label:i.yAxis.toolTipCallback}},datalabels:{display:null!==(C=i.showTotal)&&void 0!==C&&C,anchor:"end",align:"end",clamp:!0,color:u.COLORS.content.secondary}},scales:{x:{title:{display:!!(null===(f=i.popupData)||void 0===f?void 0:f.xAxis.title),text:null===(S=i.popupData)||void 0===S?void 0:S.xAxis.title,color:null===(A=i.popupData)||void 0===A?void 0:A.xAxis.titleColor,font:{size:u.FONTS.caption.fontSize}},grid:{display:!1,borderColor:u.COLORS.background.base},ticks:{fontSize:u.FONTS.caption.fontSize,color:null!==(O=null===(j=i.popupData)||void 0===j?void 0:j.yAxis.labelColor)&&void 0!==O?O:u.COLORS.content.secondary}},y:{title:{display:!!(null===(k=i.popupData)||void 0===k?void 0:k.yAxis.title),text:null===(m=i.popupData)||void 0===m?void 0:m.yAxis.title,color:null===(z=i.popupData)||void 0===z?void 0:z.yAxis.titleColor,font:{size:u.FONTS.caption.fontSize}},grid:{borderColor:"white",color:u.COLORS.background.base},ticks:Object.assign({callback:null===(T=i.popupData)||void 0===T?void 0:T.yAxis.ticksCallback,fontSize:u.FONTS.caption.fontSize,color:null!==(D=null===($=i.popupData)||void 0===$?void 0:$.xAxis.labelColor)&&void 0!==D?D:u.COLORS.content.secondary},J?K:{})}},maintainAspectRatio:!1},X={labels:i.xAxis.data.map(e=>e.toString()),datasets:[{data:W?_:i.yAxis.data,backgroundColor:e=>{var t;const o=i.barColorRGBA;let a=[];const l=i.xAxis.data.length;if(W)return"rgba(0,0,0,0)";if(i.isFunnel){let e=+(l>10?.1:(1/l).toFixed(2));const t=`rgba(${o.r}, ${o.g}, ${o.b}`;for(let o=1;o<l+1;o++){let i="";o>10?i=`${t},1)`:(i=`${t},${e})`,e+=.1),a.push(i)}}else{const e=`rgba(${o.r}, ${o.g}, ${o.b}, ${null!==(t=o.a)&&void 0!==t?t:"1"})`;a=Array(l).fill(e)}return a},barPercentage:.4,categoryPercentage:1,borderRadius:4}]},Y={labels:null===(R=i.popupData)||void 0===R?void 0:R.xAxis.data.map(e=>e.toString()),datasets:[{data:J?_:null===(P=i.popupData)||void 0===P?void 0:P.yAxis.data,backgroundColor:e=>{var t,o;const a=i.barColorRGBA;let l=[];const n=(null===(t=i.popupData)||void 0===t?void 0:t.xAxis.data.length)||0;if(W)return"rgba(0,0,0,0)";if(i.isFunnel){let e=+(n>10?.1:(1/n).toFixed(2));const t=`rgba(${a.r}, ${a.g}, ${a.b}`;for(let o=1;o<n+1;o++){let a="";o>10?a=`${t},1)`:(a=`${t},${e})`,e+=.1),l.push(a)}}else{const e=`rgba(${a.r}, ${a.g}, ${a.b}, ${null!==(o=a.a)&&void 0!==o?o:"1"})`;l=Array(n).fill(e)}return l},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxs(p.GraphContainerWrapper,{padding:i.outerPadding,children:[i.chartHeading&&e.jsx("div",{style:{marginBottom:24},children:e.jsx(c.TitleMedium,{color:null!==(L=i.chartHeading.color)&&void 0!==L?L:u.COLORS.content.secondary,children:i.chartHeading.heading})}),e.jsxs("div",{style:{display:"flex",justifyContent:"flex-end"},children:[i.showConvertToPieChart&&e.jsx(s.IconButton,{Icon:o.default,onClick:()=>{G(!0),H(!0)}}),i.allowChartPopup&&e.jsx(s.IconButton,{Icon:a.default,onClick:()=>{H(!0)}})]}),e.jsx("div",{style:{height:null!==(q=i.graphCanvasHeight)&&void 0!==q?q:500},children:e.jsx(r.Bar,{options:Q,data:X})}),w&&e.jsxs(d.StyledModal,{open:w,onClose:()=>{H(!1),G(!1)},closeOnOutsideClick:!0,headingTitle:null===(B=i.popupData)||void 0===B?void 0:B.chartHeading,width:"75%",headerRightCustomElement:i.showConvertToPieChart?E?e.jsx(s.IconButton,{Icon:t.default,onClick:()=>{G(!1)}}):e.jsx(s.IconButton,{Icon:o.default,onClick:()=>{G(!0)}}):null,headerLeftCustomElement:null===(F=i.popupData)||void 0===F?void 0:F.headerLeftCustomElement,children:[E&&M&&e.jsx("div",{style:{height:null!==(I=i.graphCanvasHeight)&&void 0!==I?I:500,padding:"24px"},children:e.jsx(n.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(h,{slices:M,size:i.pieChartSize,hideTitle:!0,currencyProps:i.currencyProps})})}),!E&&e.jsx("div",{style:{height:null!==(N=i.graphCanvasHeight)&&void 0!==N?N:500},children:e.jsx(r.Bar,{options:U,data:Y})})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../assets/icons/ChartBar.svg.js"),o=require("../../../../assets/icons/ChartPie.svg.js"),a=require("../../../../assets/icons/maximize.svg.js"),i=require("chart.js"),l=require("chartjs-plugin-datalabels"),n=require("react"),r=require("react-chartjs-2"),s=require("../../../icon-button/IconButton.js"),d=require("../../../modals/styledModal.js"),c=require("../../../TypographyStyle.js"),u=require("../../../../constants/Theme.js"),p=require("./VerticalGraph.styles.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=x(l),g=x(n);i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip,v.default);const h=g.default.lazy((()=>Promise.resolve().then((function(){return require("../Pie/PieChartAnalytics.js")})).then((e=>({default:e.PieChartAnalytics})))));exports.VerticalGraph=i=>{var l,x,v,g,y,b,C,f,S,A,j,O,k,m,z,T,$,D,R,P,L,q,B,F,I,N;const[w,H]=n.useState(!1),[E,G]=n.useState(!1),[M,V]=n.useState();n.useEffect((()=>{var e;const t=[];E&&(null===(e=i.popupData)||void 0===e||e.xAxis.data.forEach(((e,o)=>{var a;t.push({name:e.toString(),count:Number(null===(a=i.popupData)||void 0===a?void 0:a.yAxis.data[o])||0})})),V(t))}),[E,null===(l=i.popupData)||void 0===l?void 0:l.xAxis.data,null===(x=i.popupData)||void 0===x?void 0:x.yAxis.data]);const _=[250,1e3,800,1500,300,600],W=-1===i.yAxis.data.findIndex((e=>0!==e)),J=-1===(null===(v=i.popupData)||void 0===v?void 0:v.yAxis.data.findIndex((e=>0!==e))),K={min:0,max:2e3,stepSize:200},Q={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!W,callbacks:{label:i.yAxis.toolTipCallback}},datalabels:{display:null!==(g=i.showTotal)&&void 0!==g&&g,anchor:"end",align:"end",clamp:!0,color:u.COLORS.content.secondary}},scales:{x:{title:{display:!!i.xAxis.title,text:i.xAxis.title,color:i.xAxis.titleColor,font:{size:u.FONTS.caption.fontSize}},grid:{display:!1,borderColor:u.COLORS.background.base},ticks:{fontSize:u.FONTS.caption.fontSize,color:null!==(y=i.yAxis.labelColor)&&void 0!==y?y:u.COLORS.content.secondary}},y:{title:{display:!!i.yAxis.title,text:i.yAxis.title,color:i.yAxis.titleColor,font:{size:u.FONTS.caption.fontSize}},grid:{borderColor:"white",color:u.COLORS.background.base},ticks:Object.assign({callback:i.yAxis.ticksCallback,fontSize:u.FONTS.caption.fontSize,color:null!==(b=i.xAxis.labelColor)&&void 0!==b?b:u.COLORS.content.secondary},W?K:{})}},maintainAspectRatio:!1},U={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!J,callbacks:{label:i.yAxis.toolTipCallback}},datalabels:{display:null!==(C=i.showTotal)&&void 0!==C&&C,anchor:"end",align:"end",clamp:!0,color:u.COLORS.content.secondary}},scales:{x:{title:{display:!!(null===(f=i.popupData)||void 0===f?void 0:f.xAxis.title),text:null===(S=i.popupData)||void 0===S?void 0:S.xAxis.title,color:null===(A=i.popupData)||void 0===A?void 0:A.xAxis.titleColor,font:{size:u.FONTS.caption.fontSize}},grid:{display:!1,borderColor:u.COLORS.background.base},ticks:{fontSize:u.FONTS.caption.fontSize,color:null!==(O=null===(j=i.popupData)||void 0===j?void 0:j.yAxis.labelColor)&&void 0!==O?O:u.COLORS.content.secondary}},y:{title:{display:!!(null===(k=i.popupData)||void 0===k?void 0:k.yAxis.title),text:null===(m=i.popupData)||void 0===m?void 0:m.yAxis.title,color:null===(z=i.popupData)||void 0===z?void 0:z.yAxis.titleColor,font:{size:u.FONTS.caption.fontSize}},grid:{borderColor:"white",color:u.COLORS.background.base},ticks:Object.assign({callback:null===(T=i.popupData)||void 0===T?void 0:T.yAxis.ticksCallback,fontSize:u.FONTS.caption.fontSize,color:null!==(D=null===($=i.popupData)||void 0===$?void 0:$.xAxis.labelColor)&&void 0!==D?D:u.COLORS.content.secondary},J?K:{})}},maintainAspectRatio:!1},X={labels:i.xAxis.data.map((e=>e.toString())),datasets:[{data:W?_:i.yAxis.data,backgroundColor:e=>{var t;const o=i.barColorRGBA;let a=[];const l=i.xAxis.data.length;if(W)return"rgba(0,0,0,0)";if(i.isFunnel){let e=+(l>10?.1:(1/l).toFixed(2));const t=`rgba(${o.r}, ${o.g}, ${o.b}`;for(let o=1;o<l+1;o++){let i="";o>10?i=`${t},1)`:(i=`${t},${e})`,e+=.1),a.push(i)}}else{const e=`rgba(${o.r}, ${o.g}, ${o.b}, ${null!==(t=o.a)&&void 0!==t?t:"1"})`;a=Array(l).fill(e)}return a},barPercentage:.4,categoryPercentage:1,borderRadius:4}]},Y={labels:null===(R=i.popupData)||void 0===R?void 0:R.xAxis.data.map((e=>e.toString())),datasets:[{data:J?_:null===(P=i.popupData)||void 0===P?void 0:P.yAxis.data,backgroundColor:e=>{var t,o;const a=i.barColorRGBA;let l=[];const n=(null===(t=i.popupData)||void 0===t?void 0:t.xAxis.data.length)||0;if(W)return"rgba(0,0,0,0)";if(i.isFunnel){let e=+(n>10?.1:(1/n).toFixed(2));const t=`rgba(${a.r}, ${a.g}, ${a.b}`;for(let o=1;o<n+1;o++){let a="";o>10?a=`${t},1)`:(a=`${t},${e})`,e+=.1),l.push(a)}}else{const e=`rgba(${a.r}, ${a.g}, ${a.b}, ${null!==(o=a.a)&&void 0!==o?o:"1"})`;l=Array(n).fill(e)}return l},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxs(p.GraphContainerWrapper,{padding:i.outerPadding,children:[i.chartHeading&&e.jsx("div",{style:{marginBottom:24},children:e.jsx(c.TitleMedium,{color:null!==(L=i.chartHeading.color)&&void 0!==L?L:u.COLORS.content.secondary,children:i.chartHeading.heading})}),e.jsxs("div",{style:{display:"flex",justifyContent:"flex-end"},children:[i.showConvertToPieChart&&e.jsx(s.IconButton,{Icon:o.default,onClick:()=>{G(!0),H(!0)}}),i.allowChartPopup&&e.jsx(s.IconButton,{Icon:a.default,onClick:()=>{H(!0)}})]}),e.jsx("div",{style:{height:null!==(q=i.graphCanvasHeight)&&void 0!==q?q:500},children:e.jsx(r.Bar,{options:Q,data:X})}),w&&e.jsxs(d.StyledModal,{open:w,onClose:()=>{H(!1),G(!1)},closeOnOutsideClick:!0,headingTitle:null===(B=i.popupData)||void 0===B?void 0:B.chartHeading,width:"75%",headerRightCustomElement:i.showConvertToPieChart?E?e.jsx(s.IconButton,{Icon:t.default,onClick:()=>{G(!1)}}):e.jsx(s.IconButton,{Icon:o.default,onClick:()=>{G(!0)}}):null,headerLeftCustomElement:null===(F=i.popupData)||void 0===F?void 0:F.headerLeftCustomElement,children:[E&&M&&e.jsx("div",{style:{height:null!==(I=i.graphCanvasHeight)&&void 0!==I?I:500,padding:"24px"},children:e.jsx(n.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(h,{slices:M,size:i.pieChartSize,hideTitle:!0,currencyProps:i.currencyProps})})}),!E&&e.jsx("div",{style:{height:null!==(N=i.graphCanvasHeight)&&void 0!==N?N:500},children:e.jsx(r.Bar,{options:U,data:Y})})]})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,o=require("react/jsx-runtime"),s=require("react"),r=require("../../../tooltips/Tooltip.js"),n=require("../../../TypographyStyle.js"),x=require("../../../../constants/Theme.js"),l=require("./HeatMapStyled.js");exports.HEAT_GRADING_TYPE=void 0,(e=exports.HEAT_GRADING_TYPE||(exports.HEAT_GRADING_TYPE={}))[e.ABSOLUTE=0]="ABSOLUTE",e[e.RELATIVE=1]="RELATIVE",exports.HEAT=void 0,(t=exports.HEAT||(exports.HEAT={}))[t.LOW=0]="LOW",t[t.MEDIUM=1]="MEDIUM",t[t.HIGH=2]="HIGH",t[t.HIGHEST=3]="HIGHEST";const d={[exports.HEAT.LOW]:"#EBDBFF",[exports.HEAT.MEDIUM]:"#D2AEFF",[exports.HEAT.HIGH]:"#9E77ED",[exports.HEAT.HIGHEST]:"#5E07BB"},i=e=>{if(e>=1e3){const t=e/1e3;return`${Math.round(10*t)/10}K`}return e.toString()};exports.HEAT_COLORS=d,exports.HeatMap=({title:e,xLabels:t,yLabels:c,values:a,heatType:H,absolutHeatValues:p,showAbsoluteValuesOnLegend:E,hideXLabels:h,customComponent:T,heatBoxWidth:j,heatBoxHeight:L,isLooseFit:A})=>{const[I,g]=s.useState(),u=A?{display:"flex",justifyContent:"center",alignItems:"center"}:{};return s.useEffect(()=>{const e=Math.max(...a.flat()),t=Math.min(...a.flat());g(a.map(o=>o.map(o=>((e,t,o,s,r)=>{if(t===exports.HEAT_GRADING_TYPE.ABSOLUTE)return e<=o[0]?exports.HEAT.LOW:e<=o[1]?exports.HEAT.MEDIUM:e<=o[2]?exports.HEAT.HIGH:exports.HEAT.HIGHEST;{const t=(r-s)/4;return e<=s+t?exports.HEAT.LOW:e<=s+2*t?exports.HEAT.MEDIUM:e<=s+3*t?exports.HEAT.HIGH:exports.HEAT.HIGHEST}})(o,H,p||[],t,e))))},[a,p,H]),I?o.jsxs(l.HeatBoxStyled,{isLooseFit:A,children:[o.jsxs("div",{className:"top-container",children:[o.jsxs("div",{className:"top-container__heading",children:[o.jsx(n.TitleMedium,{style:{color:x.COLORS.content.primary},children:e}),T]}),o.jsx("div",{className:"top-container__legend",children:o.jsx(l.LegendContainer,{children:H===exports.HEAT_GRADING_TYPE.ABSOLUTE&&E&&p&&p.length>=3?o.jsxs(o.Fragment,{children:[o.jsxs(l.LegendItem,{children:[o.jsx(l.HeatBoxLegend,{color:d[exports.HEAT.LOW]}),o.jsx(l.LegendValue,{children:o.jsx(n.BodyCaption,{color:x.COLORS.content.secondary,children:i(p[0])})})]}),o.jsxs(l.LegendItem,{children:[o.jsx(l.HeatBoxLegend,{color:d[exports.HEAT.MEDIUM]}),o.jsx(l.LegendValue,{children:o.jsx(n.BodyCaption,{color:x.COLORS.content.secondary,children:i(p[1])})})]}),o.jsxs(l.LegendItem,{children:[o.jsx(l.HeatBoxLegend,{color:d[exports.HEAT.HIGH]}),o.jsx(l.LegendValue,{children:o.jsx(n.BodyCaption,{color:x.COLORS.content.secondary,children:i(p[2])})})]}),o.jsxs(l.LegendItem,{children:[o.jsx(l.HeatBoxLegend,{color:d[exports.HEAT.HIGHEST]}),o.jsx(l.LegendValue,{children:o.jsx(n.BodyCaption,{color:x.COLORS.content.secondary,children:p[3]?i(p[3]):i(p[2])+"+"})})]})]}):o.jsxs(l.LegendLabels,{children:[o.jsx(l.LegendCaption,{children:o.jsx(n.Caption,{children:"Less"})}),o.jsx(l.HeatBoxLegend,{color:d[exports.HEAT.LOW]}),o.jsx(l.HeatBoxLegend,{color:d[exports.HEAT.MEDIUM]}),o.jsx(l.HeatBoxLegend,{color:d[exports.HEAT.HIGH]}),o.jsx(l.HeatBoxLegend,{color:d[exports.HEAT.HIGHEST]}),o.jsx(l.LegendCaption,{children:o.jsx(n.Caption,{children:"More"})})]})})})]}),o.jsx("table",{style:u,children:o.jsxs("tbody",{children:[c.map((e,s)=>o.jsxs("tr",{children:[o.jsx("td",{children:o.jsx(n.BodyTiny,{style:{color:x.COLORS.content.placeholder},children:e})}),t.map((e,t)=>o.jsx("td",{children:o.jsx(r.Tooltip,{body:i(a[s][t]),placement:"bottom",children:o.jsx(l.HeatBox,{color:d[I[s][t]],heatBoxWidth:j,heatBoxHeight:L})})},e))]},e)),!h&&o.jsxs("tr",{children:[o.jsx("th",{}),t.map(e=>o.jsx("th",{children:o.jsx(n.BodyTiny,{style:{color:x.COLORS.content.placeholder},children:e})},e))]})]})})]}):o.jsx(o.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,o=require("react/jsx-runtime"),s=require("react"),r=require("../../../tooltips/Tooltip.js"),n=require("../../../TypographyStyle.js"),l=require("../../../../constants/Theme.js"),x=require("./HeatMapStyled.js");exports.HEAT_GRADING_TYPE=void 0,(e=exports.HEAT_GRADING_TYPE||(exports.HEAT_GRADING_TYPE={}))[e.ABSOLUTE=0]="ABSOLUTE",e[e.RELATIVE=1]="RELATIVE",exports.HEAT=void 0,(t=exports.HEAT||(exports.HEAT={}))[t.LOW=0]="LOW",t[t.MEDIUM=1]="MEDIUM",t[t.HIGH=2]="HIGH",t[t.HIGHEST=3]="HIGHEST";const d={[exports.HEAT.LOW]:"#EBDBFF",[exports.HEAT.MEDIUM]:"#D2AEFF",[exports.HEAT.HIGH]:"#9E77ED",[exports.HEAT.HIGHEST]:"#5E07BB"},i=e=>{if(e>=1e3){const t=e/1e3;return`${Math.round(10*t)/10}K`}return e.toString()};exports.HEAT_COLORS=d,exports.HeatMap=e=>{let{title:t,xLabels:c,yLabels:a,values:H,heatType:p,absolutHeatValues:E,showAbsoluteValuesOnLegend:h,hideXLabels:T,customComponent:j,heatBoxWidth:L,heatBoxHeight:A,isLooseFit:I}=e;const[g,u]=s.useState(),y=I?{display:"flex",justifyContent:"center",alignItems:"center"}:{};return s.useEffect((()=>{const e=Math.max(...H.flat()),t=Math.min(...H.flat());u(H.map((o=>o.map((o=>((e,t,o,s,r)=>{if(t===exports.HEAT_GRADING_TYPE.ABSOLUTE)return e<=o[0]?exports.HEAT.LOW:e<=o[1]?exports.HEAT.MEDIUM:e<=o[2]?exports.HEAT.HIGH:exports.HEAT.HIGHEST;{const t=(r-s)/4;return e<=s+t?exports.HEAT.LOW:e<=s+2*t?exports.HEAT.MEDIUM:e<=s+3*t?exports.HEAT.HIGH:exports.HEAT.HIGHEST}})(o,p,E||[],t,e))))))}),[H,E,p]),g?o.jsxs(x.HeatBoxStyled,{isLooseFit:I,children:[o.jsxs("div",{className:"top-container",children:[o.jsxs("div",{className:"top-container__heading",children:[o.jsx(n.TitleMedium,{style:{color:l.COLORS.content.primary},children:t}),j]}),o.jsx("div",{className:"top-container__legend",children:o.jsx(x.LegendContainer,{children:p===exports.HEAT_GRADING_TYPE.ABSOLUTE&&h&&E&&E.length>=3?o.jsxs(o.Fragment,{children:[o.jsxs(x.LegendItem,{children:[o.jsx(x.HeatBoxLegend,{color:d[exports.HEAT.LOW]}),o.jsx(x.LegendValue,{children:o.jsx(n.BodyCaption,{color:l.COLORS.content.secondary,children:i(E[0])})})]}),o.jsxs(x.LegendItem,{children:[o.jsx(x.HeatBoxLegend,{color:d[exports.HEAT.MEDIUM]}),o.jsx(x.LegendValue,{children:o.jsx(n.BodyCaption,{color:l.COLORS.content.secondary,children:i(E[1])})})]}),o.jsxs(x.LegendItem,{children:[o.jsx(x.HeatBoxLegend,{color:d[exports.HEAT.HIGH]}),o.jsx(x.LegendValue,{children:o.jsx(n.BodyCaption,{color:l.COLORS.content.secondary,children:i(E[2])})})]}),o.jsxs(x.LegendItem,{children:[o.jsx(x.HeatBoxLegend,{color:d[exports.HEAT.HIGHEST]}),o.jsx(x.LegendValue,{children:o.jsx(n.BodyCaption,{color:l.COLORS.content.secondary,children:E[3]?i(E[3]):i(E[2])+"+"})})]})]}):o.jsxs(x.LegendLabels,{children:[o.jsx(x.LegendCaption,{children:o.jsx(n.Caption,{children:"Less"})}),o.jsx(x.HeatBoxLegend,{color:d[exports.HEAT.LOW]}),o.jsx(x.HeatBoxLegend,{color:d[exports.HEAT.MEDIUM]}),o.jsx(x.HeatBoxLegend,{color:d[exports.HEAT.HIGH]}),o.jsx(x.HeatBoxLegend,{color:d[exports.HEAT.HIGHEST]}),o.jsx(x.LegendCaption,{children:o.jsx(n.Caption,{children:"More"})})]})})})]}),o.jsx("table",{style:y,children:o.jsxs("tbody",{children:[a.map(((e,t)=>o.jsxs("tr",{children:[o.jsx("td",{children:o.jsx(n.BodyTiny,{style:{color:l.COLORS.content.placeholder},children:e})}),c.map(((e,s)=>o.jsx("td",{children:o.jsx(r.Tooltip,{body:i(H[t][s]),placement:"bottom",children:o.jsx(x.HeatBox,{color:d[g[t][s]],heatBoxWidth:L,heatBoxHeight:A})})},e)))]},e))),!T&&o.jsxs("tr",{children:[o.jsx("th",{}),c.map((e=>o.jsx("th",{children:o.jsx(n.BodyTiny,{style:{color:l.COLORS.content.placeholder},children:e})},e)))]})]})})]}):o.jsx(o.Fragment,{})};

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

@@ -24,4 +24,4 @@
 		gap: 4px;
 		align-items: center;
 	}
-`;exports.HeatBoxStyled=y,exports.HeatMapVertical=({xLabels:o,yLabels:s,values:d,absolutHeatValues:h})=>{const[p,g]=t.useState();return t.useEffect(()=>{g(d.map(e=>e.map(e=>((e,t)=>e<=t[0]?a.LOW:e<=t[1]?a.MEDIUM:e<=t[2]?a.HIGH:a.HIGHEST)(e,h||[]))))},[d,h]),p?e.jsxs(y,{children:[e.jsx("div",{className:"top-container",children:e.jsxs("div",{children:[e.jsxs("div",{className:"top-container__legend",children:[e.jsx(l.HeatBoxLegend,{color:c[a.LOW]}),e.jsx(l.HeatBoxLegend,{color:c[a.MEDIUM]}),e.jsx(l.HeatBoxLegend,{color:c[a.HIGH]}),e.jsx(l.HeatBoxLegend,{color:c[a.HIGHEST]})]}),e.jsxs("div",{className:"top-container__legend",children:[e.jsx(i.BodyCaption,{color:n.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:h[0]}),e.jsx(i.BodyCaption,{color:n.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:h[1]}),e.jsx(i.BodyCaption,{color:n.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:h[2]}),e.jsx(i.BodyCaption,{color:n.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:`${h[2]}+`})]})]})}),e.jsxs("div",{style:{width:"100%"},children:[s.map((t,l)=>e.jsxs("div",{className:"heat-row",children:[e.jsx("div",{style:{flex:.5},children:e.jsx(i.BodyTiny,{style:{color:n.COLORS.content.secondary,textAlign:"right",marginRight:8},children:t})}),o.map((t,o)=>e.jsx("div",{style:{flex:1},children:e.jsx(r.Tooltip,{body:d[l][o].toString(),placement:"bottom",children:e.jsx(x,{color:c[p[l][o]]})})},t))]},t)),e.jsxs("div",{className:"heat-row",style:{marginTop:12},children:[e.jsx("div",{style:{flex:.5}}),o.map(t=>e.jsx("div",{style:{flex:1},children:e.jsx(i.BodyTiny,{style:{color:n.COLORS.content.secondary,textAlign:"center"},children:t})},t))]})]})]}):e.jsx(e.Fragment,{})};
+`;exports.HeatBoxStyled=y,exports.HeatMapVertical=o=>{let{xLabels:s,yLabels:d,values:h,absolutHeatValues:p}=o;const[g,j]=t.useState();return t.useEffect((()=>{j(h.map((e=>e.map((e=>((e,t)=>e<=t[0]?a.LOW:e<=t[1]?a.MEDIUM:e<=t[2]?a.HIGH:a.HIGHEST)(e,p||[]))))))}),[h,p]),g?e.jsxs(y,{children:[e.jsx("div",{className:"top-container",children:e.jsxs("div",{children:[e.jsxs("div",{className:"top-container__legend",children:[e.jsx(l.HeatBoxLegend,{color:c[a.LOW]}),e.jsx(l.HeatBoxLegend,{color:c[a.MEDIUM]}),e.jsx(l.HeatBoxLegend,{color:c[a.HIGH]}),e.jsx(l.HeatBoxLegend,{color:c[a.HIGHEST]})]}),e.jsxs("div",{className:"top-container__legend",children:[e.jsx(i.BodyCaption,{color:n.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:p[0]}),e.jsx(i.BodyCaption,{color:n.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:p[1]}),e.jsx(i.BodyCaption,{color:n.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:p[2]}),e.jsx(i.BodyCaption,{color:n.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:`${p[2]}+`})]})]})}),e.jsxs("div",{style:{width:"100%"},children:[d.map(((t,o)=>e.jsxs("div",{className:"heat-row",children:[e.jsx("div",{style:{flex:.5},children:e.jsx(i.BodyTiny,{style:{color:n.COLORS.content.secondary,textAlign:"right",marginRight:8},children:t})}),s.map(((t,i)=>e.jsx("div",{style:{flex:1},children:e.jsx(r.Tooltip,{body:h[o][i].toString(),placement:"bottom",children:e.jsx(x,{color:c[g[o][i]]})})},t)))]},t))),e.jsxs("div",{className:"heat-row",style:{marginTop:12},children:[e.jsx("div",{style:{flex:.5}}),s.map((t=>e.jsx("div",{style:{flex:1},children:e.jsx(i.BodyTiny,{style:{color:n.COLORS.content.secondary,textAlign:"center"},children:t})},t)))]})]})]}):e.jsx(e.Fragment,{})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var r=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),s=require("../LineChart/LineChart.js"),n=require("../scoreBlock/ScoreBlock.js"),o=require("./LinearChipGroupedChart.styled.js");exports.LinearChipGroupedChart=({separator:i,name:a,overallValue:c,requestSent:l,responses:d,chipValues:h,lineChartOption:p,formatVal:u})=>e.jsxs(o.Container,{separator:i,children:[e.jsxs(o.Row,{style:{alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx(r.TitleRegular,{color:t.COLORS.content.secondary,children:a}),e.jsx(r.TitleLarge,{color:void 0===c||0===c?t.COLORS.content.secondary:c<0?t.COLORS.content.negative:t.COLORS.content.positive,children:u?new Intl.NumberFormat("en-IN",{}).format(c):c})]}),e.jsxs(o.Column,{style:{alignItems:"flex-end"},children:[e.jsxs(r.BodySecondary,{color:t.COLORS.content.secondary,style:{marginBottom:2},children:["Requests sent: ",l]}),e.jsxs(r.BodySecondary,{color:t.COLORS.content.secondary,children:["Responses: ",d]})]})]}),e.jsx(n.ScoreBlock,{chipValues:h,formatVal:u,CustomStyledChip:o.StyledChip}),e.jsx("div",{style:{marginTop:28,width:"100%"},children:e.jsx(s.LineChart,Object.assign({},p,{maintainAspectRatio:!0}))})]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var r=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),s=require("../LineChart/LineChart.js"),n=require("../scoreBlock/ScoreBlock.js"),o=require("./LinearChipGroupedChart.styled.js");exports.LinearChipGroupedChart=i=>{let{separator:a,name:l,overallValue:c,requestSent:d,responses:h,chipValues:u,lineChartOption:p,formatVal:j}=i;return e.jsxs(o.Container,{separator:a,children:[e.jsxs(o.Row,{style:{alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx(r.TitleRegular,{color:t.COLORS.content.secondary,children:l}),e.jsx(r.TitleLarge,{color:void 0===c||0===c?t.COLORS.content.secondary:c<0?t.COLORS.content.negative:t.COLORS.content.positive,children:j?new Intl.NumberFormat("en-IN",{}).format(c):c})]}),e.jsxs(o.Column,{style:{alignItems:"flex-end"},children:[e.jsxs(r.BodySecondary,{color:t.COLORS.content.secondary,style:{marginBottom:2},children:["Requests sent: ",d]}),e.jsxs(r.BodySecondary,{color:t.COLORS.content.secondary,children:["Responses: ",h]})]})]}),e.jsx(n.ScoreBlock,{chipValues:u,formatVal:j,CustomStyledChip:o.StyledChip}),e.jsx("div",{style:{marginTop:28,width:"100%"},children:e.jsx(s.LineChart,Object.assign({},p,{maintainAspectRatio:!0}))})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),i=require("../../../../assets/icons/arrow_down.svg.js"),r=require("../../../../assets/icons/arrow_up.svg.js"),n=require("../../../../assets/icons/expressionless_emoji.svg.js"),o=require("../../../../assets/icons/sad_emoji.svg.js"),l=require("../../../../assets/icons/smiley_emoji.svg.js"),a=require("./ScoreBlock.styled.js");const c=(e,s)=>`${e} ${s}${e>1?"s":""}`;exports.Chip=({type:d,text:u,value:p,formatVal:h,progress:j,durationValue:g,durationUnit:y,plainText:m,showEmojiIcon:v,customTrailingIcon:x,CustomStyledChip:O=a.StyledChip})=>{const C="positive"===d?t.COLORS.content.positive:"negative"===d?t.COLORS.content.negative:t.COLORS.content.warning,S=j&&j<0?i.default:r.default,f="positive"===d?l.default:"neutral"===d?n.default:o.default,q=j&&j<0?t.COLORS.content.negative:j&&j>0?t.COLORS.content.positive:t.COLORS.content.placeholder;return e.jsxs(O,{type:d,children:[e.jsx(s.BodyCaption,{color:C,children:u}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(s.TitleMedium,{color:m?t.COLORS.content.primary:C,children:h?new Intl.NumberFormat("en-IN",{}).format(p):p}),x||(v?e.jsx(f,{width:22,height:22}):null)]}),e.jsxs("div",{style:{display:"flex",gap:4},children:[g&&y?e.jsx(S,{color:q,height:16,width:16,style:{marginRight:2}}):null,g&&y?e.jsxs(e.Fragment,{children:[e.jsxs(s.BodyCaption,{color:q,children:[Math.abs(j||0),"%"]}),e.jsxs(s.BodyCaption,{color:t.COLORS.content.placeholder,children:["vs last ",c(g,y)]})]}):null]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),i=require("../../../../assets/icons/arrow_down.svg.js"),r=require("../../../../assets/icons/arrow_up.svg.js"),n=require("../../../../assets/icons/expressionless_emoji.svg.js"),o=require("../../../../assets/icons/sad_emoji.svg.js"),l=require("../../../../assets/icons/smiley_emoji.svg.js"),a=require("./ScoreBlock.styled.js");const c=(e,s)=>`${e} ${s}${e>1?"s":""}`;exports.Chip=d=>{let{type:u,text:p,value:h,formatVal:j,progress:g,durationValue:y,durationUnit:m,plainText:v,showEmojiIcon:x,customTrailingIcon:O,CustomStyledChip:C=a.StyledChip}=d;const S="positive"===u?t.COLORS.content.positive:"negative"===u?t.COLORS.content.negative:t.COLORS.content.warning,f=g&&g<0?i.default:r.default,q="positive"===u?l.default:"neutral"===u?n.default:o.default,R=g&&g<0?t.COLORS.content.negative:g&&g>0?t.COLORS.content.positive:t.COLORS.content.placeholder;return e.jsxs(C,{type:u,children:[e.jsx(s.BodyCaption,{color:S,children:p}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(s.TitleMedium,{color:v?t.COLORS.content.primary:S,children:j?new Intl.NumberFormat("en-IN",{}).format(h):h}),O||(x?e.jsx(q,{width:22,height:22}):null)]}),e.jsxs("div",{style:{display:"flex",gap:4},children:[y&&m?e.jsx(f,{color:R,height:16,width:16,style:{marginRight:2}}):null,y&&m?e.jsxs(e.Fragment,{children:[e.jsxs(s.BodyCaption,{color:R,children:[Math.abs(g||0),"%"]}),e.jsxs(s.BodyCaption,{color:t.COLORS.content.placeholder,children:["vs last ",c(y,m)]})]}):null]})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),n=require("../utils/calcPercentage.js"),r=require("./ScoreBlock.styled.js");exports.HorinzontalBar=({showPercentage:s,positive:l,negative:d,neutral:c})=>{const[o,a,h]=n.calculatePercentage(l,c,d),j={height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"};return e.jsxs("div",{children:[e.jsxs(r.StyledBarContainer,{children:[e.jsx("div",{style:Object.assign(Object.assign({},j),{width:`${o}%`,backgroundColor:i.COLORS.background.positive.vibrant})}),e.jsx("div",{style:Object.assign(Object.assign({},j),{width:`${a}%`,backgroundColor:i.COLORS.background.warning.vibrant})}),e.jsx("div",{style:Object.assign(Object.assign({},j),{width:`${h}%`,backgroundColor:i.COLORS.background.negative.vibrant})})]}),s&&e.jsx("div",{style:{display:"flex",width:"100%"},children:e.jsx("div",{style:{display:"flex",width:"100%",marginTop:8},children:0===o&&0===a&&0===h?e.jsx("div",{style:{width:"100%",textAlign:"left"},children:e.jsx(t.BodyTiny,{color:i.COLORS.content.placeholder,children:"0%"})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{width:`${o}%`,textAlign:"center"},children:e.jsx(t.BodyTiny,{color:i.COLORS.content.placeholder,children:o>0&&`${Math.round(o)}%`})}),e.jsx("div",{style:{width:`${a}%`,textAlign:"center"},children:e.jsx(t.BodyTiny,{color:i.COLORS.content.placeholder,children:a>0&&`${Math.round(a)}%`})}),e.jsx("div",{style:{width:`${h}%`,textAlign:"center"},children:e.jsx(t.BodyTiny,{color:i.COLORS.content.placeholder,children:h>0&&`${Math.round(h)}%`})})]})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),n=require("../utils/calcPercentage.js"),r=require("./ScoreBlock.styled.js");exports.HorinzontalBar=l=>{let{showPercentage:s,positive:d,negative:c,neutral:o}=l;const[a,h,j]=n.calculatePercentage(d,o,c),g={height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"};return e.jsxs("div",{children:[e.jsxs(r.StyledBarContainer,{children:[e.jsx("div",{style:Object.assign(Object.assign({},g),{width:`${a}%`,backgroundColor:i.COLORS.background.positive.vibrant})}),e.jsx("div",{style:Object.assign(Object.assign({},g),{width:`${h}%`,backgroundColor:i.COLORS.background.warning.vibrant})}),e.jsx("div",{style:Object.assign(Object.assign({},g),{width:`${j}%`,backgroundColor:i.COLORS.background.negative.vibrant})})]}),s&&e.jsx("div",{style:{display:"flex",width:"100%"},children:e.jsx("div",{style:{display:"flex",width:"100%",marginTop:8},children:0===a&&0===h&&0===j?e.jsx("div",{style:{width:"100%",textAlign:"left"},children:e.jsx(t.BodyTiny,{color:i.COLORS.content.placeholder,children:"0%"})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{width:`${a}%`,textAlign:"center"},children:e.jsx(t.BodyTiny,{color:i.COLORS.content.placeholder,children:a>0&&`${Math.round(a)}%`})}),e.jsx("div",{style:{width:`${h}%`,textAlign:"center"},children:e.jsx(t.BodyTiny,{color:i.COLORS.content.placeholder,children:h>0&&`${Math.round(h)}%`})}),e.jsx("div",{style:{width:`${j}%`,textAlign:"center"},children:e.jsx(t.BodyTiny,{color:i.COLORS.content.placeholder,children:j>0&&`${Math.round(j)}%`})})]})})})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var t=require("./Chip.js"),i=require("./HorizontalBar.js"),a=require("./ScoreBlock.styled.js");exports.ScoreBlock=({customTrailingIcon:r,showEmojiIcon:o,plainText:n,showPercentage:s,separator:l,CustomStyledChip:u,chipValues:p,formatVal:v})=>e.jsxs(e.Fragment,{children:[e.jsxs(a.Row,{style:{marginTop:8,gap:16},children:[e.jsx(t.Chip,{formatVal:v,type:"positive",text:p.positive.text,value:p.positive.val,durationValue:p.positive.durationValue,durationUnit:p.positive.durationUnit,progress:p.positive.progress,plainText:n,showEmojiIcon:o,CustomStyledChip:u,customTrailingIcon:r}),e.jsx(t.Chip,{formatVal:v,type:"neutral",text:p.neutral.text,value:p.neutral.val,durationValue:p.neutral.durationValue,durationUnit:p.neutral.durationUnit,progress:p.neutral.progress,plainText:n,showEmojiIcon:o,CustomStyledChip:u,customTrailingIcon:r}),e.jsx(t.Chip,{formatVal:v,type:"negative",text:p.negative.text,value:p.negative.val,durationValue:p.negative.durationValue,durationUnit:p.negative.durationUnit,progress:p.negative.progress,plainText:n,showEmojiIcon:o,CustomStyledChip:u,customTrailingIcon:r})]}),e.jsx("div",{style:{marginTop:24,width:"100%"},children:e.jsx(i.HorinzontalBar,{showPercentage:s,positive:p.positive.val,neutral:p.neutral.val,negative:p.negative.val})})]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var t=require("./Chip.js"),i=require("./HorizontalBar.js"),r=require("./ScoreBlock.styled.js");exports.ScoreBlock=a=>{let{customTrailingIcon:o,showEmojiIcon:n,plainText:s,showPercentage:l,separator:u,CustomStyledChip:p,chipValues:v,formatVal:c}=a;return e.jsxs(r.Container,{separator:u,children:[e.jsxs(r.Row,{style:{marginTop:8,gap:16},children:[e.jsx(t.Chip,{formatVal:c,type:"positive",text:v.positive.text,value:v.positive.val,durationValue:v.positive.durationValue,durationUnit:v.positive.durationUnit,progress:v.positive.progress,plainText:s,showEmojiIcon:n,CustomStyledChip:p,customTrailingIcon:o}),e.jsx(t.Chip,{formatVal:c,type:"neutral",text:v.neutral.text,value:v.neutral.val,durationValue:v.neutral.durationValue,durationUnit:v.neutral.durationUnit,progress:v.neutral.progress,plainText:s,showEmojiIcon:n,CustomStyledChip:p,customTrailingIcon:o}),e.jsx(t.Chip,{formatVal:c,type:"negative",text:v.negative.text,value:v.negative.val,durationValue:v.negative.durationValue,durationUnit:v.negative.durationUnit,progress:v.negative.progress,plainText:s,showEmojiIcon:n,CustomStyledChip:p,customTrailingIcon:o})]}),e.jsx("div",{style:{marginTop:24,width:"100%"},children:e.jsx(i.HorinzontalBar,{showPercentage:l,positive:v.positive.val,neutral:v.neutral.val,negative:v.negative.val})})]})};

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),i=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=t(e);d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(e);const r=d.default.div`
 	width: 100%;
 	display: flex;
 	flex-direction: column;
 	padding: 16px 24px;
 	border-right: ${e=>e.separator?1:0}px solid
-		${i.COLORS.stroke.primary};
-`;const r=d.default.div`
+		${t.COLORS.stroke.primary};
+`,o=d.default.div`
 	display: flex;
 	flex-direction: row;
 `;d.default.div`
 	display: flex;
 	flex-direction: column;
-`;const o=d.default.div`
+`;const a=d.default.div`
 	padding-top: 12px;
 	padding-right: 8px;
 	padding-bottom: 12px;
@@ -22,13 +22,13 @@
 	align-items: center;
 	flex: 1;
 	gap: 8px;
-	background: ${e=>"positive"===e.type?i.COLORS.background.positive.light:"negative"===e.type?i.COLORS.background.negative.light:i.COLORS.background.warning.light};
-`,a=d.default.div`
+	background: ${e=>"positive"===e.type?t.COLORS.background.positive.light:"negative"===e.type?t.COLORS.background.negative.light:t.COLORS.background.warning.light};
+`,n=d.default.div`
 	border-radius: 4px;
 	width: 100%;
 	height: 8px;
-	background-color: ${i.COLORS.surface.hovered};
+	background-color: ${t.COLORS.surface.hovered};
 	display: flex;
 	flex-direction: row;
 	overflow: hidden;
-`;exports.Row=r,exports.StyledBarContainer=a,exports.StyledChip=o;
+`;exports.Container=r,exports.Row=o,exports.StyledBarContainer=n,exports.StyledChip=a;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>{if(Math.abs(e)<1e3)return N(e).toString();return N(e/1e3)+"K"},t=e=>N(Number(e)/exports.TruncateValue.ONE_LAKH)+"L",r=e=>N(Number(e)/exports.TruncateValue.ONE_CRORE)+"C",u=e=>N(Number(e)/exports.TruncateValue.ONE_ARAB)+"A",a=e=>N(Number(e)/exports.TruncateValue.ONE_MILLION)+"M",o=e=>N(Number(e)/exports.TruncateValue.ONE_BILLION)+"B",n=e=>N(Number(e)/exports.TruncateValue.ONE_TRILLION)+"T",N=(e,t=2)=>{const r=10*t;return Math.round((e+Number.EPSILON)*r)/r};var O;exports.TruncateValue=void 0,(O=exports.TruncateValue||(exports.TruncateValue={}))[O.ONE_LAKH=1e5]="ONE_LAKH",O[O.ONE_CRORE=1e7]="ONE_CRORE",O[O.ONE_ARAB=1e9]="ONE_ARAB",O[O.ONE_MILLION=1e6]="ONE_MILLION",O[O.ONE_BILLION=1e9]="ONE_BILLION",O[O.ONE_TRILLION=1e12]="ONE_TRILLION",exports.calculatePercentage=function(e,t,r){const u=e+t+r;return[e/u*100||0,t/u*100||0,r/u*100||0]},exports.roundNumber=N,exports.truncateValueForIndianStore=a=>a<1e3?N(a):a>999&&a<exports.TruncateValue.ONE_LAKH?e(a):a>99999&&a<exports.TruncateValue.ONE_CRORE?t(a):a>9999999&&a<exports.TruncateValue.ONE_ARAB?r(a):u(a),exports.truncateValueForInternationalStore=t=>t<1e3?N(t):t>999&&t<exports.TruncateValue.ONE_MILLION?e(t):t>999999&&t<exports.TruncateValue.ONE_BILLION?a(t):t>999999999&&t<exports.TruncateValue.ONE_TRILLION?o(t):n(t),exports.truncateValueTo10K=e=>{if(Math.abs(e)<1e4)return N(e).toString();return N(Number(e)/1e3)+"K"},exports.truncateValueToA=u,exports.truncateValueToB=o,exports.truncateValueToC=r,exports.truncateValueToK=e,exports.truncateValueToL=t,exports.truncateValueToM=a,exports.truncateValueToT=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>{if(Math.abs(e)<1e3)return N(e).toString();return N(e/1e3)+"K"},t=e=>N(Number(e)/exports.TruncateValue.ONE_LAKH)+"L",r=e=>N(Number(e)/exports.TruncateValue.ONE_CRORE)+"C",u=e=>N(Number(e)/exports.TruncateValue.ONE_ARAB)+"A",a=e=>N(Number(e)/exports.TruncateValue.ONE_MILLION)+"M",o=e=>N(Number(e)/exports.TruncateValue.ONE_BILLION)+"B",n=e=>N(Number(e)/exports.TruncateValue.ONE_TRILLION)+"T",N=function(e){const t=10*(arguments.length>1&&void 0!==arguments[1]?arguments[1]:2);return Math.round((e+Number.EPSILON)*t)/t};var O;exports.TruncateValue=void 0,(O=exports.TruncateValue||(exports.TruncateValue={}))[O.ONE_LAKH=1e5]="ONE_LAKH",O[O.ONE_CRORE=1e7]="ONE_CRORE",O[O.ONE_ARAB=1e9]="ONE_ARAB",O[O.ONE_MILLION=1e6]="ONE_MILLION",O[O.ONE_BILLION=1e9]="ONE_BILLION",O[O.ONE_TRILLION=1e12]="ONE_TRILLION",exports.calculatePercentage=function(e,t,r){const u=e+t+r;return[e/u*100||0,t/u*100||0,r/u*100||0]},exports.roundNumber=N,exports.truncateValueForIndianStore=a=>a<1e3?N(a):a>999&&a<exports.TruncateValue.ONE_LAKH?e(a):a>99999&&a<exports.TruncateValue.ONE_CRORE?t(a):a>9999999&&a<exports.TruncateValue.ONE_ARAB?r(a):u(a),exports.truncateValueForInternationalStore=t=>t<1e3?N(t):t>999&&t<exports.TruncateValue.ONE_MILLION?e(t):t>999999&&t<exports.TruncateValue.ONE_BILLION?a(t):t>999999999&&t<exports.TruncateValue.ONE_TRILLION?o(t):n(t),exports.truncateValueTo10K=e=>{if(Math.abs(e)<1e4)return N(e).toString();return N(Number(e)/1e3)+"K"},exports.truncateValueToA=u,exports.truncateValueToB=o,exports.truncateValueToC=r,exports.truncateValueToK=e,exports.truncateValueToL=t,exports.truncateValueToM=a,exports.truncateValueToT=n;

package/dist/cjs/components/avatar/Avatar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./Avatar.styled.js"),i=require("./AvatarHelper.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/bik_livechat.svg.js"),A=require("../../assets/icons/email-channel.svg.js"),n=require("../../assets/icons/facebook_channel.svg.js"),S=require("../../assets/icons/gmail.svg.js"),c=require("../../assets/icons/instagram-channel.svg.js"),l=require("../../assets/icons/task.svg.js"),E=require("../../assets/icons/whatsapp_color.svg.js");const d={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},u={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.WHITE]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var h;exports.MESSAGE_CHANNELS=void 0,(h=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",h.MESSENGER="messenger",h.WHATSAPP="whatsapp",h.GMAIL="gmail",h.LIVECHAT="livechat",h.GOOGLE_BUSINESS_CHAT="gbm",h.SHOPIFY="shopify",h.FACEBOOK="facebook",h.EMAIL="email",h.SMTP="smtp",h.FACEBOOK_CATALOG="facebook-catalog",h.TASKS="tasks",h.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=d,exports.Avatar=h=>{const[p,x]=s.useState(!1),_=()=>{const s=(h.name||"").split(".").join(" ").split(" ").map(e=>e.charAt(0).toUpperCase()).slice(0,2).join("");return h.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,{style:{color:u[h.background]},children:s}):h.size===i.SIZE.MEDIUM||h.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,{style:{color:u[h.background]},children:s}):h.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,{style:{color:u[h.background]},children:s}):void 0};return e.jsxs("div",{style:{position:"relative"},children:[e.jsxs(t.AvatarStyle,{type:h.type===i.AVATAR_TYPES.IMAGE&&p&&h.useNameFallback&&h.name?i.AVATAR_TYPES.INITIALS:h.type,size:h.size,background:h.background,children:[h.type===i.AVATAR_TYPES.IMAGE&&(h.useNameFallback&&!p?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl,onError:()=>{x(!0)}}):h.useNameFallback&&p&&h.name?e.jsx("div",{children:_()}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl})),h.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:_()}),h.type===i.AVATAR_TYPES.ICON&&h.icon&&e.jsx(h.icon,{width:d[h.size],height:d[h.size],color:u[h.background]})]}),h.inboxSettings&&e.jsx("div",{style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:14,height:14,borderRadius:(null==h?void 0:h.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:h.inboxSettings.isSelected?h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"},children:(()=>{switch(h.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(E.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(l.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(o.default,{width:11,height:11})}})()}),h.status&&e.jsx("div",{style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.COLORS.surface.standard,alignItems:"center"},children:h.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===h.status?a.COLORS.special.whatsapp.brand:a.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null})]})},exports.BACKGROUND_VS_TEXT_COLOR_MAP=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./Avatar.styled.js"),i=require("./AvatarHelper.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/bik_livechat.svg.js"),A=require("../../assets/icons/email-channel.svg.js"),n=require("../../assets/icons/facebook_channel.svg.js"),S=require("../../assets/icons/gmail.svg.js"),c=require("../../assets/icons/instagram-channel.svg.js"),l=require("../../assets/icons/task.svg.js"),E=require("../../assets/icons/whatsapp_color.svg.js");const d={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},u={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.WHITE]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var h;exports.MESSAGE_CHANNELS=void 0,(h=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",h.MESSENGER="messenger",h.WHATSAPP="whatsapp",h.GMAIL="gmail",h.LIVECHAT="livechat",h.GOOGLE_BUSINESS_CHAT="gbm",h.SHOPIFY="shopify",h.FACEBOOK="facebook",h.EMAIL="email",h.SMTP="smtp",h.FACEBOOK_CATALOG="facebook-catalog",h.TASKS="tasks",h.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=d,exports.Avatar=h=>{const[p,x]=s.useState(!1),_=()=>{const s=(h.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return h.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,{style:{color:u[h.background]},children:s}):h.size===i.SIZE.MEDIUM||h.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,{style:{color:u[h.background]},children:s}):h.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,{style:{color:u[h.background]},children:s}):void 0};return e.jsxs("div",{style:{position:"relative"},children:[e.jsxs(t.AvatarStyle,{type:h.type===i.AVATAR_TYPES.IMAGE&&p&&h.useNameFallback&&h.name?i.AVATAR_TYPES.INITIALS:h.type,size:h.size,background:h.background,children:[h.type===i.AVATAR_TYPES.IMAGE&&(h.useNameFallback&&!p?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl,onError:()=>{x(!0)}}):h.useNameFallback&&p&&h.name?e.jsx("div",{children:_()}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl})),h.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:_()}),h.type===i.AVATAR_TYPES.ICON&&h.icon&&e.jsx(h.icon,{width:d[h.size],height:d[h.size],color:u[h.background]})]}),h.inboxSettings&&e.jsx("div",{style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:14,height:14,borderRadius:(null==h?void 0:h.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:h.inboxSettings.isSelected?h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"},children:(()=>{switch(h.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(E.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(l.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(o.default,{width:11,height:11})}})()}),h.status&&e.jsx("div",{style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.COLORS.surface.standard,alignItems:"center"},children:h.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===h.status?a.COLORS.special.whatsapp.brand:a.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null})]})},exports.BACKGROUND_VS_TEXT_COLOR_MAP=u;

package/dist/cjs/components/banner/Banner.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import AdBanner from './AdBanner';
+declare const _default: ComponentMeta<typeof AdBanner>;
+export default _default;
+export declare const AllBanners: ComponentStory<typeof AdBanner>;
+export declare const Card: ComponentStory<import("react").FC<import("./model").AdBannerProps>>;
+export declare const Inline: ComponentStory<import("react").FC<import("./model").AdBannerProps>>;
+export declare const WithImage: ComponentStory<import("react").FC<import("./model").AdBannerProps>>;

package/dist/cjs/components/banner/BannerInline.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../button/Button.js"),n=require("../tag/Tag.js"),r=require("../TypographyStyle.js"),o=require("./Banner.styled.js");exports.default=function(a){var i,l;return t.jsxs(o.BannerContainer,{style:null==a?void 0:a.containerStyle,children:[t.jsx(o.CompanyImageWrapper,{children:t.jsx("img",{src:a.companyImageUrl,alt:"Company Img",style:{aspectRatio:"auto"}})}),t.jsxs(o.MainContentWrapper,{children:[t.jsxs(o.TextWrapper,{children:[t.jsx(r.TitleRegular,{children:a.title}),t.jsx(r.BodyCaption,{children:a.subTitle})]}),(null==a?void 0:a.tags)&&(null===(i=null==a?void 0:a.tags)||void 0===i?void 0:i.length)>0&&t.jsx(o.TagWrapper,{children:null===(l=null==a?void 0:a.tags)||void 0===l?void 0:l.map((e,r)=>t.jsx(n.Tag,{tagText:e,variant:"circle",type:"purple",tagColor:"#212121"},r))})]}),t.jsxs(o.BottomButtonWrapper,{children:[t.jsx(e.Button,{buttonText:a.buttonText,buttonType:a.buttonType||"secondary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:a.onClick}),(null==a?void 0:a.buttonSecondaryText)&&(null==a?void 0:a.onClickSecondary)&&t.jsx(e.Button,{buttonText:a.buttonSecondaryText,buttonType:a.buttonTypeSecondary||"primary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:a.onClickSecondary})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../button/Button.js"),n=require("../tag/Tag.js"),r=require("../TypographyStyle.js"),o=require("./Banner.styled.js");exports.default=function(a){var i,l;return t.jsxs(o.BannerContainer,{style:null==a?void 0:a.containerStyle,children:[t.jsx(o.CompanyImageWrapper,{children:t.jsx("img",{src:a.companyImageUrl,alt:"Company Img",style:{aspectRatio:"auto"}})}),t.jsxs(o.MainContentWrapper,{children:[t.jsxs(o.TextWrapper,{children:[t.jsx(r.TitleRegular,{children:a.title}),t.jsx(r.BodyCaption,{children:a.subTitle})]}),(null==a?void 0:a.tags)&&(null===(i=null==a?void 0:a.tags)||void 0===i?void 0:i.length)>0&&t.jsx(o.TagWrapper,{children:null===(l=null==a?void 0:a.tags)||void 0===l?void 0:l.map(((e,r)=>t.jsx(n.Tag,{tagText:e,variant:"circle",type:"purple",tagColor:"#212121"},r)))})]}),t.jsxs(o.BottomButtonWrapper,{children:[t.jsx(e.Button,{buttonText:a.buttonText,buttonType:a.buttonType||"secondary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:a.onClick}),(null==a?void 0:a.buttonSecondaryText)&&(null==a?void 0:a.onClickSecondary)&&t.jsx(e.Button,{buttonText:a.buttonSecondaryText,buttonType:a.buttonTypeSecondary||"primary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:a.onClickSecondary})]})]})};

package/dist/cjs/components/banner/CardBanner.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../button/Button.js"),r=require("../TypographyStyle.js"),o=require("./Banner.styled.js"),i=require("./model.js");exports.default=function(a){var l;const s=t.useCallback(e=>i.getUrlForBannerThirdPartyIcon(e),[]);return e.jsxs(o.CardBannerWrapper,{style:null==a?void 0:a.containerStyle,children:[e.jsxs(o.CardBannerContent,{children:[e.jsx(r.TitleSmall,{children:a.title}),e.jsx(r.BodyCaption,{children:a.subTitle}),e.jsx(o.CardBannerIconsWrapper,{children:null===(l=a.icons)||void 0===l?void 0:l.map((t,n)=>e.jsx("img",{src:s(t),alt:`icon-${n}`,style:{width:32,height:32,aspectRatio:1}},n))})]}),e.jsxs(o.CardBannerButtonWrapper,{children:[e.jsx(n.Button,{buttonText:a.buttonText,buttonType:a.buttonType||"secondary",onClick:a.onClick,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}}),(null==a?void 0:a.buttonSecondaryText)&&(null==a?void 0:a.onClickSecondary)&&e.jsx(n.Button,{buttonText:a.buttonSecondaryText,buttonType:a.buttonTypeSecondary||"primary",onClick:a.onClickSecondary,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../button/Button.js"),r=require("../TypographyStyle.js"),o=require("./Banner.styled.js"),i=require("./model.js");exports.default=function(a){var l;const s=t.useCallback((e=>i.getUrlForBannerThirdPartyIcon(e)),[]);return e.jsxs(o.CardBannerWrapper,{style:null==a?void 0:a.containerStyle,children:[e.jsxs(o.CardBannerContent,{children:[e.jsx(r.TitleSmall,{children:a.title}),e.jsx(r.BodyCaption,{children:a.subTitle}),e.jsx(o.CardBannerIconsWrapper,{children:null===(l=a.icons)||void 0===l?void 0:l.map(((t,n)=>e.jsx("img",{src:s(t),alt:`icon-${n}`,style:{width:32,height:32,aspectRatio:1}},n)))})]}),e.jsxs(o.CardBannerButtonWrapper,{children:[e.jsx(n.Button,{buttonText:a.buttonText,buttonType:a.buttonType||"secondary",onClick:a.onClick,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}}),(null==a?void 0:a.buttonSecondaryText)&&(null==a?void 0:a.onClickSecondary)&&e.jsx(n.Button,{buttonText:a.buttonSecondaryText,buttonType:a.buttonTypeSecondary||"primary",onClick:a.onClickSecondary,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}})]})]})};

package/dist/cjs/components/bik-chatbot/components/AIChat.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("../contexts/AIContext.js"),i=require("./ChatLoadingState.js"),a=require("./ChatWindow.js");exports.AIChat=({className:r,style:n,header:l,showHeader:d=!0,placeholder:o="Ask me anything...",suggestions:c=["Top festivals for marketing","Top events this week?","Top August festivals near you"],disabled:h=!1,isThinking:u=!1,height:g,iceBreakers:m,videoStarter:x,onMessageSent:v,onIceBreakerClick:j,chatState:p,chatWindowHeight:f,inputDisabled:y=!1})=>{const{isReady:k,isLoading:b,messages:A,sendMessage:C,error:w,system:I,isApiCallInProgress:N}=t.useAIContext(),S=l||(null==I?void 0:I.name)||"AI Assistant";return w?s.jsx("div",{className:`flex items-center justify-center p-6 ${r}`,style:n,children:s.jsxs("div",{className:"text-red-500 text-center",children:[s.jsx("div",{className:"text-lg font-semibold mb-2",children:"Error"}),s.jsx("div",{className:"text-sm",children:w})]})}):k?s.jsx("div",{className:r,style:Object.assign(Object.assign({},n),{height:g||"100%",width:"100%",display:"flex",flexDirection:"column",minHeight:0}),children:s.jsx(a.default,{messages:A,onSend:s=>e.__awaiter(void 0,void 0,void 0,function*(){null==v||v(s),yield C(s)}),header:d?S:void 0,placeholder:o,suggestions:c,iceBreakers:m,videoStarter:x,disabled:h||b,isThinking:u||N,onIceBreakerClick:j,chatState:p,chatWindowHeight:f||"100%",inputDisabled:y})}):s.jsx(i.default,{className:r,style:n})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("../contexts/AIContext.js"),i=require("./ChatLoadingState.js"),a=require("./ChatWindow.js");exports.AIChat=r=>{let{className:n,style:l,header:d,showHeader:o=!0,placeholder:c="Ask me anything...",suggestions:h=["Top festivals for marketing","Top events this week?","Top August festivals near you"],disabled:u=!1,isThinking:g=!1,height:m,iceBreakers:x,videoStarter:v,onMessageSent:j,onIceBreakerClick:p,chatState:f,chatWindowHeight:y,inputDisabled:k=!1}=r;const{isReady:b,isLoading:A,messages:C,sendMessage:w,error:I,system:N,isApiCallInProgress:S}=t.useAIContext(),_=d||(null==N?void 0:N.name)||"AI Assistant";return I?s.jsx("div",{className:`flex items-center justify-center p-6 ${n}`,style:l,children:s.jsxs("div",{className:"text-red-500 text-center",children:[s.jsx("div",{className:"text-lg font-semibold mb-2",children:"Error"}),s.jsx("div",{className:"text-sm",children:I})]})}):b?s.jsx("div",{className:n,style:Object.assign(Object.assign({},l),{height:m||"100%",width:"100%",display:"flex",flexDirection:"column",minHeight:0}),children:s.jsx(a.default,{messages:C,onSend:s=>e.__awaiter(void 0,void 0,void 0,(function*(){null==j||j(s),yield w(s)})),header:o?_:void 0,placeholder:c,suggestions:h,iceBreakers:x,videoStarter:v,disabled:u||A,isThinking:g||S,onIceBreakerClick:p,chatState:f,chatWindowHeight:y||"100%",inputDisabled:k})}):s.jsx(i.default,{className:n,style:l})};

package/dist/cjs/components/bik-chatbot/components/BIKChatbot.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../contexts/AIContext.js"),s=require("./AIChat.js");const o=({systemPrompt:o,systemId:r,functions:a,functionHandler:i,onMessageReceived:n,displayInUI:d,maxToolCalls:l,maxTokens:c,model:h,conversationId:m,className:u,height:p,showHeader:x=!0,placeholder:y,iceBreakers:I,videoStarter:f,onMessageSent:g,onIceBreakerClick:v,chatState:S,inputDisabled:b,requestExecutor:k,baseUrl:j,endpointPath:w,responseFormat:C,responseSchema:H,width:P,maxWidth:q,fullHeight:E,style:M,chatWindowHeight:B,tools:A,onSystemReady:R})=>{if(!o)throw new Error("systemPrompt is required for generic mode.");const T=Object.assign({width:P||void 0,maxWidth:P?void 0:q||480,height:E?"100%":p||(null==M?void 0:M.height)||void 0,display:"flex",flexDirection:"column",border:"1px solid #E0E0E0",background:"#fff"},M);return e.jsx("div",{className:u,style:T,children:e.jsx(t.AIProvider,{systemPrompt:o,systemId:r,functions:a,functionHandler:i,responseFormat:C,responseSchema:H,onMessageReceived:n,displayInUI:d,maxToolCalls:l,maxTokens:c,customModel:h,conversationId:m,requestExecutor:k,baseUrl:j,endpointPath:w,tools:A,onSystemReady:R,children:e.jsx(s.AIChat,{height:E?"100%":p,chatWindowHeight:B,showHeader:x,placeholder:y,iceBreakers:I,videoStarter:f,onMessageSent:g,onIceBreakerClick:v,chatState:S,inputDisabled:b})})})};exports.BIKChatbot=o,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../contexts/AIContext.js"),s=require("./AIChat.js");const o=o=>{let{systemPrompt:r,systemId:a,functions:i,functionHandler:n,onMessageReceived:d,displayInUI:l,maxToolCalls:c,maxTokens:h,model:m,conversationId:u,className:p,height:x,showHeader:y=!0,placeholder:I,iceBreakers:f,videoStarter:g,onMessageSent:v,onIceBreakerClick:S,chatState:b,inputDisabled:k,requestExecutor:j,baseUrl:w,endpointPath:C,responseFormat:H,responseSchema:P,width:q,maxWidth:E,fullHeight:M,style:B,chatWindowHeight:A,tools:R,onSystemReady:T}=o;if(!r)throw new Error("systemPrompt is required for generic mode.");const U=Object.assign({width:q||void 0,maxWidth:q?void 0:E||480,height:M?"100%":x||(null==B?void 0:B.height)||void 0,display:"flex",flexDirection:"column",border:"1px solid #E0E0E0",background:"#fff"},B);return e.jsx("div",{className:p,style:U,children:e.jsx(t.AIProvider,{systemPrompt:r,systemId:a,functions:i,functionHandler:n,responseFormat:H,responseSchema:P,onMessageReceived:d,displayInUI:l,maxToolCalls:c,maxTokens:h,customModel:m,conversationId:u,requestExecutor:j,baseUrl:w,endpointPath:C,tools:R,onSystemReady:T,children:e.jsx(s.AIChat,{height:M?"100%":x,chatWindowHeight:A,showHeader:y,placeholder:I,iceBreakers:f,videoStarter:g,onMessageSent:v,onIceBreakerClick:S,chatState:b,inputDisabled:k})})})};exports.BIKChatbot=o,exports.default=o;

package/dist/cjs/components/bik-chatbot/components/ChatLoadingState.js

@@ -174,4 +174,4 @@
 	animation: ${g} 2.6s ease-in-out infinite;
 	pointer-events: none;
 	z-index: 0;
-`;exports.default=({className:t,style:i})=>{const[r,o]=a.useState(0);return a.useEffect(()=>{const e=window.setInterval(()=>{o(e=>(e+1)%n.length)},2e3);return()=>window.clearInterval(e)},[]),e.jsx(p,{className:t,style:i,children:e.jsxs(f,{children:[e.jsxs(c,{children:[e.jsx(k,{}),e.jsx(v,{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9",alt:"AI thinking"})]}),e.jsx(m,{children:n[r]},r),e.jsx(u,{children:[0,1,2].map(a=>e.jsx(b,{delay:.22*a},a))}),e.jsx(y,{children:s.map((a,t)=>e.jsxs(h,{delay:.4+.2*t,children:[e.jsx(w,{children:a.symbol}),e.jsx(j,{children:a.text})]},a.text))})]})})};
+`;exports.default=t=>{let{className:i,style:r}=t;const[o,d]=a.useState(0);return a.useEffect((()=>{const e=window.setInterval((()=>{d((e=>(e+1)%n.length))}),2e3);return()=>window.clearInterval(e)}),[]),e.jsx(p,{className:i,style:r,children:e.jsxs(f,{children:[e.jsxs(c,{children:[e.jsx(k,{}),e.jsx(v,{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9",alt:"AI thinking"})]}),e.jsx(m,{children:n[o]},o),e.jsx(u,{children:[0,1,2].map((a=>e.jsx(b,{delay:.22*a},a)))}),e.jsx(y,{children:s.map(((a,t)=>e.jsxs(h,{delay:.4+.2*t,children:[e.jsx(w,{children:a.symbol}),e.jsx(j,{children:a.text})]},a.text)))})]})})};

package/dist/cjs/components/bik-chatbot/components/ChatWindow.js

@@ -251,4 +251,4 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	display: inline-block;
-`;exports.CustomGradientText=C,exports.default=({messages:r,onSend:o,header:l="Create with AI",placeholder:z="Discover the right event & launch campaigns for better conversions...",suggestions:B=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:q,videoStarter:A,disabled:M=!1,isThinking:_=!1,onIceBreakerClick:I,chatState:D,chatWindowHeight:L,inputDisabled:H=!1})=>{const[W,E]=i.useState(""),[K,P]=i.useState(!1),[R,G]=i.useState(!1),N=i.useRef(null),O=i.useRef(null),V=K||_,J=M||H,Q=D||(K||_?"thinking":R&&W.trim().length>0?"typing":0===r.length?"conversation-starter":r.length>0?"conversation":"default"),U=()=>{!W.trim()||J||V||(o(W),E(""),P(!0),setTimeout(()=>P(!1),1500))},X=W.trim().length>0,Y=J||V||!X;i.useEffect(()=>{var e;null===(e=N.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},[r,K,_]);const Z=L||"100%";return e.jsxs(s,{chatState:Q,style:{height:Z},children:[e.jsxs(c,{children:[e.jsx(t.default,{height:24,width:24}),e.jsx("div",{className:"header-text",children:l})]}),e.jsxs(x,{children:[e.jsxs(h,{children:["conversation-starter"===Q&&A&&e.jsxs(p,{children:[e.jsx(g,{children:e.jsx(u,{onClick:A.onPlay,children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M8 5v14l11-7z"})})})}),e.jsxs(b,{children:[e.jsx(n.BodySecondary,{style:{fontWeight:500,marginBottom:"4px"},children:A.title}),e.jsx(n.BodyCaption,{children:A.description})]})]}),r.map(t=>e.jsx(f,{role:t.role,children:"assistant"===t.role?e.jsx("div",{dangerouslySetInnerHTML:{__html:a.renderMarkdownLite(t.content)}}):e.jsx("div",{style:{whiteSpace:"pre-wrap"},children:t.content})},t.id)),(K||_)&&e.jsx(d.default,{}),e.jsx("div",{ref:N})]}),q&&"conversation-starter"===Q&&e.jsx(k,{children:e.jsx(v,{children:q.map(t=>e.jsx(m,{disabled:J,onClick:()=>{J||(null==I||I(t),o(t.text))},children:e.jsx(C,{children:t.text})},t.id))})}),!q&&B.length>0&&"default"===Q&&e.jsx(w,{children:e.jsx(j,{children:B.map(t=>e.jsx(y,{disabled:J,onClick:()=>!J&&o(t),children:t},t))})}),e.jsx(F,{children:e.jsxs(S,{children:[e.jsx(T,{ref:O,value:W,onChange:e=>{if(J)return;const t=e.target.value;E(t),G(t.trim().length>0);const i=O.current;i&&(i.style.height="auto",i.style.height=`${Math.min(i.scrollHeight,117)}px`)},placeholder:z,onKeyDown:e=>{J||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!V&&W.trim()&&U())},disabled:J,hasText:X,chatState:Q}),e.jsx($,{onClick:U,disabled:Y,hasText:X,"aria-label":"Send",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M6 12h12"}),e.jsx("path",{d:"M12 6l6 6-6 6"})]})})]})})]})]})};
+`;exports.CustomGradientText=C,exports.default=r=>{let{messages:o,onSend:l,header:z="Create with AI",placeholder:B="Discover the right event & launch campaigns for better conversions...",suggestions:q=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:A,videoStarter:M,disabled:_=!1,isThinking:I=!1,onIceBreakerClick:D,chatState:L,chatWindowHeight:H,inputDisabled:W=!1}=r;const[E,K]=i.useState(""),[P,R]=i.useState(!1),[G,N]=i.useState(!1),O=i.useRef(null),V=i.useRef(null),J=P||I,Q=_||W,U=L||(P||I?"thinking":G&&E.trim().length>0?"typing":0===o.length?"conversation-starter":o.length>0?"conversation":"default"),X=()=>{!E.trim()||Q||J||(l(E),K(""),R(!0),setTimeout((()=>R(!1)),1500))},Y=E.trim().length>0,Z=Q||J||!Y;i.useEffect((()=>{var e;null===(e=O.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[o,P,I]);const ee=H||"100%";return e.jsxs(s,{chatState:U,style:{height:ee},children:[e.jsxs(c,{children:[e.jsx(t.default,{height:24,width:24}),e.jsx("div",{className:"header-text",children:z})]}),e.jsxs(x,{children:[e.jsxs(h,{children:["conversation-starter"===U&&M&&e.jsxs(p,{children:[e.jsx(g,{children:e.jsx(u,{onClick:M.onPlay,children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M8 5v14l11-7z"})})})}),e.jsxs(b,{children:[e.jsx(n.BodySecondary,{style:{fontWeight:500,marginBottom:"4px"},children:M.title}),e.jsx(n.BodyCaption,{children:M.description})]})]}),o.map((t=>e.jsx(f,{role:t.role,children:"assistant"===t.role?e.jsx("div",{dangerouslySetInnerHTML:{__html:a.renderMarkdownLite(t.content)}}):e.jsx("div",{style:{whiteSpace:"pre-wrap"},children:t.content})},t.id))),(P||I)&&e.jsx(d.default,{}),e.jsx("div",{ref:O})]}),A&&"conversation-starter"===U&&e.jsx(k,{children:e.jsx(v,{children:A.map((t=>e.jsx(m,{disabled:Q,onClick:()=>{Q||(null==D||D(t),l(t.text))},children:e.jsx(C,{children:t.text})},t.id)))})}),!A&&q.length>0&&"default"===U&&e.jsx(w,{children:e.jsx(j,{children:q.map((t=>e.jsx(y,{disabled:Q,onClick:()=>!Q&&l(t),children:t},t)))})}),e.jsx(F,{children:e.jsxs(S,{children:[e.jsx(T,{ref:V,value:E,onChange:e=>{if(Q)return;const t=e.target.value;K(t),N(t.trim().length>0);const i=V.current;i&&(i.style.height="auto",i.style.height=`${Math.min(i.scrollHeight,117)}px`)},placeholder:B,onKeyDown:e=>{Q||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!J&&E.trim()&&X())},disabled:Q,hasText:Y,chatState:U}),e.jsx($,{onClick:X,disabled:Z,hasText:Y,"aria-label":"Send",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M6 12h12"}),e.jsx("path",{d:"M12 6l6 6-6 6"})]})})]})})]})]})};