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