react-toolbox/lib/list/ListItemAction.js

44 lines
1.1 KiB
JavaScript

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ListItemAction = undefined;
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers.js');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ListItemAction = function ListItemAction(_ref) {
var action = _ref.action;
var theme = _ref.theme;
var _action$props = action.props;
var onClick = _action$props.onClick;
var onMouseDown = _action$props.onMouseDown;
var stopRipple = onClick && !onMouseDown;
var stop = function stop(e) {
return e.stopPropagation();
};
return _react2.default.createElement(
'span',
{ className: theme.itemAction, onMouseDown: stopRipple && stop, onClick: onClick && stop },
action
);
};
ListItemAction.propTypes = {
action: _react.PropTypes.object,
theme: _react.PropTypes.shape({
itemAction: _react.PropTypes.string
})
};
exports.default = (0, _reactCssThemr.themr)(_identifiers.LIST)(ListItemAction);
exports.ListItemAction = ListItemAction;