@bikdotai/bik-component-library 0.0.245-beta.0 → 0.0.245-beta.2

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

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

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

@@ -11,5 +11,11 @@ export interface BikLayoutProps {
     onClickingCrossOnFeatureModal?: () => void;
     onUpgrade?: () => void;
     extraContentForModal?: JSX.Element;
+    featureModalProps?: {
+        title?: string;
+        subTitle?: string;
+        showBookADemo?: boolean;
+        demoLink?: string;
+    };
 }
 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 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};
+import{jsx as e,Fragment as r,jsxs as o}from"react/jsx-runtime";import{BikLayoutContainer as n}from"./CommonStyles.js";import{FeatureModal as i}from"./FeatureModal.js";import{PageLoader as a}from"./PageLoader.js";const s=s=>{const{isLoading:t,isFeatureModalEnabled:d=!1,isDisabled:l=!1,loadingAnimation:c,hidePadding:m=!1,height:p,children:g,containerStyles:h,onClickingCrossOnFeatureModal:j,onUpgrade:u,extraContentForModal:C,featureModalProps:b}=s;return t?e(n,{children:c||e(a,{})}):e(r,{children:o(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!=h?h:{})},{children:g})),d&&e(i,Object.assign({showBookADemo:!0,onClickingCross:()=>j?j():"",onUpgrade:u},b,{otherContent:C}))]})})};export{s as BikLayout};

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 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};
+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),[O,C]=l(!1);t((()=>{M(h)}),[h]),t((()=>{N(g)}),[g]);return 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:()=>(e=>{var i;j(void 0),C(!0),M(e),k(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?N(null==e?void 0:e.children[0]):N({}),j(void 0),setTimeout((()=>{C(!1)}),1e3)})(o),onMouseEnter:()=>{!O&&j(o)},onMouseOver:()=>{!O&&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};