UNPKG

react-vir-tree

Version:
63 lines (43 loc) 2.11 kB
'use strict'; exports.__esModule = true; 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 = require('react'); var _react2 = _interopRequireDefault(_react); var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames); var _propTypes = require('prop-types'); var _propTypes2 = _interopRequireDefault(_propTypes); var _eventWrappers = require('../eventWrappers'); var _nodes = require('../selectors/nodes'); var _rendererShapes = require('../shapes/rendererShapes'); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var Deletable = function Deletable(_ref) { var _classNames; var onChange = _ref.onChange, node = _ref.node, _ref$iconsClassNameMa = _ref.iconsClassNameMap, iconsClassNameMap = _ref$iconsClassNameMa === undefined ? { delete: 'mi mi-delete' } : _ref$iconsClassNameMa, children = _ref.children, index = _ref.index; var _getNodeRenderOptions = (0, _nodes.getNodeRenderOptions)(node), isDeletable = _getNodeRenderOptions.isDeletable; var className = (0, _classnames2.default)((_classNames = {}, _classNames[iconsClassNameMap.delete] = isDeletable, _classNames)); var handleChange = function handleChange() { return onChange(_extends({}, (0, _nodes.deleteNode)(node), { index: index })); }; return _react2.default.createElement( 'span', null, isDeletable && _react2.default.createElement('i', { tabIndex: 0, onKeyDown: (0, _eventWrappers.submitEvent)(handleChange), onClick: handleChange, className: className }), children ); }; Deletable.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _rendererShapes.Renderer, { iconsClassNameMap: _propTypes2.default.shape({ delete: _propTypes2.default.string }) }) : {}; exports.default = Deletable; module.exports = exports['default'];