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

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("../../../../node_modules/react/jsx-runtime.js"),t=require("react"),s=require("styled-components"),r=require("../Legend/Legend.js"),n=require("../../../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=i(s).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=s=>{let{slices:i,size:l}=s;const[c,o]=t.useState(0),[u,x]=t.useState(l?{height:`${l}px`}:{});t.useEffect((()=>{let e=0;i.forEach((t=>{e+=t.count})),o(e),0===i.reduce(((e,t)=>e+t.count),0)&&1===i.length?x((e=>Object.assign(Object.assign({},e),{justifyContent:"center"}))):x((e=>Object.assign(Object.assign({},e),{justifyContent:"flex-start"})))}),[i]);return e.jsxRuntimeExports.jsx(a,Object.assign({style:u},{children:i.map((t=>{return e.jsxRuntimeExports.jsxs("div",Object.assign({className:"slice-row",style:{justifyContent:"space-between",gap:"8px",padding:"0 8px",maxWidth:"400px"}},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:"fit-content"}},{children:e.jsxRuntimeExports.jsx(r.Legend,{color:t.color,text:t.name},t.name)})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"column"}},{children:[e.jsxRuntimeExports.jsxs(n.BodySecondary,Object.assign({className:"percentage"},{children:[(s=t.count,0===c?0:parseFloat((s/c*100).toFixed(1))),"%"]})),t.rawValue&&e.jsxRuntimeExports.jsxs(n.BodyTiny,Object.assign({className:"raw-value"},{children:["(",t.rawValue,")"]}))]}))]}),t.name);var s}))}))};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,90 @@
+/// <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;
+}
+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[];
+    isInternationalStore?: boolean;
+    truncateBars?: number;
+    allowChartPopup?: boolean;
+    hideHeading?: boolean;
+    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;
+}

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

@@ -0,0 +1 @@
+"use strict";var e,O;Object.defineProperty(exports,"__esModule",{value:!0}),exports.COLOR_SCHEMA=void 0,(e=exports.COLOR_SCHEMA||(exports.COLOR_SCHEMA={})).BRAND="brand",e.PASTEL="pastel",exports.GRAPH_ORIENTATION=void 0,(O=exports.GRAPH_ORIENTATION||(exports.GRAPH_ORIENTATION={})).VERTICAL="vertical",O.HORIZONTAL="horizontal";

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

@@ -0,0 +1,7 @@
+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/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);const n=a.default.div`
+	background-color: ${r.COLORS.surface.standard};
+	padding: ${e=>{var r;return null!==(r=e.padding)&&void 0!==r?r:"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=a.default.div`
+	display: flex;
+	align-items: center;
+	gap: 8px;
+`;exports.GraphContainerWrapper=n,exports.HeaderIconWrapper=p;

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.GRAPH_ORIENTATION=void 0,(e=exports.GRAPH_ORIENTATION||(exports.GRAPH_ORIENTATION={})).VERTICAL="vertical",e.HORIZONTAL="horizontal";

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/react/jsx-runtime.js"),i=require("chart.js"),t=require("react-chartjs-2"),r=require("../../../TypographyStyle.js"),o=require("../../../../constants/Theme.js"),s=require("../LineChart/LineChart.styled.js"),a=require("./VerticalBarAndLinearGraph.styles.js");i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip);exports.VerticalBarAndLinearGraph=i=>{var n,l,x,c,d;const p=[0,0,0,0,0,0],g=-1===i.barAxis.data.findIndex((e=>0!==e)),b=-1===i.lineAxis.data.findIndex((e=>0!==e)),u={min:0,max:2e3,stepSize:200},j=[{legend:i.barAxis.title,color:i.barAxis.graphColor},{legend:i.lineAxis.title,color:i.lineAxis.graphColor}],h={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!i.xAxis.title,text:i.xAxis.title,color:i.xAxis.titleColor,font:{size:o.FONTS.caption.fontSize}},grid:{display:!1,borderColor:o.COLORS.background.base},ticks:{fontSize:o.FONTS.caption.fontSize,color:null!==(n=i.xAxis.labelColor)&&void 0!==n?n:o.COLORS.content.secondary}},bar:{position:"left",title:{display:!!i.barAxis.title,text:i.barAxis.title,color:i.barAxis.titleColor,font:{size:o.FONTS.caption.fontSize}},grid:{borderColor:"white",color:o.COLORS.background.base},ticks:Object.assign({fontSize:o.FONTS.caption.fontSize,color:null!==(l=i.barAxis.labelColor)&&void 0!==l?l:o.COLORS.content.secondary},g?u:{})},line:{position:"right",title:{display:!!i.lineAxis.title,text:i.lineAxis.title,color:i.lineAxis.titleColor,font:{size:o.FONTS.caption.fontSize}},grid:{display:!1,borderColor:"white",color:o.COLORS.background.base},ticks:Object.assign({fontSize:o.FONTS.caption.fontSize,color:null!==(x=i.lineAxis.labelColor)&&void 0!==x?x:o.COLORS.content.secondary},b?u:{}),display:!0}},maintainAspectRatio:!1},A={labels:i.xAxis.forceShowXAxis?i.xAxis.data.map((e=>e.toString())):g&&b?["-","-","-","-","-","-"]:i.xAxis.data.map((e=>e.toString())),datasets:[{yAxisID:"line",type:"line",data:b?p:i.lineAxis.data,borderColor:i.lineAxis.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:1},{yAxisID:"bar",type:"bar",data:g?p:i.barAxis.data,backgroundColor:i.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:2}},{children:[e.jsxRuntimeExports.jsx(s.LegendWrapper,Object.assign({position:"center"},{children:j.map(((i,t)=>{let{legend:o,color:a}=i;return o?e.jsxRuntimeExports.jsxs(s.LegendContainer,{children:[e.jsxRuntimeExports.jsx(s.LegendColor,{color:a}),e.jsxRuntimeExports.jsx(r.SmallRegular,Object.assign({color:"#667085"},{children:o}))]},t):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})}))})),e.jsxRuntimeExports.jsxs(a.GraphContainerWrapper,{children:[i.chartHeading&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsxRuntimeExports.jsx(r.TitleRegular,Object.assign({color:null!==(c=i.chartHeading.color)&&void 0!==c?c:o.COLORS.content.secondary},{children:i.chartHeading.heading}))})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{height:null!==(d=i.graphCanvasHeight)&&void 0!==d?d:500}},{children:e.jsxRuntimeExports.jsx(t.Chart,{type:"bar",data:A,options:h})}))]})]}))};

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

@@ -0,0 +1 @@
+export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -0,0 +1,22 @@
+export interface AxisDetailsI {
+    title?: string;
+    titleColor?: string;
+    data: number[] | string[];
+    labelColor?: string;
+    graphColor?: string;
+}
+export interface ChartHeadingI {
+    heading: string;
+    color?: string;
+}
+export interface VerticalBarAndLinearGraphI {
+    graphCanvasHeight?: number;
+    tickColor?: string;
+    labelColor?: string;
+    chartHeading?: ChartHeadingI;
+    xAxis: AxisDetailsI & {
+        forceShowXAxis?: boolean;
+    };
+    lineAxis: AxisDetailsI;
+    barAxis: AxisDetailsI;
+}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface FunnelBarChartI {
+    data?: {
+        label: string;
+        current: number;
+        previous?: number;
+        previousLabel?: string;
+    }[];
+    maintainAspectRatio?: boolean;
+    canvasHeight?: number;
+    barColors?: string[];
+    titleToolTipCallback?: (tooltipItems: any) => string;
+}
+export declare const FunnelVerticalBarGraph: React.FC<FunnelBarChartI>;

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

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

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

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

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

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

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.d.ts

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

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

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

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

@@ -0,0 +1,32 @@
+import React, { ReactNode } from 'react';
+export declare enum HEAT_GRADING_TYPE {
+    ABSOLUTE = 0,
+    RELATIVE = 1
+}
+export interface HeatMapInputInterface {
+    title: string;
+    xLabels: string[];
+    yLabels: string[];
+    values: number[][];
+    heatType: HEAT_GRADING_TYPE;
+    absolutHeatValues?: number[];
+    showAbsoluteValuesOnLegend?: boolean;
+    hideXLabels?: boolean;
+    customComponent?: ReactNode;
+    heatBoxWidth?: number;
+    heatBoxHeight?: number;
+    isLooseFit?: boolean;
+}
+export declare enum HEAT {
+    LOW = 0,
+    MEDIUM = 1,
+    HIGH = 2,
+    HIGHEST = 3
+}
+export declare const HEAT_COLORS: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+};
+export declare const HeatMap: React.FC<HeatMapInputInterface>;

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

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

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+export declare const HeatBoxStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isLooseFit?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeatBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    heatBoxHeight?: number | undefined;
+    heatBoxWidth?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeatBoxLegend: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LegendContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LegendItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LegendValue: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LegendLabels: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LegendCaption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;