@deskpro/apps-components
Advanced tools
Comparing version 0.6.0 to 0.7.0
@@ -44,2 +44,3 @@ 'use strict'; | ||
label = _props.label, | ||
labelDisplay = _props.labelDisplay, | ||
className = _props.className, | ||
@@ -53,6 +54,8 @@ onClick = _props.onClick; | ||
className: (0, _classnames2.default)('dp-ActionListItem dp-ActionListIcon dp---is-hoverable', className), | ||
onClick: onClick | ||
onClick: onClick, | ||
title: labelDisplay === 'onHover' ? label : "" | ||
}, | ||
_react2.default.createElement(_Icon2.default, { name: icon }), | ||
label && _react2.default.createElement( | ||
label && labelDisplay === 'always' && _react2.default.createElement( | ||
'span', | ||
@@ -69,8 +72,34 @@ { className: 'dp-ActionListLabel' }, | ||
Action.propTypes = { | ||
/** | ||
* any additional classnames to be applied to the root element | ||
*/ | ||
className: _propTypes2.default.string, | ||
/** | ||
* the name of an icon that represents the action | ||
*/ | ||
icon: _propTypes2.default.string.isRequired, | ||
/** | ||
* a handler function | ||
*/ | ||
onClick: _propTypes2.default.func, | ||
label: _propTypes2.default.string | ||
/** | ||
*the name of the action | ||
*/ | ||
label: _propTypes2.default.string, | ||
/** | ||
* A string indicating how to display the label. If the value is "always" the label is shown to the right of the icon. If value is "onHover" label will be shown when mouse is over the icon | ||
*/ | ||
labelDisplay: _propTypes2.default.oneOf('always', 'onHover') | ||
}; | ||
Action.defaultProps = { | ||
labelDisplay: 'always' | ||
}; | ||
exports.default = Action; |
@@ -28,4 +28,4 @@ 'use strict'; | ||
/** | ||
* @param {string} iconUrl | ||
* @param {string} title | ||
* @param {string} [iconUrl] | ||
* @param {string} [title] | ||
* @param {string|Number} badgeText | ||
@@ -67,6 +67,16 @@ * @param children | ||
_ActionList2.default.propTypes = { | ||
/** | ||
* any additional classnames to be applied to the root element | ||
*/ | ||
className: _propTypes2.default.string, | ||
/** | ||
* The url of an icon to be displayed to the left of the title | ||
*/ | ||
iconUrl: _propTypes2.default.string, | ||
/** | ||
* The text displayed on the left side | ||
*/ | ||
title: _propTypes2.default.string | ||
@@ -73,0 +83,0 @@ }; |
@@ -93,3 +93,3 @@ 'use strict'; | ||
/** | ||
* any additional classnames to be applied to the AppBar container | ||
* any additional classnames to be applied to the root element | ||
*/ | ||
@@ -96,0 +96,0 @@ className: _propTypes2.default.string |
@@ -49,3 +49,3 @@ 'use strict'; | ||
'div', | ||
{ className: (0, _classnames2.default)(className) }, | ||
{ className: (0, _classnames2.default)("dp-Section", className) }, | ||
_react2.default.createElement( | ||
@@ -52,0 +52,0 @@ _Action.ActionBar, |
@@ -29,5 +29,9 @@ 'use strict'; | ||
{ className: (0, _classnames2.default)("dp-DataTable", className) }, | ||
data.map(function (row) { | ||
return renderRow(columns, row); | ||
}) | ||
_react2.default.createElement( | ||
'tbody', | ||
null, | ||
data.map(function (row) { | ||
return renderRow(columns, row); | ||
}) | ||
) | ||
); | ||
@@ -34,0 +38,0 @@ }; |
@@ -164,2 +164,11 @@ 'use strict'; | ||
var _Panel = require('./Panel'); | ||
Object.defineProperty(exports, 'Panel', { | ||
enumerable: true, | ||
get: function get() { | ||
return _interopRequireDefault(_Panel).default; | ||
} | ||
}); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } |
{ | ||
"name": "@deskpro/apps-components", | ||
"version": "0.6.0", | ||
"version": "0.7.0", | ||
"author": "DeskPRO <support@deskpro.com>", | ||
@@ -23,3 +23,3 @@ "license": "BSD 3-Clause License", | ||
"dependencies": { | ||
"@deskpro/apps-components-style": "^0.6.0", | ||
"@deskpro/apps-components-style": "^0.7.0", | ||
"classnames": "^2.2.6", | ||
@@ -26,0 +26,0 @@ "react-custom-scrollbars": "^4.2.1" |
54028
39
1412
+ Added@deskpro/apps-components-style@0.7.2(transitive)
- Removed@deskpro/apps-components-style@0.6.0(transitive)