@bikdotai/bik-component-library 0.15.0-bik-layout-beta → 1.0.0-beta.1

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

@@ -0,0 +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: ${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/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.d.ts

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const t=o.div`
+	background-color: ${r.surface.standard};
+	padding: 0;
+`;export{t as GraphContainerWrapper};

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

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

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

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

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

@@ -0,0 +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{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";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},tooltip:{enabled:!p}},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: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,Object.assign({padding:o.outerPadding},{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};

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

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

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

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

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

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

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

@@ -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.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const HeatBoxStyled: 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 HeatBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+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/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    separator?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Row: 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 Column: 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 StyledChip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    type: 'positive' | 'neutral' | 'negative';
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{COLORS as G}from"../../../../constants/Theme.js";function X(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const b=c("div","production"===process.env.NODE_ENV?{target:"e1226y2z4"}:{target:"e1226y2z4",label:"Container"})("width:100%;display:flex;flex-direction:column;padding:16px 24px;border-right:",(c=>c.separator?1:0),"px solid ",G.stroke.primary,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQyIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */")),l=c("div","production"===process.env.NODE_ENV?{target:"e1226y2z3"}:{target:"e1226y2z3",label:"Row"})("production"===process.env.NODE_ENV?{name:"ho1qnd",styles:"display:flex;flex-direction:row"}:{name:"ho1qnd",styles:"display:flex;flex-direction:row",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU4QiIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:X}),d=c("div","production"===process.env.NODE_ENV?{target:"e1226y2z2"}:{target:"e1226y2z2",label:"Column"})("production"===process.env.NODE_ENV?{name:"1fttcpj",styles:"display:flex;flex-direction:column"}:{name:"1fttcpj",styles:"display:flex;flex-direction:column",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:X}),Z=c("div","production"===process.env.NODE_ENV?{target:"e1226y2z1"}:{target:"e1226y2z1",label:"StyledChip"})("padding-top:8px;padding-bottom:8px;border-radius:4px;display:flex;flex-direction:column;align-items:center;flex:1;background:",(c=>"positive"===c.type?G.background.positive.light:"negative"===c.type?G.background.negative.light:G.background.warning.light),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCcUMiLCJmaWxlIjoiTGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VwYXJhdG9yID8gMSA6IDApfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZy10b3A6IDhweDtcblx0cGFkZGluZy1ib3R0b206IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4OiAxO1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudHlwZSA9PT0gJ3Bvc2l0aXZlJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodFxyXG4gICAgOiBwcm9wcy50eXBlID09PSAnbmVnYXRpdmUnXHJcbiAgICAgICAgPyBDT0xPUlMuYmFja2dyb3VuZC5uZWdhdGl2ZS5saWdodFxyXG4gICAgICAgIDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQuanMubWFwIl19 */")),g=c("div","production"===process.env.NODE_ENV?{target:"e1226y2z0"}:{target:"e1226y2z0",label:"StyledBarContainer"})("border-radius:4px;width:100%;height:8px;background-color:",G.surface.hovered,";display:flex;flex-direction:row;overflow:hidden;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDNkMiLCJmaWxlIjoiTGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VwYXJhdG9yID8gMSA6IDApfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZy10b3A6IDhweDtcblx0cGFkZGluZy1ib3R0b206IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4OiAxO1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudHlwZSA9PT0gJ3Bvc2l0aXZlJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodFxyXG4gICAgOiBwcm9wcy50eXBlID09PSAnbmVnYXRpdmUnXHJcbiAgICAgICAgPyBDT0xPUlMuYmFja2dyb3VuZC5uZWdhdGl2ZS5saWdodFxyXG4gICAgICAgIDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQuanMubWFwIl19 */"));export{d as Column,b as Container,l as Row,g as StyledBarContainer,Z as StyledChip};

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

@@ -0,0 +1 @@
+export * from './LinearChipGroupedChart';

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

@@ -0,0 +1 @@
+export declare function calculatePercentage(a: number, b: number, c: number): number[];

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

@@ -0,0 +1 @@
+function n(n,t,o){const r=n+t+o;return[n/r*100||0,t/r*100||0,o/r*100||0]}export{n as calculatePercentage};

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

@@ -1,3 +1,14 @@
 export * from './AnalyticsChip';
 export * from './AnalyticsDropdown';
 export * from './AnalyticsMultiChip';
+export * from './AnalyticsMetric';
+export * from './AnalyticsTrend';
+export * from './chart/LineChart/LineChart';
+export * from './chart/linearChipGroupedChart';
+export * from './chart/Pie/PieChartAnalytics';
+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';
+export * from './chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph';

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

@@ -9,6 +9,7 @@ export interface BikLayoutProps {
     children?: React.ReactNode;
     containerStyles?: React.CSSProperties;
     onClickingCrossOnFeatureModal?: () => void;
+    onUpgrade?: () => void;
     extraContentForModal?: JSX.Element;
 }
 export declare const BikLayout: React.FC<BikLayoutProps>;

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

@@ -1 +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};
+import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import{BikLayoutContainer as i}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:g,containerStyles:h,onClickingCrossOnFeatureModal:C,onUpgrade:j,extraContentForModal:u}=t;return s?e(i,{children:c||e(a,{})}):e(r,{children:n(i,{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!=h?h:{})},{children:g})),d&&e(o,{onClickingCross:()=>C?C():"",onUpgrade:j,otherContent:u})]})})};export{t as BikLayout};

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export interface BikProfileProps {
     userName: string;
+    hideLogout?: boolean;
     photoUrl?: string;
     isActiveAwayStatus?: boolean;
     isAvailable?: boolean;

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

@@ -1 +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};
+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 g}from"../floating-action-button/FloatingActionButton.styles.js";import{StyledTooltip as p,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,hideLogout:N=!1,photoUrl:C,isActiveAwayStatus:x=!0,isAvailable:D=!1,extraJSX:S,onProfileClicked:T,onLogout:k}=A,L=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("")},B=i(p,Object.assign({id:"tooltip"},{children:i(l,{children:w})}));return e(g,Object.assign({onToggle:i=>{f(i)}},{children:[i(I,{isDropdownOpen:y,imageUrl:C,initialsAsIcon:C?"":L(w)}),i(s.Menu,{children:e(h,{children:[e(b,Object.assign({onClick:T},{children:[i(U,{imageUrl:C,initialsAsIcon:C?"":L(w)}),e(j,{children:[i(r,Object.assign({delay:{show:100,hide:400},placement:"top",overlay:B},{children:i(v,{children:i(d,{children:w})})})),x&&e(u,Object.assign({isAvailable:D},{children:[i("div",{className:"availability--container"}),!D&&i(O,Object.assign({isAvailable:D},{children:"Away"})),D&&i(O,Object.assign({isAvailable:D},{children:"Active"}))]}))]})]})),S&&e(t,{children:[i("div",{className:"divider"}),S]}),!N&&e(t,{children:[i("div",{className:"divider"}),e("div",Object.assign({className:"logout--container",onClick:k,onKeyDown:k,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

@@ -12,10 +12,12 @@ export interface MenuItem {
     showAccessUpgradePanel?: boolean;
 }
 export interface BikSidebarProps {
+    logoSvg?: JSX.Element;
     allMenuList: MenuItem[];
     activeMainMenu: MenuItem;
     activeSubMenu: Menu;
     onClickingMainMenu: (menu: MenuItem) => void;
     onClickingSubMenu: (subMenu: Menu) => void;
+    onClickingAccessUpgradePanel?: () => void;
 }
 export declare const BikSidebar: React.FC<BikSidebarProps>;

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

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