table-filter-multiselect
Version:
## Install You need to have react and react-dom as dependencies in your project.
36 lines (28 loc) • 822 B
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
class SelectAllItem extends React.Component{
constructor(props){
super(props);
this.state = {};
this._initMethods();
}
/*Bind Functions to Context*/
_initMethods(){
this._selectAllClicked = this._selectAllClicked.bind(this);
}
_selectAllClicked(){
this.props.filterClicked();
}
render(){
const checkBoxClass = [this.props.selected ? "selected " : "", "filter-check-box"].join('');
return (<div className="filter-list-item" onClick={this._selectAllClicked}>
<div className={ checkBoxClass } ></div>
<div className="filter-label select-all-label">Select All</div>
</div>);
}
}
SelectAllItem.propTypes = {
filterClicked: PropTypes.func.isRequired,
selected: PropTypes.bool.isRequired,
}
export default SelectAllItem