@bikdotai/bik-component-library 0.0.999-beta-switch → 0.0.3202-beta.1

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

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

package/dist/cjs/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/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/HorinzontalBar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../constants/Theme.js"),t=require("../utils/calcPercentage.js"),i=require("./LinearChipGroupedChart.styled.js");exports.HorinzontalBar=a=>{let{positive:n,negative:o,neutral:s}=a;const[u,c,d]=t.calculatePercentage(n,s,o);return e.jsxs(i.StyledBarContainer,{children:[e.jsx("div",{style:{height:"100%",width:`${u}%`,backgroundColor:r.COLORS.background.positive.vibrant}}),e.jsx("div",{style:{height:"100%",width:`${c}%`,backgroundColor:r.COLORS.background.warning.vibrant}}),e.jsx("div",{style:{height:"100%",width:`${d}%`,backgroundColor:r.COLORS.background.negative.vibrant}})]})};

package/dist/cjs/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/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js

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

package/dist/cjs/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/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),G=require("../../../../constants/Theme.js");function X(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var b=X(c);function l(){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 d=b.default("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.COLORS.stroke.primary,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQyIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */")),Z=b.default("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:l}),u=b.default("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:l}),g=b.default("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.COLORS.background.positive.light:"negative"===c.type?G.COLORS.background.negative.light:G.COLORS.background.warning.light),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCcUMiLCJmaWxlIjoiTGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VwYXJhdG9yID8gMSA6IDApfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZy10b3A6IDhweDtcblx0cGFkZGluZy1ib3R0b206IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4OiAxO1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudHlwZSA9PT0gJ3Bvc2l0aXZlJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodFxyXG4gICAgOiBwcm9wcy50eXBlID09PSAnbmVnYXRpdmUnXHJcbiAgICAgICAgPyBDT0xPUlMuYmFja2dyb3VuZC5uZWdhdGl2ZS5saWdodFxyXG4gICAgICAgIDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQuanMubWFwIl19 */")),a=b.default("div","production"===process.env.NODE_ENV?{target:"e1226y2z0"}:{target:"e1226y2z0",label:"StyledBarContainer"})("border-radius:4px;width:100%;height:8px;background-color:",G.COLORS.surface.hovered,";display:flex;flex-direction:row;overflow:hidden;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDNkMiLCJmaWxlIjoiTGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VwYXJhdG9yID8gMSA6IDApfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZy10b3A6IDhweDtcblx0cGFkZGluZy1ib3R0b206IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4OiAxO1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudHlwZSA9PT0gJ3Bvc2l0aXZlJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodFxyXG4gICAgOiBwcm9wcy50eXBlID09PSAnbmVnYXRpdmUnXHJcbiAgICAgICAgPyBDT0xPUlMuYmFja2dyb3VuZC5uZWdhdGl2ZS5saWdodFxyXG4gICAgICAgIDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQuanMubWFwIl19 */"));exports.Column=u,exports.Container=d,exports.Row=Z,exports.StyledBarContainer=a,exports.StyledChip=g;

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

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

package/dist/cjs/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/cjs/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js

@@ -0,0 +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]};

package/dist/cjs/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/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"),r=require("./AvatarHelper.js"),t=require("../TypographyStyle.js"),i=require("../../constants/Theme.js");const A={[r.SIZE.SMALL]:16,[r.SIZE.MEDIUM]:20,[r.SIZE.LARGE]:32},o={[r.AVATAR_BACKGROUND.LIGHT]:i.COLORS.content.secondary,[r.AVATAR_BACKGROUND.DARK]:i.COLORS.surface.standard};exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=A,exports.Avatar=i=>e.jsxs(s.AvatarStyle,Object.assign({size:i.size,background:i.background},{children:[i.type===r.AVATAR_TYPES.IMAGE&&e.jsx("img",{alt:"",width:r.AVATAR_SIZE_MAP[i.size],height:r.AVATAR_SIZE_MAP[i.size],style:{borderRadius:"50%"},src:i.photoUrl}),i.type===r.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===r.SIZE.SMALL?e.jsx(t.BodyTiny,Object.assign({style:{color:o[i.background]}},{children:s})):i.size===r.SIZE.MEDIUM?e.jsx(t.TitleSmall,Object.assign({style:{color:o[i.background]}},{children:s})):i.size===r.SIZE.LARGE?e.jsx(t.TitleMedium,Object.assign({style:{color:o[i.background]}},{children:s})):void 0})()}),i.type===r.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("./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;

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

@@ -1,5 +1,6 @@
-import { AVATAR_BACKGROUND, SIZE } from "./AvatarHelper";
+import { AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from "./AvatarHelper";
 export declare const AvatarStyle: import("styled-components").StyledComponent<"div", any, {
     size: SIZE;
     background: AVATAR_BACKGROUND;
+    type: AVATAR_TYPES;
 }, never>;

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

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AvatarHelper.js"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=o(e).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AvatarHelper.js"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=o(e).default.div`
 	width: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
 	height: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	background-color: ${e=>e.background===r.AVATAR_BACKGROUND.LIGHT?t.COLORS.background.base:t.COLORS.background.inverse};
+	background-color: ${e=>e.type===r.AVATAR_TYPES.IMAGE?"null":e.background===r.AVATAR_BACKGROUND.LIGHT?t.COLORS.background.base:t.COLORS.background.inverse};
 	border: ${e=>e.background===r.AVATAR_BACKGROUND.LIGHT?"1px solid "+t.COLORS.stroke.primary:0};
 	border-radius: 50%;
-`;exports.AvatarStyle=s;
+`;exports.AvatarStyle=n;

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

@@ -1 +1,2 @@
 export * from './Avatar';
+export * from './AvatarHelper';

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

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

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

@@ -0,0 +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,{})]})};

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

@@ -0,0 +1,24 @@
+/// <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;
+    onUpgrade?: () => void;
+    extraContentForModal?: JSX.Element;
+    type?: 'overflow-within' | 'overflow-body';
+    featureModalProps?: {
+        title?: string;
+        subTitle?: string;
+        showBookADemo?: boolean;
+        demoLink?: string;
+        featureImage?: string;
+    };
+    useFeautureModalV2?: boolean;
+}
+export declare const BikLayout: React.FC<BikLayoutProps>;

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

@@ -0,0 +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}))})]}))})};

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

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

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

@@ -0,0 +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"}))]}))]})]})})]}))};

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

@@ -0,0 +1,25 @@
+/// <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;
+    path?: string;
+}
+export interface BikSidebarProps {
+    logoSvg?: JSX.Element;
+    allMenuList: MenuItem[];
+    activeMainMenu: MenuItem;
+    activeSubMenu: Menu;
+    router: any;
+    onClickingMainMenu: (menu: MenuItem) => void;
+    onClickingSubMenu: (subMenu: Menu) => void;
+    onClickingAccessUpgradePanel?: () => void;
+}
+export declare const BikSidebar: React.FC<BikSidebarProps>;

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

@@ -0,0 +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)}))})]})};

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

@@ -0,0 +1,109 @@
+/// <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;
+} & {
+    type?: "overflow-within" | "overflow-body" | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BikHeaderWrapper: 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;
+    resetHeight?: boolean | undefined;
+    relativePostion?: boolean | 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>, {}>;
+export declare const RelativeModalContainer: 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 FeatureModalV2Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;