@bikdotai/bik-component-library 0.0.570 → 0.0.571
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +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("react"),t=require("../progress-bar/CircularProgressBar.js"),o=require("../../constants/Theme.js"),s=require("../navigation-hyperlink/NavigationHyperlink.js"),l=require("./SidebarPopup.js"),d=require("./SidebarStyles.js"),r=require("./SimpleSidebar.js");const a=i=>{const{icon:n,isActive:t,activeStateIcon:s,hoverStateIcon:l,isHovered:d}=i,r=n,a=s,u=l;return e.jsx(e.Fragment,{children:t?e.jsx(a,{width:20,height:20}):d?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:u,allMenuList:c,activeMainMenu:v,activeSubMenu:g,router:m,onClickingMainMenu:h,onClickingSubMenu:p,onClickingAccessUpgradePanel:y,onClickingPopupMenuItem:j,popupMinHeight:k,isNewSidebar:b}=o,[S,x]=n.useState(v),[w,f]=n.useState(),[N,M]=n.useState(g),[O,C]=n.useState(!1),[L,B]=n.useState(),[E,I]=n.useState(),[P,q]=n.useState(),_=c.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length;n.useEffect((()=>{x(v)}),[v]),n.useEffect((()=>{M(g)}),[g]);const H=e=>{var i,n;if(f(void 0),B(void 0),"popup"==(null==e?void 0:e.layout)){const i=F();i&&I(i),B(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=A(t);q(e)}f(e)}},A=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-140}return n},R=(i,n)=>{var t,o,s,l,d,r;return e.jsxs("div",Object.assign({id:(null===(o=null===(t=i.displayName)||void 0===t?void 0:t.split(" "))||void 0===o?void 0:o.join(""))||i.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(B(void 0),f(void 0),C(!0),x(e),!e.path&&h(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?M(null==e?void 0:e.children[0]):M({}),f(void 0),setTimeout((()=>{C(!1)}),1e3))})(i),onMouseEnter:()=>{!O&&H(i)},onMouseOver:()=>{!O&&H(i)},onMouseLeave:()=>{var e;(null===(e=null==i?void 0:i.children)||void 0===e?void 0:e.length)||(f(void 0),B(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"})),e.jsxs("div",Object.assign({id:(null===(l=null===(s=i.displayName)||void 0===s?void 0:s.split(" "))||void 0===l?void 0:l.join(""))+"_sub"||i.key.toString()+"_sub",className:`sidebar-menu-item ${(null==S?void 0:S.key)
|
|
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("../progress-bar/CircularProgressBar.js"),o=require("../../constants/Theme.js"),s=require("../navigation-hyperlink/NavigationHyperlink.js"),l=require("./SidebarPopup.js"),d=require("./SidebarStyles.js"),r=require("./SimpleSidebar.js");const a=i=>{const{icon:n,isActive:t,activeStateIcon:s,hoverStateIcon:l,isHovered:d}=i,r=n,a=s,u=l;return e.jsx(e.Fragment,{children:t?e.jsx(a,{width:20,height:20}):d?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:u,allMenuList:c,activeMainMenu:v,activeSubMenu:g,router:m,onClickingMainMenu:h,onClickingSubMenu:p,onClickingAccessUpgradePanel:y,onClickingPopupMenuItem:j,popupMinHeight:k,isNewSidebar:b}=o,[S,x]=n.useState(v),[w,f]=n.useState(),[N,M]=n.useState(g),[O,C]=n.useState(!1),[L,B]=n.useState(),[E,I]=n.useState(),[P,q]=n.useState(),_=c.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length;n.useEffect((()=>{x(v)}),[v]),n.useEffect((()=>{M(g)}),[g]);const H=e=>{var i,n;if(f(void 0),B(void 0),"popup"==(null==e?void 0:e.layout)){const i=F();i&&I(i),B(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=A(t);q(e)}f(e)}},A=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-140}return n},R=(i,n)=>{var t,o,s,l,d,r;return e.jsxs("div",Object.assign({id:(null===(o=null===(t=i.displayName)||void 0===t?void 0:t.split(" "))||void 0===o?void 0:o.join(""))||i.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(B(void 0),f(void 0),C(!0),x(e),!e.path&&h(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?M(null==e?void 0:e.children[0]):M({}),f(void 0),setTimeout((()=>{C(!1)}),1e3))})(i),onMouseEnter:()=>{!O&&H(i)},onMouseOver:()=>{!O&&H(i)},onMouseLeave:()=>{var e;(null===(e=null==i?void 0:i.children)||void 0===e?void 0:e.length)||(f(void 0),B(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"})),e.jsxs("div",Object.assign({id:(null===(l=null===(s=i.displayName)||void 0===s?void 0:s.split(" "))||void 0===l?void 0:l.join(""))+"_sub"||i.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==S?void 0:S.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==w?void 0:w.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${i.isNew?"new-menu-item":""}`},{children:[e.jsx(a,{icon:i.icon,isActive:i.key==(null==S?void 0:S.key),activeStateIcon:null!==(d=i.activeIcon)&&void 0!==d?d:{},hoverStateIcon:null!==(r=i.hoverIcon)&&void 0!==r?r:{},isHovered:i.key==(null==w?void 0:w.key)||i.key==(null==L?void 0:L.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==S?void 0:S.key)?"active-menu-item-text":"")},{children:i.displayName}))}))]}),n)]}),n)};n.useEffect((()=>{const e=()=>{const e=F();e&&I(e),$()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const $=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&q(window.innerHeight-i)},F=()=>{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!=k?k:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}};return e.jsxs(d.SideBarContainer,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:u||e.jsx(i.default,{})})),e.jsxs(d.SibeBarMenuItem,{children:[null==c?void 0:c.map(((i,t)=>{var o,d;return e.jsxs(n.Fragment,{children:[i.path?e.jsx(s.NavigationHyperlink,Object.assign({href:i.path,router:m},{children:R(i,t)})):R(i,t),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(l.SidebarPopup,{top:null!=E?E:void 0,menuList:null==L?void 0:L.children,onClickingPopupMenu:e=>{j&&j(e),B(void 0)},onMouseLeaveOnMenu:()=>B(void 0)}),(null===(d=null==w?void 0:w.children)||void 0===d?void 0:d.length)&&e.jsx(r.SimpleSidebar,{menuList:null==w?void 0:w.children,activeMenu:N,onMouseLeaveOnMenu:()=>f(void 0),left:b?92:88,postion:"fixed",header:w.displayName,theme:"brand",router:m,showAccessUpgradePanel:w.showAccessUpgradePanel,onMenuClick:(e,i)=>{M(e),x(w),f(void 0),B(void 0),i&&p(e)},onUpgrade:y,top:b&&P||0,isNewSidebar:b})]})]},t)})),"number"==typeof o.onboardingPercentage&&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(t.default,{percentage:o.onboardingPercentage,width:48})}))}))]})]})};
|
|
@@ -1 +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{useState as o,useEffect as l,Fragment as s}from"react";import d from"../progress-bar/CircularProgressBar.js";import{COLORS as r}from"../../constants/Theme.js";import{NavigationHyperlink as a}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as c}from"./SidebarPopup.js";import{SideBarContainer as u,SibeBarMenuItem as v}from"./SidebarStyles.js";import{SimpleSidebar as m}from"./SimpleSidebar.js";const g=r=>{const{logoSvg:g,allMenuList:p,activeMainMenu:y,activeSubMenu:k,router:b,onClickingMainMenu:w,onClickingSubMenu:S,onClickingAccessUpgradePanel:f,onClickingPopupMenuItem:j,popupMinHeight:N,isNewSidebar:M}=r,[L,C]=o(y),[O,I]=o(),[P,B]=o(k),[E,H]=o(!1),[_,A]=o(),[x,$]=o(),[U,R]=o(),z=p.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length;l((()=>{C(y)}),[y]),l((()=>{B(k)}),[k]);const F=e=>{var i,n;if(I(void 0),A(void 0),"popup"==(null==e?void 0:e.layout)){const i=K();i&&$(i),A(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);R(e)}I(e)}},T=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-140}return n},q=(n,t)=>{var o,l,s,d,r,a;return e("div",Object.assign({id:(null===(l=null===(o=n.displayName)||void 0===o?void 0:o.split(" "))||void 0===l?void 0:l.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(A(void 0),I(void 0),H(!0),C(e),!e.path&&w(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?B(null==e?void 0:e.children[0]):B({}),I(void 0),setTimeout((()=>{H(!1)}),1e3))})(n),onMouseEnter:()=>{!E&&F(n)},onMouseOver:()=>{!E&&F(n)},onMouseLeave:()=>{var e;(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)||(I(void 0),A(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:[n.isNew&&i("div",Object.assign({className:"new-tag "+(n.isLastSticky?"tag-sticky":"")},{children:"NEW"})),e("div",Object.assign({id:(null===(d=null===(s=n.displayName)||void 0===s?void 0:s.split(" "))||void 0===d?void 0:d.join(""))+"_sub"||n.key.toString()+"_sub",className:`sidebar-menu-item ${(null==L?void 0:L.key)
|
|
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{useState as o,useEffect as l,Fragment as s}from"react";import d from"../progress-bar/CircularProgressBar.js";import{COLORS as r}from"../../constants/Theme.js";import{NavigationHyperlink as a}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as c}from"./SidebarPopup.js";import{SideBarContainer as u,SibeBarMenuItem as v}from"./SidebarStyles.js";import{SimpleSidebar as m}from"./SimpleSidebar.js";const g=r=>{const{logoSvg:g,allMenuList:p,activeMainMenu:y,activeSubMenu:k,router:b,onClickingMainMenu:w,onClickingSubMenu:S,onClickingAccessUpgradePanel:f,onClickingPopupMenuItem:j,popupMinHeight:N,isNewSidebar:M}=r,[L,C]=o(y),[O,I]=o(),[P,B]=o(k),[E,H]=o(!1),[_,A]=o(),[x,$]=o(),[U,R]=o(),z=p.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length;l((()=>{C(y)}),[y]),l((()=>{B(k)}),[k]);const F=e=>{var i,n;if(I(void 0),A(void 0),"popup"==(null==e?void 0:e.layout)){const i=K();i&&$(i),A(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);R(e)}I(e)}},T=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-140}return n},q=(n,t)=>{var o,l,s,d,r,a;return e("div",Object.assign({id:(null===(l=null===(o=n.displayName)||void 0===o?void 0:o.split(" "))||void 0===l?void 0:l.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(A(void 0),I(void 0),H(!0),C(e),!e.path&&w(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?B(null==e?void 0:e.children[0]):B({}),I(void 0),setTimeout((()=>{H(!1)}),1e3))})(n),onMouseEnter:()=>{!E&&F(n)},onMouseOver:()=>{!E&&F(n)},onMouseLeave:()=>{var e;(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)||(I(void 0),A(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:[n.isNew&&i("div",Object.assign({className:"new-tag "+(n.isLastSticky?"tag-sticky":"")},{children:"NEW"})),e("div",Object.assign({id:(null===(d=null===(s=n.displayName)||void 0===s?void 0:s.split(" "))||void 0===d?void 0:d.join(""))+"_sub"||n.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==L?void 0:L.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==O?void 0:O.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${n.isNew?"new-menu-item":""}`},{children:[i(h,{icon:n.icon,isActive:n.key==(null==L?void 0:L.key),activeStateIcon:null!==(r=n.activeIcon)&&void 0!==r?r:{},hoverStateIcon:null!==(a=n.hoverIcon)&&void 0!==a?a:{},isHovered:n.key==(null==O?void 0:O.key)||n.key==(null==_?void 0:_.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==L?void 0:L.key)?"active-menu-item-text":"")},{children:n.displayName}))}))]}),t)]}),t)};l((()=>{const e=()=>{const e=K();e&&$(e),D()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const D=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&R(window.innerHeight-i)},K=()=>{var e,i;if(_){const n=(null===(i=null===(e=_.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||_.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=N?N:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}};return e(u,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:g||i(t,{})})),e(v,{children:[null==p?void 0:p.map(((t,o)=>{var l,d;return e(s,{children:[t.path?i(a,Object.assign({href:t.path,router:b},{children:q(t,o)})):q(t,o),e(n,{children:["popup"===t.layout&&(null===(l=null==_?void 0:_.children)||void 0===l?void 0:l.length)&&i(c,{top:null!=x?x:void 0,menuList:null==_?void 0:_.children,onClickingPopupMenu:e=>{j&&j(e),A(void 0)},onMouseLeaveOnMenu:()=>A(void 0)}),(null===(d=null==O?void 0:O.children)||void 0===d?void 0:d.length)&&i(m,{menuList:null==O?void 0:O.children,activeMenu:P,onMouseLeaveOnMenu:()=>I(void 0),left:M?92:88,postion:"fixed",header:O.displayName,theme:"brand",router:b,showAccessUpgradePanel:O.showAccessUpgradePanel,onMenuClick:(e,i)=>{B(e),C(O),I(void 0),A(void 0),i&&S(e)},onUpgrade:f,top:M&&U||0,isNewSidebar:M})]})]},o)})),"number"==typeof r.onboardingPercentage&&i("div",Object.assign({className:"main--sidebar"},{children:i("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===z?"sticky-menu":1===z?"sticky-menu-int":"sticky-menu-three")},{children:i(d,{percentage:r.onboardingPercentage,width:48})}))}))]})]})},h=e=>{const{icon:t,isActive:o,activeStateIcon:l,hoverStateIcon:s,isHovered:d}=e,a=t,c=s;return i(n,{children:o?i(l,{width:20,height:20}):i(d?c:a,{width:20,height:20,color:r.surface.standard})})};export{g as BikSidebar};
|