@bikdotai/bik-component-library 0.0.3202-beta.1 → 0.0.5581-tooltip-beta

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("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.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),r=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),o=require("./VerticalGraph.styles.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip);exports.VerticalGraph=t=>{var s,n,l,c;const d=-1===t.yAxis.data.findIndex((e=>0!==e)),g={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!d}},scales:{x:{title:{display:!!t.xAxis.title,text:t.xAxis.title,color:t.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:null!==(s=t.yAxis.labelColor)&&void 0!==s?s:a.COLORS.content.secondary}},y:{title:{display:!!t.yAxis.title,text:t.yAxis.title,color:t.yAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{borderColor:"white",color:a.COLORS.background.base},ticks:Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(n=t.xAxis.labelColor)&&void 0!==n?n:a.COLORS.content.secondary},d?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},x={labels:t.xAxis.data.map((e=>e.toString())),datasets:[{data:d?[250,1e3,800,1500,300,600]:t.yAxis.data,backgroundColor:e=>{var r;const i=t.barColorRGBA;let a=[];const o=t.xAxis.data.length;if(d)return"rgba(0,0,0,0)";if(t.isFunnel){let e=+(o>10?.1:(1/o).toFixed(2));const t=`rgba(${i.r}, ${i.g}, ${i.b}`;for(let r=1;r<o+1;r++){let i="";r>10?i=`${t},1)`:(i=`${t},${e})`,e+=.1),a.push(i)}}else{const e=`rgba(${i.r}, ${i.g}, ${i.b}, ${null!==(r=i.a)&&void 0!==r?r:"1"})`;a=Array(o).fill(e)}return a},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxs(o.GraphContainerWrapper,Object.assign({padding:t.outerPadding},{children:[t.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(i.TitleMedium,Object.assign({color:null!==(l=t.chartHeading.color)&&void 0!==l?l:a.COLORS.content.secondary},{children:t.chartHeading.heading}))})),e.jsx("div",Object.assign({style:{height:null!==(c=t.graphCanvasHeight)&&void 0!==c?c:500}},{children:e.jsx(r.Bar,{options:g,data:x})}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),i=require("react-chartjs-2"),a=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),o=require("./VerticalGraph.styles.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip);exports.VerticalGraph=t=>{var l,s,n,c;const d=-1===t.yAxis.data.findIndex((e=>0!==e)),g={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!d,callbacks:{label:t.yAxis.toolTipCallback}}},scales:{x:{title:{display:!!t.xAxis.title,text:t.xAxis.title,color:t.xAxis.titleColor,font:{size:r.FONTS.caption.fontSize}},grid:{display:!1,borderColor:r.COLORS.background.base},ticks:{fontSize:r.FONTS.caption.fontSize,color:null!==(l=t.yAxis.labelColor)&&void 0!==l?l:r.COLORS.content.secondary}},y:{title:{display:!!t.yAxis.title,text:t.yAxis.title,color:t.yAxis.titleColor,font:{size:r.FONTS.caption.fontSize}},grid:{borderColor:"white",color:r.COLORS.background.base},ticks:Object.assign({callback:t.yAxis.ticksCallback,fontSize:r.FONTS.caption.fontSize,color:null!==(s=t.xAxis.labelColor)&&void 0!==s?s:r.COLORS.content.secondary},d?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},x={labels:t.xAxis.data.map((e=>e.toString())),datasets:[{data:d?[250,1e3,800,1500,300,600]:t.yAxis.data,backgroundColor:e=>{var i;const a=t.barColorRGBA;let r=[];const o=t.xAxis.data.length;if(d)return"rgba(0,0,0,0)";if(t.isFunnel){let e=+(o>10?.1:(1/o).toFixed(2));const t=`rgba(${a.r}, ${a.g}, ${a.b}`;for(let i=1;i<o+1;i++){let a="";i>10?a=`${t},1)`:(a=`${t},${e})`,e+=.1),r.push(a)}}else{const e=`rgba(${a.r}, ${a.g}, ${a.b}, ${null!==(i=a.a)&&void 0!==i?i:"1"})`;r=Array(o).fill(e)}return r},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxs(o.GraphContainerWrapper,Object.assign({padding:t.outerPadding},{children:[t.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(a.TitleMedium,Object.assign({color:null!==(n=t.chartHeading.color)&&void 0!==n?n:r.COLORS.content.secondary},{children:t.chartHeading.heading}))})),e.jsx("div",Object.assign({style:{height:null!==(c=t.graphCanvasHeight)&&void 0!==c?c:500}},{children:e.jsx(i.Bar,{options:g,data:x})}))]}))};

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

@@ -1 +1 @@
-"use strict";function c(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}Object.defineProperty(exports,"__esModule",{value:!0});var d=c(require("@emotion/styled/base"));const l=d.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj71"}:{target:"e1p0nfj71",label:"HeatBoxStyled"})("width: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:24px;height:24px;border-radius:4px;margin:2px;background-color:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUN3QyIsImZpbGUiOiJIZWF0TWFwU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0XHRtYXJnaW4tYm90dG9tOiAxNnB4O1xuXG5cdFx0Jl9faGVhZGluZyB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogOHB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdH1cblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNnB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuYm94IHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IDI0cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdG1hcmdpbjogMnB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAyNHB4O1xuXHRoZWlnaHQ6IDI0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */")),X=d.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj70"}:{target:"e1p0nfj70",label:"HeatBox"})("width:24px;height:24px;border-radius:4px;margin:2px;background-color:",(c=>c.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcblx0LnRvcC1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2hlYWRpbmcge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDhweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHR9XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDZweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmJveCB7XG5cdFx0d2lkdGg6IDI0cHg7XG5cdFx0aGVpZ2h0OiAyNHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRtYXJnaW46IDJweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMjRweDtcblx0aGVpZ2h0OiAyNHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG1hcmdpbjogMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SGVhdE1hcFN0eWxlZC5qcy5tYXAiXX0= */"));exports.HeatBox=X,exports.HeatBoxStyled=l;
+"use strict";function c(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}Object.defineProperty(exports,"__esModule",{value:!0});var d=c(require("@emotion/styled/base"));const l=d.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj71"}:{target:"e1p0nfj71",label:"HeatBoxStyled"})("width: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUN3QyIsImZpbGUiOiJIZWF0TWFwU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0XHRtYXJnaW4tYm90dG9tOiAxNnB4O1xuXG5cdFx0Jl9faGVhZGluZyB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogOHB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdH1cblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNnB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuYm94IHtcblx0XHR3aWR0aDogNzRweDtcblx0XHRoZWlnaHQ6IDE0cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdG1hcmdpbjogMnB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAyNHB4O1xuXHRoZWlnaHQ6IDI0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */")),X=d.default("div","production"===process.env.NODE_ENV?{target:"e1p0nfj70"}:{target:"e1p0nfj70",label:"HeatBox"})("width:24px;height:24px;border-radius:2px;margin:2px;background-color:",(c=>c.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcblx0LnRvcC1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2hlYWRpbmcge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDhweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHR9XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDZweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmJveCB7XG5cdFx0d2lkdGg6IDc0cHg7XG5cdFx0aGVpZ2h0OiAxNHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRtYXJnaW46IDJweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMjRweDtcblx0aGVpZ2h0OiAyNHB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdG1hcmdpbjogMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SGVhdE1hcFN0eWxlZC5qcy5tYXAiXX0= */"));exports.HeatBox=X,exports.HeatBoxStyled=l;

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> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),c=require("react"),C=require("../../../tooltips/Tooltip.js"),l=require("../../../TypographyStyle.js"),b=require("../../../../constants/Theme.js");function d(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var X,H=d(I);!function(I){I[I.LOW=0]="LOW",I[I.MEDIUM=1]="MEDIUM",I[I.HIGH=2]="HIGH",I[I.HIGHEST=3]="HIGHEST"}(X||(X={}));const i={[X.LOW]:"#EBDBFF",[X.MEDIUM]:"#D2AEFF",[X.HIGH]:"#9E77ED",[X.HIGHEST]:"#5E07BB"},s=H.default("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= */")),V=H.default("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= */")),A=H.default("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)."}});exports.HeatBoxStyled=A,exports.HeatMapVertical=I=>{let{xLabels:d,yLabels:H,values:G,absolutHeatValues:Z}=I;const[B,W]=c.useState();return c.useEffect((()=>{W(G.map((I=>I.map((I=>((I,g)=>I<=g[0]?X.LOW:I<=g[1]?X.MEDIUM:I<=g[2]?X.HIGH:X.HIGHEST)(I,Z||[]))))))}),[G,Z]),B?g.jsxs(A,{children:[g.jsx("div",Object.assign({className:"top-container"},{children:g.jsxs("div",{children:[g.jsxs("div",Object.assign({className:"top-container__legend"},{children:[g.jsx(V,{color:i[X.LOW]}),g.jsx(V,{color:i[X.MEDIUM]}),g.jsx(V,{color:i[X.HIGH]}),g.jsx(V,{color:i[X.HIGHEST]})]})),g.jsxs("div",Object.assign({className:"top-container__legend"},{children:[g.jsx(l.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:Z[0]})),g.jsx(l.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:Z[1]})),g.jsx(l.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:Z[2]})),g.jsx(l.BodyCaption,Object.assign({color:b.COLORS.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:`${Z[2]}+`}))]}))]})})),g.jsxs("div",Object.assign({style:{width:"100%"}},{children:[H.map(((I,c)=>g.jsxs("div",Object.assign({className:"heat-row"},{children:[g.jsx("div",Object.assign({style:{flex:.5}},{children:g.jsx(l.BodyTiny,Object.assign({style:{color:b.COLORS.content.secondary,textAlign:"right",marginRight:8}},{children:I}))})),d.map(((I,l)=>g.jsx("div",Object.assign({style:{flex:1}},{children:g.jsx(C.Tooltip,Object.assign({body:G[c][l].toString(),placement:"bottom"},{children:g.jsx(s,{color:i[B[c][l]]})}))}),I)))]}),I))),g.jsxs("div",Object.assign({className:"heat-row",style:{marginTop:12}},{children:[g.jsx("div",{style:{flex:.5}}),d.map((I=>g.jsx("div",Object.assign({style:{flex:1}},{children:g.jsx(l.BodyTiny,Object.assign({style:{color:b.COLORS.content.secondary,textAlign:"center"}},{children:I}))}),I)))]}))]}))]}):g.jsx(g.Fragment,{})};

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

@@ -1 +1,4 @@
 export declare function calculatePercentage(a: number, b: number, c: number): number[];
+export declare const truncateValueToK: (value: number) => string;
+export declare const truncateValueTo10K: (value: number) => string;
+export declare const roundNumber: (value: number, noOfDigits?: number) => number;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.calculatePercentage=function(e,t,r){const c=e+t+r;return[e/c*100||0,t/c*100||0,r/c*100||0]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=function(e){const t=10*(arguments.length>1&&void 0!==arguments[1]?arguments[1]:2);return Math.round((e+Number.EPSILON)*t)/t};exports.calculatePercentage=function(e,t,r){const n=e+t+r;return[e/n*100||0,t/n*100||0,r/n*100||0]},exports.roundNumber=e,exports.truncateValueTo10K=t=>{if(Math.abs(t)<1e4)return e(t).toString();return e(Number(t)/1e3)+"K"},exports.truncateValueToK=t=>{if(Math.abs(t)<1e3)return e(t).toString();return e(t/1e3)+"K"};

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

@@ -9,6 +9,11 @@ export * from './chart/Pie/PieChartAnalytics';
 export * from './chart/Pie/PieChart';
 export * from './chart/HorizontalBarGraph/HorizontalGraph';
 export * from './chart/StackedBarChart/StackedBarChart';
+export * from './chart/StackedBarChart/StackedBarDistributionChart';
+export * from './chart/StackedBarChart/StackedBarDistributionChart.model';
 export * from './chart/VerticalBarGraph/VerticalGraph';
+export * from './chart/VerticalBarGraph/FunnelVerticalBarGraph';
 export * from './chart/heatmap/HeatMap';
+export * from './chart/heatmap/HeatMapVertical';
 export * from './chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph';
+export * from './chart/utils/calcPercentage';

package/dist/cjs/components/avatar/Avatar.d.ts

@@ -20,5 +20,6 @@ export type AvatarProps = {
         height: number;
         color: string;
     }>;
+    useNameFallback?: boolean;
 };
 export declare const Avatar: React.FC<AvatarProps>;

package/dist/cjs/components/avatar/Avatar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("./Avatar.styled.js"),t=require("./AvatarHelper.js"),r=require("../TypographyStyle.js"),i=require("../../constants/Theme.js");const A={[t.SIZE.SMALL]:16,[t.SIZE.MEDIUM]:20,[t.SIZE.LARGE]:32},o={[t.AVATAR_BACKGROUND.LIGHT]:i.COLORS.content.secondary,[t.AVATAR_BACKGROUND.DARK]:i.COLORS.surface.standard};exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=A,exports.Avatar=i=>e.jsxs(s.AvatarStyle,Object.assign({type:i.type,size:i.size,background:i.background},{children:[i.type===t.AVATAR_TYPES.IMAGE&&e.jsx("img",{alt:"",width:t.AVATAR_SIZE_MAP[i.size],height:t.AVATAR_SIZE_MAP[i.size],style:{borderRadius:"50%",objectFit:"contain"},src:i.photoUrl}),i.type===t.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:(()=>{const s=(i.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return i.size===t.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:o[i.background]}},{children:s})):i.size===t.SIZE.MEDIUM?e.jsx(r.TitleSmall,Object.assign({style:{color:o[i.background]}},{children:s})):i.size===t.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:o[i.background]}},{children:s})):void 0})()}),i.type===t.AVATAR_TYPES.ICON&&i.icon&&e.jsx(i.icon,{width:A[i.size],height:A[i.size],color:o[i.background]})]})),exports.BACKGROUND_VS_TEXT_COLOR_MAP=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./Avatar.styled.js"),r=require("./AvatarHelper.js"),i=require("../TypographyStyle.js"),A=require("../../constants/Theme.js");const a={[r.SIZE.SMALL]:16,[r.SIZE.MEDIUM]:20,[r.SIZE.LARGE]:32},o={[r.AVATAR_BACKGROUND.LIGHT]:A.COLORS.content.secondary,[r.AVATAR_BACKGROUND.DARK]:A.COLORS.surface.standard};exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=a,exports.Avatar=A=>{const[c,n]=s.useState(!1),l=()=>{const s=(A.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return A.size===r.SIZE.SMALL?e.jsx(i.BodyTiny,Object.assign({style:{color:o[A.background]}},{children:s})):A.size===r.SIZE.MEDIUM?e.jsx(i.TitleSmall,Object.assign({style:{color:o[A.background]}},{children:s})):A.size===r.SIZE.LARGE?e.jsx(i.TitleMedium,Object.assign({style:{color:o[A.background]}},{children:s})):void 0};return e.jsxs(t.AvatarStyle,Object.assign({type:A.type,size:A.size,background:A.background},{children:[A.type===r.AVATAR_TYPES.IMAGE&&(A.useNameFallback&&!c?e.jsx("img",{alt:"",width:r.AVATAR_SIZE_MAP[A.size],height:r.AVATAR_SIZE_MAP[A.size],style:{borderRadius:"50%",objectFit:"contain"},src:A.photoUrl,onError:()=>{n(!0)}}):A.useNameFallback&&c&&A.name?e.jsx("div",{children:l()}):e.jsx("img",{alt:"",width:r.AVATAR_SIZE_MAP[A.size],height:r.AVATAR_SIZE_MAP[A.size],style:{borderRadius:"50%",objectFit:"contain"},src:A.photoUrl})),A.type===r.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:l()}),A.type===r.AVATAR_TYPES.ICON&&A.icon&&e.jsx(A.icon,{width:a[A.size],height:a[A.size],color:o[A.background]})]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=o;

package/dist/cjs/components/bik-layout/BikHeader.d.ts

@@ -1,13 +1,15 @@
-/// <reference types="react" />
+import React from 'react';
 import { CurtainProps } from "../curtain";
 export interface HeaderProps {
     header: string;
     subHeader?: string;
     hideBackButton?: boolean;
     rightActionButton?: JSX.Element;
+    leftLayout?: JSX.Element;
     onClickingBackButton?: () => void;
     secondaryHeader?: JSX.Element;
     curtainProps?: CurtainProps;
     curtainZIndex?: number;
+    headerStyles?: React.CSSProperties;
 }
 export declare const BikHeader: React.FC<HeaderProps>;

package/dist/cjs/components/bik-layout/BikHeader.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/arrow_left.svg.js"),s=require("react"),i=require("../curtain/Curtain.js"),t=require("../TypographyStyle.js"),n=require("./CommonStyles.js");exports.BikHeader=a=>{const{header:c,subHeader:d,hideBackButton:l=!0,rightActionButton:o,onClickingBackButton:u,secondaryHeader:j,curtainProps:h,curtainZIndex:x}=a,[g,p]=s.useState(!!h);return e.jsxs(n.BikHeaderWrapper,{children:[e.jsxs(n.BikHeaderContainer,{children:[e.jsxs("div",Object.assign({className:"row--flex left-container"},{children:[!l&&e.jsx(r.default,{className:"cursor",height:24,width:24,onClick:u}),e.jsxs("div",{children:[d?e.jsx(t.BodyCaption,Object.assign({className:"brand"},{children:c})):e.jsx(t.TitleMedium,{children:c}),e.jsx(t.TitleRegular,{children:d})]})]})),e.jsx("div",Object.assign({className:"row--flex right-container"},{children:o}))]}),g&&h&&e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({style:{position:"sticky",top:0,width:"auto",zIndex:x||6}},{children:e.jsx(i.Curtain,Object.assign({},h,{onCloseHandler:()=>{p(!1)}}))})),e.jsx("div",{style:{height:20}})]}),null!=j?j:e.jsx(e.Fragment,{})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/arrow_left.svg.js"),r=require("react"),t=require("../curtain/Curtain.js"),i=require("../TypographyStyle.js"),a=require("./CommonStyles.js");exports.BikHeader=n=>{const{header:c,subHeader:l,hideBackButton:d=!0,rightActionButton:o,onClickingBackButton:u,secondaryHeader:j,curtainProps:h,curtainZIndex:x,headerStyles:g,leftLayout:y}=n,[m,p]=r.useState(!!h);return e.jsxs(a.BikHeaderWrapper,Object.assign({style:Object.assign({},g)},{children:[e.jsxs(a.BikHeaderContainer,{children:[y?e.jsxs(e.Fragment,{children:[!d&&e.jsx(s.default,{className:"cursor",height:24,width:24,onClick:u}),y]}):e.jsxs("div",Object.assign({className:"row--flex left-container"},{children:[!d&&e.jsx(s.default,{className:"cursor",height:24,width:24,onClick:u}),e.jsxs("div",{children:[l?e.jsx(i.BodyCaption,Object.assign({className:"brand"},{children:c})):e.jsx(i.TitleMedium,{children:c}),e.jsx(i.TitleRegular,{children:l})]})]})),e.jsx("div",Object.assign({className:"row--flex right-container"},{children:o}))]}),m&&h&&e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({style:{position:"sticky",top:0,width:"auto",zIndex:x||6}},{children:e.jsx(t.Curtain,Object.assign({},h,{onCloseHandler:()=>{p(!1)}}))})),e.jsx("div",{style:{height:20}})]}),null!=j?j:e.jsx(e.Fragment,{})]}))};

package/dist/cjs/components/bik-layout/BikLayout.d.ts

@@ -20,5 +20,6 @@ export interface BikLayoutProps {
         featureImage?: string;
     };
     useFeautureModalV2?: boolean;
+    backgroundColor?: string;
 }
 export declare const BikLayout: React.FC<BikLayoutProps>;

package/dist/cjs/components/bik-layout/BikLayout.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./CommonStyles.js"),a=require("./FeatureModal.js"),s=require("./FeatureModalV2.js"),n=require("./PageLoader.js");exports.BikLayout=t=>{const{isLoading:i,isFeatureModalEnabled:o=!1,isDisabled:d=!1,loadingAnimation:l,hidePadding:u=!1,height:c,children:j,containerStyles:g,onClickingCrossOnFeatureModal:p,onUpgrade:h,extraContentForModal:x,featureModalProps:C,type:F,useFeautureModalV2:M}=t;return i?e.jsx(r.BikLayoutContainer,{children:l||e.jsx(n.PageLoader,{})}):e.jsx(e.Fragment,{children:e.jsxs(r.BikLayoutContainer,Object.assign({type:F},{children:[e.jsx("div",{className:""+(d?"disabled--wrapper":"")}),e.jsx("div",Object.assign({className:""+(u?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${c||""}`},null!=g?g:{})},{children:j})),o&&e.jsx(e.Fragment,{children:M?e.jsx(s.FeatureModalV2,Object.assign({onUpgrade:h},C,{otherContent:x})):e.jsx(a.FeatureModal,Object.assign({showBookADemo:!0,onClickingCross:()=>p?p():"",onUpgrade:h},C,{otherContent:x}))})]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./CommonStyles.js"),a=require("./FeatureModal.js"),o=require("./FeatureModalV2.js"),n=require("./PageLoader.js");exports.BikLayout=s=>{const{isLoading:t,isFeatureModalEnabled:i=!1,isDisabled:d=!1,loadingAnimation:l,hidePadding:u=!1,height:c,children:g,containerStyles:j,onClickingCrossOnFeatureModal:p,onUpgrade:h,extraContentForModal:b,featureModalProps:x,type:C,useFeautureModalV2:F,backgroundColor:M}=s;return t?e.jsx(r.BikLayoutContainer,Object.assign({backgroundColor:M},{children:l||e.jsx(n.PageLoader,{})})):e.jsx(e.Fragment,{children:e.jsxs(r.BikLayoutContainer,Object.assign({type:C,backgroundColor:M},{children:[e.jsx("div",{className:""+(d?"disabled--wrapper":"")}),e.jsx("div",Object.assign({className:""+(u?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${c||""}`},null!=j?j:{})},{children:g})),i&&e.jsx(e.Fragment,{children:F?e.jsx(o.FeatureModalV2,Object.assign({onUpgrade:h},x,{otherContent:b})):e.jsx(a.FeatureModal,Object.assign({showBookADemo:!0,onClickingCross:()=>p?p():"",onUpgrade:h},x,{otherContent:b}))})]}))})};

package/dist/cjs/components/bik-layout/BikProfile.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/log_out.svg.js"),s=require("react"),n=require("react-bootstrap"),r=require("../../constants/Theme.js");require("@tippyjs/react"),require("../tooltips/TooltipInternal.js");var t=require("../TypographyStyle.js"),o=require("../floating-action-button/FloatingActionButton.styles.js"),a=require("./CommonStyles.js");const l=i=>{const{isDropdownOpen:s,imageUrl:n,initialsAsIcon:r}=i;return e.jsx(a.ProfileDropdownToggleContainer,Object.assign({id:"dropdown-basic"},{children:e.jsx(a.ProfileDropdownInnerContainer,Object.assign({isDropdownOpen:s},{children:e.jsx(c,{imageUrl:n,initialsAsIcon:r})}))}))},c=i=>{const{imageUrl:s,initialsAsIcon:n}=i;return e.jsx(e.Fragment,{children:(n||s)&&e.jsx(a.UserAvatarContainer,{children:s?e.jsx("img",{src:s,alt:"general-icon"}):e.jsx("div",Object.assign({className:"avatar--container"},{children:e.jsx(t.BodySecondary,Object.assign({style:{color:r.COLORS.surface.standard}},{children:n}))}))})})};exports.BikProfile=d=>{const[j,g]=s.useState(!1),{userName:u,hideLogout:x=!1,photoUrl:p,isActiveAwayStatus:h=!0,isAvailable:y=!1,extraJSX:b,onProfileClicked:m,onLogout:v}=d,O=e=>{const i=(e||"").split("."),s=i[1]||i[0];if(!s)return"";return s.split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("")},A=e.jsx(a.StyledTooltip,Object.assign({id:"tooltip"},{children:e.jsx(t.BodyCaption,{children:u})}));return e.jsxs(o.StyledDropdown,Object.assign({onToggle:e=>{g(e)}},{children:[e.jsx(l,{isDropdownOpen:j,imageUrl:p,initialsAsIcon:p?"":O(u)}),e.jsx(n.Dropdown.Menu,{children:e.jsxs(a.MenuInnerContainer,{children:[e.jsxs(a.UserInfoContainer,Object.assign({onClick:m},{children:[e.jsx(c,{imageUrl:p,initialsAsIcon:p?"":O(u)}),e.jsxs(a.UserStatusContainer,{children:[e.jsx(n.OverlayTrigger,Object.assign({delay:{show:100,hide:400},placement:"top",overlay:A},{children:e.jsx(a.UserNameTitleSmall,{children:e.jsx(t.TitleSmall,{children:u})})})),h&&e.jsxs(a.StatusContainer,Object.assign({isAvailable:y},{children:[e.jsx("div",{className:"availability--container"}),!y&&e.jsx(a.StyledBodyCaption,Object.assign({isAvailable:y},{children:"Away"})),y&&e.jsx(a.StyledBodyCaption,Object.assign({isAvailable:y},{children:"Active"}))]}))]})]})),b&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"divider"}),b]}),!x&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"divider"}),e.jsxs("div",Object.assign({className:"logout--container",onClick:v,onKeyDown:v,role:"button",tabIndex:0},{children:[e.jsx(i.default,{color:r.COLORS.content.negative,height:17,width:17}),e.jsx(t.BodySecondary,Object.assign({style:{color:r.DEFAULT_THEME.colorsV2.content.negative}},{children:"Logout"}))]}))]})]})})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/log_out.svg.js"),s=require("react"),n=require("react-bootstrap"),r=require("../../constants/Theme.js");require("../tooltips/Tooltip.js");var t=require("../TypographyStyle.js"),o=require("../floating-action-button/FloatingActionButton.styles.js"),a=require("./CommonStyles.js");const l=i=>{const{isDropdownOpen:s,imageUrl:n,initialsAsIcon:r}=i;return e.jsx(a.ProfileDropdownToggleContainer,Object.assign({id:"dropdown-basic"},{children:e.jsx(a.ProfileDropdownInnerContainer,Object.assign({isDropdownOpen:s},{children:e.jsx(c,{imageUrl:n,initialsAsIcon:r})}))}))},c=i=>{const{imageUrl:s,initialsAsIcon:n}=i;return e.jsx(e.Fragment,{children:(n||s)&&e.jsx(a.UserAvatarContainer,{children:s?e.jsx("img",{src:s,alt:"general-icon"}):e.jsx("div",Object.assign({className:"avatar--container"},{children:e.jsx(t.BodySecondary,Object.assign({style:{color:r.COLORS.surface.standard}},{children:n}))}))})})};exports.BikProfile=d=>{const[j,g]=s.useState(!1),{userName:x,hideLogout:u=!1,photoUrl:h,isActiveAwayStatus:p=!0,isAvailable:y=!1,extraJSX:b,onProfileClicked:m,onLogout:v}=d,O=e=>{const i=(e||"").split("."),s=i[1]||i[0];if(!s)return"";return s.split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("")},A=e.jsx(a.StyledTooltip,Object.assign({id:"tooltip"},{children:e.jsx(t.BodyCaption,{children:x})}));return e.jsxs(o.StyledDropdown,Object.assign({onToggle:e=>{g(e)}},{children:[e.jsx(l,{isDropdownOpen:j,imageUrl:h,initialsAsIcon:h?"":O(x)}),e.jsx(n.Dropdown.Menu,{children:e.jsxs(a.MenuInnerContainer,{children:[e.jsxs(a.UserInfoContainer,Object.assign({onClick:m},{children:[e.jsx(c,{imageUrl:h,initialsAsIcon:h?"":O(x)}),e.jsxs(a.UserStatusContainer,{children:[e.jsx(n.OverlayTrigger,Object.assign({delay:{show:100,hide:400},placement:"top",overlay:A},{children:e.jsx(a.UserNameTitleSmall,{children:e.jsx(t.TitleSmall,{children:x})})})),p&&e.jsxs(a.StatusContainer,Object.assign({isAvailable:y},{children:[e.jsx("div",{className:"availability--container"}),!y&&e.jsx(a.StyledBodyCaption,Object.assign({isAvailable:y},{children:"Away"})),y&&e.jsx(a.StyledBodyCaption,Object.assign({isAvailable:y},{children:"Active"}))]}))]})]})),b&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"divider"}),b]}),!u&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"divider"}),e.jsxs("div",Object.assign({className:"logout--container",onClick:v,onKeyDown:v,role:"button",tabIndex:0},{children:[e.jsx(i.default,{color:r.COLORS.content.negative,height:17,width:17}),e.jsx(t.BodySecondary,Object.assign({style:{color:r.DEFAULT_THEME.colorsV2.content.negative}},{children:"Logout"}))]}))]})]})})]}))};

package/dist/cjs/components/bik-layout/BikSidebar.d.ts

@@ -11,6 +11,8 @@ export interface MenuItem {
     children?: Menu[];
     showAccessUpgradePanel?: boolean;
     path?: string;
+    layout?: 'fullScreen' | 'popup' | string | undefined;
+    isNew?: boolean;
 }
 export interface BikSidebarProps {
     logoSvg?: JSX.Element;
@@ -21,5 +23,9 @@ export interface BikSidebarProps {
     onClickingMainMenu: (menu: MenuItem) => void;
     onClickingSubMenu: (subMenu: Menu) => void;
     onClickingAccessUpgradePanel?: () => void;
+    onClickingPopupMenuItem?: (menu: Menu) => void;
+    popupMinHeight?: number;
+    isNewSidebar?: boolean;
+    onboardingPercentage?: number;
 }
 export declare const BikSidebar: React.FC<BikSidebarProps>;

package/dist/cjs/components/bik-layout/BikSidebar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/Bik_logo.svg.js"),n=require("react"),t=require("../../constants/Theme.js"),s=require("../navigation-hyperlink/NavigationHyperlink.js"),a=require("./SidebarStyles.js"),o=require("./SimpleSidebar.js");const r=i=>{const{icon:n,isActive:s,activeStateIcon:a,hoverStateIcon:o,isHovered:r}=i,l=n,d=a,c=o;return e.jsx(e.Fragment,{children:s?e.jsx(d,{width:20,height:20}):r?e.jsx(c,{width:20,height:20,color:t.COLORS.surface.standard}):e.jsx(l,{width:20,height:20,color:t.COLORS.surface.standard})})};exports.BikSidebar=t=>{const{logoSvg:l,allMenuList:d,activeMainMenu:c,activeSubMenu:u,router:v,onClickingMainMenu:h,onClickingSubMenu:m,onClickingAccessUpgradePanel:g}=t,[j,k]=n.useState(c),[S,y]=n.useState(),[x,p]=n.useState(u),[b,M]=n.useState(!1);n.useEffect((()=>{k(c)}),[c]),n.useEffect((()=>{p(u)}),[u]);const O=(i,n)=>{var t,s,a,o;return e.jsx("div",Object.assign({id:(null===(s=null===(t=i.displayName)||void 0===t?void 0:t.split(" "))||void 0===s?void 0:s.join(""))||i.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;y(void 0),M(!0),k(e),!e.path&&h(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?p(null==e?void 0:e.children[0]):p({}),y(void 0),setTimeout((()=>{M(!1)}),1e3)})(i),onMouseEnter:()=>{!b&&y(i)},onMouseOver:()=>{!b&&y(i)},onMouseLeave:()=>{var e;!(null===(e=null==i?void 0:i.children)||void 0===e?void 0:e.length)&&y(void 0)},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e.jsxs("div",Object.assign({className:`sidebar-menu-item ${(null==j?void 0:j.key)==i.key?" main-menu-active-class":""}  ${i.isLastSticky?"sticky-menu-int":""} ${i.is2ndLastSticky?"sticky-menu":""}\n\t\t\t${i.key==(null==S?void 0:S.key)?"sidebar-menu-item-hover":""}`},{children:[e.jsx(r,{icon:i.icon,isActive:i.key==(null==j?void 0:j.key),activeStateIcon:null!==(a=i.activeIcon)&&void 0!==a?a:{},hoverStateIcon:null!==(o=i.hoverIcon)&&void 0!==o?o:{},isHovered:i.key==(null==S?void 0:S.key)}),e.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsx("p",Object.assign({className:"menu-item-text "+((null==i?void 0:i.key)===(null==j?void 0:j.key)?"active-menu-item-text":"")},{children:i.displayName}))}))]}),n)}),n)};return e.jsxs(a.SideBarContainer,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:l||e.jsx(i.default,{})})),e.jsx(a.SibeBarMenuItem,{children:null==d?void 0:d.map(((i,t)=>{var a;return e.jsxs(n.Fragment,{children:[i.path?e.jsx(s.NavigationHyperlink,Object.assign({href:i.path,router:v},{children:O(i,t)})):O(i,t),e.jsx(e.Fragment,{children:(null===(a=null==S?void 0:S.children)||void 0===a?void 0:a.length)&&e.jsx(o.SimpleSidebar,{menuList:null==S?void 0:S.children,activeMenu:x,onMouseLeaveOnMenu:()=>y(void 0),left:88,postion:"fixed",header:S.displayName,theme:"brand",router:v,showAccessUpgradePanel:S.showAccessUpgradePanel,onMenuClick:(e,i)=>{p(e),k(S),y(void 0),i&&m(e)},onUpgrade:g})})]},t)}))})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/Bik_logo.svg.js"),n=require("react"),t=require("../progress-bar/CircularProgressBar.js"),o=require("../../constants/Theme.js"),s=require("../navigation-hyperlink/NavigationHyperlink.js"),l=require("./SidebarPopup.js"),d=require("./SidebarStyles.js"),r=require("./SimpleSidebar.js");const a=i=>{const{icon:n,isActive:t,activeStateIcon:s,hoverStateIcon:l,isHovered:d}=i,r=n,a=s,u=l;return e.jsx(e.Fragment,{children:t?e.jsx(a,{width:20,height:20}):d?e.jsx(u,{width:20,height:20,color:o.COLORS.surface.standard}):e.jsx(r,{width:20,height:20,color:o.COLORS.surface.standard})})};exports.BikSidebar=o=>{const{logoSvg:u,allMenuList:c,activeMainMenu:v,activeSubMenu:g,router:m,onClickingMainMenu:h,onClickingSubMenu:p,onClickingAccessUpgradePanel:y,onClickingPopupMenuItem:j,popupMinHeight:k,isNewSidebar:b}=o,[S,x]=n.useState(v),[w,f]=n.useState(),[N,M]=n.useState(g),[O,C]=n.useState(!1),[L,B]=n.useState(),[E,I]=n.useState(),[P,q]=n.useState(),_=c.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length;n.useEffect((()=>{x(v)}),[v]),n.useEffect((()=>{M(g)}),[g]);const H=e=>{var i,n;if(f(void 0),B(void 0),"popup"==(null==e?void 0:e.layout)){const i=F();i&&I(i),B(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=A(t);q(e)}f(e)}},A=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-140}return n},R=(i,n)=>{var t,o,s,l,d,r;return e.jsxs("div",Object.assign({id:(null===(o=null===(t=i.displayName)||void 0===t?void 0:t.split(" "))||void 0===o?void 0:o.join(""))||i.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(B(void 0),f(void 0),C(!0),x(e),!e.path&&h(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?M(null==e?void 0:e.children[0]):M({}),f(void 0),setTimeout((()=>{C(!1)}),1e3))})(i),onMouseEnter:()=>{!O&&H(i)},onMouseOver:()=>{!O&&H(i)},onMouseLeave:()=>{var e;(null===(e=null==i?void 0:i.children)||void 0===e?void 0:e.length)||(f(void 0),B(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:[i.isNew&&e.jsx("div",Object.assign({className:"new-tag "+(i.isLastSticky?"tag-sticky":"")},{children:"NEW"})),e.jsxs("div",Object.assign({id:(null===(l=null===(s=i.displayName)||void 0===s?void 0:s.split(" "))||void 0===l?void 0:l.join(""))+"_sub"||i.key.toString()+"_sub",className:`sidebar-menu-item ${(null==S?void 0:S.key)==i.key?" main-menu-active-class":""}  ${i.isLastSticky?"sticky-menu-int":""} ${i.is2ndLastSticky?"sticky-menu":""}\n\t\t\t\t\t${i.key==(null==w?void 0:w.key)?"sidebar-menu-item-hover":""}\`}\n\t\t\t\t\t${i.isNew?"new-menu-item":""}`},{children:[e.jsx(a,{icon:i.icon,isActive:i.key==(null==S?void 0:S.key),activeStateIcon:null!==(d=i.activeIcon)&&void 0!==d?d:{},hoverStateIcon:null!==(r=i.hoverIcon)&&void 0!==r?r:{},isHovered:i.key==(null==w?void 0:w.key)||i.key==(null==L?void 0:L.key)}),e.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsx("p",Object.assign({className:"menu-item-text "+((null==i?void 0:i.key)===(null==S?void 0:S.key)?"active-menu-item-text":"")},{children:i.displayName}))}))]}),n)]}),n)};n.useEffect((()=>{const e=()=>{const e=F();e&&I(e),$()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const $=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&q(window.innerHeight-i)},F=()=>{var e,i;if(L){const n=(null===(i=null===(e=L.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||L.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=k?k:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}};return e.jsxs(d.SideBarContainer,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:u||e.jsx(i.default,{})})),e.jsxs(d.SibeBarMenuItem,{children:[null==c?void 0:c.map(((i,t)=>{var o,d;return e.jsxs(n.Fragment,{children:[i.path?e.jsx(s.NavigationHyperlink,Object.assign({href:i.path,router:m},{children:R(i,t)})):R(i,t),e.jsxs(e.Fragment,{children:["popup"===i.layout&&(null===(o=null==L?void 0:L.children)||void 0===o?void 0:o.length)&&e.jsx(l.SidebarPopup,{top:null!=E?E:void 0,menuList:null==L?void 0:L.children,onClickingPopupMenu:e=>{j&&j(e),B(void 0)},onMouseLeaveOnMenu:()=>B(void 0)}),(null===(d=null==w?void 0:w.children)||void 0===d?void 0:d.length)&&e.jsx(r.SimpleSidebar,{menuList:null==w?void 0:w.children,activeMenu:N,onMouseLeaveOnMenu:()=>f(void 0),left:b?92:88,postion:"fixed",header:w.displayName,theme:"brand",router:m,showAccessUpgradePanel:w.showAccessUpgradePanel,onMenuClick:(e,i)=>{M(e),x(w),f(void 0),B(void 0),i&&p(e)},onUpgrade:y,top:b&&P||0,isNewSidebar:b})]})]},t)})),"number"==typeof o.onboardingPercentage&&e.jsx("div",Object.assign({className:"main--sidebar"},{children:e.jsx("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===_?"sticky-menu":1===_?"sticky-menu-int":"sticky-menu-three")},{children:e.jsx(t.default,{percentage:o.onboardingPercentage,width:48})}))}))]})]})};

package/dist/cjs/components/bik-layout/CommonStyles.d.ts

@@ -16,6 +16,7 @@ export declare const BikLayoutContainer: import("@emotion/styled").StyledCompone
     as?: import("react").ElementType<any> | undefined;
 } & {
     type?: "overflow-within" | "overflow-body" | undefined;
+    backgroundColor?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BikHeaderWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;