@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 1.87 kB
JavaScript
import{__assign as e}from"tslib";import t,{useState as n,useEffect as r}from"react";import{observer as i}from"mobx-react";import{Grid as o,Button as l,Box as m,Typography as c}from"@mui/material";import{Icons as a}from"@gsretail.com/gui-icons";import u from"./view/MenuListView.js";import s from"../../../../assets/theme/styles/color.js";import"@mui/material/styles";import"../../../../assets/theme/basicStyle.js";import{ShowButton as d,IconMenuWrap as f,TextMenuWrap as p,StyledBlind as v}from"./styled.js";var E=i((function(i){var s=i.verticalMove,E=i.hidden,h=i.onClickHideButton,M=i.activeMenuId,g=i.menuGroups,k=i.onRouteToMenu,C=i.onClickMenu,I=i.fullscreen,b=i.subGroupId,j=i.menuItemId,w=n(M||g[0].id),x=w[0],G=w[1],B=g.find((function(e){return e.id===x}));return r((function(){G(M)}),[M]),t.createElement(t.Fragment,null,t.createElement(d,{onClick:h,hidden:E,style:e({},I&&{display:"none"})},t.createElement(a.ChevronLeft,null)),t.createElement(o,{container:!0,style:e({},I&&{display:"none"})},t.createElement(f,{verticalMove:s},g.map((function(e,n){return t.createElement(t.Fragment,null,t.createElement(l,{key:"".concat(n,"-").concat(e.id),className:x===e.id?"active":void 0,onClick:function(){return function(e,t){G(e.id),C&&C(t)}(e,null)}},t.createElement(m,null,(i=a[(r=e).icon],t.createElement(i,{width:25,height:25,color:x===r.id?"#fff":"#848B9F"})),t.createElement(c,null,e.name))),("실적관리"===e.id||"방송자원관리"===e.id||"방송 후 관리"===e.id)&&t.createElement(y,null));var r,i}))),t.createElement(p,{verticalMove:s},B&&t.createElement(u,{hidden:E,parentMenuGroup:B,onRouteToMenu:k,onClickHideButton:h,subGroupId:b,menuItemId:j})),!E&&t.createElement(m,{onClick:h},t.createElement(v,{verticalMove:s}))))})),h=s.grey300,y=function(){return t.createElement(m,{sx:{width:40,minHeight:"1px",backgroundColor:h}})};export{E as default};