@bikdotai/bik-component-library 0.0.736-beta.0 → 0.0.736-beta.1

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

@@ -1,59 +1,59 @@
-import React from 'react';
-export type LineChartProps = {
-    canvasHeight?: number;
-    maintainAspectRatio?: boolean;
-    datas: {
-        data: number[];
-        lineColor?: string;
-        backgroundColor?: string;
-        gradientColor?: {
-            start: string;
-            end: string;
-        };
-        dotted?: boolean;
-        gradient?: boolean;
-        legend?: string;
-        lineWidth?: number;
-        squareLegends?: boolean;
-        useSecondYAxis?: boolean;
-        pointColors?: string[];
-    }[];
-    labels: Array<string>;
-    scaleText?: {
-        x?: string;
-        y?: string;
-        yPrefix?: string;
-        y2?: string;
-        y2Prefix?: string;
-        xDrawBorder?: boolean;
-        yDrawBorder?: boolean;
-        y2DrawBorder?: boolean;
-    };
-    legends: Array<string>;
-    stepSize?: number;
-    min?: number;
-    max?: number;
-    isZeroState?: boolean;
-    lineThickness?: number;
-    ticksLabelCallback?: (val: string, index: number) => void;
-    tension?: number;
-    isNewStyles?: boolean;
-    prefixCurrencyInYAxis?: string;
-    pointRadius?: number;
-    useKFormat?: boolean;
-    labelCallback?: (context: any) => void;
-    afterBodyCallBack?: (context: any) => void;
-    titleTooltipCallback?: (context: any) => void;
-    isInternationalStore?: boolean;
-    customYHeaders?: any;
-    legendsAndIconDirection?: 'row-reverse' | 'row';
-    headerIcons?: React.ReactNode[];
-    hasSecondYAxis?: boolean;
-    min2?: number;
-    max2?: number;
-    stepSize2?: number;
-    prefixCurrencyInY2Axis?: string;
-    useKFormat2?: boolean;
-    customY2Headers?: any;
-};
-export declare const LineChart: React.FC<LineChartProps>;
+import React from 'react';
+export type LineChartProps = {
+    canvasHeight?: number;
+    maintainAspectRatio?: boolean;
+    datas: {
+        data: number[];
+        lineColor?: string;
+        backgroundColor?: string;
+        gradientColor?: {
+            start: string;
+            end: string;
+        };
+        dotted?: boolean;
+        gradient?: boolean;
+        legend?: string;
+        lineWidth?: number;
+        squareLegends?: boolean;
+        useSecondYAxis?: boolean;
+        pointColors?: string[];
+    }[];
+    labels: Array<string>;
+    scaleText?: {
+        x?: string;
+        y?: string;
+        yPrefix?: string;
+        y2?: string;
+        y2Prefix?: string;
+        xDrawBorder?: boolean;
+        yDrawBorder?: boolean;
+        y2DrawBorder?: boolean;
+    };
+    legends: Array<string>;
+    stepSize?: number;
+    min?: number;
+    max?: number;
+    isZeroState?: boolean;
+    lineThickness?: number;
+    ticksLabelCallback?: (val: string, index: number) => void;
+    tension?: number;
+    isNewStyles?: boolean;
+    prefixCurrencyInYAxis?: string;
+    pointRadius?: number;
+    useKFormat?: boolean;
+    labelCallback?: (context: any) => void;
+    afterBodyCallBack?: (context: any) => void;
+    titleTooltipCallback?: (context: any) => void;
+    isInternationalStore?: boolean;
+    customYHeaders?: any;
+    legendsAndIconDirection?: 'row-reverse' | 'row';
+    headerIcons?: React.ReactNode[];
+    hasSecondYAxis?: boolean;
+    min2?: number;
+    max2?: number;
+    stepSize2?: number;
+    prefixCurrencyInY2Axis?: string;
+    useKFormat2?: boolean;
+    customY2Headers?: any;
+};
+export declare const LineChart: React.FC<LineChartProps>;

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"),n=require("react"),r=require("react-chartjs-2"),l=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:s,labels:d,canvasHeight:c,datas:u,maintainAspectRatio:g=!1,stepSize:p,min:y,max:v,isZeroState:C,tension:x,isNewStyles:b,prefixCurrencyInYAxis:h,pointRadius:O,useKFormat:S,lineThickness:m,ticksLabelCallback:j,labelCallback:f,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]=n.useState(null),Z=n.useRef();n.useEffect((()=>{var e,t,n,r;if(null===(r=null===(n=null===(t=null===(e=Z.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===n?void 0:n.ticks)||void 0===r?void 0:r.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:d,datasets:u.map(((e,t)=>{var n,r,l;return Object.assign(Object.assign({tension:null!=x?x:.4,fill:e.gradient?"start":0},((e,t,n)=>{const r={borderColor:e||(t?i.COLORS.content.placeholder:i.COLORS.background.brand)};return b?Object.assign({pointStyle:"circle",pointRadius:O||(d&&d.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:n||e||(t?i.COLORS.content.placeholder:i.COLORS.background.brand)},r):Object.assign({pointRadius:null!=O?O:1},r)})(e.lineColor,e.dotted,e.pointColors)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(r=null!==(n=e.lineWidth)&&void 0!==n?n:m)&&void 0!==r?r:2,backgroundColor:e.gradient?t=>{const n=t.chart.ctx.createLinearGradient(0,0,0,W?W-75:150);return e.gradientColor?(n.addColorStop(0,e.gradientColor.start),n.addColorStop(1,e.gradientColor.end),n):(n.addColorStop(0,"#F1EEFB"),n.addColorStop(1,"rgba(127, 86, 217, 0)"),n)}:null!==(l=e.backgroundColor)&&void 0!==l?l:"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"})}))},G={maintainAspectRatio:g,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:f,afterBody:L},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:C?0:y,max:C?10:v,position:"left",id:"y",ticks:{color:i.COLORS.content.secondary,callback:e=>{var t,n;return S?`${null!==(t=null==s?void 0:s.yPrefix)&&void 0!==t?t:""}${R?o.truncateValueForInternationalStore(e):o.truncateValueForIndianStore(e)}${null!=h?h:""}`:w&&Object.keys(w).length>0?w[e]:`${null!==(n=null==s?void 0:s.yPrefix)&&void 0!==n?n:""}${e}${null!=h?h:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:C?1:p,padding:b?24:0},title:{display:!!(null==s?void 0:s.y),text:null==s?void 0:s.y},grid:{color:i.COLORS.background.base,drawBorder:null===(E=null==s?void 0:s.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,n;return T?`${null!==(t=null==s?void 0:s.y2Prefix)&&void 0!==t?t:""}${R?o.truncateValueForInternationalStore(e):o.truncateValueForIndianStore(e)}${null!=z?z:""}`:D&&Object.keys(D).length>0?D[e]:`${null!==(n=null==s?void 0:s.y2Prefix)&&void 0!==n?n:""}${e}${null!=z?z:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:C?1:A,padding:b?24:0},title:{display:!!(null==s?void 0:s.y2),text:null==s?void 0:s.y2},grid:{color:"transparent",drawBorder:null===(P=null==s?void 0:s.y2DrawBorder)||void 0===P||P}},x:{ticks:{callback:j,color:i.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==s?void 0:s.x),text:null==s?void 0:s.x},grid:{display:!1,drawBorder:null!==(Y=null==s?void 0:s.xDrawBorder)&&void 0!==Y&&Y}}}};return e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},g?{}:{height:null!==(V=null!=c?c:W)&&void 0!==V?V:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:q}},{children:[e.jsx(a.LegendWrapper,{children:B.map(((t,n)=>e.jsx(a.LegendContainer,{children:t},n)))}),e.jsx(a.LegendWrapper,{children:K.map(((t,n)=>{let{text:r,color:i,square:o}=t;return r?e.jsxs(a.LegendContainer,{children:[e.jsx(a.LegendColor,{color:i,square:o,newStyle:b}),e.jsx(l.BodyTiny,Object.assign({color:"#667085"},{children:r}))]},n):e.jsx(e.Fragment,{})}))})]})),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(r.Line,{ref:Z,options:G,data:_})}))]}))};
+"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/LineChart/LineChart.styled.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-export declare const LegendContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LegendColor: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    color: string;
-    newStyle?: boolean | undefined;
-    square?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LegendWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    position?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LegendContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;
+export declare const LegendColor: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    color: string;
+    newStyle?: boolean;
+    square?: boolean;
+}, JSX.IntrinsicElements, {}>;
+export declare const LegendWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    position?: string;
+}, JSX.IntrinsicElements, {}>;

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

@@ -1 +1,16 @@
-"use strict";function c(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}Object.defineProperty(exports,"__esModule",{value:!0});var e=c(require("@emotion/styled/base"));const l=e.default("div","production"===process.env.NODE_ENV?{target:"eyesbkg2"}:{target:"eyesbkg2",label:"LegendContainer"})("production"===process.env.NODE_ENV?{name:"nqbxsj",styles:"display:flex;flex-direction:row;gap:8px;align-items:center"}:{name:"nqbxsj",styles:"display:flex;flex-direction:row;gap:8px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQzBDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMubmV3U3R5bGUgfHwgcHJvcHMuc3F1YXJlID8gJzE2cHgnIDogJzhweCcpfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLm5ld1N0eWxlIHx8IHByb3BzLnNxdWFyZSA/ICcxNnB4JyA6ICc4cHgnKX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc2l0aW9uID8gcHJvcHMucG9zaXRpb24gOiAnZW5kJyl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZUNoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),d=e.default("div","production"===process.env.NODE_ENV?{target:"eyesbkg1"}:{target:"eyesbkg1",label:"LegendColor"})("width:",(c=>c.newStyle||c.square?"16px":"8px"),";height:",(c=>c.newStyle||c.square?"16px":"8px"),";border-radius:4px;background:",(c=>c.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3NDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMubmV3U3R5bGUgfHwgcHJvcHMuc3F1YXJlID8gJzE2cHgnIDogJzhweCcpfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLm5ld1N0eWxlIHx8IHByb3BzLnNxdWFyZSA/ICcxNnB4JyA6ICc4cHgnKX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc2l0aW9uID8gcHJvcHMucG9zaXRpb24gOiAnZW5kJyl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZUNoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */")),b=e.default("div","production"===process.env.NODE_ENV?{target:"eyesbkg0"}:{target:"eyesbkg0",label:"LegendWrapper"})("display:flex;flex-direction:row;gap:12px;justify-content:",(c=>c.position?c.position:"end"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXdDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMubmV3U3R5bGUgfHwgcHJvcHMuc3F1YXJlID8gJzE2cHgnIDogJzhweCcpfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLm5ld1N0eWxlIHx8IHByb3BzLnNxdWFyZSA/ICcxNnB4JyA6ICc4cHgnKX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc2l0aW9uID8gcHJvcHMucG9zaXRpb24gOiAnZW5kJyl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZUNoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */"));exports.LegendColor=d,exports.LegendContainer=l,exports.LegendWrapper=b;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@emotion/styled"));const o=t.default.div`
+	display: flex;
+	flex-direction: row;
+	gap: 8px;
+	align-items: center;
+`,r=t.default.div`
+	width: ${e=>e.newStyle||e.square?"16px":"8px"};
+	height: ${e=>e.newStyle||e.square?"16px":"8px"};
+	border-radius: 4px;
+	background: ${e=>e.color};
+`,i=t.default.div`
+	display: flex;
+	flex-direction: row;
+	gap: 12px;
+	justify-content: ${e=>e.position?e.position:"end"};
+`;exports.LegendColor=r,exports.LegendContainer=o,exports.LegendWrapper=i;

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

@@ -1,3 +1,3 @@
-import React from 'react';
-import { PieChartInputData } from "./PieChartInputData";
-export declare const PieChart: React.FC<PieChartInputData>;
+import React from 'react';
+import { PieChartInputData } from '@src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartInputData';
+export declare const PieChart: React.FC<PieChartInputData>;

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { PieChartInputData } from "./PieChartInputData";
-export declare const Card: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const PieChartAnalytics: React.FC<PieChartInputData>;
+import React from 'react';
+import { PieChartInputData } from '@src/components/analytics-chips-and-dropdowns/chart/Pie/PieChartInputData';
+export declare const Card: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const PieChartAnalytics: React.FC<PieChartInputData>;

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

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

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartInputData.d.ts

@@ -1,21 +1,21 @@
-export interface PieChartInput {
-    name: string;
-    count: number;
-    color?: string;
-    rawValue?: string;
-}
-export interface PieChartInputData {
-    slices: PieChartInput[];
-    title?: string;
-    size?: number;
-    allowChartPopup?: boolean;
-    showConvertToBarChart?: boolean;
-    truncateSlices?: number;
-    barChartXAxisTitle?: string;
-    barChartYAxisTitle?: string;
-    hideTitle?: boolean;
-    currencyProps?: {
-        symbol?: string;
-        isInternationalStore?: boolean;
-    };
-}
+export interface PieChartInput {
+    name: string;
+    count: number;
+    color?: string;
+    rawValue?: string;
+}
+export interface PieChartInputData {
+    slices: PieChartInput[];
+    title?: string;
+    size?: number;
+    allowChartPopup?: boolean;
+    showConvertToBarChart?: boolean;
+    truncateSlices?: number;
+    barChartXAxisTitle?: string;
+    barChartYAxisTitle?: string;
+    hideTitle?: boolean;
+    currencyProps?: {
+        symbol?: string;
+        isInternationalStore?: boolean;
+    };
+}

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

@@ -1,2 +1,2 @@
-import { StackedBarGraphI } from './StackedBarChart.model';
-export declare const StackedBarChart: (props: StackedBarGraphI) => import("react/jsx-runtime").JSX.Element;
+import { StackedBarGraphI } from './StackedBarChart.model';
+export declare const StackedBarChart: (props: StackedBarGraphI) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,92 +1,91 @@
-/// <reference types="react" />
-import { FontSpec, TooltipItem } from 'chart.js';
-export interface AxisDetailsI {
-    title?: string;
-    titleColor?: string;
-    data: XAxisDataI[] | string[];
-    labelColor?: string;
-    stepSize?: number;
-    stacked?: boolean;
-    axisSuffix?: string;
-    max?: number;
-}
-export interface XAxisDataI {
-    name: string;
-    value: number;
-}
-export interface RGBColorI {
-    r: number;
-    g: number;
-    b: number;
-    a?: number;
-}
-export interface ChartHeadingI {
-    heading: string;
-    color?: string;
-}
-export declare enum COLOR_SCHEMA {
-    BRAND = "brand",
-    PASTEL = "pastel"
-}
-export declare enum GRAPH_ORIENTATION {
-    VERTICAL = "vertical",
-    HORIZONTAL = "horizontal"
-}
-export interface StackedBarGraphI {
-    graphCanvasHeight?: number | string;
-    graphCanvasWidth?: string;
-    tickColor?: string;
-    labelColor?: string;
-    chartHeading?: ChartHeadingI;
-    xAxis: AxisDetailsI;
-    yAxis: AxisDetailsI;
-    barColorRGBA: RGBColorI;
-    outerPadding?: string;
-    onBarClick?: (xAxisLabel: string, yAxisLabel: string) => void;
-    colorSchema?: COLOR_SCHEMA;
-    orientation?: GRAPH_ORIENTATION;
-    barWidth?: number;
-    wrapperStyle?: React.CSSProperties;
-    customLegend?: boolean;
-    showTotal?: boolean;
-    tooltipConfig?: {
-        titleCallback?: (toolTipItems: TooltipItem<'bar'>[]) => string | string[];
-        labelCallback?: (toolTipItem: TooltipItem<'bar'>) => string | string[];
-        footerCallback?: (toolTipItems: TooltipItem<'bar'>[]) => string | string[];
-        footerStyles?: {
-            footerFont?: Partial<FontSpec>;
-        };
-    };
-    customColourScaleBrand?: string[];
-    customColourScalePastel?: string[];
-    customHoverColour?: string[];
-    customBarColors?: string[] /** Custom colors for individual bars in the stack */;
-    isInternationalStore?: boolean;
-    truncateBars?: number;
-    allowChartPopup?: boolean;
-    hideHeading?: boolean;
-    /** borderRadius - if number passes only the top bar of the stack will be given radius. Send object to apply border in all the bars of the stack */
-    borderRadius?: number | {
-        topLeft?: number;
-        topRight?: number;
-        bottomLeft?: number;
-        bottomRight?: number;
-    };
-    showGridLines?: {
-        x?: boolean;
-        y?: boolean;
-    };
-    equalHeight?: {
-        flag: boolean;
-        max: number;
-    };
-    barPercentage?: number;
-    addBarGap?: {
-        flag: boolean;
-        value: number;
-    };
-    ticksCallback?: (value: number | string) => string;
-    legendsAndIconDirection?: 'row-reverse' | 'row';
-    headerIcons?: React.ReactNode[];
-    renderInHeightWiseManner?: boolean /** When true, renders smaller bars on top of larger bars */;
-}
+import { FontSpec, TooltipItem } from 'chart.js';
+export interface AxisDetailsI {
+    title?: string;
+    titleColor?: string;
+    data: XAxisDataI[] | string[];
+    labelColor?: string;
+    stepSize?: number;
+    stacked?: boolean;
+    axisSuffix?: string;
+    max?: number;
+}
+export interface XAxisDataI {
+    name: string;
+    value: number;
+}
+export interface RGBColorI {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+}
+export interface ChartHeadingI {
+    heading: string;
+    color?: string;
+}
+export declare enum COLOR_SCHEMA {
+    BRAND = "brand",
+    PASTEL = "pastel"
+}
+export declare enum GRAPH_ORIENTATION {
+    VERTICAL = "vertical",
+    HORIZONTAL = "horizontal"
+}
+export interface StackedBarGraphI {
+    graphCanvasHeight?: number | string;
+    graphCanvasWidth?: string;
+    tickColor?: string;
+    labelColor?: string;
+    chartHeading?: ChartHeadingI;
+    xAxis: AxisDetailsI;
+    yAxis: AxisDetailsI;
+    barColorRGBA: RGBColorI;
+    outerPadding?: string;
+    onBarClick?: (xAxisLabel: string, yAxisLabel: string) => void;
+    colorSchema?: COLOR_SCHEMA;
+    orientation?: GRAPH_ORIENTATION;
+    barWidth?: number;
+    wrapperStyle?: React.CSSProperties;
+    customLegend?: boolean;
+    showTotal?: boolean;
+    tooltipConfig?: {
+        titleCallback?: (toolTipItems: TooltipItem<'bar'>[]) => string | string[];
+        labelCallback?: (toolTipItem: TooltipItem<'bar'>) => string | string[];
+        footerCallback?: (toolTipItems: TooltipItem<'bar'>[]) => string | string[];
+        footerStyles?: {
+            footerFont?: Partial<FontSpec>;
+        };
+    };
+    customColourScaleBrand?: string[];
+    customColourScalePastel?: string[];
+    customHoverColour?: string[];
+    customBarColors?: string[] /** Custom colors for individual bars in the stack */;
+    isInternationalStore?: boolean;
+    truncateBars?: number;
+    allowChartPopup?: boolean;
+    hideHeading?: boolean;
+    /** borderRadius - if number passes only the top bar of the stack will be given radius. Send object to apply border in all the bars of the stack */
+    borderRadius?: number | {
+        topLeft?: number;
+        topRight?: number;
+        bottomLeft?: number;
+        bottomRight?: number;
+    };
+    showGridLines?: {
+        x?: boolean;
+        y?: boolean;
+    };
+    equalHeight?: {
+        flag: boolean;
+        max: number;
+    };
+    barPercentage?: number;
+    addBarGap?: {
+        flag: boolean;
+        value: number;
+    };
+    ticksCallback?: (value: number | string) => string;
+    legendsAndIconDirection?: 'row-reverse' | 'row';
+    headerIcons?: React.ReactNode[];
+    renderInHeightWiseManner?: boolean /** When true, renders smaller bars on top of larger bars */;
+}