| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124 |
1×
133×
1×
1×
1×
1×
1×
1×
1×
1×
4×
5×
44×
19×
19×
1×
1×
1×
1×
19×
19×
19×
19×
1×
1×
7×
1×
1×
1×
44×
44×
69×
1×
44×
44×
44×
44×
1×
44×
1×
1×
1×
1×
1×
| 'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { Eif (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _uxcoreConst = require('uxcore-const');
var _uxcoreConst2 = _interopRequireDefault(_uxcoreConst);
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames2 = require('classnames');
var _classnames3 = _interopRequireDefault(_classnames2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); Iif (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
function _defineProperty(obj, key, value) { Iif (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { Iif (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { Iif (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { Iif (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); Eif (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
* A checkbox field
*/
var CheckBox = function (_React$Component) {
_inherits(CheckBox, _React$Component);
function CheckBox(props) {
_classCallCheck(this, CheckBox);
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
_this.handleClick = _this.handleClick.bind(_this);
return _this;
}
CheckBox.prototype.getValue = function getValue() {
return this.checkbox.checked;
};
CheckBox.prototype.handleChange = function handleChange(e) {
this.props.onChange(e);
};
CheckBox.prototype.handleClick = function handleClick() {
// simulate checkbox
this.props.onChange({
target: {
checked: true
}
});
};
CheckBox.prototype.renderHalfChecked = function renderHalfChecked() {
return _react2['default'].createElement(
'span',
{ className: 'kuma-uxtable-row-selector' },
_react2['default'].createElement('i', { className: 'half-checked', onClick: this.handleClick })
);
};
CheckBox.prototype.renderCheckBox = function renderCheckBox(renderProps) {
var _this2 = this;
return _react2['default'].createElement(
'label',
{
className: (0, _classnames3['default'])(_defineProperty({
'kuma-uxtable-row-selector': true
}, this.props.className, !!this.props.className))
},
_react2['default'].createElement('input', _extends({ type: 'checkbox', ref: function ref(c) {
_this2.checkbox = c;
} }, renderProps)),
_react2['default'].createElement('s', null)
);
};
CheckBox.prototype.render = function render() {
var props = this.props;
Iif (props.halfChecked) {
return this.renderHalfChecked();
}
var renderProps = {
className: 'kuma-checkbox',
checked: this.props.checked || false,
onChange: this.handleChange.bind(this)
};
if (!!props.disable || props.mode === _uxcoreConst2['default'].MODE.VIEW) {
renderProps.disabled = true;
}
return this.renderCheckBox(renderProps);
};
return CheckBox;
}(_react2['default'].Component);
CheckBox.propTypes = {
onChange: _propTypes2['default'].func,
checked: _propTypes2['default'].bool,
className: _propTypes2['default'].string
};
CheckBox.defaultProps = {
onChange: function onChange() {}
};
exports['default'] = CheckBox;
module.exports = exports['default'];
|