2015-10-19 03:38:25 +03:00
|
|
|
import React from 'react';
|
|
|
|
import ListItem from './item';
|
|
|
|
import style from './style';
|
|
|
|
|
2015-10-22 02:31:17 +03:00
|
|
|
class List extends React.Component {
|
2015-10-20 08:40:51 +03:00
|
|
|
static propTypes = {
|
2015-10-19 03:38:25 +03:00
|
|
|
className: React.PropTypes.string,
|
|
|
|
ripple: React.PropTypes.bool,
|
|
|
|
selectable: React.PropTypes.bool
|
2015-10-20 08:40:51 +03:00
|
|
|
};
|
2015-10-19 03:38:25 +03:00
|
|
|
|
2015-10-20 08:40:51 +03:00
|
|
|
static defaultProps = {
|
|
|
|
className: '',
|
|
|
|
ripple: false,
|
|
|
|
selectable: false
|
|
|
|
};
|
2015-10-19 03:38:25 +03:00
|
|
|
|
|
|
|
renderItems () {
|
|
|
|
return React.Children.map(this.props.children, (item) => {
|
|
|
|
if (item.type === ListItem) {
|
|
|
|
return React.cloneElement(item, {
|
|
|
|
ripple: this.props.ripple,
|
|
|
|
selectable: this.props.selectable
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
return React.cloneElement(item);
|
|
|
|
}
|
|
|
|
});
|
2015-10-20 08:40:51 +03:00
|
|
|
}
|
2015-10-19 03:38:25 +03:00
|
|
|
|
|
|
|
render () {
|
|
|
|
let className = style.list;
|
|
|
|
if (this.props.className) className += ` ${this.props.className}`;
|
|
|
|
return (
|
|
|
|
<ul className={className}>
|
|
|
|
{ this.renderItems() }
|
|
|
|
</ul>
|
|
|
|
);
|
|
|
|
}
|
2015-10-21 13:25:07 +03:00
|
|
|
}
|
2015-10-22 02:31:17 +03:00
|
|
|
|
|
|
|
export default List;
|