Added logging, changed some directory structure

This commit is contained in:
2018-01-13 21:33:40 -05:00
parent f079a5f067
commit 8e72ffb917
73656 changed files with 35284 additions and 53718 deletions

View File

@@ -0,0 +1,93 @@
// @flow
// @inheritedComponent ListItem
import React from 'react';
import type { ElementType, Node } from 'react';
import classNames from 'classnames';
import withStyles from '../styles/withStyles';
import ListItem from '../List/ListItem';
export const styles = (theme: Object) => ({
root: {
...theme.typography.subheading,
height: 24,
boxSizing: 'content-box',
background: 'none',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
'&:focus': {
background: theme.palette.text.divider,
},
'&:hover': {
backgroundColor: theme.palette.text.divider,
},
},
selected: {
backgroundColor: theme.palette.text.divider,
},
});
type ProvidedProps = {
classes: Object,
role: string,
selected: boolean,
};
export type Props = {
/**
* Menu item contents.
*/
children?: Node,
/**
* Useful to extend the style applied to components.
*/
classes?: Object,
/**
* @ignore
*/
className?: string,
/**
* The component used for the root node.
* Either a string to use a DOM element or a component.
*/
component?: ElementType,
/**
* @ignore
*/
role?: string,
/**
* Use to apply selected styling.
*/
selected?: boolean,
};
function MenuItem(props: ProvidedProps & Props) {
const { classes, className: classNameProp, component, selected, role, ...other } = props;
const className = classNames(
classes.root,
{
[classes.selected]: selected,
},
classNameProp,
);
return (
<ListItem
button
role={role}
tabIndex={-1}
className={className}
component={component}
{...other}
/>
);
}
MenuItem.defaultProps = {
role: 'menuitem',
selected: false,
};
export default withStyles(styles, { name: 'MuiMenuItem' })(MenuItem);