@bikdotai/bik-component-library 0.0.602 → 0.0.603--comp--beta

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Menu } from './SimpleSidebar';
 export interface MenuItem {
     key: string | number;

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

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

package/dist/cjs/components/navigation-hyperlink/NavigationUtility.d.ts

@@ -0,0 +1 @@
+export declare const handleNavigation: (router: any, href: string, event: any, newTab?: boolean) => void;

package/dist/cjs/components/navigation-hyperlink/NavigationUtility.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.handleNavigation=(o,e,n,i)=>{if(e.includes("http")){const o=i||n.metaKey?"_blank":"_self";window.open(e,o)}else{const i=`${e.startsWith("/")?"":"/"}${e}`;n.metaKey?window.open(window.location.origin+i,"_blank"):o?o.push(window.location.origin+i):window.open(window.location.origin+i,"_self")}};

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Menu } from './SimpleSidebar';
 export interface MenuItem {
     key: string | number;

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 t from"../../assets/icons/Bik_logo.svg.js";import o from"../../assets/icons/locked.svg.js";import{useState as l,useMemo as s,useEffect as d,useCallback as r,Fragment as c}from"react";import a from"../progress-bar/CircularProgressBar.js";import{COLORS as u}from"../../constants/Theme.js";import{NavigationHyperlink as v}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as m}from"./SidebarPopup.js";import{SideBarContainer as g,MainSideBarMenuWrapper as h,SibeBarMenuItem as p}from"./SidebarStyles.js";import{SimpleSidebar as y}from"./SimpleSidebar.js";const k=u=>{const{logoSvg:k,allMenuList:w,activeMainMenu:S,activeSubMenu:f,router:j,onClickingMainMenu:N,onClickingSubMenu:M,onClickingAccessUpgradePanel:L,onClickingPopupMenuItem:O,popupMinHeight:C,isNewSidebar:I}=u,[E,H]=l(S),[P,B]=l(),[_,$]=l(f),[A,x]=l(!1),[T,U]=l(),[R,z]=l(),[F,q]=l(),[D,K]=l(null),W=s((()=>w.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[w]);d((()=>{H(S)}),[S]),d((()=>{$(f)}),[f]);const G=r((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(U(void 0),B(void 0),x(!0),H(e),e.path||N(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?$(null==e?void 0:e.children[0]):$({}),B(void 0),setTimeout((()=>{x(!1)}),1e3))}),[N]),J=r((e=>{var i,n;if(ee(),B(void 0),U(void 0),"popup"==(null==e?void 0:e.layout)){const i=Y();i&&z(i),U(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=Q(t);q(e)}B(e),Z()}}),[]),Q=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-140}return n},V=(n,t)=>{var l,s,d,r,c,a;return i(p,{children:e("div",Object.assign({id:(null===(s=null===(l=n.displayName)||void 0===l?void 0:l.split(" "))||void 0===s?void 0:s.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>G(n),onMouseEnter:()=>{!A&&J(n)},onMouseOver:()=>{!A&&J(n)},onMouseLeave:()=>{var e;(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)||(B(void 0),U(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:[n.isNew&&i("div",Object.assign({className:"new-tag "+(n.isLastSticky?"tag-sticky":"")},{children:"NEW"})),n.isLocked&&i("div",Object.assign({className:`locked--channel ${n.isLastSticky?"tag-sticky":""}  ${n.is2ndLastSticky?"tag-sticky-2":""}`},{children:i(o,{height:16,width:16})})),e("div",Object.assign({id:(null===(r=null===(d=n.displayName)||void 0===d?void 0:d.split(" "))||void 0===r?void 0:r.join(""))+"_sub"||n.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==E?void 0:E.key)===n.key?"main-menu-active-class":""} \n\t\t\t\t\t${n.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${n.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${n.key===(null==P?void 0:P.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${n.isNew?"new-menu-item":""}`},{children:[i(b,{icon:n.icon,isActive:n.key==(null==E?void 0:E.key),activeStateIcon:null!==(c=n.activeIcon)&&void 0!==c?c:{},hoverStateIcon:null!==(a=n.hoverIcon)&&void 0!==a?a:{},isHovered:n.key==(null==P?void 0:P.key)||n.key==(null==T?void 0:T.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==n?void 0:n.key)===(null==E?void 0:E.key)?"active-menu-item-text":"")},{children:n.displayName}))}))]}),t)]}),t)})};d((()=>{const e=()=>{const e=Y();e&&z(e),X()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const X=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&q(window.innerHeight-i)},Y=()=>{var e,i;if(T){const n=(null===(i=null===(e=T.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||T.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=C?C:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},Z=()=>{ee();const e=setTimeout((()=>B(void 0)),1e4);K(e)},ee=()=>{clearTimeout(D)};return e(g,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:k||i(t,{})})),e(h,{children:[null==w?void 0:w.map(((t,o)=>{var l,s;return e(c,{children:[t.path?i(v,Object.assign({href:t.path,router:j},{children:V(t,o)})):V(t,o),e(n,{children:["popup"===t.layout&&(null===(l=null==T?void 0:T.children)||void 0===l?void 0:l.length)&&i(m,{top:null!=R?R:void 0,menuList:null==T?void 0:T.children,onClickingPopupMenu:e=>{O&&O(e),U(void 0)},onMouseLeaveOnMenu:()=>U(void 0)}),(null===(s=null==P?void 0:P.children)||void 0===s?void 0:s.length)&&i(y,{menuList:null==P?void 0:P.children,activeMenu:_,onMouseEnterOnMenu:()=>ee(),onMouseLeaveOnMenu:()=>{ee(),B(void 0)},left:I?92:88,postion:"fixed",header:P.displayName,theme:"brand",router:j,showAccessUpgradePanel:P.showAccessUpgradePanel,onMenuClick:(e,i)=>{$(e),H(P),B(void 0),U(void 0),i&&M(e)},onUpgrade:L,top:I&&F||0,isNewSidebar:I})]})]},o)})),"number"==typeof u.onboardingPercentage&&i(p,{children:i("div",Object.assign({className:"main--sidebar"},{children:i("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===W?"sticky-menu":1===W?"sticky-menu-int":"sticky-menu-three")},{children:i(a,{percentage:u.onboardingPercentage,width:48})}))}))})]})]})},b=e=>{const{icon:t,isActive:o,activeStateIcon:l,hoverStateIcon:s,isHovered:d}=e,r=t,c=s;return i(n,{children:o?i(l,{width:20,height:20}):i(d?c:r,{width:20,height:20,color:u.surface.standard})})};export{k as BikSidebar};
+import{jsxs as e,jsx as i,Fragment as n}from"react/jsx-runtime";import t from"../../assets/icons/Bik_logo.svg.js";import o from"../../assets/icons/locked.svg.js";import{useState as l,useMemo as s,useEffect as d,useCallback as r,Fragment as a}from"react";import c from"../progress-bar/CircularProgressBar.js";import{COLORS as u}from"../../constants/Theme.js";import{handleNavigation as v}from"../navigation-hyperlink/NavigationUtility.js";import{SidebarPopup as m}from"./SidebarPopup.js";import{SideBarContainer as p,MainSideBarMenuWrapper as g,SibeBarMenuItem as h}from"./SidebarStyles.js";import{SimpleSidebar as y}from"./SimpleSidebar.js";const k=o=>{const{logoSvg:u,allMenuList:v,activeMainMenu:k,activeSubMenu:b,router:w,onClickingMainMenu:S,onClickingSubMenu:f,onClickingAccessUpgradePanel:j,onClickingPopupMenuItem:N,popupMinHeight:L,isNewSidebar:C}=o,[H,O]=l(k),[P,I]=l(),[E,A]=l(b),[B,_]=l(!1),[x,$]=l(),[F,U]=l(),[T,D]=l(),[R,z]=l(null),q=s((()=>v.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[v]);d((()=>{O(k)}),[k]),d((()=>{A(b)}),[b]);const K=r((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&($(void 0),I(void 0),_(!0),O(e),e.path||S(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?A(null==e?void 0:e.children[0]):A({}),I(void 0),setTimeout((()=>{_(!1)}),1e3))}),[S]),W=r((e=>{var i,n;if(X(),I(void 0),$(void 0),"popup"==(null==e?void 0:e.layout)){const i=Q();i&&U(i),$(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=G(t);D(e)}I(e),V()}}),[]),G=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-140}return n};d((()=>{const e=()=>{const e=Q();e&&U(e),J()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const J=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&D(window.innerHeight-i)},Q=()=>{var e,i;if(x){const n=(null===(i=null===(e=x.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||x.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=L?L:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},V=()=>{X();const e=setTimeout((()=>I(void 0)),1e4);z(e)},X=()=>{clearTimeout(R)};return e(p,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:u||i(t,{})})),e(g,{children:[null==v?void 0:v.map(((t,o)=>{var l,s;return e(a,{children:[i(M,{option:t,index:o,onClickMainMenuLogic:K,setHandleHoverForFullLayout:W,isDisabled:B,setHoveredComp:I,setPopupMenu:$,mainActiveMenu:H,hoveredComp:P,popupMenu:x,router:w}),e(n,{children:["popup"===t.layout&&(null===(l=null==x?void 0:x.children)||void 0===l?void 0:l.length)&&i(m,{top:null!=F?F:void 0,menuList:null==x?void 0:x.children,onClickingPopupMenu:e=>{N&&N(e),$(void 0)},onMouseLeaveOnMenu:()=>$(void 0)}),(null===(s=null==P?void 0:P.children)||void 0===s?void 0:s.length)&&i(y,{menuList:null==P?void 0:P.children,activeMenu:E,onMouseEnterOnMenu:()=>X(),onMouseLeaveOnMenu:()=>{X(),I(void 0)},left:C?92:88,postion:"fixed",header:P.displayName,theme:"brand",router:w,showAccessUpgradePanel:P.showAccessUpgradePanel,onMenuClick:(e,i)=>{A(e),O(P),I(void 0),$(void 0),i&&f(e)},onUpgrade:j,top:C&&T||0,isNewSidebar:C})]})]},o)})),"number"==typeof o.onboardingPercentage&&i(h,{children:i("div",Object.assign({className:"main--sidebar"},{children:i("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===q?"sticky-menu":1===q?"sticky-menu-int":"sticky-menu-three")},{children:i(c,{percentage:o.onboardingPercentage,width:48})}))}))})]})]})},b=e=>{const{icon:t,isActive:o,activeStateIcon:l,hoverStateIcon:s,isHovered:d}=e,r=t,a=s;return i(n,{children:o?i(l,{width:20,height:20}):i(d?a:r,{width:20,height:20,color:u.surface.standard})})},M=n=>{let{option:t,index:l,onClickMainMenuLogic:s,setHandleHoverForFullLayout:d,isDisabled:r,setHoveredComp:a,setPopupMenu:c,mainActiveMenu:u,hoveredComp:m,popupMenu:p,router:g}=n;var y,k,M,w,S,f;return i(h,{children:e("div",Object.assign({id:(null===(k=null===(y=t.displayName)||void 0===y?void 0:y.split(" "))||void 0===k?void 0:k.join(""))||t.key.toString(),className:"main--sidebar",onClick:e=>{t.path&&v(g,t.path,e,!1),s(t)},onMouseEnter:()=>{!r&&d(t)},onMouseOver:()=>{!r&&d(t)},onMouseLeave:()=>{var e;(null===(e=null==t?void 0:t.children)||void 0===e?void 0:e.length)||(a(void 0),c(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:[t.isNew&&i("div",Object.assign({className:"new-tag "+(t.isLastSticky?"tag-sticky":"")},{children:"NEW"})),t.isLocked&&i("div",Object.assign({className:`locked--channel ${t.isLastSticky?"tag-sticky":""}  ${t.is2ndLastSticky?"tag-sticky-2":""}`},{children:i(o,{height:16,width:16})})),e("div",Object.assign({id:(null===(w=null===(M=t.displayName)||void 0===M?void 0:M.split(" "))||void 0===w?void 0:w.join(""))+"_sub"||t.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==u?void 0:u.key)===t.key?"main-menu-active-class":""} \n\t\t\t\t\t${t.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${t.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${t.key===(null==m?void 0:m.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${t.isNew?"new-menu-item":""}`},{children:[i(b,{icon:t.icon,isActive:t.key==(null==u?void 0:u.key),activeStateIcon:null!==(S=t.activeIcon)&&void 0!==S?S:{},hoverStateIcon:null!==(f=t.hoverIcon)&&void 0!==f?f:{},isHovered:t.key==(null==m?void 0:m.key)||t.key==(null==p?void 0:p.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==t?void 0:t.key)===(null==u?void 0:u.key)?"active-menu-item-text":"")},{children:t.displayName}))}))]}),l)]}),l)})};export{k as BikSidebar};

package/dist/esm/components/navigation-hyperlink/NavigationUtility.d.ts

@@ -0,0 +1 @@
+export declare const handleNavigation: (router: any, href: string, event: any, newTab?: boolean) => void;

package/dist/esm/components/navigation-hyperlink/NavigationUtility.js

@@ -0,0 +1 @@
+const o=(o,n,i,t)=>{if(n.includes("http")){const o=t||i.metaKey?"_blank":"_self";window.open(n,o)}else{const t=`${n.startsWith("/")?"":"/"}${n}`;i.metaKey?window.open(window.location.origin+t,"_blank"):o?o.push(window.location.origin+t):window.open(window.location.origin+t,"_self")}};export{o as handleNavigation};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.602",
+	"version": "0.0.603--comp--beta",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",