@bikdotai/bik-component-library 0.0.736-beta.7 → 0.0.736-beta.8

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

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

package/dist/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/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

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

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/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

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

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

@@ -0,0 +1,7 @@
+export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendMiddleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendColorBox: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const GraphWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,34 @@
+export interface AxisDetailsI {
+    title?: string;
+    titleColor?: string;
+    data: number[] | string[];
+    labelColor?: string;
+    graphColor?: string;
+    axisSuffix?: string;
+    max?: number;
+}
+export interface ChartHeadingI {
+    heading: string;
+    color?: string;
+}
+export declare enum GRAPH_ORIENTATION {
+    VERTICAL = "vertical",
+    HORIZONTAL = "horizontal"
+}
+export interface VerticalBarAndLinearGraphI {
+    graphCanvasHeight?: number;
+    tickColor?: string;
+    labelColor?: string;
+    chartHeading?: ChartHeadingI;
+    xAxis: AxisDetailsI & {
+        forceShowXAxis?: boolean;
+    };
+    lineAxis: AxisDetailsI;
+    lineAxis2?: AxisDetailsI;
+    barAxis: AxisDetailsI;
+    isInternationalStore?: boolean;
+    customLegend?: boolean;
+    orientation?: GRAPH_ORIENTATION;
+    noDummyValues?: boolean;
+    pointRadius?: number;
+}

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

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

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

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

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

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

@@ -1,62 +1 @@
-"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("styled-components"));const i=t.default.div`
-	width: ${e=>e.isLooseFit?"100%":"fit-content"};
-	.top-container {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-		margin-bottom: 16px;
-
-		&__heading {
-			display: flex;
-			flex-direction: row;
-			gap: 8px;
-			align-items: center;
-			justify-content: center;
-		}
-
-		&__legend {
-			display: flex;
-			flex-direction: column;
-			gap: 4px;
-			align-items: center;
-		}
-	}
-
-	.box {
-		width: 74px;
-		height: 14px;
-		border-radius: 2px;
-		margin: 2px;
-		background-color: ${e=>e.color};
-	}
-`,o=t.default.div`
-	width: ${e=>e.heatBoxWidth?e.heatBoxWidth:24}px;
-	height: ${e=>e.heatBoxHeight?e.heatBoxHeight:24}px;
-	border-radius: 2px;
-	margin: 2px;
-	background-color: ${e=>e.color};
-`,d=t.default.div`
-	width: 58px;
-	height: 12px;
-	border-radius: 2px;
-	background-color: ${e=>e.color};
-`,n=t.default.div`
-	display: flex;
-	align-items: center;
-	gap: 4px;
-`,r=t.default.div`
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 2px;
-`,a=t.default.div`
-	text-align: end;
-	width: 100%;
-	margin-left: 10px;
-`,l=t.default.div`
-	display: flex;
-	align-items: center;
-	gap: 4px;
-`,x=t.default.div`
-	color: #666;
-`;exports.HeatBox=o,exports.HeatBoxLegend=d,exports.HeatBoxStyled=i,exports.LegendCaption=x,exports.LegendContainer=n,exports.LegendItem=r,exports.LegendLabels=l,exports.LegendValue=a;
+"use strict";function c(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}Object.defineProperty(exports,"__esModule",{value:!0});var G=c(require("@emotion/styled/base"));function b(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const l=G.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj77"}:{target:"e1p0nfj77",label:"HeatBoxStyled"})("width:",(c=>c.isLooseFit?"100%":"fit-content"),";.top-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;&__heading{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;}&__legend{display:flex;flex-direction:column;gap:4px;align-items:center;}}.box{width:74px;height:14px;border-radius:2px;margin:2px;background-color:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUN3QyIsImZpbGUiOiJIZWF0TWFwU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMb29zZUZpdCA/ICcxMDAlJyA6ICdmaXQtY29udGVudCcpfTtcblx0LnRvcC1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2hlYWRpbmcge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDhweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHR9XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0XHRnYXA6IDRweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmJveCB7XG5cdFx0d2lkdGg6IDc0cHg7XG5cdFx0aGVpZ2h0OiAxNHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRtYXJnaW46IDJweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oZWF0Qm94V2lkdGggPyBwcm9wcy5oZWF0Qm94V2lkdGggOiAyNCl9cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWF0Qm94SGVpZ2h0ID8gcHJvcHMuaGVhdEJveEhlaWdodCA6IDI0KX1weDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRtYXJnaW46IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94TGVnZW5kID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiA1OHB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA0cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kSXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDJweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRWYWx1ZSA9IHN0eWxlZC5kaXYgYFxuXHR0ZXh0LWFsaWduOiBlbmQ7XG5cdHdpZHRoOiAxMDAlO1xuXHRtYXJnaW4tbGVmdDogMTBweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRMYWJlbHMgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA0cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ2FwdGlvbiA9IHN0eWxlZC5kaXYgYFxuXHRjb2xvcjogIzY2NjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUhlYXRNYXBTdHlsZWQuanMubWFwIl19 */")),d=G.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj76"}:{target:"e1p0nfj76",label:"HeatBox"})("width:",(c=>c.heatBoxWidth?c.heatBoxWidth:24),"px;height:",(c=>c.heatBoxHeight?c.heatBoxHeight:24),"px;border-radius:2px;margin:2px;background-color:",(c=>c.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTG9vc2VGaXQgPyAnMTAwJScgOiAnZml0LWNvbnRlbnQnKX07XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19oZWFkaW5nIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0fVxuXG5cdFx0Jl9fbGVnZW5kIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdFx0Z2FwOiA0cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuXG5cdC5ib3gge1xuXHRcdHdpZHRoOiA3NHB4O1xuXHRcdGhlaWdodDogMTRweDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0bWFyZ2luOiAycHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3ggPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveFdpZHRoID8gcHJvcHMuaGVhdEJveFdpZHRoIDogMjQpfXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveEhlaWdodCA/IHByb3BzLmhlYXRCb3hIZWlnaHQgOiAyNCl9cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveExlZ2VuZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNThweDtcblx0aGVpZ2h0OiAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZEl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiAycHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kVmFsdWUgPSBzdHlsZWQuZGl2IGBcblx0dGV4dC1hbGlnbjogZW5kO1xuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWxlZnQ6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kTGFiZWxzID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZENhcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0Y29sb3I6ICM2NjY7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */")),X=G.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj75"}:{target:"e1p0nfj75",label:"HeatBoxLegend"})("width:58px;height:12px;border-radius:2px;background-color:",(c=>c.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDd0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTG9vc2VGaXQgPyAnMTAwJScgOiAnZml0LWNvbnRlbnQnKX07XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19oZWFkaW5nIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0fVxuXG5cdFx0Jl9fbGVnZW5kIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdFx0Z2FwOiA0cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuXG5cdC5ib3gge1xuXHRcdHdpZHRoOiA3NHB4O1xuXHRcdGhlaWdodDogMTRweDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0bWFyZ2luOiAycHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3ggPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveFdpZHRoID8gcHJvcHMuaGVhdEJveFdpZHRoIDogMjQpfXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveEhlaWdodCA/IHByb3BzLmhlYXRCb3hIZWlnaHQgOiAyNCl9cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveExlZ2VuZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNThweDtcblx0aGVpZ2h0OiAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZEl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiAycHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kVmFsdWUgPSBzdHlsZWQuZGl2IGBcblx0dGV4dC1hbGlnbjogZW5kO1xuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWxlZnQ6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kTGFiZWxzID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZENhcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0Y29sb3I6ICM2NjY7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */")),Z=G.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj74"}:{target:"e1p0nfj74",label:"LegendContainer"})("production"===process.env.NODE_ENV?{name:"1j5vobt",styles:"display:flex;align-items:center;gap:4px"}:{name:"1j5vobt",styles:"display:flex;align-items:center;gap:4px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDMEMiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTG9vc2VGaXQgPyAnMTAwJScgOiAnZml0LWNvbnRlbnQnKX07XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19oZWFkaW5nIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0fVxuXG5cdFx0Jl9fbGVnZW5kIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdFx0Z2FwOiA0cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuXG5cdC5ib3gge1xuXHRcdHdpZHRoOiA3NHB4O1xuXHRcdGhlaWdodDogMTRweDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0bWFyZ2luOiAycHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3ggPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveFdpZHRoID8gcHJvcHMuaGVhdEJveFdpZHRoIDogMjQpfXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveEhlaWdodCA/IHByb3BzLmhlYXRCb3hIZWlnaHQgOiAyNCl9cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveExlZ2VuZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNThweDtcblx0aGVpZ2h0OiAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZEl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiAycHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kVmFsdWUgPSBzdHlsZWQuZGl2IGBcblx0dGV4dC1hbGlnbjogZW5kO1xuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWxlZnQ6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kTGFiZWxzID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZENhcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0Y29sb3I6ICM2NjY7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */",toString:b}),x=G.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj73"}:{target:"e1p0nfj73",label:"LegendItem"})("production"===process.env.NODE_ENV?{name:"r7onma",styles:"display:flex;flex-direction:column;align-items:center;gap:2px"}:{name:"r7onma",styles:"display:flex;flex-direction:column;align-items:center;gap:2px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1EcUMiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTG9vc2VGaXQgPyAnMTAwJScgOiAnZml0LWNvbnRlbnQnKX07XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19oZWFkaW5nIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0fVxuXG5cdFx0Jl9fbGVnZW5kIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdFx0Z2FwOiA0cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuXG5cdC5ib3gge1xuXHRcdHdpZHRoOiA3NHB4O1xuXHRcdGhlaWdodDogMTRweDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0bWFyZ2luOiAycHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3ggPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveFdpZHRoID8gcHJvcHMuaGVhdEJveFdpZHRoIDogMjQpfXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveEhlaWdodCA/IHByb3BzLmhlYXRCb3hIZWlnaHQgOiAyNCl9cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveExlZ2VuZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNThweDtcblx0aGVpZ2h0OiAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZEl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiAycHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kVmFsdWUgPSBzdHlsZWQuZGl2IGBcblx0dGV4dC1hbGlnbjogZW5kO1xuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWxlZnQ6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kTGFiZWxzID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZENhcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0Y29sb3I6ICM2NjY7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */",toString:b}),H=G.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj72"}:{target:"e1p0nfj72",label:"LegendValue"})("production"===process.env.NODE_ENV?{name:"1nfg3je",styles:"text-align:end;width:100%;margin-left:10px"}:{name:"1nfg3je",styles:"text-align:end;width:100%;margin-left:10px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEc0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTG9vc2VGaXQgPyAnMTAwJScgOiAnZml0LWNvbnRlbnQnKX07XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19oZWFkaW5nIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0fVxuXG5cdFx0Jl9fbGVnZW5kIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdFx0Z2FwOiA0cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuXG5cdC5ib3gge1xuXHRcdHdpZHRoOiA3NHB4O1xuXHRcdGhlaWdodDogMTRweDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0bWFyZ2luOiAycHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3ggPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveFdpZHRoID8gcHJvcHMuaGVhdEJveFdpZHRoIDogMjQpfXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveEhlaWdodCA/IHByb3BzLmhlYXRCb3hIZWlnaHQgOiAyNCl9cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveExlZ2VuZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNThweDtcblx0aGVpZ2h0OiAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZEl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiAycHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kVmFsdWUgPSBzdHlsZWQuZGl2IGBcblx0dGV4dC1hbGlnbjogZW5kO1xuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWxlZnQ6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kTGFiZWxzID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZENhcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0Y29sb3I6ICM2NjY7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */",toString:b}),g=G.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj71"}:{target:"e1p0nfj71",label:"LegendLabels"})("production"===process.env.NODE_ENV?{name:"1j5vobt",styles:"display:flex;align-items:center;gap:4px"}:{name:"1j5vobt",styles:"display:flex;align-items:center;gap:4px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEdUMiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTG9vc2VGaXQgPyAnMTAwJScgOiAnZml0LWNvbnRlbnQnKX07XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19oZWFkaW5nIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0fVxuXG5cdFx0Jl9fbGVnZW5kIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdFx0Z2FwOiA0cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuXG5cdC5ib3gge1xuXHRcdHdpZHRoOiA3NHB4O1xuXHRcdGhlaWdodDogMTRweDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0bWFyZ2luOiAycHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3ggPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveFdpZHRoID8gcHJvcHMuaGVhdEJveFdpZHRoIDogMjQpfXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveEhlaWdodCA/IHByb3BzLmhlYXRCb3hIZWlnaHQgOiAyNCl9cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveExlZ2VuZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNThweDtcblx0aGVpZ2h0OiAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZEl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiAycHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kVmFsdWUgPSBzdHlsZWQuZGl2IGBcblx0dGV4dC1hbGlnbjogZW5kO1xuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWxlZnQ6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kTGFiZWxzID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZENhcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0Y29sb3I6ICM2NjY7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */",toString:b}),u=G.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj70"}:{target:"e1p0nfj70",label:"LegendCaption"})("production"===process.env.NODE_ENV?{name:"1e7d20y",styles:"color:#666"}:{name:"1e7d20y",styles:"color:#666",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Fd0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTG9vc2VGaXQgPyAnMTAwJScgOiAnZml0LWNvbnRlbnQnKX07XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19oZWFkaW5nIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0fVxuXG5cdFx0Jl9fbGVnZW5kIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdFx0Z2FwOiA0cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuXG5cdC5ib3gge1xuXHRcdHdpZHRoOiA3NHB4O1xuXHRcdGhlaWdodDogMTRweDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0bWFyZ2luOiAycHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3ggPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveFdpZHRoID8gcHJvcHMuaGVhdEJveFdpZHRoIDogMjQpfXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveEhlaWdodCA/IHByb3BzLmhlYXRCb3hIZWlnaHQgOiAyNCl9cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveExlZ2VuZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNThweDtcblx0aGVpZ2h0OiAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZEl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiAycHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kVmFsdWUgPSBzdHlsZWQuZGl2IGBcblx0dGV4dC1hbGlnbjogZW5kO1xuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWxlZnQ6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kTGFiZWxzID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZENhcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0Y29sb3I6ICM2NjY7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */",toString:b});exports.HeatBox=d,exports.HeatBoxLegend=X,exports.HeatBoxStyled=l,exports.LegendCaption=u,exports.LegendContainer=Z,exports.LegendItem=x,exports.LegendLabels=g,exports.LegendValue=H;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface HeatMapVerticalInputInterface {
+    title: string;
+    xLabels: string[];
+    yLabels: string[];
+    values: number[][];
+    absolutHeatValues: number[];
+    hideXLabels?: boolean;
+}
+export declare const HeatMapVertical: React.FC<HeatMapVerticalInputInterface>;
+export declare const HeatBoxStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;