{"ast":null,"code":"import _slicedToArray from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";import React from\"react\";import{makeStyles}from\"@material-ui/core/styles\";import ListItem from\"@material-ui/core/ListItem\";import ListItemIcon from\"@material-ui/core/ListItemIcon\";import ListItemText from\"@material-ui/core/ListItemText\";import Collapse from\"@material-ui/core/Collapse\";import*as Icon from\"@material-ui/icons\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var useStyles=makeStyles(function(theme){return{nested:{paddingLeft:theme.spacing(5),paddingTop:3,paddingBottom:3},item:{padding:0}};});export default function MenuItemNested(props){var classes=useStyles();var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),open=_React$useState2[0],setOpen=_React$useState2[1];var handleClick=function handleClick(){setOpen(!open);};return/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsxs(ListItem,{button:true,onClick:handleClick,children:[/*#__PURE__*/_jsx(ListItemIcon,{children:props.icon}),/*#__PURE__*/_jsx(ListItemText,{primary:props.menu}),open?/*#__PURE__*/_jsx(Icon.ExpandLess,{}):/*#__PURE__*/_jsx(Icon.ExpandMore,{})]}),/*#__PURE__*/_jsx(Collapse,{in:open,timeout:\"auto\",unmountOnExit:true,children:props.subMenu.map(function(sm,i){return/*#__PURE__*/_jsx(ListItem,{component:\"div\",className:classes.item,children:/*#__PURE__*/_jsxs(ListItem,{component:sm.component,to:sm.link,button:true,className:classes.nested,activeClassName:\"link-active\",children:[/*#__PURE__*/_jsx(ListItemIcon,{children:/*#__PURE__*/_jsx(sm.icon,{})}),/*#__PURE__*/_jsx(ListItemText,{primary:sm.menu})]})},i);})})]});}","map":{"version":3,"sources":["C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/src/components/layouts/MenuItemNested.jsx"],"names":["React","makeStyles","ListItem","ListItemIcon","ListItemText","Collapse","Icon","useStyles","theme","nested","paddingLeft","spacing","paddingTop","paddingBottom","item","padding","MenuItemNested","props","classes","useState","open","setOpen","handleClick","icon","menu","subMenu","map","sm","i","component","link"],"mappings":"uKAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CACA,OAASC,UAAT,KAA2B,0BAA3B,CACA,MAAOC,CAAAA,QAAP,KAAqB,4BAArB,CACA,MAAOC,CAAAA,YAAP,KAAyB,gCAAzB,CACA,MAAOC,CAAAA,YAAP,KAAyB,gCAAzB,CACA,MAAOC,CAAAA,QAAP,KAAqB,4BAArB,CACA,MAAO,GAAKC,CAAAA,IAAZ,KAAsB,oBAAtB,C,wFAEA,GAAMC,CAAAA,SAAS,CAAGN,UAAU,CAAC,SAACO,KAAD,QAAY,CACvCC,MAAM,CAAE,CACNC,WAAW,CAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,CADP,CAENC,UAAU,CAAE,CAFN,CAGNC,aAAa,CAAE,CAHT,CAD+B,CAMvCC,IAAI,CAAE,CACJC,OAAO,CAAE,CADL,CANiC,CAAZ,EAAD,CAA5B,CAYA,cAAe,SAASC,CAAAA,cAAT,CAAwBC,KAAxB,CAA8B,CACzC,GAAMC,CAAAA,OAAO,CAAGX,SAAS,EAAzB,CADyC,oBAEjBP,KAAK,CAACmB,QAAN,CAAe,KAAf,CAFiB,oDAElCC,IAFkC,qBAE5BC,OAF4B,qBAIzC,GAAMC,CAAAA,WAAW,CAAG,QAAdA,CAAAA,WAAc,EAAM,CACxBD,OAAO,CAAC,CAACD,IAAF,CAAP,CACD,CAFD,CAGA,mBACE,MAAC,KAAD,CAAO,QAAP,yBACE,MAAC,QAAD,EAAU,MAAM,KAAhB,CAAiB,OAAO,CAAEE,WAA1B,wBACE,KAAC,YAAD,EAAc,QAAQ,CAAEL,KAAK,CAACM,IAA9B,EADF,cAEE,KAAC,YAAD,EAAc,OAAO,CAAEN,KAAK,CAACO,IAA7B,EAFF,CAGGJ,IAAI,cAAG,KAAC,IAAD,CAAM,UAAN,IAAH,cAAyB,KAAC,IAAD,CAAM,UAAN,IAHhC,GADF,cAME,KAAC,QAAD,EAAU,EAAE,CAAEA,IAAd,CAAoB,OAAO,CAAC,MAA5B,CAAmC,aAAa,KAAhD,UACCH,KAAK,CAACQ,OAAN,CAAcC,GAAd,CAAkB,SAACC,EAAD,CAAIC,CAAJ,CAAQ,CACvB,mBACE,KAAC,QAAD,EAAU,SAAS,CAAC,KAApB,CAA0B,SAAS,CAAEV,OAAO,CAACJ,IAA7C,uBACE,MAAC,QAAD,EACE,SAAS,CAAEa,EAAE,CAACE,SADhB,CAEE,EAAE,CAAEF,EAAE,CAACG,IAFT,CAGE,MAAM,KAHR,CAIE,SAAS,CAAEZ,OAAO,CAACT,MAJrB,CAKE,eAAe,CAAC,aALlB,wBAOE,KAAC,YAAD,EAAc,QAAQ,cAAE,KAAC,EAAD,CAAI,IAAJ,IAAxB,EAPF,cAQE,KAAC,YAAD,EAAc,OAAO,CAAEkB,EAAE,CAACH,IAA1B,EARF,GADF,EAAwDI,CAAxD,CADF,CAcH,CAfA,CADD,EANF,GADF,CA+BH","sourcesContent":["import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport Collapse from \"@material-ui/core/Collapse\";\r\nimport * as Icon from \"@material-ui/icons\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  nested: {\r\n    paddingLeft: theme.spacing(5),\r\n    paddingTop :3,\r\n    paddingBottom :3,\r\n  },\r\n  item: {\r\n    padding: 0,\r\n  },\r\n}));\r\n\r\n\r\nexport default function MenuItemNested(props){\r\n    const classes = useStyles();\r\n    const [open, setOpen] = React.useState(false);\r\n\r\n    const handleClick = () => {\r\n      setOpen(!open);\r\n    };\r\n    return (\r\n      <React.Fragment>\r\n        <ListItem button onClick={handleClick}>\r\n          <ListItemIcon children={props.icon}></ListItemIcon>\r\n          <ListItemText primary={props.menu} />\r\n          {open ? <Icon.ExpandLess /> : <Icon.ExpandMore />}\r\n        </ListItem>\r\n        <Collapse in={open} timeout=\"auto\" unmountOnExit>\r\n        {props.subMenu.map((sm,i)=>{\r\n            return (\r\n              <ListItem component=\"div\" className={classes.item} key={i}>\r\n                <ListItem\r\n                  component={sm.component}\r\n                  to={sm.link}\r\n                  button\r\n                  className={classes.nested}\r\n                  activeClassName=\"link-active\"\r\n                >\r\n                  <ListItemIcon children={<sm.icon />}></ListItemIcon>\r\n                  <ListItemText primary={sm.menu} />\r\n                </ListItem>\r\n              </ListItem>\r\n            );\r\n        })\r\n\r\n        }\r\n          \r\n\r\n        </Collapse>\r\n      </React.Fragment>\r\n    );\r\n}"]},"metadata":{},"sourceType":"module"}