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

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

@@ -1,24 +1,22 @@
-interface AxisDetailsI {
-    title?: string;
-    titleColor?: string;
-    data: number[] | string[];
-    labelColor?: string;
-    graphColor?: string;
-}
-interface ChartHeadingI {
-    heading: string;
-    color?: string;
-}
-interface VerticalBarAndLinearGraphI {
-    graphCanvasHeight?: number;
-    tickColor?: string;
-    labelColor?: string;
-    chartHeading?: ChartHeadingI;
-    xAxis: AxisDetailsI & {
-        forceShowXAxis?: boolean;
-    };
-    lineAxis: AxisDetailsI;
-    barAxis: AxisDetailsI;
-}
-
-export type { AxisDetailsI, ChartHeadingI, VerticalBarAndLinearGraphI };
+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/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.d.ts

@@ -1,18 +1,14 @@
-import React__default from 'react';
-
-interface FunnelBarChartI {
-    data?: {
-        label: string;
-        current: number;
-        previous?: number;
-        previousLabel?: string;
-    }[];
-    maintainAspectRatio?: boolean;
-    canvasHeight?: number;
-    barColors?: string[];
-    titleToolTipCallback?: (tooltipItems: any) => string;
-}
-declare const FunnelVerticalBarGraph: React__default.FC<FunnelBarChartI>;
-
-export { FunnelVerticalBarGraph };
-export type { FunnelBarChartI };
+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/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js

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

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

@@ -1,49 +1,3 @@
-interface AxisDetailsI {
-	title?: string;
-	titleColor?: string;
-	data: (string | number)[];
-	labelColor?: string;
-	ticksCallback?: (value: string) => string;
-	toolTipCallback?: (value: string) => string;
-}
-
-interface RGBColorI {
-	r: number;
-	g: number;
-	b: number;
-	a?: number;
-}
-
-interface ChartHeadingI {
-	heading: string;
-	color?: string;
-}
-
-interface VerticalGraphI {
-	graphCanvasHeight?: number;
-	tickColor?: string;
-	labelColor?: string;
-	chartHeading?: ChartHeadingI;
-	xAxis: AxisDetailsI;
-	yAxis: AxisDetailsI;
-	barColorRGBA: RGBColorI;
-	isFunnel?: boolean;
-	outerPadding?: string;
-	allowChartPopup?: boolean;
-	showConvertToPieChart?: boolean;
-	pieChartSize?: number;
-	popupData?: {
-		xAxis: AxisDetailsI;
-		yAxis: AxisDetailsI;
-		barColorRGBA: RGBColorI;
-		chartHeading?: string;
-		headerLeftCustomElement?: React.ReactNode;
-	};
-	currencyProps?: {
-		symbol?: string;
-		isInternationalStore?: boolean;
-	};
-	showTotal?: boolean;
-}
-
-export type { AxisDetailsI, ChartHeadingI, RGBColorI, VerticalGraphI };
+import React from 'react';
+import { VerticalGraphI } from './VerticalGraph.d';
+export declare const VerticalGraph: React.FC<VerticalGraphI>;

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

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

package/dist/esm/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/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.js

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

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

@@ -1,35 +1,31 @@
-import React__default, { ReactNode } from 'react';
-
-declare enum HEAT_GRADING_TYPE {
-    ABSOLUTE = 0,
-    RELATIVE = 1
-}
-interface HeatMapInputInterface {
-    title: string;
-    xLabels: string[];
-    yLabels: string[];
-    values: number[][];
-    heatType: HEAT_GRADING_TYPE;
-    absolutHeatValues?: number[];
-    hideXLabels?: boolean;
-    customComponent?: ReactNode;
-    heatBoxWidth?: number;
-    heatBoxHeight?: number;
-    isLooseFit?: boolean;
-}
-declare enum HEAT {
-    LOW = 0,
-    MEDIUM = 1,
-    HIGH = 2,
-    HIGHEST = 3
-}
-declare const HEAT_COLORS: {
-    0: string;
-    1: string;
-    2: string;
-    3: string;
-};
-declare const HeatMap: React__default.FC<HeatMapInputInterface>;
-
-export { HEAT, HEAT_COLORS, HEAT_GRADING_TYPE, HeatMap };
-export type { HeatMapInputInterface };
+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[];
+    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/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js

@@ -1 +1 @@
-import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as l}from"react";import{Tooltip as i}from"../../../tooltips/Tooltip.js";import{TitleMedium as n,Caption as a,BodyTiny as c}from"../../../TypographyStyle.js";import{COLORS as h}from"../../../../constants/Theme.js";import{HeatBoxStyled as s,HeatBox as d}from"./HeatMapStyled.js";var m=(t=>(t[t.ABSOLUTE=0]="ABSOLUTE",t[t.RELATIVE=1]="RELATIVE",t))(m||{}),p=(t=>(t[t.LOW=0]="LOW",t[t.MEDIUM=1]="MEDIUM",t[t.HIGH=2]="HIGH",t[t.HIGHEST=3]="HIGHEST",t))(p||{});const y={0:"#EBDBFF",1:"#D2AEFF",2:"#9E77ED",3:"#5E07BB"},B=({title:m,xLabels:p,yLabels:B,values:x,heatType:H,absolutHeatValues:E,hideXLabels:L,customComponent:f,heatBoxWidth:g,heatBoxHeight:T,isLooseFit:u})=>{const[I,b]=r(),M=u?{display:"flex",justifyContent:"center",alignItems:"center"}:{};return l((()=>{const t=Math.max(...x.flat()),e=Math.min(...x.flat());b(x.map((o=>o.map((o=>((t,e,o,r,l)=>{if(0===e)return t<=o[0]?0:t<=o[1]?1:t<=o[2]?2:3;{const e=(l-r)/4;return t<=r+e?0:t<=r+2*e?1:t<=r+3*e?2:3}})(o,H,E||[],e,t))))))}),[x,E]),I?o(s,{isLooseFit:u,children:[o("div",{className:"top-container",children:[o("div",{className:"top-container__heading",children:[t(n,{style:{color:h.content.primary},children:m}),f]}),o("div",{className:"top-container__legend",children:[t(a,{style:{color:h.content.secondary},children:"Less"}),t(d,{heatBoxWidth:g,heatBoxHeight:T,color:y[0]}),t(d,{heatBoxWidth:g,heatBoxHeight:T,color:y[1]}),t(d,{heatBoxWidth:g,heatBoxHeight:T,color:y[2]}),t(d,{heatBoxWidth:g,heatBoxHeight:T,color:y[3]}),t(a,{style:{color:h.content.secondary},children:"More"})]})]}),t("table",{style:M,children:o("tbody",{children:[B.map(((e,r)=>o("tr",{children:[t("td",{children:t(c,{style:{color:h.content.placeholder},children:e})}),p.map(((e,o)=>t("td",{children:t(i,{body:x[r][o].toString(),placement:"bottom",children:t(d,{color:y[I[r][o]],heatBoxWidth:g,heatBoxHeight:T})})},e)))]},e))),!L&&o("tr",{children:[t("th",{}),p.map(((e,o)=>t("th",{children:t(c,{style:{color:h.content.placeholder},children:e})},e)))]})]})})]}):t(e,{})};export{p as HEAT,y as HEAT_COLORS,m as HEAT_GRADING_TYPE,B as HeatMap};
+import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";import{Tooltip as a}from"../../../tooltips/Tooltip.js";import{TitleMedium as c,Caption as r,BodyTiny as s}from"../../../TypographyStyle.js";import{COLORS as l}from"../../../../constants/Theme.js";import{HeatBoxStyled as h,HeatBox as d}from"./HeatMapStyled.js";var H,m;!function(t){t[t.ABSOLUTE=0]="ABSOLUTE",t[t.RELATIVE=1]="RELATIVE"}(H||(H={})),function(t){t[t.LOW=0]="LOW",t[t.MEDIUM=1]="MEDIUM",t[t.HIGH=2]="HIGH",t[t.HIGHEST=3]="HIGHEST"}(m||(m={}));const p={[m.LOW]:"#EBDBFF",[m.MEDIUM]:"#D2AEFF",[m.HIGH]:"#9E77ED",[m.HIGHEST]:"#5E07BB"},E=E=>{let{title:g,xLabels:I,yLabels:O,values:b,heatType:y,absolutHeatValues:B,hideXLabels:j,customComponent:x,heatBoxWidth:L,heatBoxHeight:M,isLooseFit:T}=E;const[f,G]=n(),S=T?{display:"flex",justifyContent:"center",alignItems:"center"}:{};return i((()=>{const t=Math.max(...b.flat()),e=Math.min(...b.flat());G(b.map((o=>o.map((o=>((t,e,o,n,i)=>{if(e===H.ABSOLUTE)return t<=o[0]?m.LOW:t<=o[1]?m.MEDIUM:t<=o[2]?m.HIGH:m.HIGHEST;{const e=(i-n)/4;return t<=n+e?m.LOW:t<=n+2*e?m.MEDIUM:t<=n+3*e?m.HIGH:m.HIGHEST}})(o,y,B||[],e,t))))))}),[b,B]),f?o(h,Object.assign({isLooseFit:T},{children:[o("div",Object.assign({className:"top-container"},{children:[o("div",Object.assign({className:"top-container__heading"},{children:[t(c,Object.assign({style:{color:l.content.primary}},{children:g})),x]})),o("div",Object.assign({className:"top-container__legend"},{children:[t(r,Object.assign({style:{color:l.content.secondary}},{children:"Less"})),t(d,{heatBoxWidth:L,heatBoxHeight:M,color:p[m.LOW]}),t(d,{heatBoxWidth:L,heatBoxHeight:M,color:p[m.MEDIUM]}),t(d,{heatBoxWidth:L,heatBoxHeight:M,color:p[m.HIGH]}),t(d,{heatBoxWidth:L,heatBoxHeight:M,color:p[m.HIGHEST]}),t(r,Object.assign({style:{color:l.content.secondary}},{children:"More"}))]}))]})),t("table",Object.assign({style:S},{children:o("tbody",{children:[O.map(((e,n)=>o("tr",{children:[t("td",{children:t(s,Object.assign({style:{color:l.content.placeholder}},{children:e}))}),I.map(((e,o)=>t("td",{children:t(a,Object.assign({body:b[n][o].toString(),placement:"bottom"},{children:t(d,{color:p[f[n][o]],heatBoxWidth:L,heatBoxHeight:M})}))},e)))]},e))),!j&&o("tr",{children:[t("th",{}),I.map(((e,o)=>t("th",{children:t(s,Object.assign({style:{color:l.content.placeholder}},{children:e}))},e)))]})]})}))]})):t(e,{})};export{m as HEAT,p as HEAT_COLORS,H as HEAT_GRADING_TYPE,E as HeatMap};

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

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

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

@@ -1,38 +1 @@
-import e from"@emotion/styled";const t=e.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: row;
-			gap: 6px;
-			align-items: center;
-		}
-	}
-
-	.box {
-		width: 74px;
-		height: 14px;
-		border-radius: 2px;
-		margin: 2px;
-		background-color: ${e=>e.color};
-	}
-`,i=e.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};
-`;export{i as HeatBox,t as HeatBoxStyled};
+import c from"@emotion/styled/base";const d=c("div","production"===process.env.NODE_ENV?{target:"e1p0nfj71"}:{target:"e1p0nfj71",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:row;gap:6px;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/ICcxMDAlJyA6ICdmaXQtY29udGVudCcpfTtcblx0LnRvcC1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2hlYWRpbmcge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDhweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHR9XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDZweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmJveCB7XG5cdFx0d2lkdGg6IDc0cHg7XG5cdFx0aGVpZ2h0OiAxNHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRtYXJnaW46IDJweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oZWF0Qm94V2lkdGggPyBwcm9wcy5oZWF0Qm94V2lkdGggOiAyNCl9cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWF0Qm94SGVpZ2h0ID8gcHJvcHMuaGVhdEJveEhlaWdodCA6IDI0KX1weDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRtYXJnaW46IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUhlYXRNYXBTdHlsZWQuanMubWFwIl19 */")),b=c("div","production"===process.env.NODE_ENV?{target:"e1p0nfj70"}:{target:"e1p0nfj70",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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTG9vc2VGaXQgPyAnMTAwJScgOiAnZml0LWNvbnRlbnQnKX07XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19oZWFkaW5nIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0fVxuXG5cdFx0Jl9fbGVnZW5kIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdFx0Z2FwOiA2cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuXG5cdC5ib3gge1xuXHRcdHdpZHRoOiA3NHB4O1xuXHRcdGhlaWdodDogMTRweDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0bWFyZ2luOiAycHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3ggPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveFdpZHRoID8gcHJvcHMuaGVhdEJveFdpZHRoIDogMjQpfXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVhdEJveEhlaWdodCA/IHByb3BzLmhlYXRCb3hIZWlnaHQgOiAyNCl9cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */"));export{b as HeatBox,d as HeatBoxStyled};

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

@@ -1,20 +1,14 @@
-import * as _emotion_styled from '@emotion/styled';
-import * as _emotion_react from '@emotion/react';
-import React__default from 'react';
-
-interface HeatMapVerticalInputInterface {
-    title: string;
-    xLabels: string[];
-    yLabels: string[];
-    values: number[][];
-    absolutHeatValues: number[];
-    hideXLabels?: boolean;
-}
-declare const HeatMapVertical: React__default.FC<HeatMapVerticalInputInterface>;
-declare const HeatBoxStyled: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: React__default.ElementType<any> | undefined;
-}, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-
-export { HeatBoxStyled, HeatMapVertical };
-export type { HeatMapVerticalInputInterface };
+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> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,32 +1 @@
-import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import r from"@emotion/styled";import{useState as i,useEffect as l}from"react";import{Tooltip as n}from"../../../tooltips/Tooltip.js";import{BodyCaption as c,BodyTiny as d}from"../../../TypographyStyle.js";import{COLORS as a}from"../../../../constants/Theme.js";const s={0:"#EBDBFF",1:"#D2AEFF",2:"#9E77ED",3:"#5E07BB"},h=({xLabels:r,yLabels:h,values:y,absolutHeatValues:x})=>{const[f,v]=i();return l((()=>{v(y.map((e=>e.map((e=>((e,t)=>e<=t[0]?0:e<=t[1]?1:e<=t[2]?2:3)(e,x||[]))))))}),[y,x]),f?o(g,{children:[e("div",{className:"top-container",children:o("div",{children:[o("div",{className:"top-container__legend",children:[e(p,{color:s[0]}),e(p,{color:s[1]}),e(p,{color:s[2]}),e(p,{color:s[3]})]}),o("div",{className:"top-container__legend",children:[e(c,{color:a.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:x[0]}),e(c,{color:a.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:x[1]}),e(c,{color:a.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:x[2]}),e(c,{color:a.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:`${x[2]}+`})]})]})}),o("div",{style:{width:"100%"},children:[h.map(((t,i)=>o("div",{className:"heat-row",children:[e("div",{style:{flex:.5},children:e(d,{style:{color:a.content.secondary,textAlign:"right",marginRight:8},children:t})}),r.map(((t,o)=>e("div",{style:{flex:1},children:e(n,{body:y[i][o].toString(),placement:"bottom",children:e(m,{color:s[f[i][o]]})})},t)))]},t))),o("div",{className:"heat-row",style:{marginTop:12},children:[e("div",{style:{flex:.5}}),r.map((t=>e("div",{style:{flex:1},children:e(d,{style:{color:a.content.secondary,textAlign:"center"},children:t})},t)))]})]})]}):e(t,{})},m=r.div`
-	height: 7px;
-	border-radius: 1px;
-	background-color: ${e=>e.color};
-`,p=r.div`
-	width: 58px;
-	height: 12px;
-	border-radius: 2px;
-	background-color: ${e=>e.color};
-`,g=r.div`
-	width: 100%;
-	.top-container {
-		display: flex;
-		flex-direction: row;
-		justify-content: end;
-		margin-bottom: 16px;
-
-		&__legend {
-			display: flex;
-			flex-direction: row;
-			gap: 4px;
-			align-items: center;
-		}
-	}
-
-	.heat-row {
-		display: flex;
-		height: 9px;
-		gap: 4px;
-		align-items: center;
-	}
-`;export{g as HeatBoxStyled,h as HeatMapVertical};
+import I from"@emotion/styled/base";import{jsx as g,Fragment as c,jsxs as C}from"react/jsx-runtime";import{useState as l,useEffect as b}from"react";import{Tooltip as d}from"../../../tooltips/Tooltip.js";import{BodyCaption as X,BodyTiny as H}from"../../../TypographyStyle.js";import{COLORS as i}from"../../../../constants/Theme.js";var V;!function(I){I[I.LOW=0]="LOW",I[I.MEDIUM=1]="MEDIUM",I[I.HIGH=2]="HIGH",I[I.HIGHEST=3]="HIGHEST"}(V||(V={}));const A={[V.LOW]:"#EBDBFF",[V.MEDIUM]:"#D2AEFF",[V.HIGH]:"#9E77ED",[V.HIGHEST]:"#5E07BB"},G=I=>{let{xLabels:G,yLabels:s,values:h,absolutHeatValues:e}=I;const[m,F]=l();return b((()=>{F(h.map((I=>I.map((I=>((I,g)=>I<=g[0]?V.LOW:I<=g[1]?V.MEDIUM:I<=g[2]?V.HIGH:V.HIGHEST)(I,e||[]))))))}),[h,e]),m?C(B,{children:[g("div",Object.assign({className:"top-container"},{children:C("div",{children:[C("div",Object.assign({className:"top-container__legend"},{children:[g(W,{color:A[V.LOW]}),g(W,{color:A[V.MEDIUM]}),g(W,{color:A[V.HIGH]}),g(W,{color:A[V.HIGHEST]})]})),C("div",Object.assign({className:"top-container__legend"},{children:[g(X,Object.assign({color:i.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:e[0]})),g(X,Object.assign({color:i.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:e[1]})),g(X,Object.assign({color:i.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:e[2]})),g(X,Object.assign({color:i.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:`${e[2]}+`}))]}))]})})),C("div",Object.assign({style:{width:"100%"}},{children:[s.map(((I,c)=>C("div",Object.assign({className:"heat-row"},{children:[g("div",Object.assign({style:{flex:.5}},{children:g(H,Object.assign({style:{color:i.content.secondary,textAlign:"right",marginRight:8}},{children:I}))})),G.map(((I,C)=>g("div",Object.assign({style:{flex:1}},{children:g(d,Object.assign({body:h[c][C].toString(),placement:"bottom"},{children:g(Z,{color:A[m[c][C]]})}))}),I)))]}),I))),C("div",Object.assign({className:"heat-row",style:{marginTop:12}},{children:[g("div",{style:{flex:.5}}),G.map((I=>g("div",Object.assign({style:{flex:1}},{children:g(H,Object.assign({style:{color:i.content.secondary,textAlign:"center"}},{children:I}))}),I)))]}))]}))]}):g(c,{})},Z=I("div","production"===process.env.NODE_ENV?{target:"e1i23nxv2"}:{target:"e1i23nxv2",label:"HeatBox"})("height:7px;border-radius:1px;background-color:",(I=>I.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkMyQiIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vLi4vLi4vdG9vbHRpcHNcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlUaW55IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbnZhciBIRUFUO1xyXG4oZnVuY3Rpb24gKEhFQVQpIHtcclxuICAgIEhFQVRbSEVBVFtcIkxPV1wiXSA9IDBdID0gXCJMT1dcIjtcclxuICAgIEhFQVRbSEVBVFtcIk1FRElVTVwiXSA9IDFdID0gXCJNRURJVU1cIjtcclxuICAgIEhFQVRbSEVBVFtcIkhJR0hcIl0gPSAyXSA9IFwiSElHSFwiO1xyXG4gICAgSEVBVFtIRUFUW1wiSElHSEVTVFwiXSA9IDNdID0gXCJISUdIRVNUXCI7XHJcbn0pKEhFQVQgfHwgKEhFQVQgPSB7fSkpO1xyXG5jb25zdCBIRUFUX0NPTE9SUyA9IHtcclxuICAgIFtIRUFULkxPV106ICcjRUJEQkZGJyxcclxuICAgIFtIRUFULk1FRElVTV06ICcjRDJBRUZGJyxcclxuICAgIFtIRUFULkhJR0hdOiAnIzlFNzdFRCcsXHJcbiAgICBbSEVBVC5ISUdIRVNUXTogJyM1RTA3QkInLFxyXG59O1xyXG5jb25zdCBnZXRIZWF0ID0gKHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcykgPT4ge1xyXG4gICAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzBdKVxyXG4gICAgICAgIHJldHVybiBIRUFULkxPVztcclxuICAgIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1sxXSlcclxuICAgICAgICByZXR1cm4gSEVBVC5NRURJVU07XHJcbiAgICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMl0pXHJcbiAgICAgICAgcmV0dXJuIEhFQVQuSElHSDtcclxuICAgIHJldHVybiBIRUFULkhJR0hFU1Q7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBIZWF0TWFwVmVydGljYWwgPSAoeyB4TGFiZWxzLCB5TGFiZWxzLCB2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzLCB9KSA9PiB7XHJcbiAgICBjb25zdCBbaGVhdFZhbHVlcywgc2V0SGVhdFZhbHVlc10gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBzZXRIZWF0VmFsdWVzKHZhbHVlcy5tYXAoKHJvdykgPT4gcm93Lm1hcCgodmFsdWUpID0+IGdldEhlYXQodmFsdWUsIGFic29sdXRIZWF0VmFsdWVzIHx8IFtdKSkpKTtcclxuICAgIH0sIFt2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzXSk7XHJcbiAgICBpZiAoIWhlYXRWYWx1ZXMpIHtcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeHMoSGVhdEJveFN0eWxlZCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyXCIgfSwgeyBjaGlsZHJlbjogX2pzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIgfSwgeyBjaGlsZHJlbjogW19qc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbSEVBVC5MT1ddIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuTUVESVVNXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULkhJR0hdIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuSElHSEVTVF0gfSldIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyX19sZWdlbmRcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1swXSB9KSksIF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMV0gfSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSwgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogJ3JpZ2h0JyB9IH0sIHsgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzJdIH0pKSwgX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBgJHthYnNvbHV0SGVhdFZhbHVlc1syXX0rYCB9KSldIH0pKV0gfSkgfSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6ICcxMDAlJyB9IH0sIHsgY2hpbGRyZW46IFt5TGFiZWxzLm1hcCgoeUxhYmVsLCByb3dJbmRleCkgPT4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMC41IH0gfSwgeyBjaGlsZHJlbjogX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogeUxhYmVsIH0pKSB9KSksIHhMYWJlbHMubWFwKCh4TGFiZWwsIGNvbEluZGV4KSA9PiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMSB9IH0sIHsgY2hpbGRyZW46IF9qc3goVG9vbHRpcCwgT2JqZWN0LmFzc2lnbih7IGJvZHk6IHZhbHVlc1tyb3dJbmRleF1bY29sSW5kZXhdLnRvU3RyaW5nKCksIHBsYWNlbWVudDogJ2JvdHRvbScgfSwgeyBjaGlsZHJlbjogX2pzeChIZWF0Qm94LCB7IGNvbG9yOiBIRUFUX0NPTE9SU1toZWF0VmFsdWVzW3Jvd0luZGV4XVtjb2xJbmRleF1dIH0pIH0pKSB9KSwgeExhYmVsKSkpXSB9KSwgeUxhYmVsKSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcImhlYXQtcm93XCIsIHN0eWxlOiB7IG1hcmdpblRvcDogMTIgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDAuNSB9IH0pLCB4TGFiZWxzLm1hcCgoeExhYmVsKSA9PiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMSB9IH0sIHsgY2hpbGRyZW46IF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogJ2NlbnRlcicsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogeExhYmVsIH0pKSB9KSwgeExhYmVsKSkpXSB9KSldIH0pKV0gfSkpO1xyXG59O1xyXG5jb25zdCBIZWF0Qm94ID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogN3B4O1xuXHRib3JkZXItcmFkaXVzOiAxcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5jb25zdCBIZWF0Qm94TGVnZW5kID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiA1OHB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogZW5kO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDRweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmhlYXQtcm93IHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGhlaWdodDogOXB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUhlYXRNYXBWZXJ0aWNhbC5qcy5tYXAiXX0= */")),W=I("div","production"===process.env.NODE_ENV?{target:"e1i23nxv1"}:{target:"e1i23nxv1",label:"HeatBoxLegend"})("width:58px;height:12px;border-radius:2px;background-color:",(I=>I.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RpQyIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vLi4vLi4vdG9vbHRpcHNcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlUaW55IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbnZhciBIRUFUO1xyXG4oZnVuY3Rpb24gKEhFQVQpIHtcclxuICAgIEhFQVRbSEVBVFtcIkxPV1wiXSA9IDBdID0gXCJMT1dcIjtcclxuICAgIEhFQVRbSEVBVFtcIk1FRElVTVwiXSA9IDFdID0gXCJNRURJVU1cIjtcclxuICAgIEhFQVRbSEVBVFtcIkhJR0hcIl0gPSAyXSA9IFwiSElHSFwiO1xyXG4gICAgSEVBVFtIRUFUW1wiSElHSEVTVFwiXSA9IDNdID0gXCJISUdIRVNUXCI7XHJcbn0pKEhFQVQgfHwgKEhFQVQgPSB7fSkpO1xyXG5jb25zdCBIRUFUX0NPTE9SUyA9IHtcclxuICAgIFtIRUFULkxPV106ICcjRUJEQkZGJyxcclxuICAgIFtIRUFULk1FRElVTV06ICcjRDJBRUZGJyxcclxuICAgIFtIRUFULkhJR0hdOiAnIzlFNzdFRCcsXHJcbiAgICBbSEVBVC5ISUdIRVNUXTogJyM1RTA3QkInLFxyXG59O1xyXG5jb25zdCBnZXRIZWF0ID0gKHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcykgPT4ge1xyXG4gICAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzBdKVxyXG4gICAgICAgIHJldHVybiBIRUFULkxPVztcclxuICAgIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1sxXSlcclxuICAgICAgICByZXR1cm4gSEVBVC5NRURJVU07XHJcbiAgICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMl0pXHJcbiAgICAgICAgcmV0dXJuIEhFQVQuSElHSDtcclxuICAgIHJldHVybiBIRUFULkhJR0hFU1Q7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBIZWF0TWFwVmVydGljYWwgPSAoeyB4TGFiZWxzLCB5TGFiZWxzLCB2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzLCB9KSA9PiB7XHJcbiAgICBjb25zdCBbaGVhdFZhbHVlcywgc2V0SGVhdFZhbHVlc10gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBzZXRIZWF0VmFsdWVzKHZhbHVlcy5tYXAoKHJvdykgPT4gcm93Lm1hcCgodmFsdWUpID0+IGdldEhlYXQodmFsdWUsIGFic29sdXRIZWF0VmFsdWVzIHx8IFtdKSkpKTtcclxuICAgIH0sIFt2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzXSk7XHJcbiAgICBpZiAoIWhlYXRWYWx1ZXMpIHtcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeHMoSGVhdEJveFN0eWxlZCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyXCIgfSwgeyBjaGlsZHJlbjogX2pzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIgfSwgeyBjaGlsZHJlbjogW19qc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbSEVBVC5MT1ddIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuTUVESVVNXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULkhJR0hdIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuSElHSEVTVF0gfSldIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyX19sZWdlbmRcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1swXSB9KSksIF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMV0gfSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSwgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogJ3JpZ2h0JyB9IH0sIHsgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzJdIH0pKSwgX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBgJHthYnNvbHV0SGVhdFZhbHVlc1syXX0rYCB9KSldIH0pKV0gfSkgfSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6ICcxMDAlJyB9IH0sIHsgY2hpbGRyZW46IFt5TGFiZWxzLm1hcCgoeUxhYmVsLCByb3dJbmRleCkgPT4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMC41IH0gfSwgeyBjaGlsZHJlbjogX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogeUxhYmVsIH0pKSB9KSksIHhMYWJlbHMubWFwKCh4TGFiZWwsIGNvbEluZGV4KSA9PiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMSB9IH0sIHsgY2hpbGRyZW46IF9qc3goVG9vbHRpcCwgT2JqZWN0LmFzc2lnbih7IGJvZHk6IHZhbHVlc1tyb3dJbmRleF1bY29sSW5kZXhdLnRvU3RyaW5nKCksIHBsYWNlbWVudDogJ2JvdHRvbScgfSwgeyBjaGlsZHJlbjogX2pzeChIZWF0Qm94LCB7IGNvbG9yOiBIRUFUX0NPTE9SU1toZWF0VmFsdWVzW3Jvd0luZGV4XVtjb2xJbmRleF1dIH0pIH0pKSB9KSwgeExhYmVsKSkpXSB9KSwgeUxhYmVsKSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcImhlYXQtcm93XCIsIHN0eWxlOiB7IG1hcmdpblRvcDogMTIgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDAuNSB9IH0pLCB4TGFiZWxzLm1hcCgoeExhYmVsKSA9PiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMSB9IH0sIHsgY2hpbGRyZW46IF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogJ2NlbnRlcicsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogeExhYmVsIH0pKSB9KSwgeExhYmVsKSkpXSB9KSldIH0pKV0gfSkpO1xyXG59O1xyXG5jb25zdCBIZWF0Qm94ID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogN3B4O1xuXHRib3JkZXItcmFkaXVzOiAxcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5jb25zdCBIZWF0Qm94TGVnZW5kID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiA1OHB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogZW5kO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDRweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmhlYXQtcm93IHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGhlaWdodDogOXB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUhlYXRNYXBWZXJ0aWNhbC5qcy5tYXAiXX0= */")),B=I("div","production"===process.env.NODE_ENV?{target:"e1i23nxv0"}:{target:"e1i23nxv0",label:"HeatBoxStyled"})("production"===process.env.NODE_ENV?{name:"116aaa2",styles:"width:100%;.top-container{display:flex;flex-direction:row;justify-content:end;margin-bottom:16px;&__legend{display:flex;flex-direction:row;gap:4px;align-items:center;}}.heat-row{display:flex;height:9px;gap:4px;align-items:center;}"}:{name:"116aaa2",styles:"width:100%;.top-container{display:flex;flex-direction:row;justify-content:end;margin-bottom:16px;&__legend{display:flex;flex-direction:row;gap:4px;align-items:center;}}.heat-row{display:flex;height:9px;gap:4px;align-items:center;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0R3QyIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vLi4vLi4vdG9vbHRpcHNcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlUaW55IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbnZhciBIRUFUO1xyXG4oZnVuY3Rpb24gKEhFQVQpIHtcclxuICAgIEhFQVRbSEVBVFtcIkxPV1wiXSA9IDBdID0gXCJMT1dcIjtcclxuICAgIEhFQVRbSEVBVFtcIk1FRElVTVwiXSA9IDFdID0gXCJNRURJVU1cIjtcclxuICAgIEhFQVRbSEVBVFtcIkhJR0hcIl0gPSAyXSA9IFwiSElHSFwiO1xyXG4gICAgSEVBVFtIRUFUW1wiSElHSEVTVFwiXSA9IDNdID0gXCJISUdIRVNUXCI7XHJcbn0pKEhFQVQgfHwgKEhFQVQgPSB7fSkpO1xyXG5jb25zdCBIRUFUX0NPTE9SUyA9IHtcclxuICAgIFtIRUFULkxPV106ICcjRUJEQkZGJyxcclxuICAgIFtIRUFULk1FRElVTV06ICcjRDJBRUZGJyxcclxuICAgIFtIRUFULkhJR0hdOiAnIzlFNzdFRCcsXHJcbiAgICBbSEVBVC5ISUdIRVNUXTogJyM1RTA3QkInLFxyXG59O1xyXG5jb25zdCBnZXRIZWF0ID0gKHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcykgPT4ge1xyXG4gICAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzBdKVxyXG4gICAgICAgIHJldHVybiBIRUFULkxPVztcclxuICAgIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1sxXSlcclxuICAgICAgICByZXR1cm4gSEVBVC5NRURJVU07XHJcbiAgICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMl0pXHJcbiAgICAgICAgcmV0dXJuIEhFQVQuSElHSDtcclxuICAgIHJldHVybiBIRUFULkhJR0hFU1Q7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBIZWF0TWFwVmVydGljYWwgPSAoeyB4TGFiZWxzLCB5TGFiZWxzLCB2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzLCB9KSA9PiB7XHJcbiAgICBjb25zdCBbaGVhdFZhbHVlcywgc2V0SGVhdFZhbHVlc10gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBzZXRIZWF0VmFsdWVzKHZhbHVlcy5tYXAoKHJvdykgPT4gcm93Lm1hcCgodmFsdWUpID0+IGdldEhlYXQodmFsdWUsIGFic29sdXRIZWF0VmFsdWVzIHx8IFtdKSkpKTtcclxuICAgIH0sIFt2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzXSk7XHJcbiAgICBpZiAoIWhlYXRWYWx1ZXMpIHtcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeHMoSGVhdEJveFN0eWxlZCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyXCIgfSwgeyBjaGlsZHJlbjogX2pzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIgfSwgeyBjaGlsZHJlbjogW19qc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbSEVBVC5MT1ddIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuTUVESVVNXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULkhJR0hdIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuSElHSEVTVF0gfSldIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyX19sZWdlbmRcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1swXSB9KSksIF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMV0gfSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSwgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogJ3JpZ2h0JyB9IH0sIHsgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzJdIH0pKSwgX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBgJHthYnNvbHV0SGVhdFZhbHVlc1syXX0rYCB9KSldIH0pKV0gfSkgfSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6ICcxMDAlJyB9IH0sIHsgY2hpbGRyZW46IFt5TGFiZWxzLm1hcCgoeUxhYmVsLCByb3dJbmRleCkgPT4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMC41IH0gfSwgeyBjaGlsZHJlbjogX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogeUxhYmVsIH0pKSB9KSksIHhMYWJlbHMubWFwKCh4TGFiZWwsIGNvbEluZGV4KSA9PiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMSB9IH0sIHsgY2hpbGRyZW46IF9qc3goVG9vbHRpcCwgT2JqZWN0LmFzc2lnbih7IGJvZHk6IHZhbHVlc1tyb3dJbmRleF1bY29sSW5kZXhdLnRvU3RyaW5nKCksIHBsYWNlbWVudDogJ2JvdHRvbScgfSwgeyBjaGlsZHJlbjogX2pzeChIZWF0Qm94LCB7IGNvbG9yOiBIRUFUX0NPTE9SU1toZWF0VmFsdWVzW3Jvd0luZGV4XVtjb2xJbmRleF1dIH0pIH0pKSB9KSwgeExhYmVsKSkpXSB9KSwgeUxhYmVsKSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcImhlYXQtcm93XCIsIHN0eWxlOiB7IG1hcmdpblRvcDogMTIgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDAuNSB9IH0pLCB4TGFiZWxzLm1hcCgoeExhYmVsKSA9PiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMSB9IH0sIHsgY2hpbGRyZW46IF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogJ2NlbnRlcicsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogeExhYmVsIH0pKSB9KSwgeExhYmVsKSkpXSB9KSldIH0pKV0gfSkpO1xyXG59O1xyXG5jb25zdCBIZWF0Qm94ID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogN3B4O1xuXHRib3JkZXItcmFkaXVzOiAxcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG5jb25zdCBIZWF0Qm94TGVnZW5kID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiA1OHB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogZW5kO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDRweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmhlYXQtcm93IHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGhlaWdodDogOXB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUhlYXRNYXBWZXJ0aWNhbC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{B as HeatBoxStyled,G as HeatMapVertical};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const Chip: React.FC<{
+    type: 'positive' | 'neutral' | 'negative';
+    text: string;
+    value: number;
+    formatVal?: boolean;
+}>;

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{BodyPrimary as r,TitleMedium as o}from"../../../TypographyStyle.js";import{COLORS as n}from"../../../../constants/Theme.js";import{StyledChip as i}from"./LinearChipGroupedChart.styled.js";const m=({type:m,text:a,value:p,formatVal:c})=>{const s="positive"===m?n.content.positive:"negative"===m?n.content.negative:n.content.warning;return t(i,{type:m,children:[e(r,{color:s,children:a}),e(o,{color:s,children:c?new Intl.NumberFormat("en-IN",{}).format(p):p})]})};export{m as Chip};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{BodyPrimary as r,TitleMedium as n}from"../../../TypographyStyle.js";import{COLORS as o}from"../../../../constants/Theme.js";import{StyledChip as i}from"./LinearChipGroupedChart.styled.js";const s=s=>{let{type:a,text:c,value:m,formatVal:p}=s;const l="positive"===a?o.content.positive:"negative"===a?o.content.negative:o.content.warning;return t(i,Object.assign({type:a},{children:[e(r,Object.assign({color:l},{children:c})),e(n,Object.assign({color:l},{children:p?new Intl.NumberFormat("en-IN",{}).format(m):m}))]}))};export{s as Chip};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const HorinzontalBar: React.FC<{
+    positive: number;
+    neutral: number;
+    negative: number;
+}>;

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

@@ -1 +1 @@
-import{jsxs as t,jsx as r}from"react/jsx-runtime";import{COLORS as i}from"../../../../constants/Theme.js";import{calculatePercentage as o}from"../utils/calcPercentage.js";import{StyledBarContainer as e}from"./LinearChipGroupedChart.styled.js";const n=({positive:n,negative:a,neutral:d})=>{const[s,c,g]=o(n,d,a);return t(e,{children:[r("div",{style:{height:"100%",width:`${s}%`,backgroundColor:i.background.positive.vibrant}}),r("div",{style:{height:"100%",width:`${c}%`,backgroundColor:i.background.warning.vibrant}}),r("div",{style:{height:"100%",width:`${g}%`,backgroundColor:i.background.negative.vibrant}})]})};export{n as HorinzontalBar};
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import{COLORS as i}from"../../../../constants/Theme.js";import{calculatePercentage as e}from"../utils/calcPercentage.js";import{StyledBarContainer as o}from"./LinearChipGroupedChart.styled.js";const n=n=>{let{positive:a,negative:d,neutral:s}=n;const[c,g,h]=e(a,s,d);return t(o,{children:[r("div",{style:{height:"100%",width:`${c}%`,backgroundColor:i.background.positive.vibrant}}),r("div",{style:{height:"100%",width:`${g}%`,backgroundColor:i.background.warning.vibrant}}),r("div",{style:{height:"100%",width:`${h}%`,backgroundColor:i.background.negative.vibrant}})]})};export{n as HorinzontalBar};

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

@@ -1,30 +1,27 @@
-import React__default from 'react';
-import { LineChartProps } from '../LineChart/LineChart.js';
-
-type LinearChipGroupedChartProps = {
-    lineChartOption: LineChartProps;
-    overallValue: number;
-    requestSent: number;
-    responses: number;
-    chipValues: {
-        positive: {
-            text: string;
-            val: number;
-        };
-        neutral: {
-            text: string;
-            val: number;
-        };
-        negative: {
-            text: string;
-            val: number;
-        };
-    };
-    name: string;
-    separator?: boolean;
-    formatVal?: boolean;
-};
-declare const LinearChipGroupedChart: React__default.FC<LinearChipGroupedChartProps>;
-
-export { LinearChipGroupedChart };
-export type { LinearChipGroupedChartProps };
+import React from 'react';
+import 'react-bootstrap';
+import { LineChartProps } from '../LineChart/LineChart';
+export type LinearChipGroupedChartProps = {
+    lineChartOption: LineChartProps;
+    overallValue: number;
+    requestSent: number;
+    responses: number;
+    chipValues: {
+        positive: {
+            text: string;
+            val: number;
+        };
+        neutral: {
+            text: string;
+            val: number;
+        };
+        negative: {
+            text: string;
+            val: number;
+        };
+    };
+    name: string;
+    separator?: boolean;
+    formatVal?: boolean;
+};
+export declare const LinearChipGroupedChart: React.FC<LinearChipGroupedChartProps>;

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react-bootstrap";import{TitleRegular as r,TitleLarge as n,BodySecondary as o}from"../../../TypographyStyle.js";import{COLORS as a}from"../../../../constants/Theme.js";import{LineChart as i}from"../LineChart/LineChart.js";import{Chip as l}from"./Chip.js";import{HorinzontalBar as s}from"./HorinzontalBar.js";import{Container as p,Row as c,Column as m}from"./LinearChipGroupedChart.styled.js";const v=({separator:v,name:d,overallValue:h,requestSent:y,responses:u,chipValues:f,lineChartOption:g,formatVal:x})=>e(p,{separator:v,children:[e(c,{style:{alignItems:"center",justifyContent:"space-between"},children:[e("div",{children:[t(r,{color:a.content.secondary,children:d}),t(n,{color:void 0===h||0===h?a.content.secondary:h<0?a.content.negative:a.content.positive,children:x?new Intl.NumberFormat("en-IN",{}).format(h):h})]}),e(m,{style:{alignItems:"flex-end"},children:[e(o,{color:a.content.secondary,style:{marginBottom:2},children:["Requests sent: ",y]}),e(o,{color:a.content.secondary,children:["Responses: ",u]})]})]}),e(c,{style:{marginTop:8,gap:16},children:[t(l,{formatVal:x,type:"positive",text:f.positive.text,value:f.positive.val}),t(l,{formatVal:x,type:"neutral",text:f.neutral.text,value:f.neutral.val}),t(l,{formatVal:x,type:"negative",text:f.negative.text,value:f.negative.val})]}),t("div",{style:{marginTop:16,width:"100%"},children:t(s,{positive:f.positive.val,neutral:f.neutral.val,negative:f.negative.val})}),t("div",{style:{marginTop:28,width:"100%"},children:t(i,{...g,maintainAspectRatio:!0})})]});export{v as LinearChipGroupedChart};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react-bootstrap";import{TitleRegular as n,TitleLarge as a,BodySecondary as i}from"../../../TypographyStyle.js";import{COLORS as r}from"../../../../constants/Theme.js";import{LineChart as o}from"../LineChart/LineChart.js";import{Chip as s}from"./Chip.js";import{HorinzontalBar as l}from"./HorinzontalBar.js";import{Container as c,Row as p,Column as m}from"./LinearChipGroupedChart.styled.js";const v=v=>{let{separator:g,name:d,overallValue:h,requestSent:j,responses:y,chipValues:u,lineChartOption:b,formatVal:f}=v;return e(c,Object.assign({separator:g},{children:[e(p,Object.assign({style:{alignItems:"center",justifyContent:"space-between"}},{children:[e("div",{children:[t(n,Object.assign({color:r.content.secondary},{children:d})),t(a,Object.assign({color:void 0===h||0===h?r.content.secondary:h<0?r.content.negative:r.content.positive},{children:f?new Intl.NumberFormat("en-IN",{}).format(h):h}))]}),e(m,Object.assign({style:{alignItems:"flex-end"}},{children:[e(i,Object.assign({color:r.content.secondary,style:{marginBottom:2}},{children:["Requests sent: ",j]})),e(i,Object.assign({color:r.content.secondary},{children:["Responses: ",y]}))]}))]})),e(p,Object.assign({style:{marginTop:8,gap:16}},{children:[t(s,{formatVal:f,type:"positive",text:u.positive.text,value:u.positive.val}),t(s,{formatVal:f,type:"neutral",text:u.neutral.text,value:u.neutral.val}),t(s,{formatVal:f,type:"negative",text:u.negative.text,value:u.negative.val})]})),t("div",Object.assign({style:{marginTop:16,width:"100%"}},{children:t(l,{positive:u.positive.val,neutral:u.neutral.val,negative:u.negative.val})})),t("div",Object.assign({style:{marginTop:28,width:"100%"}},{children:t(o,Object.assign({},b,{maintainAspectRatio:!0}))}))]}))};export{v as LinearChipGroupedChart};