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.
67 lines
1.8 KiB
67 lines
1.8 KiB
"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(require("react")); |
|
|
|
var classNames = _interopRequire(require("classnames")); |
|
|
|
var BootstrapMixin = _interopRequire(require("./BootstrapMixin")); |
|
|
|
var Alert = React.createClass({ |
|
displayName: "Alert", |
|
|
|
mixins: [BootstrapMixin], |
|
|
|
propTypes: { |
|
onDismiss: React.PropTypes.func, |
|
dismissAfter: React.PropTypes.number |
|
}, |
|
|
|
getDefaultProps: function getDefaultProps() { |
|
return { |
|
bsClass: "alert", |
|
bsStyle: "info" |
|
}; |
|
}, |
|
|
|
renderDismissButton: function renderDismissButton() { |
|
return React.createElement( |
|
"button", |
|
{ |
|
type: "button", |
|
className: "close", |
|
onClick: this.props.onDismiss, |
|
"aria-hidden": "true" }, |
|
"×" |
|
); |
|
}, |
|
|
|
render: function render() { |
|
var classes = this.getBsClassSet(); |
|
var isDismissable = !!this.props.onDismiss; |
|
|
|
classes["alert-dismissable"] = isDismissable; |
|
|
|
return React.createElement( |
|
"div", |
|
_extends({}, this.props, { className: classNames(this.props.className, classes) }), |
|
isDismissable ? this.renderDismissButton() : null, |
|
this.props.children |
|
); |
|
}, |
|
|
|
componentDidMount: function componentDidMount() { |
|
if (this.props.dismissAfter && this.props.onDismiss) { |
|
this.dismissTimer = setTimeout(this.props.onDismiss, this.props.dismissAfter); |
|
} |
|
}, |
|
|
|
componentWillUnmount: function componentWillUnmount() { |
|
clearTimeout(this.dismissTimer); |
|
} |
|
}); |
|
|
|
module.exports = Alert; |