react-sm-ui
Advanced tools
Comparing version 0.0.6 to 0.0.7
@@ -39,2 +39,6 @@ 'use strict'; | ||
var _propsToClasses = require('../util/propsToClasses'); | ||
var _propsToClasses2 = _interopRequireDefault(_propsToClasses); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
@@ -53,3 +57,4 @@ | ||
value: function render() { | ||
var classes = (0, _classnames2.default)('ui', this.props.className, this.props.size, 'message'); | ||
var classesFromProps = (0, _propsToClasses2.default)(['compact'], this.props); | ||
var classes = (0, _classnames2.default)('ui', classesFromProps, this.props.size, 'message', this.props.className); | ||
var dismissIcon = this.props.dismissable ? _react2.default.createElement('i', { className: 'close icon' }) : undefined; | ||
@@ -71,4 +76,5 @@ | ||
size: _react.PropTypes.oneOf(['small', 'large', 'huge', 'massive']), | ||
dismissable: _react.PropTypes.bool | ||
dismissable: _react.PropTypes.bool, | ||
compact: _react.PropTypes.bool | ||
}; | ||
exports.default = Message; |
@@ -35,2 +35,6 @@ 'use strict'; | ||
var _SemanticUiPropTypes = require('../common/SemanticUiPropTypes'); | ||
var _SemanticUiPropTypes2 = _interopRequireDefault(_SemanticUiPropTypes); | ||
var _propsToClasses = require('../util/propsToClasses'); | ||
@@ -63,6 +67,12 @@ | ||
if (wrapper) { | ||
if (wrapper && src) { | ||
return _react2.default.createElement( | ||
'div', | ||
{ className: classes }, | ||
_react2.default.createElement('img', { src: src }) | ||
); | ||
} else if (wrapper) { | ||
return _react2.default.createElement( | ||
'div', | ||
{ className: classes }, | ||
this.props.children | ||
@@ -88,3 +98,3 @@ ); | ||
href: _react.PropTypes.string, | ||
size: _react.PropTypes.oneOf(['mini', 'tiny', 'small', 'medium', 'large', 'big', 'huge', 'massive']), | ||
size: _SemanticUiPropTypes2.default.size, | ||
wrapper: _react.PropTypes.bool, | ||
@@ -91,0 +101,0 @@ avatar: _react.PropTypes.bool, |
@@ -6,3 +6,3 @@ 'use strict'; | ||
}); | ||
exports.Segment = exports.Row = exports.Message = exports.ModalActions = exports.ModalContent = exports.ModalHeader = exports.Modal = exports.Menu = exports.Label = exports.Image = exports.Grid = exports.FormField = exports.Form = exports.Divider = exports.Column = exports.Container = exports.Button = undefined; | ||
exports.Statistic = exports.Segment = exports.Row = exports.Message = exports.ModalActions = exports.ModalContent = exports.ModalHeader = exports.Modal = exports.Menu = exports.Label = exports.ItemGroup = exports.Item = exports.Image = exports.Grid = exports.FormField = exports.Form = exports.Header = exports.Divider = exports.Column = exports.Container = exports.Button = undefined; | ||
@@ -49,2 +49,6 @@ var _Form = require('./collections/Form'); | ||
var _Header = require('./elements/Header'); | ||
var _Header2 = _interopRequireDefault(_Header); | ||
var _Label = require('./elements/Label'); | ||
@@ -62,2 +66,8 @@ | ||
var _Statistic = require('./views/Statistic'); | ||
var _Statistic2 = _interopRequireDefault(_Statistic); | ||
var _Item = require('./views/Item'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
@@ -69,2 +79,3 @@ | ||
exports.Divider = _Divider2.default; | ||
exports.Header = _Header2.default; | ||
exports.Form = _Form.Form; | ||
@@ -74,2 +85,4 @@ exports.FormField = _Form.FormField; | ||
exports.Image = _Image2.default; | ||
exports.Item = _Item.Item; | ||
exports.ItemGroup = _Item.ItemGroup; | ||
exports.Label = _Label2.default; | ||
@@ -83,2 +96,3 @@ exports.Menu = _Menu2.default; | ||
exports.Row = _Grid.Row; | ||
exports.Segment = _Segment2.default; | ||
exports.Segment = _Segment2.default; | ||
exports.Statistic = _Statistic2.default; |
{ | ||
"name": "react-sm-ui", | ||
"version": "0.0.6", | ||
"version": "0.0.7", | ||
"description": "Semantic UI components built with React", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
49026
22
1125