Newer
Older
/**
* Created by glenn on 6/12/2017.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
var reactAndRedux_1 = require("./reactAndRedux");
require("jquery-ui");
var makeGuid_1 = require("../util/makeGuid");
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
__extends(RadioItem, _super);
function RadioItem(props, context) {
var _this = _super.call(this, props, context) || this;
_this.guid = makeGuid_1.default();
return _this;
}
RadioItem.prototype.render = function () {
var _this = this;
var style = {};
if (this.props.inline) {
style = {
display: 'inline-block',
padding: '0 5px'
};
}
var props = {
id: this.guid,
type: "radio",
name: this.props.groupId,
value: typeof this.props.index == 'undefined' ? this.props.text : this.props.index.toFixed(),
onChange: function (evt) {
_this.props.change(evt.target.value);
evt.target.checked = true;
},
checked: this.props.checked,
defaultChecked: this.props.checked
};
if (this.props.connected) {
delete props.defaultChecked;
}
else {
delete props.checked;
}
return reactAndRedux_1.React.createElement("li", { style: style },
reactAndRedux_1.React.createElement("input", __assign({}, props)),
reactAndRedux_1.React.createElement("label", { htmlFor: this.guid }, this.props.text));
};
return RadioItem;
}(reactAndRedux_1.React.Component));
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
__extends(RadioBase, _super);
function RadioBase(props, context) {
var _this = _super.call(this, props, context) || this;
_this.inline = _this.props.inline || false;
_this.groupId = _this.props.title.toLowerCase().replace(/ /g, '');
return _this;
}
RadioBase.prototype.render = function () {
var _this = this;
var arr = [];
for (var i = 0; i < this.props.items.length; i++) {
var itemProps = {
groupId: this.groupId,
text: this.props.items[i],
inline: this.props.inline,
change: function (s) { return (_this.props.callback(s)); },
key: this.props.items[i],
connected: this.props.connected || false,
checked: false,
index: i
};
if (typeof this.props.selectedValueOrIndex == 'number') {
itemProps.checked = i == this.props.selectedValueOrIndex;
}
else {
itemProps.checked = this.props.items[i] == this.props.selectedValueOrIndex;
delete itemProps.index;
}
arr.push(reactAndRedux_1.React.createElement(RadioItem, __assign({}, itemProps)));
}
var classes = ['radio-list'];
if (this.props.classes) {
classes = classes.concat(this.props.classes);
}
return reactAndRedux_1.React.createElement("div", { className: classes.join(' ') },
reactAndRedux_1.React.createElement("h4", null, this.props.title),
reactAndRedux_1.React.createElement("ul", { style: { listStyle: 'none' } }, arr));
};
return RadioBase;
}(reactAndRedux_1.React.Component));
__extends(Radio, _super);
function Radio() {
return _super !== null && _super.apply(this, arguments) || this;
}
Radio.prototype.render = function () {
return reactAndRedux_1.React.createElement(RadioBase, { title: this.props.title, items: this.props.items, callback: this.props.callback, inline: this.props.inline, selectedValueOrIndex: this.props.defaultValue, connected: false, classes: this.props.classes });
};
return Radio;
}(reactAndRedux_1.React.Component));
exports.Radio = Radio;
__extends(RadioConnected, _super);
function RadioConnected() {
return _super !== null && _super.apply(this, arguments) || this;
}
RadioConnected.prototype.render = function () {
return reactAndRedux_1.React.createElement(RadioBase, { title: this.props.title, items: this.props.items, callback: this.props.callback, inline: this.props.inline, selectedValueOrIndex: this.props.selectedIndex, connected: true, classes: this.props.classes });
};
return RadioConnected;
}(reactAndRedux_1.React.Component));
exports.RadioConnected = RadioConnected;
//# sourceMappingURL=Radio.js.map