@bikdotai/bik-component-library 0.0.687-beta.7 → 0.0.687-beta.9

package/dist/cjs/components/analytics-card/AnalyticsCard.styled.js

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled"),e=require("../../constants/Theme.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=n(t);const a=i.default.div`
+	display: flex;
+	flex-wrap: wrap;
+	row-gap: 16px;
+	align-items: center;
+	justify-content: space-evenly;
+
+	${t=>t.width?`width: ${t.width}`:"width: 280px"};
+	background: ${t=>"light"==t.mode?e.BASE_COLORS.grayscale[100]:e.BASE_COLORS.brand[900]};
+	padding: 26px 12px 16px 12px;
+	border-radius: 0 0 8px 8px;
+
+	.analytics__card:nth-child(n + 4) {
+		${t=>5==t.count?"flex-basis: 48%":6==t.count||7==t.count?"flex-basis: 31%":8==t.count?"flex-basis: 23%":""};
+	}
+
+	.analytics__card:nth-child(4) {
+		${t=>7==t.count?"flex-basis: 23% !important":""}
+	}
+
+	.shimmers {
+		display: flex;
+		gap: 8px;
+		.shine {
+			margin-top: 2px !important;
+		}
+	}
+`,o=i.default.div`
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	row-gap: 4px;
+
+	flex-grow: 1;
+	flex-shrink: 0;
+	flex-basis: ${t=>2==t.count?"48%":3==t.count?"31%":4==t.count?"23%":5==t.count||6==t.count?"31%":7==t.count||8==t.count?"23%":"auto"};
+
+	.category,
+	.statistic {
+		max-width: 100%;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+`;exports.AnalyticsContainer=a,exports.CardDataContainer=o;

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

@@ -0,0 +1,23 @@
+import React__default from 'react';
+
+interface AnalyticsChipInterface {
+    title: string;
+    primaryValue: string;
+    backgroundColor?: string;
+    captionColor?: string;
+    titleColor?: string;
+    width?: number | string;
+    extraJSX?: JSX.Element;
+    tooltipContent?: string;
+    style?: React__default.CSSProperties;
+    channelConfig?: {
+        whatsapp?: string;
+        instagram?: string;
+        email?: string;
+        sms?: string;
+    };
+}
+declare const AnalyticsChip: React__default.FC<AnalyticsChipInterface>;
+
+export { AnalyticsChip };
+export type { AnalyticsChipInterface };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/info.svg.js"),o=require("../tooltips/Tooltip.js"),t=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),s=require("./AnalyticsChipChannelFooter.js"),l=require("./CommonStyles.js");exports.AnalyticsChip=n=>{const{title:a,primaryValue:c,titleColor:h,captionColor:y=t.BASE_COLORS.grayscale[700],backgroundColor:C=t.BASE_COLORS.grayscale[50],width:d="224.67px",extraJSX:p,tooltipContent:u,channelConfig:j,style:x}=n;return e.jsxs(l.AnalyticsChipContainer,{style:x??{},backgroundColor:C,width:d,children:[e.jsxs("div",{className:"sub--container",children:[e.jsx(i.BodyCaption,{style:{color:y},children:a}),u&&e.jsx(o.Tooltip,{body:u,children:e.jsx("div",{children:e.jsx(r.default,{height:14.67,width:14.67,color:t.BASE_COLORS.grayscale[500]})})})]}),e.jsx(i.TitleLarge,{style:{color:h},children:c}),j&&e.jsx(s.AnalyticsChipChannelFooter,{channelConfig:j}),p]})};

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

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

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

@@ -0,0 +1,52 @@
+import React__default from 'react';
+import { DropDirection } from 'react-bootstrap/esm/DropdownContext';
+
+interface DropdownOptions {
+    label: string;
+    subLabel?: string;
+    value: string;
+    key: string | number;
+    noOfDays?: number;
+    isCustom?: boolean;
+    dateRangeSelectionOptions?: {
+        selectRange: boolean;
+        selectedDates?: Date[];
+        selectedDate?: Date;
+        minDate?: Date;
+        maxDate?: Date;
+    };
+}
+interface AnalyticsDropdownInterface {
+    options: DropdownOptions[];
+    selected?: DropdownOptions;
+    placeholder?: string;
+    resetDropdown?: boolean;
+    onOptionSelected: (chosen: DropdownOptions & {
+        selectedRange?: [Date, Date];
+    }) => void;
+    maxHeight?: string;
+    backgroundcolor?: string;
+    calendarPopperConfig?: {
+        offsetSkid?: number;
+        offsetDistance?: number;
+    };
+    variant?: 'small' | 'default';
+    datePickerPlacement?: DropDirection;
+    closeDropdown?: boolean;
+    labelColor?: string;
+    styleProps?: React__default.CSSProperties;
+}
+declare const AnalyticsDropdown: React__default.FC<AnalyticsDropdownInterface>;
+declare const EachItem: React__default.FC<{
+    eachOption: DropdownOptions;
+    selectedOption: DropdownOptions | undefined;
+    selectedDate: Date[] | undefined;
+    onClickingEachItem: (optionSelected: DropdownOptions) => void;
+    rangeSelection?: boolean;
+    isLastItem?: boolean;
+    isFirstItem?: boolean;
+}>;
+declare const formatDate: (dateVal: Date) => string;
+
+export { AnalyticsDropdown, EachItem, formatDate };
+export type { AnalyticsDropdownInterface, DropdownOptions };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("react-bootstrap"),n=require("react-dom"),s=require("../../constants/Theme.js"),a=require("../datePicker/DatePicker.js");require("react-calendar");var r=require("../TypographyStyle.js");require("../datePicker/DatePickerWrapper.styled.js");var i=require("./CommonStyles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(n);const c=({eachOption:t,selectedOption:o,selectedDate:n,onClickingEachItem:a,rangeSelection:l,isLastItem:d,isFirstItem:c})=>e.jsxs(i.ItemMenuContainer,{isFirstItem:c,isLastItem:d,onClick:()=>a(t),isSelected:t.isCustom?t.key==o?.key&&!!n:t.key==o?.key,children:[e.jsx(r.BodySecondary,{color:t.key==o?.key?s.BASE_COLORS.positive[900]:s.BASE_COLORS.grayscale[900],children:t.label}),t.subLabel?e.jsx(r.BodyCaption,{style:{color:s.BASE_COLORS.grayscale[700]},children:t.subLabel}):e.jsx(e.Fragment,{}),n&&o?.isCustom&&t.key==o?.key&&e.jsx(r.BodyCaption,{children:l?`${p(n[0])} to ${p(n[1])}`:`${p(n[0])}`})]},t.key),p=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});exports.AnalyticsDropdown=({options:n,placeholder:l="Select an option",selected:u,onOptionSelected:m,resetDropdown:g,maxHeight:y,backgroundcolor:f,calendarPopperConfig:D,variant:S="default",datePickerPlacement:h,closeDropdown:x,labelColor:j,styleProps:O})=>{const[k,w]=t.useState(!1),[C,R]=t.useState(u),[b,v]=t.useState(),[E,I]=t.useState(!1),[L,F]=t.useState(u),P=t.useRef(null),q="small"===S?r.Caption:r.BodySecondary;t.useEffect((()=>{g&&R(void 0)}),[g]),t.useEffect((()=>{u?.isCustom&&u.dateRangeSelectionOptions?.selectedDates?v(u.dateRangeSelectionOptions.selectedDates):v(void 0),R(u)}),[u]),t.useEffect((()=>{I(!1),w(!1)}),[x]);const T=e=>{void 0!==e?(I(e),k&&w(!1)):I((e=>!e))},A=e=>{P.current&&!P.current.contains(e.target)&&(k&&w(!1),T(!1))};return t.useEffect((()=>(E&&document.addEventListener("mousedown",A),()=>{document.removeEventListener("mousedown",A)})),[E]),e.jsx(e.Fragment,{children:e.jsxs(i.MainDropdown,{drop:"down",show:E,onToggle:T,bgColor:f,id:"analytic-dropdown",children:[e.jsx(o.Dropdown.Toggle,{id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===S?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${s.DEFAULT_THEME.colorsV2.stroke.primary}`}:O||void 0,children:e.jsx(q,{style:"small"===S||j?{color:j||s.DEFAULT_THEME.colorsV2.content.secondary}:void 0,children:C?.isCustom?b?p(b[0])===p(b[1])?`${p(b[0])}`:`${p(b[0])} to ${p(b[1])}`:L?.label?L?.label:l:C?C?.label:l})}),d.default.createPortal(e.jsx(o.Dropdown.Menu,{className:"main--dropdown",style:{padding:0},ref:P,children:e.jsxs(i.MainDropdown,{drop:h??"end",id:"sub--dropdown",show:k,onToggle:e=>{!e&&I(!1),w(!k)},children:[e.jsx("div",{style:{maxHeight:y||"auto",overflowY:"scroll"},children:n.map(((t,s)=>e.jsx("div",{children:t?.isCustom?e.jsx(o.Dropdown.Toggle,{className:"sub--dropdown",children:e.jsx(c,{isFirstItem:0===s,isLastItem:s===n.length-1,eachOption:t,selectedOption:C,selectedDate:b,onClickingEachItem:e=>{R(e),w(!0)},rangeSelection:!!t?.dateRangeSelectionOptions?.selectRange})}):e.jsx(c,{isFirstItem:0===s,isLastItem:s===n.length-1,eachOption:t,selectedOption:C,selectedDate:b,onClickingEachItem:e=>{if(v(void 0),R(e),F(e),T(),!e.noOfDays)return void m(e);const t=new Date,o=new Date;o.setDate(t.getDate()-e.noOfDays),m({...e,selectedRange:[o,t]})}})},t?.key)))}),e.jsx(o.Dropdown.Menu,{className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[D?.offsetSkid||0,D?.offsetDistance||0]}}]},children:e.jsx(a.DatePicker,{selectRange:C?.dateRangeSelectionOptions?.selectRange||!1,maxDate:C?.dateRangeSelectionOptions?.maxDate,minDate:C?.dateRangeSelectionOptions?.minDate,selectedDates:b,onSelectRange:(e,t)=>{const o=[e,t];C?.dateRangeSelectionOptions&&(C.dateRangeSelectionOptions.selectedDates=o,m({...C,selectedRange:[e,t]})),F(C),w(!1),v(o),I(!E)},onSelectDate:e=>{C?.dateRangeSelectionOptions&&(C.dateRangeSelectionOptions.selectedDates=[e,e],m({...C,selectedRange:[e,e]})),F(C),w(!1),v([e,e]),I(!E)}})})]})}),document.body)]})})},exports.EachItem=c,exports.formatDate=p;

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

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

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

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@emotion/styled"),n=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),r=require("./AnalyticsTrend.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=l(t).default.div`
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+`;exports.AnalyticsMetric=({title:t,trends:l,RightHeaderComponent:a,containerStyle:s,titleSize:o,titleColor:c,perRow:y,isLoading:h,trendStyle:p,trendContainerStyle:g,trendIconStyle:x,hideHeaderDiv:u,isInternationalStore:f})=>{const j="large"===o?i.TitleMedium:i.TitleRegular,m=y||(l.length<=4?l.length:l.length%3==0?3:4),S=Math.ceil(l.length/m);return e.jsxs("div",{style:{paddingTop:24,paddingBottom:24,...s??{}},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:u?0:12},children:[t&&e.jsx(j,{color:c??n.COLORS.content.secondary,style:{paddingLeft:24,paddingRight:24},children:t}),a]}),e.jsx(d,{children:Array.from({length:S}).map(((t,n)=>e.jsx(e.Fragment,{children:e.jsx("div",{style:{display:"flex",width:"100%",marginTop:0===n?0:16},children:l.slice(n*m,(n+1)*m).map(((t,i)=>e.jsx("div",{style:{flex:1,maxWidth:1===l.length?"100%":"50%"},children:e.jsx(r.AnalyticsTrend,{...t,isLoading:h,card:!1,size:t.size??"small",rightSeparator:i+n*m<Math.min((n+1)*m-1,l.length-1),trendStyle:p,trendIconStyle:x,trendContainerStyle:g,isInternationalStore:f})},i)))},n)})))})]})};

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

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { AnalyticsChipInterface } from './AnalyticsChip.js';
+
+declare const AnalyticsMultiChip: React__default.FC<{
+    chipDetails: AnalyticsChipInterface[];
+    wrapperStyle?: React__default.CSSProperties;
+}>;
+
+export { AnalyticsMultiChip };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./AnalyticsChip.js"),i=require("./CommonStyles.js");exports.AnalyticsMultiChip=({chipDetails:s,wrapperStyle:l})=>e.jsx(i.AnalyticsMultiWrapper,{style:l??{},children:s.map(((e,i)=>r.createElement(t.AnalyticsChip,{...e,key:i+"_chip"})))});

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

@@ -0,0 +1,37 @@
+import React__default from 'react';
+
+interface AnalyticsTrendInterface {
+    title: string;
+    value?: number | string;
+    trendPercent?: number;
+    trendRaw?: number;
+    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__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+    onTrailIconClick?: () => void;
+    iconTooltipBody?: string;
+    funnelPercent?: number;
+    isLoading?: boolean;
+    suffixText?: string;
+    trendStyle?: React__default.CSSProperties;
+    iconContainerStyle?: React__default.CSSProperties;
+    trendContainerStyle?: React__default.CSSProperties;
+    trendIconStyle?: React__default.CSSProperties;
+    containerStyle?: React__default.CSSProperties;
+    prevTrendDiff?: number;
+    relativePercentageDiff?: number;
+    isInternationalStore?: boolean;
+    Icon?: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+}
+declare const AnalyticsTrend: React__default.FC<AnalyticsTrendInterface>;
+
+export { AnalyticsTrend };
+export type { AnalyticsTrendInterface };

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

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

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

@@ -0,0 +1,113 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),r=require("../../constants/Theme.js");require("react/jsx-runtime"),require("react"),require("react-bootstrap"),require("../tooltips/Tooltip.js"),require("../TypographyStyle.js");var t=require("../floating-action-button/FloatingActionButton.styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const n=i.default.div`
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: flex-start;
+	padding: 12px 16px;
+	gap: 8px;
+	background: ${e=>e.backgroundColor};
+	border-radius: 8px;
+	width: ${e=>e.width?e.width:"224.67px"};
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: initial;
+	min-height: 88px;
+	.sub--container {
+		display: flex;
+		flex-direction: row;
+		justify-content: flex-start;
+		gap: 4px;
+		align-items: baseline;
+	}
+`,d=i.default.div`
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	padding: 0px;
+	gap: 16px;
+	flex-wrap: wrap;
+`,a=i.default(t.StyledDropdown)`
+	.main--dropdown.dropdown-toggle::after {
+		display: unset !important;
+	}
+	.main--dropdown.dropdown-toggle::before {
+		display: unset !important;
+	}
+	.main--dropdown.btn-primary:hover,
+	.main--dropdown.btn-primary:active,
+	.main--dropdown.btn-primary:focus,
+	.main--dropdown.btn-primary.dropdown-toggle,
+	.main--dropdown.show > main--dropdown.btn-primary.dropdown-toggle {
+		border: 1px solid ${r.BASE_COLORS.grayscale[200]};
+		border-radius: 4px;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		padding: 6px 8px;
+		gap: 8px;
+		background: ${e=>e.bgColor};
+	}
+	.dropdown-menu {
+		border-radius: 3px;
+		padding: 0 0;
+	}
+	.sub--dropdown.btn-primary {
+		width: 100%;
+		padding: 0px;
+	}
+	.sub--dropdown {
+		button {
+			border-radius: 0;
+			max-width: 100%;
+			padding: 10px 6.6667px;
+			background: none;
+			text-align: center;
+			line-height: 16px;
+			border: none;
+			justify-content: center;
+			align-items: center;
+		}
+	}
+`,p=i.default.div`
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	padding: 12px 16px;
+	gap: 4px;
+	border-bottom: ${e=>e.isLastItem?"none":`1px solid ${r.BASE_COLORS.grayscale[200]}`};
+	max-width: 240px;
+	cursor: pointer;
+	background-color: ${e=>e.isSelected?r.BASE_COLORS.positive[50]:r.BASE_COLORS.grayscale.white};
+	&:hover {
+		background-color: ${e=>e.isSelected?"":r.BASE_COLORS.grayscale[50]};
+	}
+	width: 100%;
+	border-top-left-radius: ${e=>e.isFirstItem?"4px":"0px"};
+	border-top-right-radius: ${e=>e.isFirstItem?"4px":"0px"};
+	border-bottom-left-radius: ${e=>e.isLastItem?"4px":"0px"};
+	border-bottom-right-radius: ${e=>e.isLastItem?"4px":"0px"};
+`,s=i.default.div`
+	border: ${e=>e.card?1:0}px solid ${r.COLORS.background.base};
+	height: 100%;
+	${e=>e.card?"\n\t\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 16px 20px;":""}
+	.icon--holder {
+		height: 32px;
+		width: 32px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 5px;
+		cursor: pointer;
+		:hover {
+			background-color: ${r.COLORS.surface.hovered};
+		}
+	}
+`,l=i.default.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 32px;
+	height: 32px;
+	background-color: ${r.COLORS.background.brandLight};
+	border-radius: 4px;
+`;exports.AnalyticsChipContainer=n,exports.AnalyticsMultiWrapper=d,exports.AnalyticsTrendContainer=s,exports.IconContainer=l,exports.ItemMenuContainer=p,exports.MainDropdown=a;

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

@@ -0,0 +1,49 @@
+import { TooltipItem, FontSpec } from 'chart';
+
+interface AxisDetailsI {
+	title?: string;
+	titleColor?: string;
+	data: number[];
+	labelColor?: string;
+	ticksCallback?: (value: string) => string;
+	stepSize?: number;
+	max?: number;
+	toolTipCallback?: (value: any) => string;
+}
+
+interface RGBColorI {
+	r: number;
+	g: number;
+	b: number;
+	a?: number;
+}
+
+interface ChartHeadingI {
+	heading: string;
+	color?: string;
+}
+
+interface HorizontalGraphI {
+	graphCanvasHeight?: number;
+	tickColor?: string;
+	labelColor?: string;
+	chartHeading?: ChartHeadingI;
+	xAxis: AxisDetailsI;
+	yAxis: AxisDetailsI;
+	barColorRGBA?: RGBColorI;
+	outerPadding?: string;
+	maintainAspectRatio?: 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>;
+		};
+	};
+	skipOuterLayout?: boolean;
+	isInternationalStore?: boolean;
+}
+
+export type { AxisDetailsI, ChartHeadingI, HorizontalGraphI, RGBColorI };

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

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

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

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

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

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@emotion/styled"),t=require("../../../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=i(r).default.div`
+	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;
+	}
+`;exports.Legend=({color:r,text:i})=>{return e.jsxs(l,{children:[e.jsx("div",{className:"color",style:{backgroundColor:r}}),e.jsx(t.BodyPrimary,{className:"title",children:(o=i,o.charAt(0).toUpperCase()+o.slice(1))})]});var o};

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

@@ -0,0 +1,58 @@
+import React__default from 'react';
+
+type LineChartProps = {
+    canvasHeight?: number;
+    maintainAspectRatio?: boolean;
+    datas: {
+        data: number[];
+        lineColor?: string;
+        backgroundColor?: string;
+        dotted?: boolean;
+        gradient?: boolean;
+        legend?: string;
+        lineWidth?: number;
+        squareLegends?: boolean;
+        useSecondYAxis?: boolean;
+    }[];
+    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__default.ReactNode[];
+    hasSecondYAxis?: boolean;
+    min2?: number;
+    max2?: number;
+    stepSize2?: number;
+    prefixCurrencyInY2Axis?: string;
+    useKFormat2?: boolean;
+    customY2Headers?: any;
+};
+declare const LineChart: React__default.FC<LineChartProps>;
+
+export { LineChart };
+export type { LineChartProps };

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

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

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

@@ -0,0 +1,16 @@
+"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

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

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

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),s=require("../Legend/Legend.js"),l=require("../../../TypographyStyle.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=a(r).default.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;
+	}
+`;exports.PieChart=({slices:r,size:a})=>{const[n,c]=t.useState(0),[o,d]=t.useState(a?{height:`${a}px`}:{});t.useEffect((()=>{let e=0;r.forEach((t=>{e+=t.count})),c(e),0===r.reduce(((e,t)=>e+t.count),0)&&1===r.length?d((e=>({...e,justifyContent:"center"}))):d((e=>({...e,justifyContent:"flex-start"})))}),[r]);return e.jsx(i,{style:o,children:r.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(s.Legend,{color:t.color,text:t.name},t.name)}),e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column"},children:[e.jsxs(l.BodySecondary,{className:"percentage",children:[(r=t.count,0===n?0:parseFloat((r/n*100).toFixed(1))),"%"]}),t.rawValue&&e.jsxs(l.BodyTiny,{className:"raw-value",children:["(",t.rawValue,")"]})]})]},t.name);var r}))})};

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

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { PieChartInputData } from './PieChartInputData.js';
+
+declare const Card: (props: any) => react_jsx_runtime.JSX.Element;
+declare const PieChartAnalytics: React__default.FC<PieChartInputData>;
+
+export { Card, PieChartAnalytics };

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

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

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

@@ -0,0 +1,23 @@
+interface PieChartInput {
+    name: string;
+    count: number;
+    color?: string;
+    rawValue?: string;
+}
+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 type { PieChartInput, PieChartInputData };

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

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