@bikdotai/bik-component-library 0.0.111-beta.analytics.11 → 0.0.111-beta.analytics.13

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as a,LinearScale as i,BarElement as r,Tooltip as s,Legend as n}from"chart.js";import{Bar as l}from"react-chartjs-2";import{TitleRegular as c}from"../../../TypographyStyle.js";import{FONTS as d,COLORS as p}from"../../../../constants/Theme.js";import{GraphContainerWrapper as g}from"./StackedBarChart.styles.js";o.register(a,i,r,s,n);const m=o=>{var a,i,r,s;const n=0===o.yAxis.data.length,m=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],y={barPercentage:.4,categoryPercentage:1,borderRadius:{topLeft:4,topRight:4},pointStyle:"circle"},b={};o.yAxis.data.map((t=>{t.map((t=>{b[t.name]?b[t.name].push(t.value):b[t.name]=[t.value]}))}));const x=Object.keys(b).map(((t,e)=>Object.assign({label:t,data:b[t],backgroundColor:m[e]},y))),h={plugins:{legend:{display:!n,labels:{usePointStyle:!0,fontSize:2}}},responsive:!0,maintainAspectRatio:!1,legend:{display:!0,labels:{usePointStyle:!0}},scales:{x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:d.caption.fontSize}},grid:{display:!1,borderColor:p.background.base},ticks:{fontSize:d.caption.fontSize,color:null!==(a=o.yAxis.labelColor)&&void 0!==a?a:p.content.secondary},stacked:!0},y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:d.caption.fontSize}},grid:{borderColor:"white",color:p.background.base},ticks:Object.assign({fontSize:d.caption.fontSize,color:null!==(i=o.xAxis.labelColor)&&void 0!==i?i:p.content.secondary},n?{min:0,max:2e3,stepSize:200}:{}),stacked:!0}}},f={labels:n?["-","-","-","-","-","-"]:o.xAxis.data.map((t=>"string"==typeof t?t:t.name)),datasets:n?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:x};return t(g,{children:[o.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(c,Object.assign({color:null!==(r=o.chartHeading.color)&&void 0!==r?r:p.content.secondary},{children:o.chartHeading.heading}))})),e("div",Object.assign({style:{height:null!==(s=o.graphCanvasHeight)&&void 0!==s?s:500}},{children:e(l,{options:h,data:f})}))]})};export{m as StackedBarChart};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as a,LinearScale as i,BarElement as s,Tooltip as n,Legend as r}from"chart.js";import{Bar as l}from"react-chartjs-2";import{TitleRegular as c}from"../../../TypographyStyle.js";import{FONTS as d,COLORS as g}from"../../../../constants/Theme.js";import{GraphContainerWrapper as p}from"./StackedBarChart.styles.js";o.register(a,i,s,n,r);const m=o=>{var a,i,s,n;const r=0===o.yAxis.data.length,m=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],y={barPercentage:.4,categoryPercentage:1,borderRadius:{topLeft:4,topRight:4},pointStyle:"circle"},b={};o.yAxis.data.map((t=>{t.map((t=>{b[t.name]?b[t.name].push(t.value):b[t.name]=[t.value]}))}));const x=Object.keys(b).map(((t,e)=>Object.assign({label:t,data:b[t],backgroundColor:m[e]},y))),h={plugins:{legend:{display:!r,labels:{usePointStyle:!0,fontSize:2}}},responsive:!0,maintainAspectRatio:!1,legend:{display:!0,labels:{usePointStyle:!0}},scales:{x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:d.caption.fontSize}},grid:{display:!1,borderColor:g.background.base},ticks:{fontSize:d.caption.fontSize,color:null!==(a=o.yAxis.labelColor)&&void 0!==a?a:g.content.secondary},stacked:!0},y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:d.caption.fontSize}},grid:{borderColor:"white",color:g.background.base},ticks:Object.assign({fontSize:d.caption.fontSize,color:null!==(i=o.xAxis.labelColor)&&void 0!==i?i:g.content.secondary},r?{min:0,max:2e3,stepSize:200}:{}),stacked:!0}}},u={labels:r?["-","-","-","-","-","-"]:o.xAxis.data.map((t=>"string"==typeof t?t:t.name)),datasets:r?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:x};return t(p,Object.assign({padding:o.outerPadding},{children:[o.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(c,Object.assign({color:null!==(s=o.chartHeading.color)&&void 0!==s?s:g.content.secondary},{children:o.chartHeading.heading}))})),e("div",Object.assign({style:{height:null!==(n=o.graphCanvasHeight)&&void 0!==n?n:500}},{children:e(l,{options:h,data:u})}))]}))};export{m as StackedBarChart};

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

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

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

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

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

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

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

@@ -1 +1,3 @@
-export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+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 r}from"../../../../constants/Theme.js";const t=o.div`
+import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const n=o.div`
 	background-color: ${r.surface.standard};
-	padding: 24px;
-`;export{t as GraphContainerWrapper};
+	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.js

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

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

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";const b=c("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;&__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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUN3QyIsImZpbGUiOiJIZWF0TWFwU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0XHRtYXJnaW4tYm90dG9tOiAxNnB4O1xuXG5cdFx0Jl9fbGVnZW5kIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdFx0Z2FwOiA2cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuXG5cdC5ib3gge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogMjRweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0bWFyZ2luOiAycHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3ggPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDI0cHg7XG5cdGhlaWdodDogMjRweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRtYXJnaW46IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUhlYXRNYXBTdHlsZWQuanMubWFwIl19 */")),d=c("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcblx0LnRvcC1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNnB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuYm94IHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IDI0cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdG1hcmdpbjogMnB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAyNHB4O1xuXHRoZWlnaHQ6IDI0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */"));export{d as HeatBox,b as HeatBoxStyled};

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

@@ -3,4 +3,5 @@ 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 n,TitleMedium as o}from"../../../TypographyStyle.js";import{COLORS as r}from"../../../../constants/Theme.js";import{StyledChip as i}from"./LinearChipGroupedChart.styled.js";const s=s=>{let{type:c,text:p,value:a}=s;const m="positive"===c?r.content.positive:"negative"===c?r.content.negative:r.content.warning;return t(i,Object.assign({type:c},{children:[e(n,Object.assign({color:m},{children:p})),e(o,Object.assign({color:m},{children:a}))]}))};export{s 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/LinearChipGroupedChart.d.ts

@@ -22,5 +22,6 @@ export type LinearChipGroupedChartProps = {
     };
     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 n,TitleLarge as i,BodySecondary as r}from"../../../TypographyStyle.js";import{COLORS as s}from"../../../../constants/Theme.js";import{LineChart as a}from"../LineChart/LineChart.js";import{Chip as o}from"./Chip.js";import{HorinzontalBar as l}from"./HorinzontalBar.js";import{Container as c,Row as p,Column as v}from"./LinearChipGroupedChart.styled.js";const g=g=>{let{separator:m,name:d,overallValue:h,requestSent:j,chipValues:y,lineChartOption:u}=g;return e(c,Object.assign({separator:m},{children:[e(p,Object.assign({style:{alignItems:"center",justifyContent:"space-between"}},{children:[e("div",{children:[t(n,Object.assign({color:s.content.secondary},{children:d})),t(i,Object.assign({color:void 0===h||0===h?s.content.secondary:h<0?s.content.negative:s.content.positive},{children:h}))]}),e(v,Object.assign({style:{alignItems:"flex-end"}},{children:[e(r,Object.assign({color:s.content.secondary,style:{marginBottom:2}},{children:["Requests sent: ",j]})),e(r,Object.assign({color:s.content.secondary},{children:["Responses: ",j]}))]}))]})),e(p,Object.assign({style:{marginTop:8,gap:16}},{children:[t(o,{type:"positive",text:y.positive.text,value:y.positive.val}),t(o,{type:"neutral",text:y.neutral.text,value:y.neutral.val}),t(o,{type:"negative",text:y.negative.text,value:y.negative.val})]})),t("div",Object.assign({style:{marginTop:16,width:"100%"}},{children:t(l,{positive:y.positive.val,neutral:y.neutral.val,negative:y.negative.val})})),t("div",Object.assign({style:{marginTop:28,width:"100%"}},{children:t(a,Object.assign({},u))}))]}))};export{g 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};

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

@@ -10,3 +10,4 @@ export * from './chart/Pie/PieChart';
 export * from './chart/HorizontalBarGraph/HorizontalGraph';
 export * from './chart/StackedBarChart/StackedBarChart';
 export * from './chart/VerticalBarGraph/VerticalGraph';
+export * from './chart/heatmap/HeatMap';

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface HeaderProps {
+    header: string;
+    subHeader?: string;
+    hideBackButton?: boolean;
+    rightActionButton?: JSX.Element;
+    onClickingBackButton?: () => void;
+}
+export declare const BikHeader: React.FC<HeaderProps>;

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

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"../../assets/icons/arrow_left.svg.js";import{BodyCaption as i,TitleMedium as n,TitleRegular as s}from"../TypographyStyle.js";import{BikHeaderContainer as o}from"./CommonStyles.js";const c=c=>{const{header:a,subHeader:l,hideBackButton:d=!0,rightActionButton:h,onClickingBackButton:m}=c;return r(o,{children:[r("div",Object.assign({className:"row--flex left-container"},{children:[!d&&e(t,{className:"cursor",height:24,width:24,onClick:m}),r("div",{children:[l?e(i,Object.assign({className:"brand"},{children:a})):e(n,{children:a}),e(s,{children:l})]})]})),e("div",Object.assign({className:"row--flex right-container"},{children:h}))]})};export{c as BikHeader};

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface BikLayoutProps {
+    isLoading: boolean;
+    isFeatureModalEnabled?: boolean;
+    isDisabled?: boolean;
+    hidePadding?: boolean;
+    loadingAnimation?: JSX.Element;
+    height?: string;
+    children?: React.ReactNode;
+    containerStyles?: React.CSSProperties;
+    onClickingCrossOnFeatureModal?: () => void;
+    extraContentForModal?: JSX.Element;
+}
+export declare const BikLayout: React.FC<BikLayoutProps>;

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

@@ -0,0 +1 @@
+import{jsx as e,Fragment as r,jsxs as i}from"react/jsx-runtime";import{BikLayoutContainer as n}from"./CommonStyles.js";import{FeatureModal as o}from"./FeatureModal.js";import{PageLoader as a}from"./PageLoader.js";const t=t=>{const{isLoading:s,isFeatureModalEnabled:d=!1,isDisabled:l=!1,loadingAnimation:c,hidePadding:m=!1,height:p,children:h,containerStyles:g,onClickingCrossOnFeatureModal:C,extraContentForModal:j}=t;return s?e(n,{children:c||e(a,{})}):e(r,{children:i(n,{children:[e("div",{className:""+(l?"disabled--wrapper":"")}),e("div",Object.assign({className:""+(m?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${p||""}`},null!=g?g:{})},{children:h})),d&&e(o,{onClickingCross:()=>C?C():"",otherContent:j})]})})};export{t as BikLayout};

package/dist/esm/components/bik-layout/BikProfile.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface BikProfileProps {
+    userName: string;
+    photoUrl?: string;
+    isActiveAwayStatus?: boolean;
+    isAvailable?: boolean;
+    onProfileClicked?: () => void;
+    onLogout?: () => void;
+    extraJSX?: JSX.Element;
+}
+export declare const BikProfile: React.FC<BikProfileProps>;

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

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

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { Menu } from './SimpleSidebar';
+export interface MenuItem {
+    key: string | number;
+    displayName: string;
+    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    activeIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    hoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    isLastSticky?: boolean;
+    is2ndLastSticky?: boolean;
+    children?: Menu[];
+    showAccessUpgradePanel?: boolean;
+}
+export interface BikSidebarProps {
+    allMenuList: MenuItem[];
+    activeMainMenu: MenuItem;
+    activeSubMenu: Menu;
+    onClickingMainMenu: (menu: MenuItem) => void;
+    onClickingSubMenu: (subMenu: Menu) => void;
+}
+export declare const BikSidebar: React.FC<BikSidebarProps>;

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

@@ -0,0 +1 @@
+import{jsxs as e,jsx as i,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/Bik_logo.svg.js";import{useState as l,useEffect as t,Fragment as a}from"react";import{COLORS as s}from"../../constants/Theme.js";import{SideBarContainer as c,SibeBarMenuItem as d}from"./SidebarStyles.js";import{SimpleSidebar as r}from"./SimpleSidebar.js";const v=s=>{const{allMenuList:v,activeMainMenu:m,activeSubMenu:h,onClickingMainMenu:k,onClickingSubMenu:g}=s,[y,p]=l(m),[b,M]=l(),[S,j]=l(h);return t((()=>{p(m)}),[m]),t((()=>{j(h)}),[h]),e(c,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:i(o,{})})),i(d,{children:null==v?void 0:v.map(((o,l)=>{var t,s,c;return e(a,{children:[i("div",Object.assign({className:"main--sidebar",onClick:()=>{var e;M(void 0),p(o),k(o),(null===(e=null==o?void 0:o.children)||void 0===e?void 0:e.length)?j(null==o?void 0:o.children[0]):j({})},onMouseOver:()=>{M(o)},onMouseEnter:()=>{M(o)},onMouseLeave:()=>{var e;!(null===(e=null==o?void 0:o.children)||void 0===e?void 0:e.length)&&M(void 0)},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e("div",Object.assign({className:`sidebar-menu-item ${(null==y?void 0:y.key)==o.key?" main-menu-active-class":""}  ${o.isLastSticky?"sticky-menu-int":""} ${o.is2ndLastSticky?"sticky-menu":""}\n                ${o.key==(null==b?void 0:b.key)?"sidebar-menu-item-hover":""}`},{children:[i(u,{icon:o.icon,isActive:o.key==(null==y?void 0:y.key),activeStateIcon:null!==(t=o.activeIcon)&&void 0!==t?t:{},hoverStateIcon:null!==(s=o.hoverIcon)&&void 0!==s?s:{},isHovered:o.key==(null==b?void 0:b.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==o?void 0:o.key)===(null==y?void 0:y.key)?"active-menu-item-text":"")},{children:o.displayName}))}))]}),l)}),l),i(n,{children:(null===(c=null==b?void 0:b.children)||void 0===c?void 0:c.length)&&i(r,{menuList:null==b?void 0:b.children,activeMenu:S,onMouseLeaveOnMenu:()=>M(void 0),left:88,postion:"fixed",header:b.displayName,theme:"brand",showAccessUpgradePanel:b.showAccessUpgradePanel,onMenuClick:e=>{j(e),p(b),M(void 0),g(e)}})})]},l)}))})]})},u=e=>{const{icon:o,isActive:l,activeStateIcon:t,hoverStateIcon:a,isHovered:c}=e,d=o,r=a;return i(n,{children:l?i(t,{width:20,height:20}):i(c?r:d,{width:20,height:20,color:s.surface.standard})})};export{v as BikSidebar};

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

@@ -0,0 +1,93 @@
+/// <reference types="react" />
+export declare const GlobalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoaderWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingMessageWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BikLayoutContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BikHeaderContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MenuInnerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ProfileDropdownToggleContainer: import("@emotion/styled").StyledComponent<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ProfileDropdownInnerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isDropdownOpen: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UserNameTitleSmall: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const UserAvatarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTooltip: import("@emotion/styled").StyledComponent<import("react-bootstrap").TooltipProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const UserInfoContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StatusContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isAvailable: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UserStatusContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBodyCaption: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    isAvailable: boolean;
+}, {}, {}>;
+export declare const FeatureModalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    zIndex?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InnerModalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;