-/**\r
- * ============LICENSE_START========================================================================\r
- * ONAP : ccsdk feature sdnr wt odlux\r
- * =================================================================================================\r
- * Copyright (C) 2019 highstreet technologies GmbH Intellectual Property. All rights reserved.\r
- * =================================================================================================\r
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except\r
- * in compliance with the License. You may obtain a copy of the License at\r
- *\r
- * http://www.apache.org/licenses/LICENSE-2.0\r
- *\r
- * Unless required by applicable law or agreed to in writing, software distributed under the License\r
- * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express\r
- * or implied. See the License for the specific language governing permissions and limitations under\r
- * the License.\r
- * ============LICENSE_END==========================================================================\r
- */\r
-import * as React from 'react';\r
-import { NavLink, Link, Route } from 'react-router-dom';\r
-\r
-import ListItem from '@material-ui/core/ListItem';\r
-import ListItemIcon from '@material-ui/core/ListItemIcon';\r
-import ListItemText from '@material-ui/core/ListItemText';\r
-\r
-import { withStyles, WithStyles, createStyles, Theme } from '@material-ui/core/styles';\r
-import { toAriaLabel } from '../../utilities/yangHelper';\r
-\r
-const styles = (theme: Theme) => createStyles({\r
- active: {\r
- backgroundColor: theme.palette.action.selected\r
- }\r
-});\r
-\r
-export interface IListItemLinkProps extends WithStyles<typeof styles> {\r
- icon: JSX.Element | null;\r
- primary: string | React.ComponentType;\r
- secondary?: React.ComponentType;\r
- to: string;\r
- exact?: boolean;\r
- external?: boolean;\r
-}\r
-\r
-export const ListItemLink = withStyles(styles)((props: IListItemLinkProps) => {\r
- const { icon, primary: Primary, secondary: Secondary, classes, to, exact = false, external=false } = props;\r
- const renderLink = (itemProps: any): JSX.Element => (\r
- props.external ? <a target="_blank" href={to} { ...itemProps }></a> :\r
- <NavLink exact={ exact } to={ to } activeClassName={ classes.active } { ...itemProps } />);\r
-\r
- const ariaLabel = typeof Primary === 'string' ? toAriaLabel("link-to-"+Primary) : toAriaLabel("link-to-"+Primary.displayName);\r
- return (\r
- <>\r
- <ListItem button component={ renderLink } aria-label={ariaLabel}>\r
- { icon\r
- ? <ListItemIcon>{ icon }</ListItemIcon>\r
- : null\r
- }\r
- { typeof Primary === 'string'\r
- ? <ListItemText primary={ Primary } style={{ padding: 0 }} /> \r
- : <Primary />\r
- }\r
- </ListItem>\r
- { Secondary \r
- ? <Route exact={ exact } path={ to } component={ Secondary } />\r
- : null\r
- }\r
- </>\r
- );\r
- }\r
-);\r
-\r
-export default ListItemLink;\r
-\r
+/**
+ * ============LICENSE_START========================================================================
+ * ONAP : ccsdk feature sdnr wt odlux
+ * =================================================================================================
+ * Copyright (C) 2019 highstreet technologies GmbH Intellectual Property. All rights reserved.
+ * =================================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License
+ * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
+ * or implied. See the License for the specific language governing permissions and limitations under
+ * the License.
+ * ============LICENSE_END==========================================================================
+ */
+import * as React from 'react';
+import { NavLink, Link, Route } from 'react-router-dom';
+
+import ListItem from '@mui/material/ListItem';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+
+import { Theme } from '@mui/material/styles';
+import { WithStyles } from '@mui/styles';
+import withStyles from '@mui/styles/withStyles';
+import createStyles from '@mui/styles/createStyles';
+import { toAriaLabel } from '../../utilities/yangHelper';
+
+const styles = (theme: Theme) => createStyles({
+ active: {
+ backgroundColor: theme.palette.action.selected
+ }
+});
+
+export interface IListItemLinkProps extends WithStyles<typeof styles> {
+ icon: JSX.Element | null;
+ primary: string | React.ComponentType;
+ secondary?: React.ComponentType;
+ to: string;
+ exact?: boolean;
+ external?: boolean;
+}
+
+export const ListItemLink = withStyles(styles)((props: IListItemLinkProps) => {
+ const { icon, primary: Primary, secondary: Secondary, classes, to, exact = false, external=false } = props;
+ const renderLink = (itemProps: any): JSX.Element => (
+ props.external ? <a target="_blank" href={to} { ...itemProps }></a> :
+ <NavLink exact={ exact } to={ to } activeClassName={ classes.active } { ...itemProps } />);
+
+ const ariaLabel = typeof Primary === 'string' ? toAriaLabel("link-to-"+Primary) : toAriaLabel("link-to-"+Primary.displayName);
+ return (
+ <>
+ <ListItem button component={ renderLink } aria-label={ariaLabel}>
+ { icon
+ ? <ListItemIcon>{ icon }</ListItemIcon>
+ : null
+ }
+ { typeof Primary === 'string'
+ ? <ListItemText primary={ Primary } style={{ padding: 0 }} />
+ : <Primary />
+ }
+ </ListItem>
+ { Secondary
+ ? <Route exact={ exact } path={ to } component={ Secondary } />
+ : null
+ }
+ </>
+ );
+ }
+);
+
+export default ListItemLink;
+