@legion-ui-kit/react-core
Version:
To install the package into your project:
1 lines • 3.53 kB
Source Map (JSON)
{"version":3,"file":"index.cjs","sources":["../../../../src/components/Navbar/index.tsx"],"sourcesContent":["// Modules\r\nimport cn from 'classnames';\r\n\r\n// Types\r\nimport type { TNavbarProps } from './Navbar.type';\r\n\r\n// Styles\r\nimport styles from './styles.module.scss';\r\n\r\n// Helpers\r\nimport { isEmpty, kebabCase } from '../../helpers';\r\n\r\nconst Navbar = (props: TNavbarProps) => {\r\n\tconst {\r\n\t\tclassName,\r\n\t\tlistMenu,\r\n\t\tsubMenuClassName,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst navbarCN = cn(styles.legion_navbar, className);\r\n\tconst menuWrapperCN = cn(styles.navbar_menu_wrapper);\r\n\tconst subMenuWrapperCN = cn(styles.navbar_submenu_wrapper, subMenuClassName);\r\n\r\n\treturn (\r\n\t\t<nav className={navbarCN} {...restProps}>\r\n\t\t\t{listMenu.map((item, index) => {\r\n\t\t\t\tconst { menu, subMenu } = item;\r\n\t\t\t\tconst { label: menuLabel, isActive: menuIsActive } = menu;\r\n\t\t\t\tconst menuCN = cn(styles.navbar_menu, {\r\n\t\t\t\t\t[styles.active]: menuIsActive,\r\n\t\t\t\t});\r\n\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div className={menuWrapperCN} key={index}>\r\n\t\t\t\t\t\t<div className={menuCN}>\r\n\t\t\t\t\t\t\t{menuLabel}\r\n\t\t\t\t\t\t\t{!isEmpty(subMenu) && (\r\n\t\t\t\t\t\t\t\t<i className={styles.navbar_menu_arrow}/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{!isEmpty(subMenu) && (\r\n\t\t\t\t\t\t\t<div className={subMenuWrapperCN}>\r\n\t\t\t\t\t\t\t\t{subMenu?.map((subItem, subIndex) => {\r\n\t\t\t\t\t\t\t\t\tconst subKey = kebabCase(`${index}-${subIndex}`);\r\n\t\t\t\t\t\t\t\t\tconst { label: subMenuLabel, isActive: subMenuIsActive } = subItem;\r\n\t\t\t\t\t\t\t\t\tconst subMenuCN = cn(styles.navbar_submenu, {\r\n\t\t\t\t\t\t\t\t\t\t[styles.active]: subMenuIsActive,\r\n\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<div key={subKey} className={subMenuCN}>\r\n\t\t\t\t\t\t\t\t\t\t\t{subMenuLabel}\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)\r\n\t\t\t})}\r\n\t\t</nav>\r\n\t)\r\n}\r\n\r\nexport default Navbar;\r\n"],"names":["props","className","listMenu","subMenuClassName","restProps","navbarCN","cn","styles","legion_navbar","menuWrapperCN","navbar_menu_wrapper","subMenuWrapperCN","navbar_submenu_wrapper","_jsx","children","map","item","index","menu","subMenu","label","menuLabel","isActive","menuIsActive","menuCN","navbar_menu","active","_jsxs","isEmpty","navbar_menu_arrow","subItem","subIndex","subKey","kebabCase","subMenuLabel","subMenuIsActive","subMenuCN","navbar_submenu"],"mappings":"oVAYgBA,IACf,MAAMC,UACLA,EAASC,SACTA,EAAQC,iBACRA,KACGC,GACAJ,EAEEK,EAAWC,EAAAA,QAAGC,UAAOC,cAAeP,GACpCQ,EAAgBH,EAAAA,QAAGC,EAAAA,QAAOG,qBAC1BC,EAAmBL,EAAAA,QAAGC,UAAOK,uBAAwBT,GAE3D,OACCU,MAAA,MAAA,CAAKZ,UAAWI,KAAcD,EAASU,SACrCZ,EAASa,IAAI,CAACC,EAAMC,KACpB,MAAMC,KAAEA,EAAIC,QAAEA,GAAYH,GAClBI,MAAOC,EAAWC,SAAUC,GAAiBL,EAC/CM,EAASlB,EAAAA,QAAGC,EAAAA,QAAOkB,YAAa,CACrC,CAAClB,EAAAA,QAAOmB,QAASH,IAGlB,OACCI,EAAAA,YAAK1B,UAAWQ,EAAaK,SAAA,CAC5Ba,EAAAA,KAAA,MAAA,CAAK1B,UAAWuB,EAAMV,SAAA,CACpBO,GACCO,EAAAA,QAAQT,IACTN,EAAAA,IAAA,IAAA,CAAGZ,UAAWM,EAAAA,QAAOsB,wBAGrBD,EAAAA,QAAQT,IACTN,EAAAA,IAAA,MAAA,CAAKZ,UAAWU,EAAgBG,SAC9BK,GAASJ,IAAI,CAACe,EAASC,KACvB,MAAMC,EAASC,EAAAA,UAAU,GAAGhB,KAASc,MAC7BX,MAAOc,EAAcZ,SAAUa,GAAoBL,EACrDM,EAAY9B,EAAAA,QAAGC,EAAAA,QAAO8B,eAAgB,CAC3C,CAAC9B,EAAAA,QAAOmB,QAASS,IAGlB,OACCtB,EAAAA,IAAA,MAAA,CAAkBZ,UAAWmC,EAAStB,SACpCoB,GADQF,SAjBqBf"}