61 lines
1.7 KiB
JavaScript
61 lines
1.7 KiB
JavaScript
import React, { PropTypes } from 'react';
|
|
import classnames from 'classnames';
|
|
import { themr } from 'react-css-themr';
|
|
import { LIST } from '../identifiers.js';
|
|
import InjectCheckbox from '../checkbox/Checkbox.js';
|
|
import InjectListItemContent from './ListItemContent.js';
|
|
|
|
const factory = (Checkbox, ListItemContent) => {
|
|
const ListCheckbox = ({ caption, checked, className, disabled, legend, name, onBlur, onChange, onFocus, theme }) => {
|
|
const _className = classnames(theme.item, theme.checkboxItem, {
|
|
[theme.disabled]: disabled
|
|
}, className);
|
|
|
|
return (
|
|
<li className={_className}>
|
|
<Checkbox
|
|
checked={checked}
|
|
className={theme.checkbox}
|
|
disabled={disabled}
|
|
label={<ListItemContent caption={caption} legend={legend} />}
|
|
name={name}
|
|
onBlur={onBlur}
|
|
onChange={onChange}
|
|
onFocus={onFocus}
|
|
/>
|
|
</li>
|
|
);
|
|
};
|
|
|
|
ListCheckbox.propTypes = {
|
|
caption: PropTypes.string,
|
|
checked: PropTypes.bool,
|
|
className: PropTypes.string,
|
|
disabled: PropTypes.bool,
|
|
legend: PropTypes.string,
|
|
name: PropTypes.string,
|
|
onBlur: PropTypes.func,
|
|
onChange: PropTypes.func,
|
|
onFocus: PropTypes.func,
|
|
theme: PropTypes.shape({
|
|
checkbox: PropTypes.string,
|
|
checkboxItem: PropTypes.string,
|
|
disabled: PropTypes.string,
|
|
item: PropTypes.string
|
|
})
|
|
};
|
|
|
|
ListCheckbox.defaultProps = {
|
|
checked: false,
|
|
disabled: false
|
|
};
|
|
|
|
return ListCheckbox;
|
|
};
|
|
|
|
const ListCheckbox = factory(InjectCheckbox, InjectListItemContent);
|
|
|
|
export default themr(LIST)(ListCheckbox);
|
|
export { factory as listCheckboxFactory };
|
|
export { ListCheckbox };
|