@bikdotai/bik-component-library 0.12.0-bik-layout-beta → 0.13.0-bik-layout-beta
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.
- package/dist/cjs/components/bik-layout/BikSidebar.d.ts +2 -2
- package/dist/cjs/components/bik-layout/BikSidebar.js +1 -1
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/esm/components/bik-layout/BikSidebar.d.ts +2 -2
- package/dist/esm/components/bik-layout/BikSidebar.js +1 -1
- package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
- package/package.json +1 -1
|
@@ -12,8 +12,8 @@ export interface MainMenu {
|
|
|
12
12
|
}
|
|
13
13
|
export interface BikSidebarProps {
|
|
14
14
|
allMenuList: MainMenu[];
|
|
15
|
-
activeMainMenu
|
|
16
|
-
activeSubMenu
|
|
15
|
+
activeMainMenu: MainMenu;
|
|
16
|
+
activeSubMenu: Menu;
|
|
17
17
|
onClickingMainMenu: (menu: MainMenu) => void;
|
|
18
18
|
onClickingSubMenu: (subMenu: Menu) => void;
|
|
19
19
|
}
|
|
@@ -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"),
|
|
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"),a=require("./SimpleSidebar.js");const l=i=>{const{icon:n,isActive:t,activeStateIcon:a,hoverStateIcon:l,isHovered:o}=i,r=n,c=a,d=l;return e.jsx(e.Fragment,{children:t?e.jsx(c,{width:20,height:20}):o?e.jsx(d,{width:20,height:20,color:s.COLORS.surface.standard}):e.jsx(r,{width:20,height:20,color:s.COLORS.surface.standard})})};exports.BikSidebar=s=>{const{allMenuList:o,activeMainMenu:r,activeSubMenu:c,onClickingMainMenu:d,onClickingSubMenu:u}=s,[v,h]=n.useState(r),[m,j]=n.useState(),[S,g]=n.useState(c);return console.log("actibemenu",r),console.log("activeSubMenu",c),e.jsxs(t.SideBarContainer,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:e.jsx(i.default,{})})),e.jsx(t.SibeBarMenuItem,{children:null==o?void 0:o.map(((i,s)=>{var t,o,r;return e.jsxs(n.Fragment,{children:[e.jsx("div",Object.assign({className:"main--sidebar",onClick:()=>{var e;j(void 0),h(i),d(i),(null===(e=null==i?void 0:i.children)||void 0===e?void 0:e.length)?g(null==i?void 0:i.children[0]):g({})},onMouseOver:()=>{j(i)},onMouseEnter:()=>{j(i)},onMouseLeave:()=>{var e;!(null===(e=null==i?void 0:i.children)||void 0===e?void 0:e.length)&&j(void 0)},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e.jsxs("div",Object.assign({className:`sidebar-menu-item ${(null==v?void 0:v.key)==i.key?" main-menu-active-class":""} ${i.isLastSticky?"sticky-menu-int":""} ${i.is2ndLastSticky?"sticky-menu":""}\n ${i.key==(null==m?void 0:m.key)?"sidebar-menu-item-hover":""}`},{children:[e.jsx(l,{icon:i.icon,isActive:i.key==(null==v?void 0:v.key),activeStateIcon:null!==(t=i.activeIcon)&&void 0!==t?t:{},hoverStateIcon:null!==(o=i.hoverIcon)&&void 0!==o?o:{},isHovered:i.key==(null==m?void 0:m.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==v?void 0:v.key)?"active-menu-item-text":"")},{children:i.displayName}))}))]}),s)}),s),e.jsx(e.Fragment,{children:(null===(r=null==m?void 0:m.children)||void 0===r?void 0:r.length)&&e.jsx(a.SimpleSidebar,{menuList:null==m?void 0:m.children,activeMenu:S,onMouseLeaveOnMenu:()=>j(void 0),left:88,header:m.displayName,theme:"brand",onMenuClick:e=>{g(e),h(m),j(void 0),u(e)}})})]},s)}))})]})};
|
|
@@ -12,8 +12,8 @@ export interface MainMenu {
|
|
|
12
12
|
}
|
|
13
13
|
export interface BikSidebarProps {
|
|
14
14
|
allMenuList: MainMenu[];
|
|
15
|
-
activeMainMenu
|
|
16
|
-
activeSubMenu
|
|
15
|
+
activeMainMenu: MainMenu;
|
|
16
|
+
activeSubMenu: Menu;
|
|
17
17
|
onClickingMainMenu: (menu: MainMenu) => void;
|
|
18
18
|
onClickingSubMenu: (subMenu: Menu) => void;
|
|
19
19
|
}
|
|
@@ -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,Fragment as t}from"react";import{COLORS as
|
|
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,Fragment as t}from"react";import{COLORS as c}from"../../constants/Theme.js";import{SideBarContainer as a,SibeBarMenuItem as s}from"./SidebarStyles.js";import{SimpleSidebar as r}from"./SimpleSidebar.js";const d=c=>{const{allMenuList:d,activeMainMenu:u,activeSubMenu:m,onClickingMainMenu:h,onClickingSubMenu:k}=c,[g,y]=l(u),[b,M]=l(),[S,p]=l(m);return console.log("actibemenu",u),console.log("activeSubMenu",m),e(a,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:i(o,{})})),i(s,{children:null==d?void 0:d.map(((o,l)=>{var c,a,s;return e(t,{children:[i("div",Object.assign({className:"main--sidebar",onClick:()=>{var e;M(void 0),y(o),h(o),(null===(e=null==o?void 0:o.children)||void 0===e?void 0:e.length)?p(null==o?void 0:o.children[0]):p({})},onMouseOver:()=>{M(o)},onMouseEnter:()=>{M(o)},onMouseLeave:()=>{var e;!(null===(e=null==o?void 0:o.children)||void 0===e?void 0:e.length)&&M(void 0)},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e("div",Object.assign({className:`sidebar-menu-item ${(null==g?void 0:g.key)==o.key?" main-menu-active-class":""} ${o.isLastSticky?"sticky-menu-int":""} ${o.is2ndLastSticky?"sticky-menu":""}\n ${o.key==(null==b?void 0:b.key)?"sidebar-menu-item-hover":""}`},{children:[i(v,{icon:o.icon,isActive:o.key==(null==g?void 0:g.key),activeStateIcon:null!==(c=o.activeIcon)&&void 0!==c?c:{},hoverStateIcon:null!==(a=o.hoverIcon)&&void 0!==a?a:{},isHovered:o.key==(null==b?void 0:b.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==g?void 0:g.key)?"active-menu-item-text":"")},{children:o.displayName}))}))]}),l)}),l),i(n,{children:(null===(s=null==b?void 0:b.children)||void 0===s?void 0:s.length)&&i(r,{menuList:null==b?void 0:b.children,activeMenu:S,onMouseLeaveOnMenu:()=>M(void 0),left:88,header:b.displayName,theme:"brand",onMenuClick:e=>{p(e),y(b),M(void 0),k(e)}})})]},l)}))})]})},v=e=>{const{icon:o,isActive:l,activeStateIcon:t,hoverStateIcon:a,isHovered:s}=e,r=o,d=a;return i(n,{children:l?i(t,{width:20,height:20}):i(s?d:r,{width:20,height:20,color:c.surface.standard})})};export{d as BikSidebar};
|