You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
2.9 KiB
95 lines
2.9 KiB
define(["exports", "module", "react", "./BootstrapMixin", "classnames"], function (exports, module, _react, _BootstrapMixin, _classnames) { |
|
"use strict"; |
|
|
|
var _interopRequire = function (obj) { return obj && obj.__esModule ? obj["default"] : obj; }; |
|
|
|
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; |
|
|
|
var React = _interopRequire(_react); |
|
|
|
var cloneElement = _react.cloneElement; |
|
|
|
var BootstrapMixin = _interopRequire(_BootstrapMixin); |
|
|
|
var classNames = _interopRequire(_classnames); |
|
|
|
var ListGroupItem = React.createClass({ |
|
displayName: "ListGroupItem", |
|
|
|
mixins: [BootstrapMixin], |
|
|
|
propTypes: { |
|
bsStyle: React.PropTypes.oneOf(["danger", "info", "success", "warning"]), |
|
active: React.PropTypes.any, |
|
disabled: React.PropTypes.any, |
|
header: React.PropTypes.node, |
|
onClick: React.PropTypes.func, |
|
eventKey: React.PropTypes.any, |
|
href: React.PropTypes.string, |
|
target: React.PropTypes.string |
|
}, |
|
|
|
getDefaultProps: function getDefaultProps() { |
|
return { |
|
bsClass: "list-group-item" |
|
}; |
|
}, |
|
|
|
render: function render() { |
|
var classes = this.getBsClassSet(); |
|
|
|
classes.active = this.props.active; |
|
classes.disabled = this.props.disabled; |
|
|
|
if (this.props.href || this.props.target || this.props.onClick) { |
|
return this.renderAnchor(classes); |
|
} else { |
|
return this.renderSpan(classes); |
|
} |
|
}, |
|
|
|
renderSpan: function renderSpan(classes) { |
|
return React.createElement( |
|
"span", |
|
_extends({}, this.props, { className: classNames(this.props.className, classes) }), |
|
this.props.header ? this.renderStructuredContent() : this.props.children |
|
); |
|
}, |
|
|
|
renderAnchor: function renderAnchor(classes) { |
|
return React.createElement( |
|
"a", |
|
_extends({}, this.props, { |
|
className: classNames(this.props.className, classes) |
|
}), |
|
this.props.header ? this.renderStructuredContent() : this.props.children |
|
); |
|
}, |
|
|
|
renderStructuredContent: function renderStructuredContent() { |
|
var header = undefined; |
|
if (React.isValidElement(this.props.header)) { |
|
header = cloneElement(this.props.header, { |
|
key: "header", |
|
className: classNames(this.props.header.props.className, "list-group-item-heading") |
|
}); |
|
} else { |
|
header = React.createElement( |
|
"h4", |
|
{ key: "header", className: "list-group-item-heading" }, |
|
this.props.header |
|
); |
|
} |
|
|
|
var content = React.createElement( |
|
"p", |
|
{ key: "content", className: "list-group-item-text" }, |
|
this.props.children |
|
); |
|
|
|
return [header, content]; |
|
} |
|
}); |
|
|
|
module.exports = ListGroupItem; |
|
}); |