@bikdotai/bik-component-library 0.0.77-4.beta.0.8 → 0.0.78

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

@@ -1,4 +0,0 @@
-import { AnalyticsChipInterface } from './AnalyticsChip';
-export declare const AnalyticsChipChannelFooter: (props: {
-    channelConfig: AnalyticsChipInterface['channelConfig'];
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-import{jsx as n,Fragment as s,jsxs as e}from"react/jsx-runtime";import a from"../../assets/icons/chat-channel.svg.js";import t from"../../assets/icons/email-channel.svg.js";import o from"../../assets/icons/instagram-channel.svg.js";import i from"../../assets/icons/whatsapp-channel.svg.js";import{COLORS as r}from"../../constants/Theme.js";import{BodyTiny as c}from"../TypographyStyle.js";const l=r=>{if(!r.channelConfig)return n(s,{});const{whatsapp:c,instagram:l,email:m,sms:p}=r.channelConfig;return e("div",Object.assign({style:{display:"flex",gap:"16px"}},{children:[!!c&&n(h,{ChannelIcon:i,value:c}),!!l&&n(h,{ChannelIcon:o,value:l}),!!m&&n(h,{ChannelIcon:t,value:m}),!!p&&n(h,{ChannelIcon:a,value:p})]}))},h=s=>{const{ChannelIcon:a,value:t}=s;return e("div",Object.assign({style:{display:"flex",gap:"4px"}},{children:[n(a,{width:12,height:12}),n(c,Object.assign({color:r.content.secondary},{children:t}))]}))};export{l as AnalyticsChipChannelFooter};

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { AnalyticsTrendInterface } from './AnalyticsTrend';
-export declare const AnalyticsMetric: React.FC<{
-    title?: string;
-    RightHeaderComponent?: React.ReactElement;
-    trends: AnalyticsTrendInterface[];
-    containerStyle?: React.CSSProperties;
-    trendStyle?: React.CSSProperties;
-    trendContainerStyle?: React.CSSProperties;
-    trendIconStyle?: React.CSSProperties;
-    titleSize?: 'large' | 'small';
-    titleColor?: string;
-    perRow?: number;
-    isLoading?: boolean;
-    hideHeaderDiv?: boolean;
-    relativePercentageDiff?: number;
-    isInternationalStore?: boolean;
-}>;

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

@@ -1 +0,0 @@
-import g from"@emotion/styled/base";import{jsxs as I,jsx as C,Fragment as A}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{TitleMedium as c,TitleRegular as e}from"../TypographyStyle.js";import{AnalyticsTrend as b}from"./AnalyticsTrend.js";const t=g("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIGlzTG9hZGluZywgdHJlbmRTdHlsZSwgdHJlbmRDb250YWluZXJTdHlsZSwgdHJlbmRJY29uU3R5bGUsIGhpZGVIZWFkZXJEaXYsIGlzSW50ZXJuYXRpb25hbFN0b3JlLCB9KSA9PiB7XHJcbiAgICBjb25zdCBUeXBvID0gdGl0bGVTaXplID09PSAnbGFyZ2UnID8gVGl0bGVNZWRpdW0gOiBUaXRsZVJlZ3VsYXI7XHJcbiAgICBjb25zdCBwZXJSb3dMb2NhbCA9IHBlclJvdyB8fFxyXG4gICAgICAgICh0cmVuZHMubGVuZ3RoIDw9IDQgPyB0cmVuZHMubGVuZ3RoIDogdHJlbmRzLmxlbmd0aCAlIDMgPT0gMCA/IDMgOiA0KTtcclxuICAgIGNvbnN0IHJvd3MgPSBNYXRoLmNlaWwodHJlbmRzLmxlbmd0aCAvIHBlclJvd0xvY2FsKTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiBPYmplY3QuYXNzaWduKHsgcGFkZGluZ1RvcDogMjQsIHBhZGRpbmdCb3R0b206IDI0IH0sIChjb250YWluZXJTdHlsZSAhPT0gbnVsbCAmJiBjb250YWluZXJTdHlsZSAhPT0gdm9pZCAwID8gY29udGFpbmVyU3R5bGUgOiB7fSkpIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiBoaWRlSGVhZGVyRGl2ID8gMCA6IDEyLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IEFycmF5LmZyb20oeyBsZW5ndGg6IHJvd3MgfSkubWFwKChfLCByb3dJbmRleCkgPT4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpblRvcDogcm93SW5kZXggPT09IDAgPyAwIDogMTYsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdHJlbmRzXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiB0cmVuZHMubGVuZ3RoID09PSAxID8gJzEwMCUnIDogJzUwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBpc0xvYWRpbmc6IGlzTG9hZGluZywgY2FyZDogZmFsc2UsIHNpemU6IChfYSA9IHRyZW5kLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdzbWFsbCcsIHJpZ2h0U2VwYXJhdG9yOiBpICsgcm93SW5kZXggKiBwZXJSb3dMb2NhbCA8XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBNYXRoLm1pbigocm93SW5kZXggKyAxKSAqIHBlclJvd0xvY2FsIC0gMSwgdHJlbmRzLmxlbmd0aCAtIDEpLCB0cmVuZFN0eWxlOiB0cmVuZFN0eWxlLCB0cmVuZEljb25TdHlsZTogdHJlbmRJY29uU3R5bGUsIHRyZW5kQ29udGFpbmVyU3R5bGU6IHRyZW5kQ29udGFpbmVyU3R5bGUsIGlzSW50ZXJuYXRpb25hbFN0b3JlOiBpc0ludGVybmF0aW9uYWxTdG9yZSB9KSkgfSksIGkpKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSkgfSksIHJvd0luZGV4KSB9KSkpIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",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=g=>{let{title:d,trends:i,RightHeaderComponent:n,containerStyle:s,titleSize:Z,titleColor:a,perRow:o,isLoading:m,trendStyle:G,trendContainerStyle:u,trendIconStyle:y,hideHeaderDiv:p,isInternationalStore:J}=g;const H="large"===Z?c:e,X=o||(i.length<=4?i.length:i.length%3==0?3:4),r=Math.ceil(i.length/X);return I("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=s?s:{})},{children:[I("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:p?0:12}},{children:[d&&C(H,Object.assign({color:null!=a?a:l.content.secondary,style:{paddingLeft:24,paddingRight:24}},{children:d})),n]})),C(t,{children:Array.from({length:r}).map(((g,I)=>C(A,{children:C("div",Object.assign({style:{display:"flex",width:"100%",marginTop:0===I?0:16}},{children:i.slice(I*X,(I+1)*X).map(((g,A)=>{var l;return C("div",Object.assign({style:{flex:1,maxWidth:1===i.length?"100%":"50%"}},{children:C(b,Object.assign({},g,{isLoading:m,card:!1,size:null!==(l=g.size)&&void 0!==l?l:"small",rightSeparator:A+I*X<Math.min((I+1)*X-1,i.length-1),trendStyle:G,trendIconStyle:y,trendContainerStyle:u,isInternationalStore:J}))}),A)}))}),I)})))})]}))};export{d as AnalyticsMetric};

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

@@ -1,36 +0,0 @@
-import React from 'react';
-export interface AnalyticsTrendInterface {
-    title: string;
-    value?: number | string;
-    trendPercent?: number;
-    trendRaw?: number;
-    trendRawString?: string;
-    formatVal?: boolean;
-    timeline?: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
-    customRange?: Date[];
-    type?: 'vertical' | 'horizontal';
-    tooltip?: string;
-    card?: boolean;
-    rightSeparator?: boolean;
-    size?: 'big' | 'small';
-    share?: boolean;
-    prefixSymbol?: string;
-    trailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    onTrailIconClick?: () => void;
-    iconTooltipBody?: string;
-    funnelPercent?: number;
-    isLoading?: boolean;
-    suffixText?: string;
-    trendStyle?: React.CSSProperties;
-    iconContainerStyle?: React.CSSProperties;
-    trendContainerStyle?: React.CSSProperties;
-    trendIconStyle?: React.CSSProperties;
-    containerStyle?: React.CSSProperties;
-    prevTrendDiff?: number;
-    relativePercentageDiff?: number;
-    isInternationalStore?: boolean;
-    Icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    tooltipTimelineText?: string;
-    customTimelineText?: string;
-}
-export declare const AnalyticsTrend: React.FC<AnalyticsTrendInterface>;

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

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import n,{useState as r,useEffect as o}from"react";import{ShimmerComponentStyled as l}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import a from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/arrow_down.svg.js";import d from"../../assets/icons/arrow_up.svg.js";import m from"../../assets/icons/info.svg.js";import{Tag as g}from"../tag/Tag.js";import{Tooltip as h}from"../tooltips/Tooltip.js";import{BodyCaption as p,Caption as y,TitleLarge as u,TitleMedium as b}from"../TypographyStyle.js";import{truncateValueForInternationalStore as f,truncateValueForIndianStore as j}from"./chart/utils/calcPercentage.js";import{AnalyticsTrendContainer as v,IconContainer as x}from"./CommonStyles.js";const T=r=>{let{title:o,value:a,trendPercent:c,type:d="horizontal",timeline:y,customRange:T,tooltip:w,card:O=!0,rightSeparator:$=!1,size:I="big",share:R=!1,formatVal:C,prefixSymbol:D,trailingIcon:L,onTrailIconClick:M,iconTooltipBody:k,funnelPercent:z,isLoading:P,trendRaw:F,trendRawString:N,suffixText:W,trendStyle:_,trendContainerStyle:A,trendIconStyle:B,containerStyle:E,prevTrendDiff:U,relativePercentageDiff:V,isInternationalStore:q,Icon:G,iconContainerStyle:H,tooltipTimelineText:J,customTimelineText:K}=r;const Q="big"===I?u:b,X=void 0!==c?c<0?"negative":0===c?"neutral":"positive":void 0,Y=void 0!==c?R?Math.round(c):Math.abs(Math.round(c)):void 0;return e(v,Object.assign({card:O,style:Object.assign({},E)},{children:t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:G?12:4,borderRightWidth:$?1:0,borderRightColor:s.stroke.primary,borderRightStyle:"solid",paddingLeft:O?0:24,paddingRight:O?0:24,height:"100%",justifyContent:G?"flex-start":"space-between",alignItems:"center"},null!=A?A:{})},{children:[!!G&&e(x,Object.assign({style:Object.assign({},H)},{children:e(G,{})})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"column",gap:4,height:"100%"},null!=_?_:{})},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(p,Object.assign({style:{color:s.content.secondary}},{children:o})),w&&e(h,Object.assign({body:w,placement:"right",width:300},{children:e("div",Object.assign({style:{display:"flex",cursor:"pointer",height:"100%"}},{children:e(m,{color:s.content.primary,height:16,width:16})}))}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},R?{justifyContent:"space-between"}:{})},{children:[P&&e(l,{width:108,height:26}),!P&&e(Q,Object.assign({style:{color:s.content.primary}},{children:void 0===a?"--":"number"==typeof a&&C?a>999?q?`${null!=D?D:""}${f(a)} ${null!=W?W:""}`:`${null!=D?D:""}${j(a)} ${null!=W?W:""}`:`${null!=D?D:""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(a)} ${null!=W?W:""}`:`${null!=D?D:""}${a} ${null!=W?W:""}`})),"number"==typeof V&&e(g,{tagText:`${V}%`,theme:"light",type:"neutral"}),"horizontal"===d&&!P&&!R&&e(S,{timeline:y,customRange:T,percent:Y,direction:X,trendRaw:F,trendRawString:N,prefixSymbol:D,trendIconStyle:B,isInternationalStore:q,tooltipTimelineText:J,customTimelineText:K}),P&&!R&&"horizontal"===d&&e(l,{height:20,width:141,marginTop:6}),"vertical"===d&&!P&&void 0!==z&&e(g,{tagText:`${z} %`,theme:"light",type:"neutral"}),R&&!P&&void 0!==Y&&e(g,{tagText:`${Y} %`,theme:"light",type:"neutral"}),R||P||!U||0==U?e(i,{}):e(g,{tagText:(e=>{const t=Math.abs(e);return t%1!=0?`${t.toFixed(1)} %`:`${t} %`})(U),theme:"light",type:"neutral"})]})),"vertical"===d&&!P&&!R&&e("div",Object.assign({style:{marginTop:10}},{children:e(S,{timeline:y,customRange:T,percent:Y,direction:X,trendRaw:F,trendRawString:N,prefixSymbol:D,trendIconStyle:B,isInternationalStore:q,tooltipTimelineText:J,customTimelineText:K})})),P&&"vertical"===d&&e(l,{height:20,width:141,marginTop:6})]})),k&&!P&&e(h,Object.assign({body:k,placement:"right"},{children:L&&e("div",Object.assign({className:"icon--holder",onClick:M},{children:n.createElement(L,{height:20,width:20,color:s.content.secondary})}))}))]}))}))},S=i=>{let{percent:n,direction:l,timeline:m,customRange:g,trendRaw:p,trendRawString:u,prefixSymbol:b,trendIconStyle:v,isInternationalStore:x,tooltipTimelineText:T,customTimelineText:S}=i;const w=()=>{const e=((null!=p?p:0)>0?"+":"")+(null!=b?b:"");return void 0===p?"--":`${null!=e?e:""}${(()=>{let e="--";if(p)return e=String(x?f(Math.abs(p)):j(Math.abs(p))),p<0?"-"+e:e})()}`},[O,$]=r(w()),[I,R]=r(S||"");o((()=>{S||R("today"===m?"vs yesterday":"yesterday"===m?"vs 1 day before":"7 days"===m?"vs last 7 days":"30 days"===m?"vs last 30 days":"custom"===m&&g?a.getAnalyticsCustomDateTimelineText(g):"")}),[m,g]),o((()=>{$(w())}),[p]);const C="negative"===l?c:d,D="negative"===l?s.background.negative.vibrant:"positive"===l?s.background.positive.vibrant:s.content.placeholder;return t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"}},{children:["number"==typeof n&&e(C,{color:D,height:16,width:16,style:Object.assign({marginRight:2},null!=v?v:{})}),"number"==typeof n&&l&&t(y,Object.assign({style:{color:D}},{children:["neutral"===l?0:n<1e3?n:">999","%"]})),!!p&&e(y,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:`(${O})`})),!p&&((null==u?void 0:u.length)||0)>0&&e(y,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:`${u}`})),m&&(T?e(h,Object.assign({body:T,placement:"bottom"},{children:e(y,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:S||I}))})):e(y,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:S||I})))]}))};export{T as AnalyticsTrend};

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { HorizontalGraphI } from './HorizontalGraph.d';
-export declare const HorizontalGraph: React.FC<HorizontalGraphI>;

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

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

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.d.ts

@@ -1,4 +0,0 @@
-export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {
-    padding?: string | undefined;
-    skipOuterLayout?: boolean | undefined;
-}, never>;

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

@@ -1,4 +0,0 @@
-import r from"styled-components";import{COLORS as o}from"../../../../constants/Theme.js";const t=r.div`
-	background-color: ${r=>r.skipOuterLayout?"transparent":o.surface.standard};
-	padding: ${r=>{var o;return null!==(o=r.padding)&&void 0!==o?o:"24px"}};
-`;export{t as GraphContainerWrapper};

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

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface LegendData {
-    color: string;
-    text: string;
-}
-export declare const Legend: React.FC<LegendData>;

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

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

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

@@ -1,59 +0,0 @@
-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/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js

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

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

@@ -1,19 +0,0 @@
-/// <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>, {}>;

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

@@ -1 +0,0 @@
-import c from"@emotion/styled/base";const l=c("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)."}}),e=c("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=c("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= */"));export{e as LegendColor,l as LegendContainer,b as LegendWrapper};

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PieChartInputData } from "./PieChartInputData";
-export declare const PieChart: React.FC<PieChartInputData>;

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

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

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

@@ -1,4 +0,0 @@
-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>;

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

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

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

@@ -1,21 +0,0 @@
-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/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.d.ts

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

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

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

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

@@ -1,92 +0,0 @@
-/// <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 */;
-}

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

@@ -1 +0,0 @@
-var n,t;!function(n){n.BRAND="brand",n.PASTEL="pastel"}(n||(n={})),function(n){n.VERTICAL="vertical",n.HORIZONTAL="horizontal"}(t||(t={}));export{n as COLOR_SCHEMA,t as GRAPH_ORIENTATION};

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

@@ -1,7 +0,0 @@
-export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {
-    padding?: string | undefined;
-    chartWrapperHeight?: string | undefined;
-    isFunnel?: boolean | undefined;
-    customLegend?: boolean | undefined;
-}, never>;
-export declare const HeaderIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,35 +0,0 @@
-import e from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const n=e.div`
-	background-color: ${r.surface.standard};
-	padding: ${e=>{var r;return null!==(r=e.padding)&&void 0!==r?r:"24px"}};
-	border: none;
-	width: 100%;
-
-	.graph__wrapper {
-		width: 100%;
-		display: flex;
-		gap: 24px;
-		height: ${e=>{var r;return null!==(r=e.chartWrapperHeight)&&void 0!==r?r:"100%"}};
-		flex-direction: ${e=>e.isFunnel||e.customLegend?"column":"row"};
-	}
-
-	.legend__palette {
-		height: 16px;
-		width: 16px;
-		border-radius: 2px;
-	}
-
-	.legend__row {
-		display: flex;
-		align-items: center;
-		gap: 8px;
-		margin-top: 4px;
-	}
-
-	.legend__set {
-		margin-top: 16px;
-	}
-`,p=e.div`
-	display: flex;
-	align-items: center;
-	gap: 8px;
-`;export{n as GraphContainerWrapper,p as HeaderIconWrapper};

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

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

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

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

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

@@ -1,48 +0,0 @@
-/// <reference types="react" />
-import { FontSpec, TooltipItem } from 'chart.js';
-export interface ChartHeadingI {
-    heading: string;
-    color?: string;
-}
-export declare enum GRAPH_ORIENTATION {
-    VERTICAL = "vertical",
-    HORIZONTAL = "horizontal"
-}
-export interface StackedBarDistributionGraphDataI {
-    label: string;
-    value: number;
-    stackLabel: string;
-}
-export interface StackedBarDistributionGraphI {
-    graphCanvasHeight?: number | string;
-    graphCanvasWidth?: string;
-    tickColor?: string;
-    labelColor?: string;
-    chartHeading?: ChartHeadingI;
-    data: StackedBarDistributionGraphDataI[];
-    outerPadding?: string;
-    onBarClick?: (xAxisLabel: string, yAxisLabel: string) => void;
-    labelTitle?: ChartHeadingI;
-    valueTitle?: ChartHeadingI;
-    orientation?: GRAPH_ORIENTATION;
-    barThickness?: number;
-    valuesStepSize?: number;
-    minValue?: number;
-    maxValue?: number;
-    chartWrapperHeight?: string;
-    showLegend?: boolean;
-    isFunnel?: boolean;
-    colorMatrix?: string[][];
-    wrapperStyle?: React.CSSProperties;
-    showTotal?: boolean;
-    skipSortingByLabels?: boolean;
-    tooltipConfig?: {
-        titleCallback?: (toolTipItems: TooltipItem<'bar'>[]) => string | string[];
-        labelCallback?: (toolTipItem: TooltipItem<'bar'>) => string | string[];
-        footerCallback?: (toolTipItems: TooltipItem<'bar'>[]) => string | string[];
-        footerStyles?: {
-            footerFont?: Partial<FontSpec>;
-        };
-    };
-    isInternationalStore?: boolean;
-}