diff --git a/README.md b/README.md index 707aa08..119ff81 100644 --- a/README.md +++ b/README.md @@ -144,7 +144,7 @@ defaultChecked | Boolean | | The default checked state of the radio button. disabled | Boolean | false | If true, the radio button will be shown as disabled and cannot be modified. label | Node or String | | Label for the radio button. name | String | | Name for the input element. -value | Any | | Value for the radio button. +value | any | | Value for the radio button. onChange | Function | | Callback function that will be invoked when the value changes. #### RadioGroup @@ -154,14 +154,15 @@ Name | Type | Default | Description children | any | | Children to pass through the component. disabled | Boolean | false | If true, the radio group will be displayed as disasbled. name | String | | Name for the input element group. -value | Any | | Default value selected in the radio group. +value | any | | The value of the radio group. +defaultValue | any | | The default value of the radio group. onChange | Function | | Callback function that will be invoked when the value changes. ### Class Properties #### RadioButton -Use the ref property to get a reference to the component: +Use the ref property to get a reference to this component: ```jsx { + if (node) { + this.radioGroup = node; + console.log(this.radioGroup.value); + } + }} +/> +``` + +Name | Type | Description +:--- | :--- | :---------- +value | Any | Get the value of the radio group. + ## License MIT diff --git a/dist/react-radio.css b/dist/react-radio.css index f2fc863..04bd4d7 100644 --- a/dist/react-radio.css +++ b/dist/react-radio.css @@ -1,4 +1,4 @@ -/*! react-radio v3.1.1 | (c) 2018 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-radio */ +/*! react-radio v3.1.2 | (c) 2018 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-radio */ .radio---control-radio---2rwkY { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; diff --git a/dist/react-radio.min.css b/dist/react-radio.min.css index 32ca3d8..f28d62e 100644 --- a/dist/react-radio.min.css +++ b/dist/react-radio.min.css @@ -1 +1 @@ -/*! react-radio v3.1.1 | (c) 2018 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-radio */.radio---control-radio---2rwkY{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:20px;cursor:pointer}.radio---control-radio---2rwkY *,.radio---control-radio---2rwkY :after,.radio---control-radio---2rwkY :before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.radio---control-radio---2rwkY.radio---disabled---eCY9b{opacity:.4;cursor:not-allowed}.radio---control-radio---2rwkY+.radio---control-radio---2rwkY{margin-left:16px}.radio---input-radio---2yM_b{display:none}.radio---input-radio---2yM_b+.radio---control-indicator---dcwXW::before{content:"";display:inline-block;background-color:#fff;border:1px solid #999;border-radius:50%;margin-right:8px;margin-top:3px;width:14px;height:14px;vertical-align:top}.radio---input-radio---2yM_b:checked+.radio---control-indicator---dcwXW::before{content:"\2022";color:#fff;font-size:16px;text-align:center;line-height:14px;border:1px solid #0096cc;background-color:#0096cc;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s;-ms-transition:background-color .2s;transition:background-color .2s}.radio---control-radio---2rwkY:not(.radio---disabled---eCY9b):hover>.radio---control-indicator---dcwXW::before{border:1px solid #0096cc}.radio---control-radio---2rwkY:not(.radio---disabled---eCY9b):hover>.radio---input-radio---2yM_b:checked+.radio---control-indicator---dcwXW::before{border:1px solid #33abd6;background-color:#33abd6}.radio---input-radio---2yM_b:not(:checked):disabled{cursor:not-allowed}.radio---input-radio---2yM_b:not(:checked):disabled+.radio---control-indicator---dcwXW::before{border:1px solid #999;background-color:#ddd} \ No newline at end of file +/*! react-radio v3.1.2 | (c) 2018 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-radio */.radio---control-radio---2rwkY{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:20px;cursor:pointer}.radio---control-radio---2rwkY *,.radio---control-radio---2rwkY :after,.radio---control-radio---2rwkY :before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.radio---control-radio---2rwkY.radio---disabled---eCY9b{opacity:.4;cursor:not-allowed}.radio---control-radio---2rwkY+.radio---control-radio---2rwkY{margin-left:16px}.radio---input-radio---2yM_b{display:none}.radio---input-radio---2yM_b+.radio---control-indicator---dcwXW::before{content:"";display:inline-block;background-color:#fff;border:1px solid #999;border-radius:50%;margin-right:8px;margin-top:3px;width:14px;height:14px;vertical-align:top}.radio---input-radio---2yM_b:checked+.radio---control-indicator---dcwXW::before{content:"\2022";color:#fff;font-size:16px;text-align:center;line-height:14px;border:1px solid #0096cc;background-color:#0096cc;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s;-ms-transition:background-color .2s;transition:background-color .2s}.radio---control-radio---2rwkY:not(.radio---disabled---eCY9b):hover>.radio---control-indicator---dcwXW::before{border:1px solid #0096cc}.radio---control-radio---2rwkY:not(.radio---disabled---eCY9b):hover>.radio---input-radio---2yM_b:checked+.radio---control-indicator---dcwXW::before{border:1px solid #33abd6;background-color:#33abd6}.radio---input-radio---2yM_b:not(:checked):disabled{cursor:not-allowed}.radio---input-radio---2yM_b:not(:checked):disabled+.radio---control-indicator---dcwXW::before{border:1px solid #999;background-color:#ddd} \ No newline at end of file diff --git a/docs/bundle.js b/docs/bundle.js index 30c4f6b..bb0111e 100644 --- a/docs/bundle.js +++ b/docs/bundle.js @@ -1459,7 +1459,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n}); /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _class, _temp2;\n\nvar _chainedFunction = __webpack_require__(\"../node_modules/chained-function/lib/index.js\");\n\nvar _chainedFunction2 = _interopRequireDefault(_chainedFunction);\n\nvar _react = __webpack_require__(\"../node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(\"../node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _RadioButton = __webpack_require__(\"../src/RadioButton.jsx\");\n\nvar _RadioButton2 = _interopRequireDefault(_RadioButton);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (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 } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar RadioGroup = (_temp2 = _class = function (_PureComponent) {\n _inherits(RadioGroup, _PureComponent);\n\n function RadioGroup() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, RadioGroup);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = RadioGroup.__proto__ || Object.getPrototypeOf(RadioGroup)).call.apply(_ref, [this].concat(args))), _this), _this.handleChange = function (value, event) {\n if (typeof _this.props.onChange === 'function') {\n _this.props.onChange(value, event);\n }\n }, _this.renderChildren = function (children) {\n var mapChild = function mapChild(child) {\n if (!_react2.default.isValidElement(child) || !child.props) {\n return child;\n }\n\n if (child.type === RadioGroup) {\n // No nested radio groups\n return child;\n }\n\n if (child.type === _RadioButton2.default) {\n return (0, _react.cloneElement)(child, {\n checked: _this.props.value === child.props.value,\n disabled: _this.props.disabled || child.props.disabled,\n onChange: (0, _chainedFunction2.default)(child.props.onChange, function (event) {\n _this.handleChange(child.props.value, event);\n })\n });\n }\n\n if (child.props.children && _typeof(child.props.children) === 'object') {\n return (0, _react.cloneElement)(child, {\n children: _this.renderChildren(child.props.children)\n });\n }\n\n return child;\n };\n\n if (Array.isArray(children)) {\n return _react2.default.Children.map(children, mapChild);\n } else {\n return mapChild(children);\n }\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(RadioGroup, [{\n key: 'render',\n value: function render() {\n return this.renderChildren(this.props.children);\n }\n }]);\n\n return RadioGroup;\n}(_react.PureComponent), _class.propTypes = {\n disabled: _propTypes2.default.bool,\n onChange: _propTypes2.default.func,\n value: _propTypes2.default.any\n}, _class.defaultProps = {\n disabled: false\n}, _temp2);\nexports.default = RadioGroup;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vc3JjL1JhZGlvR3JvdXAuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4uL3NyYy9SYWRpb0dyb3VwLmpzeD9lMjMyIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjaGFpbmVkRnVuY3Rpb24gZnJvbSAnY2hhaW5lZC1mdW5jdGlvbic7XG5pbXBvcnQgUmVhY3QsIHsgY2xvbmVFbGVtZW50LCBQdXJlQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSYWRpb0J1dHRvbiBmcm9tICcuL1JhZGlvQnV0dG9uJztcblxuY2xhc3MgUmFkaW9Hcm91cCBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICAgICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICAgICAgICB2YWx1ZTogUHJvcFR5cGVzLmFueVxuICAgIH07XG5cbiAgICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgICAgICBkaXNhYmxlZDogZmFsc2VcbiAgICB9O1xuXG4gICAgaGFuZGxlQ2hhbmdlID0gKHZhbHVlLCBldmVudCkgPT4ge1xuICAgICAgICBpZiAodHlwZW9mIHRoaXMucHJvcHMub25DaGFuZ2UgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgICAgIHRoaXMucHJvcHMub25DaGFuZ2UodmFsdWUsIGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICByZW5kZXJDaGlsZHJlbiA9IChjaGlsZHJlbikgPT4ge1xuICAgICAgICBjb25zdCBtYXBDaGlsZCA9IChjaGlsZCkgPT4ge1xuICAgICAgICAgICAgaWYgKCFSZWFjdC5pc1ZhbGlkRWxlbWVudChjaGlsZCkgfHwgIWNoaWxkLnByb3BzKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBpZiAoY2hpbGQudHlwZSA9PT0gUmFkaW9Hcm91cCkge1xuICAgICAgICAgICAgICAgIC8vIE5vIG5lc3RlZCByYWRpbyBncm91cHNcbiAgICAgICAgICAgICAgICByZXR1cm4gY2hpbGQ7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGlmIChjaGlsZC50eXBlID09PSBSYWRpb0J1dHRvbikge1xuICAgICAgICAgICAgICAgIHJldHVybiBjbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgICAgICAgICAgICAgY2hlY2tlZDogdGhpcy5wcm9wcy52YWx1ZSA9PT0gY2hpbGQucHJvcHMudmFsdWUsXG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkOiB0aGlzLnByb3BzLmRpc2FibGVkIHx8IGNoaWxkLnByb3BzLmRpc2FibGVkLFxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZTogY2hhaW5lZEZ1bmN0aW9uKFxuICAgICAgICAgICAgICAgICAgICAgICAgY2hpbGQucHJvcHMub25DaGFuZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICAoZXZlbnQpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmhhbmRsZUNoYW5nZShjaGlsZC5wcm9wcy52YWx1ZSwgZXZlbnQpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGlmIChjaGlsZC5wcm9wcy5jaGlsZHJlbiAmJiB0eXBlb2YgY2hpbGQucHJvcHMuY2hpbGRyZW4gPT09ICdvYmplY3QnKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgICAgICBjaGlsZHJlbjogdGhpcy5yZW5kZXJDaGlsZHJlbihjaGlsZC5wcm9wcy5jaGlsZHJlbilcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9O1xuXG4gICAgICAgIGlmIChBcnJheS5pc0FycmF5KGNoaWxkcmVuKSkge1xuICAgICAgICAgICAgcmV0dXJuIFJlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgbWFwQ2hpbGQpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIG1hcENoaWxkKGNoaWxkcmVuKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnJlbmRlckNoaWxkcmVuKHRoaXMucHJvcHMuY2hpbGRyZW4pO1xuICAgIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgUmFkaW9Hcm91cDtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyAuLi9zcmMvUmFkaW9Hcm91cC5qc3giXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7Ozs7Ozs7Ozs7O0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0FBV0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUFQQTtBQVVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFEQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7O0FBRUE7QUFDQTtBQUNBOzs7O0FBMURBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFPQTtBQURBO0FBdURBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../src/RadioGroup.jsx\n"); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _class, _temp2;\n\nvar _chainedFunction = __webpack_require__(\"../node_modules/chained-function/lib/index.js\");\n\nvar _chainedFunction2 = _interopRequireDefault(_chainedFunction);\n\nvar _react = __webpack_require__(\"../node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(\"../node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _RadioButton = __webpack_require__(\"../src/RadioButton.jsx\");\n\nvar _RadioButton2 = _interopRequireDefault(_RadioButton);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (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 } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar RadioGroup = (_temp2 = _class = function (_PureComponent) {\n _inherits(RadioGroup, _PureComponent);\n\n function RadioGroup() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, RadioGroup);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = RadioGroup.__proto__ || Object.getPrototypeOf(RadioGroup)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n value: _this.props.value !== undefined ? _this.props.value : _this.props.defaultValue\n }, _this.handleChange = function (value, event) {\n if (_this.props.value !== undefined) {\n // Controlled component\n _this.setState({ value: _this.props.value });\n } else {\n // Uncontrolled component\n _this.setState({ value: value });\n }\n\n if (typeof _this.props.onChange === 'function') {\n _this.props.onChange(value, event);\n }\n }, _this.renderChildren = function (children) {\n var mapChild = function mapChild(child) {\n if (!_react2.default.isValidElement(child) || !child.props) {\n return child;\n }\n\n if (child.type === RadioGroup) {\n // No nested radio groups\n return child;\n }\n\n if (child.type === _RadioButton2.default) {\n return (0, _react.cloneElement)(child, {\n checked: _this.state.value !== undefined && _this.state.value === child.props.value,\n disabled: _this.props.disabled || child.props.disabled,\n onChange: (0, _chainedFunction2.default)(child.props.onChange, function (event) {\n _this.handleChange(child.props.value, event);\n })\n });\n }\n\n if (child.props.children && _typeof(child.props.children) === 'object') {\n return (0, _react.cloneElement)(child, {\n children: _this.renderChildren(child.props.children)\n });\n }\n\n return child;\n };\n\n if (Array.isArray(children)) {\n return _react2.default.Children.map(children, mapChild);\n } else {\n return mapChild(children);\n }\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(RadioGroup, [{\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {\n if (nextProps.value !== undefined) {\n this.setState({\n value: nextProps.value\n });\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return this.renderChildren(this.props.children);\n }\n }, {\n key: 'value',\n get: function get() {\n return this.state.value;\n }\n }]);\n\n return RadioGroup;\n}(_react.PureComponent), _class.propTypes = {\n disabled: _propTypes2.default.bool,\n onChange: _propTypes2.default.func,\n value: _propTypes2.default.any,\n defaultValue: _propTypes2.default.any\n}, _class.defaultProps = {\n disabled: false\n}, _temp2);\nexports.default = RadioGroup;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vc3JjL1JhZGlvR3JvdXAuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4uL3NyYy9SYWRpb0dyb3VwLmpzeD9lMjMyIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjaGFpbmVkRnVuY3Rpb24gZnJvbSAnY2hhaW5lZC1mdW5jdGlvbic7XG5pbXBvcnQgUmVhY3QsIHsgY2xvbmVFbGVtZW50LCBQdXJlQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSYWRpb0J1dHRvbiBmcm9tICcuL1JhZGlvQnV0dG9uJztcblxuY2xhc3MgUmFkaW9Hcm91cCBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICAgICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICAgICAgICB2YWx1ZTogUHJvcFR5cGVzLmFueSxcbiAgICAgICAgZGVmYXVsdFZhbHVlOiBQcm9wVHlwZXMuYW55XG4gICAgfTtcblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICAgIGRpc2FibGVkOiBmYWxzZVxuICAgIH07XG5cbiAgICBzdGF0ZSA9IHtcbiAgICAgICAgdmFsdWU6ICh0aGlzLnByb3BzLnZhbHVlICE9PSB1bmRlZmluZWQpID8gdGhpcy5wcm9wcy52YWx1ZSA6IHRoaXMucHJvcHMuZGVmYXVsdFZhbHVlXG4gICAgfTtcblxuICAgIGdldCB2YWx1ZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc3RhdGUudmFsdWU7XG4gICAgfVxuXG4gICAgaGFuZGxlQ2hhbmdlID0gKHZhbHVlLCBldmVudCkgPT4ge1xuICAgICAgICBpZiAodGhpcy5wcm9wcy52YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAvLyBDb250cm9sbGVkIGNvbXBvbmVudFxuICAgICAgICAgICAgdGhpcy5zZXRTdGF0ZSh7IHZhbHVlOiB0aGlzLnByb3BzLnZhbHVlIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgLy8gVW5jb250cm9sbGVkIGNvbXBvbmVudFxuICAgICAgICAgICAgdGhpcy5zZXRTdGF0ZSh7IHZhbHVlOiB2YWx1ZSB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy5wcm9wcy5vbkNoYW5nZSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICAgICAgdGhpcy5wcm9wcy5vbkNoYW5nZSh2YWx1ZSwgZXZlbnQpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJlbmRlckNoaWxkcmVuID0gKGNoaWxkcmVuKSA9PiB7XG4gICAgICAgIGNvbnN0IG1hcENoaWxkID0gKGNoaWxkKSA9PiB7XG4gICAgICAgICAgICBpZiAoIVJlYWN0LmlzVmFsaWRFbGVtZW50KGNoaWxkKSB8fCAhY2hpbGQucHJvcHMpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gY2hpbGQ7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGlmIChjaGlsZC50eXBlID09PSBSYWRpb0dyb3VwKSB7XG4gICAgICAgICAgICAgICAgLy8gTm8gbmVzdGVkIHJhZGlvIGdyb3Vwc1xuICAgICAgICAgICAgICAgIHJldHVybiBjaGlsZDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgaWYgKGNoaWxkLnR5cGUgPT09IFJhZGlvQnV0dG9uKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgICAgICBjaGVja2VkOiAodGhpcy5zdGF0ZS52YWx1ZSAhPT0gdW5kZWZpbmVkKSAmJiAodGhpcy5zdGF0ZS52YWx1ZSA9PT0gY2hpbGQucHJvcHMudmFsdWUpLFxuICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZDogdGhpcy5wcm9wcy5kaXNhYmxlZCB8fCBjaGlsZC5wcm9wcy5kaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U6IGNoYWluZWRGdW5jdGlvbihcbiAgICAgICAgICAgICAgICAgICAgICAgIGNoaWxkLnByb3BzLm9uQ2hhbmdlLFxuICAgICAgICAgICAgICAgICAgICAgICAgKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5oYW5kbGVDaGFuZ2UoY2hpbGQucHJvcHMudmFsdWUsIGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBpZiAoY2hpbGQucHJvcHMuY2hpbGRyZW4gJiYgdHlwZW9mIGNoaWxkLnByb3BzLmNoaWxkcmVuID09PSAnb2JqZWN0Jykge1xuICAgICAgICAgICAgICAgIHJldHVybiBjbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgICAgICAgICAgICAgY2hpbGRyZW46IHRoaXMucmVuZGVyQ2hpbGRyZW4oY2hpbGQucHJvcHMuY2hpbGRyZW4pXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybiBjaGlsZDtcbiAgICAgICAgfTtcblxuICAgICAgICBpZiAoQXJyYXkuaXNBcnJheShjaGlsZHJlbikpIHtcbiAgICAgICAgICAgIHJldHVybiBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIG1hcENoaWxkKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiBtYXBDaGlsZChjaGlsZHJlbik7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29tcG9uZW50V2lsbFJlY2VpdmVQcm9wcyhuZXh0UHJvcHMpIHtcbiAgICAgICAgaWYgKG5leHRQcm9wcy52YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogbmV4dFByb3BzLnZhbHVlXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucmVuZGVyQ2hpbGRyZW4odGhpcy5wcm9wcy5jaGlsZHJlbik7XG4gICAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBSYWRpb0dyb3VwO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIC4uL3NyYy9SYWRpb0dyb3VwLmpzeCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7Ozs7Ozs7Ozs7QUFDQTs7Ozs7Ozs7Ozs7Ozs7QUFZQTtBQUNBO0FBREE7QUFTQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBUEE7QUFVQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBREE7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7OztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBREE7QUFHQTtBQUNBOzs7QUFFQTtBQUNBO0FBQ0E7OztBQXBFQTtBQUNBO0FBQ0E7Ozs7QUFqQkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUpBO0FBUUE7QUFEQTtBQStFQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../src/RadioGroup.jsx\n"); /***/ }), @@ -1486,26 +1486,26 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n}); /***/ }), -/***/ "./Navbar.jsx": +/***/ "./ControlledRadioGroup.jsx": /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _class, _temp2;\n\nvar _classnames = __webpack_require__(\"../node_modules/classnames/index.js\");\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _propTypes = __webpack_require__(\"../node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _react = __webpack_require__(\"../node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactAnchor = __webpack_require__(\"../node_modules/@trendmicro/react-anchor/lib/index.js\");\n\nvar _reactAnchor2 = _interopRequireDefault(_reactAnchor);\n\nvar _reactButtons = __webpack_require__(\"../node_modules/@trendmicro/react-buttons/lib/index.js\");\n\nvar _Navbar = __webpack_require__(\"./Navbar.styl\");\n\nvar _Navbar2 = _interopRequireDefault(_Navbar);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (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 } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar _default = (_temp2 = _class = function (_Component) {\n _inherits(_default, _Component);\n\n function _default() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, _default);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = _default.__proto__ || Object.getPrototypeOf(_default)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n collapseIn: false\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(_default, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n name = _props.name,\n url = _props.url;\n\n\n return _react2.default.createElement(\n 'nav',\n {\n className: (0, _classnames2.default)(_Navbar2.default.navbar, _Navbar2.default.navbarDefault),\n style: { borderRadius: 0 }\n },\n _react2.default.createElement(\n 'div',\n { className: _Navbar2.default.containerFluid },\n _react2.default.createElement(\n 'div',\n { className: _Navbar2.default.navbarHeader },\n _react2.default.createElement(\n 'button',\n {\n type: 'button',\n className: (0, _classnames2.default)(_Navbar2.default.navbarToggle, _Navbar2.default.collapsed),\n onClick: function onClick() {\n _this2.setState(function (state) {\n return { collapseIn: !state.collapseIn };\n });\n }\n },\n _react2.default.createElement(\n 'span',\n { className: _Navbar2.default.srOnly },\n 'Toggle navigation'\n ),\n _react2.default.createElement('span', { className: _Navbar2.default.iconBar }),\n _react2.default.createElement('span', { className: _Navbar2.default.iconBar }),\n _react2.default.createElement('span', { className: _Navbar2.default.iconBar })\n ),\n _react2.default.createElement(\n _reactAnchor2.default,\n { className: _Navbar2.default.navbarBrand },\n name\n )\n ),\n _react2.default.createElement(\n 'div',\n {\n className: (0, _classnames2.default)(_Navbar2.default.collapse, _Navbar2.default.navbarCollapse, _defineProperty({}, _Navbar2.default.in, this.state.collapseIn))\n },\n _react2.default.createElement(\n _reactButtons.Button,\n {\n className: (0, _classnames2.default)(_Navbar2.default.navbarBtn, _Navbar2.default.navbarRight),\n btnStyle: 'flat',\n onClick: function onClick() {\n window.location = url;\n }\n },\n _react2.default.createElement('i', { className: 'fa fa-github' }),\n 'GitHub'\n )\n )\n )\n );\n }\n }]);\n\n return _default;\n}(_react.Component), _class.propTypes = {\n name: _propTypes2.default.string,\n url: _propTypes2.default.string\n}, _temp2);\n\nexports.default = _default;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9OYXZiYXIuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL05hdmJhci5qc3g/YjA1NyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEFuY2hvciBmcm9tICdAdHJlbmRtaWNyby9yZWFjdC1hbmNob3InO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnQHRyZW5kbWljcm8vcmVhY3QtYnV0dG9ucyc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vTmF2YmFyLnN0eWwnO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBleHRlbmRzIENvbXBvbmVudCB7XG4gICAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICAgICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgdXJsOiBQcm9wVHlwZXMuc3RyaW5nXG4gICAgfTtcblxuICAgIHN0YXRlID0ge1xuICAgICAgICBjb2xsYXBzZUluOiBmYWxzZVxuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIGNvbnN0IHsgbmFtZSwgdXJsIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8bmF2XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKHN0eWxlcy5uYXZiYXIsIHN0eWxlcy5uYXZiYXJEZWZhdWx0KX1cbiAgICAgICAgICAgICAgICBzdHlsZT17eyBib3JkZXJSYWRpdXM6IDAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzLmNvbnRhaW5lckZsdWlkfT5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5uYXZiYXJIZWFkZXJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhzdHlsZXMubmF2YmFyVG9nZ2xlLCBzdHlsZXMuY29sbGFwc2VkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuc2V0U3RhdGUoc3RhdGUgPT4gKHsgY29sbGFwc2VJbjogIXN0YXRlLmNvbGxhcHNlSW4gfSkpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtzdHlsZXMuc3JPbmx5fT5Ub2dnbGUgbmF2aWdhdGlvbjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e3N0eWxlcy5pY29uQmFyfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17c3R5bGVzLmljb25CYXJ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtzdHlsZXMuaWNvbkJhcn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEFuY2hvciBjbGFzc05hbWU9e3N0eWxlcy5uYXZiYXJCcmFuZH0+e25hbWV9PC9BbmNob3I+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGVzLmNvbGxhcHNlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlcy5uYXZiYXJDb2xsYXBzZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7IFtzdHlsZXMuaW5dOiB0aGlzLnN0YXRlLmNvbGxhcHNlSW4gfVxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhzdHlsZXMubmF2YmFyQnRuLCBzdHlsZXMubmF2YmFyUmlnaHQpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJ0blN0eWxlPVwiZmxhdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aW5kb3cubG9jYXRpb24gPSB1cmw7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJmYSBmYS1naXRodWJcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEdpdEh1YlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uYXY+XG4gICAgICAgICk7XG4gICAgfVxufVxuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIE5hdmJhci5qc3giXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTtBQUFBO0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQU9BO0FBQ0E7QUFEQTs7Ozs7QUFJQTtBQUFBO0FBQ0E7QUFEQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUZBO0FBSUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFMQTtBQU9BO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFWQTtBQVlBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFiQTtBQWVBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFPQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTEE7QUFPQTtBQVBBO0FBQUE7QUFQQTtBQWhCQTtBQUpBO0FBeUNBOzs7O0FBdERBO0FBQ0E7QUFDQTtBQUZBO0FBQ0E7QSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./Navbar.jsx\n"); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\n__webpack_require__(\"../node_modules/@trendmicro/react-tooltip/dist/react-tooltip.css\");\n\nvar _reactTooltip = __webpack_require__(\"../node_modules/@trendmicro/react-tooltip/lib/index.js\");\n\nvar _react = __webpack_require__(\"../node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Section = __webpack_require__(\"./Section.jsx\");\n\nvar _Section2 = _interopRequireDefault(_Section);\n\nvar _src = __webpack_require__(\"../src/index.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (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 } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar _default = function (_PureComponent) {\n _inherits(_default, _PureComponent);\n\n function _default() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, _default);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = _default.__proto__ || Object.getPrototypeOf(_default)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n ports: 'all',\n comic: 'dc:batman'\n }, _this.handleChangeByKey = function (key) {\n return function (value, event) {\n _this.setState(_defineProperty({}, key, value));\n };\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(_default, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n _Section2.default,\n { className: 'row-sm-11 row-md-6' },\n _react2.default.createElement(\n 'h3',\n null,\n 'Controlled Radio Group'\n ),\n _react2.default.createElement(\n 'h5',\n null,\n 'Stacked'\n ),\n _react2.default.createElement(\n 'p',\n null,\n 'Selected: \"' + this.state.ports + '\"'\n ),\n _react2.default.createElement(\n _src.RadioGroup,\n {\n name: 'ports',\n value: this.state.ports,\n onChange: this.handleChangeByKey('ports')\n },\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_src.RadioButton, { label: 'All ports', value: 'all' }),\n _react2.default.createElement(\n _reactTooltip.Tooltip,\n { content: 'All ports' },\n _react2.default.createElement('i', { className: 'fa fa-info-circle', style: { marginLeft: 8 } })\n )\n ),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_src.RadioButton, {\n label: 'Specified ports',\n value: 'custom'\n }),\n _react2.default.createElement(\n _reactTooltip.Tooltip,\n { content: 'Specified ports' },\n _react2.default.createElement('i', { className: 'fa fa-info-circle', style: { marginLeft: 8 } })\n ),\n _react2.default.createElement(\n 'div',\n { style: { marginLeft: 22 } },\n _react2.default.createElement('input', {\n type: 'text',\n className: 'form-control',\n placeholder: this.state.ports === 'custom' ? '1-1023, 8000, 8080' : '',\n disabled: this.state.ports !== 'custom',\n onChange: function onChange(event) {\n event.stopPropagation();\n }\n }),\n _react2.default.createElement(\n 'div',\n { className: 'text-muted' },\n 'Use a comma to separate multiple ports.'\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_src.RadioButton, { label: 'Range', value: 'range' }),\n _react2.default.createElement(\n 'div',\n { style: { marginLeft: 22 } },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-6' },\n _react2.default.createElement('input', {\n type: 'text',\n name: 'from',\n className: 'form-control',\n placeholder: this.state.ports === 'range' ? 'From' : '',\n disabled: this.state.ports !== 'range',\n onChange: function onChange(event) {\n //event.stopPropagation();\n }\n })\n ),\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-6' },\n _react2.default.createElement('input', {\n type: 'text',\n name: 'to',\n className: 'form-control',\n placeholder: this.state.ports === 'range' ? 'To' : '',\n disabled: this.state.ports !== 'range',\n onChange: function onChange(event) {\n //event.stopPropagation();\n }\n })\n )\n )\n )\n )\n ),\n _react2.default.createElement(\n 'h5',\n null,\n 'Inline'\n ),\n _react2.default.createElement(\n 'p',\n null,\n 'Selected: \"' + this.state.comic + '\"'\n ),\n _react2.default.createElement(\n _src.RadioGroup,\n {\n name: 'comic',\n value: this.state.comic,\n onChange: this.handleChangeByKey('comic')\n },\n _react2.default.createElement(_src.RadioButton, { label: 'Batman (DC)', value: 'dc:batman' }),\n _react2.default.createElement(_src.RadioButton, { label: 'Hulk (Marvel)', value: 'marvel:hulk' }),\n _react2.default.createElement(_src.RadioButton, { label: 'Superman (DC)', value: 'dc:superman' }),\n _react2.default.createElement(_src.RadioButton, { label: 'Spider-Man (Marvel)', value: 'marvel:spiderman', disabled: true })\n )\n );\n }\n }]);\n\n return _default;\n}(_react.PureComponent);\n\nexports.default = _default;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9Db250cm9sbGVkUmFkaW9Hcm91cC5qc3guanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vQ29udHJvbGxlZFJhZGlvR3JvdXAuanN4PzFmYzIiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICdAdHJlbmRtaWNyby9yZWFjdC10b29sdGlwL2Rpc3QvcmVhY3QtdG9vbHRpcC5jc3MnO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJ0B0cmVuZG1pY3JvL3JlYWN0LXRvb2x0aXAnO1xuaW1wb3J0IFJlYWN0LCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU2VjdGlvbiBmcm9tICcuL1NlY3Rpb24nO1xuaW1wb3J0IHsgUmFkaW9Hcm91cCwgUmFkaW9CdXR0b24gfSBmcm9tICcuLi9zcmMnO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICAgIHN0YXRlID0ge1xuICAgICAgICBwb3J0czogJ2FsbCcsXG4gICAgICAgIGNvbWljOiAnZGM6YmF0bWFuJ1xuICAgIH07XG5cbiAgICBoYW5kbGVDaGFuZ2VCeUtleSA9IChrZXkpID0+ICh2YWx1ZSwgZXZlbnQpID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7IFtrZXldOiB2YWx1ZSB9KTtcbiAgICB9O1xuXG4gICAgcmVuZGVyKCkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFNlY3Rpb24gY2xhc3NOYW1lPVwicm93LXNtLTExIHJvdy1tZC02XCI+XG4gICAgICAgICAgICAgICAgPGgzPkNvbnRyb2xsZWQgUmFkaW8gR3JvdXA8L2gzPlxuICAgICAgICAgICAgICAgIDxoNT5TdGFja2VkPC9oNT5cbiAgICAgICAgICAgICAgICA8cD57YFNlbGVjdGVkOiBcIiR7dGhpcy5zdGF0ZS5wb3J0c31cImB9PC9wPlxuICAgICAgICAgICAgICAgIDxSYWRpb0dyb3VwXG4gICAgICAgICAgICAgICAgICAgIG5hbWU9XCJwb3J0c1wiXG4gICAgICAgICAgICAgICAgICAgIHZhbHVlPXt0aGlzLnN0YXRlLnBvcnRzfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5oYW5kbGVDaGFuZ2VCeUtleSgncG9ydHMnKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b24gbGFiZWw9XCJBbGwgcG9ydHNcIiB2YWx1ZT1cImFsbFwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PVwiQWxsIHBvcnRzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3NOYW1lPVwiZmEgZmEtaW5mby1jaXJjbGVcIiBzdHlsZT17eyBtYXJnaW5MZWZ0OiA4IH19IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFJhZGlvQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJTcGVjaWZpZWQgcG9ydHNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPVwiY3VzdG9tXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PVwiU3BlY2lmaWVkIHBvcnRzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3NOYW1lPVwiZmEgZmEtaW5mby1jaXJjbGVcIiBzdHlsZT17eyBtYXJnaW5MZWZ0OiA4IH19IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXt7IG1hcmdpbkxlZnQ6IDIyIH19PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXt0aGlzLnN0YXRlLnBvcnRzID09PSAnY3VzdG9tJyA/ICcxLTEwMjMsIDgwMDAsIDgwODAnIDogJyd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXt0aGlzLnN0YXRlLnBvcnRzICE9PSAnY3VzdG9tJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2V2ZW50ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0ZXh0LW11dGVkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFVzZSBhIGNvbW1hIHRvIHNlcGFyYXRlIG11bHRpcGxlIHBvcnRzLlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFJhZGlvQnV0dG9uIGxhYmVsPVwiUmFuZ2VcIiB2YWx1ZT1cInJhbmdlXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgbWFyZ2luTGVmdDogMjIgfX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2wteHMtNlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9XCJmcm9tXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXt0aGlzLnN0YXRlLnBvcnRzID09PSAncmFuZ2UnID8gJ0Zyb20nIDogJyd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e3RoaXMuc3RhdGUucG9ydHMgIT09ICdyYW5nZSd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2V2ZW50ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLy9ldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sLXhzLTZcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBuYW1lPVwidG9cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RoaXMuc3RhdGUucG9ydHMgPT09ICdyYW5nZScgPyAnVG8nIDogJyd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e3RoaXMuc3RhdGUucG9ydHMgIT09ICdyYW5nZSd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2V2ZW50ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLy9ldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9SYWRpb0dyb3VwPlxuICAgICAgICAgICAgICAgIDxoNT5JbmxpbmU8L2g1PlxuICAgICAgICAgICAgICAgIDxwPntgU2VsZWN0ZWQ6IFwiJHt0aGlzLnN0YXRlLmNvbWljfVwiYH08L3A+XG4gICAgICAgICAgICAgICAgPFJhZGlvR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgbmFtZT1cImNvbWljXCJcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3RoaXMuc3RhdGUuY29taWN9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNoYW5nZUJ5S2V5KCdjb21pYycpfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPFJhZGlvQnV0dG9uIGxhYmVsPVwiQmF0bWFuIChEQylcIiB2YWx1ZT1cImRjOmJhdG1hblwiIC8+XG4gICAgICAgICAgICAgICAgICAgIDxSYWRpb0J1dHRvbiBsYWJlbD1cIkh1bGsgKE1hcnZlbClcIiB2YWx1ZT1cIm1hcnZlbDpodWxrXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgPFJhZGlvQnV0dG9uIGxhYmVsPVwiU3VwZXJtYW4gKERDKVwiIHZhbHVlPVwiZGM6c3VwZXJtYW5cIiAvPlxuICAgICAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b24gbGFiZWw9XCJTcGlkZXItTWFuIChNYXJ2ZWwpXCIgdmFsdWU9XCJtYXJ2ZWw6c3BpZGVybWFuXCIgZGlzYWJsZWQgLz5cbiAgICAgICAgICAgICAgICA8L1JhZGlvR3JvdXA+XG4gICAgICAgICAgICA8L1NlY3Rpb24+XG4gICAgICAgICk7XG4gICAgfVxufVxuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIENvbnRyb2xsZWRSYWRpb0dyb3VwLmpzeCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUE7QUFDQTtBQUNBO0FBRkE7QUFLQTtBQUNBO0FBQ0E7QUFGQTs7Ozs7QUFJQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBS0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBRkE7QUFNQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFGQTtBQUlBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBUEE7QUFTQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBVkE7QUFSQTtBQXVCQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVJBO0FBREE7QUFZQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFSQTtBQURBO0FBYkE7QUFEQTtBQUZBO0FBbENBO0FBa0VBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFLQTtBQUNBO0FBQ0E7QUFDQTtBQVJBO0FBeEVBO0FBb0ZBOzs7Ozs7QSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./ControlledRadioGroup.jsx\n"); /***/ }), -/***/ "./Navbar.styl": +/***/ "./Navbar.jsx": /***/ (function(module, exports, __webpack_require__) { -eval("\nvar content = __webpack_require__(\"../node_modules/css-loader/index.js?camelCase&modules&importLoaders=1&localIdentName=[local]---[hash:base64:5]!../node_modules/stylus-loader/index.js!../node_modules/stylint-loader/index.js!./Navbar.styl\");\n\nif(typeof content === 'string') content = [[module.i, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = __webpack_require__(\"../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(false) {\n\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?camelCase&modules&importLoaders=1&localIdentName=[local]---[hash:base64:5]!../node_modules/stylus-loader/index.js!../node_modules/stylint-loader/index.js!./Navbar.styl\", function() {\n\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?camelCase&modules&importLoaders=1&localIdentName=[local]---[hash:base64:5]!../node_modules/stylus-loader/index.js!../node_modules/stylint-loader/index.js!./Navbar.styl\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9OYXZiYXIuc3R5bC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL05hdmJhci5zdHlsP2Q5YTkiXSwic291cmNlc0NvbnRlbnQiOlsiXG52YXIgY29udGVudCA9IHJlcXVpcmUoXCIhIS4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2luZGV4LmpzP2NhbWVsQ2FzZSZtb2R1bGVzJmltcG9ydExvYWRlcnM9MSZsb2NhbElkZW50TmFtZT1bbG9jYWxdLS0tW2hhc2g6YmFzZTY0OjVdIS4uL25vZGVfbW9kdWxlcy9zdHlsdXMtbG9hZGVyL2luZGV4LmpzIS4uL25vZGVfbW9kdWxlcy9zdHlsaW50LWxvYWRlci9pbmRleC5qcyEuL05hdmJhci5zdHlsXCIpO1xuXG5pZih0eXBlb2YgY29udGVudCA9PT0gJ3N0cmluZycpIGNvbnRlbnQgPSBbW21vZHVsZS5pZCwgY29udGVudCwgJyddXTtcblxudmFyIHRyYW5zZm9ybTtcbnZhciBpbnNlcnRJbnRvO1xuXG5cblxudmFyIG9wdGlvbnMgPSB7XCJobXJcIjp0cnVlfVxuXG5vcHRpb25zLnRyYW5zZm9ybSA9IHRyYW5zZm9ybVxub3B0aW9ucy5pbnNlcnRJbnRvID0gdW5kZWZpbmVkO1xuXG52YXIgdXBkYXRlID0gcmVxdWlyZShcIiEuLi9ub2RlX21vZHVsZXMvc3R5bGUtbG9hZGVyL2xpYi9hZGRTdHlsZXMuanNcIikoY29udGVudCwgb3B0aW9ucyk7XG5cbmlmKGNvbnRlbnQubG9jYWxzKSBtb2R1bGUuZXhwb3J0cyA9IGNvbnRlbnQubG9jYWxzO1xuXG5pZihtb2R1bGUuaG90KSB7XG5cdG1vZHVsZS5ob3QuYWNjZXB0KFwiISEuLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9pbmRleC5qcz9jYW1lbENhc2UmbW9kdWxlcyZpbXBvcnRMb2FkZXJzPTEmbG9jYWxJZGVudE5hbWU9W2xvY2FsXS0tLVtoYXNoOmJhc2U2NDo1XSEuLi9ub2RlX21vZHVsZXMvc3R5bHVzLWxvYWRlci9pbmRleC5qcyEuLi9ub2RlX21vZHVsZXMvc3R5bGludC1sb2FkZXIvaW5kZXguanMhLi9OYXZiYXIuc3R5bFwiLCBmdW5jdGlvbigpIHtcblx0XHR2YXIgbmV3Q29udGVudCA9IHJlcXVpcmUoXCIhIS4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2luZGV4LmpzP2NhbWVsQ2FzZSZtb2R1bGVzJmltcG9ydExvYWRlcnM9MSZsb2NhbElkZW50TmFtZT1bbG9jYWxdLS0tW2hhc2g6YmFzZTY0OjVdIS4uL25vZGVfbW9kdWxlcy9zdHlsdXMtbG9hZGVyL2luZGV4LmpzIS4uL25vZGVfbW9kdWxlcy9zdHlsaW50LWxvYWRlci9pbmRleC5qcyEuL05hdmJhci5zdHlsXCIpO1xuXG5cdFx0aWYodHlwZW9mIG5ld0NvbnRlbnQgPT09ICdzdHJpbmcnKSBuZXdDb250ZW50ID0gW1ttb2R1bGUuaWQsIG5ld0NvbnRlbnQsICcnXV07XG5cblx0XHR2YXIgbG9jYWxzID0gKGZ1bmN0aW9uKGEsIGIpIHtcblx0XHRcdHZhciBrZXksIGlkeCA9IDA7XG5cblx0XHRcdGZvcihrZXkgaW4gYSkge1xuXHRcdFx0XHRpZighYiB8fCBhW2tleV0gIT09IGJba2V5XSkgcmV0dXJuIGZhbHNlO1xuXHRcdFx0XHRpZHgrKztcblx0XHRcdH1cblxuXHRcdFx0Zm9yKGtleSBpbiBiKSBpZHgtLTtcblxuXHRcdFx0cmV0dXJuIGlkeCA9PT0gMDtcblx0XHR9KGNvbnRlbnQubG9jYWxzLCBuZXdDb250ZW50LmxvY2FscykpO1xuXG5cdFx0aWYoIWxvY2FscykgdGhyb3cgbmV3IEVycm9yKCdBYm9ydGluZyBDU1MgSE1SIGR1ZSB0byBjaGFuZ2VkIGNzcy1tb2R1bGVzIGxvY2Fscy4nKTtcblxuXHRcdHVwZGF0ZShuZXdDb250ZW50KTtcblx0fSk7XG5cblx0bW9kdWxlLmhvdC5kaXNwb3NlKGZ1bmN0aW9uKCkgeyB1cGRhdGUoKTsgfSk7XG59XG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9OYXZiYXIuc3R5bFxuLy8gbW9kdWxlIGlkID0gLi9OYXZiYXIuc3R5bFxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./Navbar.styl\n"); +"use strict"; +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _class, _temp2;\n\nvar _classnames = __webpack_require__(\"../node_modules/classnames/index.js\");\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _propTypes = __webpack_require__(\"../node_modules/prop-types/index.js\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _react = __webpack_require__(\"../node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactAnchor = __webpack_require__(\"../node_modules/@trendmicro/react-anchor/lib/index.js\");\n\nvar _reactAnchor2 = _interopRequireDefault(_reactAnchor);\n\nvar _reactButtons = __webpack_require__(\"../node_modules/@trendmicro/react-buttons/lib/index.js\");\n\nvar _Navbar = __webpack_require__(\"./Navbar.styl\");\n\nvar _Navbar2 = _interopRequireDefault(_Navbar);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (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 } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar _default = (_temp2 = _class = function (_Component) {\n _inherits(_default, _Component);\n\n function _default() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, _default);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = _default.__proto__ || Object.getPrototypeOf(_default)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n collapseIn: false\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(_default, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n name = _props.name,\n url = _props.url;\n\n\n return _react2.default.createElement(\n 'nav',\n {\n className: (0, _classnames2.default)(_Navbar2.default.navbar, _Navbar2.default.navbarDefault),\n style: { borderRadius: 0 }\n },\n _react2.default.createElement(\n 'div',\n { className: _Navbar2.default.containerFluid },\n _react2.default.createElement(\n 'div',\n { className: _Navbar2.default.navbarHeader },\n _react2.default.createElement(\n 'button',\n {\n type: 'button',\n className: (0, _classnames2.default)(_Navbar2.default.navbarToggle, _Navbar2.default.collapsed),\n onClick: function onClick() {\n _this2.setState(function (state) {\n return { collapseIn: !state.collapseIn };\n });\n }\n },\n _react2.default.createElement(\n 'span',\n { className: _Navbar2.default.srOnly },\n 'Toggle navigation'\n ),\n _react2.default.createElement('span', { className: _Navbar2.default.iconBar }),\n _react2.default.createElement('span', { className: _Navbar2.default.iconBar }),\n _react2.default.createElement('span', { className: _Navbar2.default.iconBar })\n ),\n _react2.default.createElement(\n _reactAnchor2.default,\n { className: _Navbar2.default.navbarBrand },\n name\n )\n ),\n _react2.default.createElement(\n 'div',\n {\n className: (0, _classnames2.default)(_Navbar2.default.collapse, _Navbar2.default.navbarCollapse, _defineProperty({}, _Navbar2.default.in, this.state.collapseIn))\n },\n _react2.default.createElement(\n _reactButtons.Button,\n {\n className: (0, _classnames2.default)(_Navbar2.default.navbarBtn, _Navbar2.default.navbarRight),\n btnStyle: 'flat',\n onClick: function onClick() {\n window.location = url;\n }\n },\n _react2.default.createElement('i', { className: 'fa fa-github' }),\n 'GitHub'\n )\n )\n )\n );\n }\n }]);\n\n return _default;\n}(_react.Component), _class.propTypes = {\n name: _propTypes2.default.string,\n url: _propTypes2.default.string\n}, _temp2);\n\nexports.default = _default;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9OYXZiYXIuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL05hdmJhci5qc3g/YjA1NyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEFuY2hvciBmcm9tICdAdHJlbmRtaWNyby9yZWFjdC1hbmNob3InO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnQHRyZW5kbWljcm8vcmVhY3QtYnV0dG9ucyc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vTmF2YmFyLnN0eWwnO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBleHRlbmRzIENvbXBvbmVudCB7XG4gICAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICAgICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgdXJsOiBQcm9wVHlwZXMuc3RyaW5nXG4gICAgfTtcblxuICAgIHN0YXRlID0ge1xuICAgICAgICBjb2xsYXBzZUluOiBmYWxzZVxuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIGNvbnN0IHsgbmFtZSwgdXJsIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8bmF2XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKHN0eWxlcy5uYXZiYXIsIHN0eWxlcy5uYXZiYXJEZWZhdWx0KX1cbiAgICAgICAgICAgICAgICBzdHlsZT17eyBib3JkZXJSYWRpdXM6IDAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzLmNvbnRhaW5lckZsdWlkfT5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5uYXZiYXJIZWFkZXJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhzdHlsZXMubmF2YmFyVG9nZ2xlLCBzdHlsZXMuY29sbGFwc2VkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuc2V0U3RhdGUoc3RhdGUgPT4gKHsgY29sbGFwc2VJbjogIXN0YXRlLmNvbGxhcHNlSW4gfSkpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtzdHlsZXMuc3JPbmx5fT5Ub2dnbGUgbmF2aWdhdGlvbjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e3N0eWxlcy5pY29uQmFyfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17c3R5bGVzLmljb25CYXJ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtzdHlsZXMuaWNvbkJhcn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEFuY2hvciBjbGFzc05hbWU9e3N0eWxlcy5uYXZiYXJCcmFuZH0+e25hbWV9PC9BbmNob3I+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGVzLmNvbGxhcHNlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlcy5uYXZiYXJDb2xsYXBzZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7IFtzdHlsZXMuaW5dOiB0aGlzLnN0YXRlLmNvbGxhcHNlSW4gfVxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhzdHlsZXMubmF2YmFyQnRuLCBzdHlsZXMubmF2YmFyUmlnaHQpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJ0blN0eWxlPVwiZmxhdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aW5kb3cubG9jYXRpb24gPSB1cmw7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJmYSBmYS1naXRodWJcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEdpdEh1YlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uYXY+XG4gICAgICAgICk7XG4gICAgfVxufVxuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIE5hdmJhci5qc3giXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTtBQUFBO0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQU9BO0FBQ0E7QUFEQTs7Ozs7QUFJQTtBQUFBO0FBQ0E7QUFEQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUZBO0FBSUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFMQTtBQU9BO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFWQTtBQVlBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFiQTtBQWVBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFPQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTEE7QUFPQTtBQVBBO0FBQUE7QUFQQTtBQWhCQTtBQUpBO0FBeUNBOzs7O0FBdERBO0FBQ0E7QUFDQTtBQUZBO0FBQ0E7QSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./Navbar.jsx\n"); /***/ }), -/***/ "./RadioGroup.jsx": +/***/ "./Navbar.styl": /***/ (function(module, exports, __webpack_require__) { -"use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\n__webpack_require__(\"../node_modules/@trendmicro/react-tooltip/dist/react-tooltip.css\");\n\nvar _reactTooltip = __webpack_require__(\"../node_modules/@trendmicro/react-tooltip/lib/index.js\");\n\nvar _react = __webpack_require__(\"../node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Section = __webpack_require__(\"./Section.jsx\");\n\nvar _Section2 = _interopRequireDefault(_Section);\n\nvar _src = __webpack_require__(\"../src/index.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (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 } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar _default = function (_PureComponent) {\n _inherits(_default, _PureComponent);\n\n function _default() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, _default);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = _default.__proto__ || Object.getPrototypeOf(_default)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n ports: 'all',\n comic: 'dc:batman'\n }, _this.handleChangeByKey = function (key) {\n return function (value, event) {\n _this.setState(_defineProperty({}, key, value));\n };\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(_default, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n _Section2.default,\n { className: 'row-sm-11 row-md-6' },\n _react2.default.createElement(\n 'h3',\n null,\n 'Radio Group'\n ),\n _react2.default.createElement(\n 'h5',\n null,\n 'Stacked'\n ),\n _react2.default.createElement(\n 'p',\n null,\n 'Selected: \"' + this.state.ports + '\"'\n ),\n _react2.default.createElement(\n _src.RadioGroup,\n {\n name: 'ports',\n value: this.state.ports,\n onChange: this.handleChangeByKey('ports')\n },\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_src.RadioButton, { label: 'All ports', value: 'all' }),\n _react2.default.createElement(\n _reactTooltip.Tooltip,\n { content: 'All ports' },\n _react2.default.createElement('i', { className: 'fa fa-info-circle', style: { marginLeft: 8 } })\n )\n ),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_src.RadioButton, {\n label: 'Specified ports',\n value: 'custom'\n }),\n _react2.default.createElement(\n _reactTooltip.Tooltip,\n { content: 'Specified ports' },\n _react2.default.createElement('i', { className: 'fa fa-info-circle', style: { marginLeft: 8 } })\n ),\n _react2.default.createElement(\n 'div',\n { style: { marginLeft: 22 } },\n _react2.default.createElement('input', {\n type: 'text',\n className: 'form-control',\n placeholder: this.state.ports === 'custom' ? '1-1023, 8000, 8080' : '',\n disabled: this.state.ports !== 'custom',\n onChange: function onChange(event) {\n event.stopPropagation();\n }\n }),\n _react2.default.createElement(\n 'div',\n { className: 'text-muted' },\n 'Use a comma to separate multiple ports.'\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_src.RadioButton, { label: 'Range', value: 'range' }),\n _react2.default.createElement(\n 'div',\n { style: { marginLeft: 22 } },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-6' },\n _react2.default.createElement('input', {\n type: 'text',\n name: 'from',\n className: 'form-control',\n placeholder: this.state.ports === 'range' ? 'From' : '',\n disabled: this.state.ports !== 'range',\n onChange: function onChange(event) {\n //event.stopPropagation();\n }\n })\n ),\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-6' },\n _react2.default.createElement('input', {\n type: 'text',\n name: 'to',\n className: 'form-control',\n placeholder: this.state.ports === 'range' ? 'To' : '',\n disabled: this.state.ports !== 'range',\n onChange: function onChange(event) {\n //event.stopPropagation();\n }\n })\n )\n )\n )\n )\n ),\n _react2.default.createElement(\n 'h5',\n null,\n 'Inline'\n ),\n _react2.default.createElement(\n 'p',\n null,\n 'Selected: \"' + this.state.comic + '\"'\n ),\n _react2.default.createElement(\n _src.RadioGroup,\n {\n name: 'comic',\n value: this.state.comic,\n onChange: this.handleChangeByKey('comic')\n },\n _react2.default.createElement(_src.RadioButton, { label: 'Batman (DC)', value: 'dc:batman' }),\n _react2.default.createElement(_src.RadioButton, { label: 'Hulk (Marvel)', value: 'marvel:hulk' }),\n _react2.default.createElement(_src.RadioButton, { label: 'Superman (DC)', value: 'dc:superman' }),\n _react2.default.createElement(_src.RadioButton, { label: 'Spider-Man (Marvel)', value: 'marvel:spiderman', disabled: true })\n )\n );\n }\n }]);\n\n return _default;\n}(_react.PureComponent);\n\nexports.default = _default;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9SYWRpb0dyb3VwLmpzeC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy9SYWRpb0dyb3VwLmpzeD9mYWRhIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAnQHRyZW5kbWljcm8vcmVhY3QtdG9vbHRpcC9kaXN0L3JlYWN0LXRvb2x0aXAuY3NzJztcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICdAdHJlbmRtaWNyby9yZWFjdC10b29sdGlwJztcbmltcG9ydCBSZWFjdCwgeyBQdXJlQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNlY3Rpb24gZnJvbSAnLi9TZWN0aW9uJztcbmltcG9ydCB7IFJhZGlvR3JvdXAsIFJhZGlvQnV0dG9uIH0gZnJvbSAnLi4vc3JjJztcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgICBzdGF0ZSA9IHtcbiAgICAgICAgcG9ydHM6ICdhbGwnLFxuICAgICAgICBjb21pYzogJ2RjOmJhdG1hbidcbiAgICB9O1xuXG4gICAgaGFuZGxlQ2hhbmdlQnlLZXkgPSAoa2V5KSA9PiAodmFsdWUsIGV2ZW50KSA9PiB7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoeyBba2V5XTogdmFsdWUgfSk7XG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxTZWN0aW9uIGNsYXNzTmFtZT1cInJvdy1zbS0xMSByb3ctbWQtNlwiPlxuICAgICAgICAgICAgICAgIDxoMz5SYWRpbyBHcm91cDwvaDM+XG4gICAgICAgICAgICAgICAgPGg1PlN0YWNrZWQ8L2g1PlxuICAgICAgICAgICAgICAgIDxwPntgU2VsZWN0ZWQ6IFwiJHt0aGlzLnN0YXRlLnBvcnRzfVwiYH08L3A+XG4gICAgICAgICAgICAgICAgPFJhZGlvR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgbmFtZT1cInBvcnRzXCJcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3RoaXMuc3RhdGUucG9ydHN9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNoYW5nZUJ5S2V5KCdwb3J0cycpfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxSYWRpb0J1dHRvbiBsYWJlbD1cIkFsbCBwb3J0c1wiIHZhbHVlPVwiYWxsXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9XCJBbGwgcG9ydHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJmYSBmYS1pbmZvLWNpcmNsZVwiIHN0eWxlPXt7IG1hcmdpbkxlZnQ6IDggfX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cIlNwZWNpZmllZCBwb3J0c1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9XCJjdXN0b21cIlxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9XCJTcGVjaWZpZWQgcG9ydHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJmYSBmYS1pbmZvLWNpcmNsZVwiIHN0eWxlPXt7IG1hcmdpbkxlZnQ6IDggfX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgbWFyZ2luTGVmdDogMjIgfX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZm9ybS1jb250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RoaXMuc3RhdGUucG9ydHMgPT09ICdjdXN0b20nID8gJzEtMTAyMywgODAwMCwgODA4MCcgOiAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e3RoaXMuc3RhdGUucG9ydHMgIT09ICdjdXN0b20nfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInRleHQtbXV0ZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgVXNlIGEgY29tbWEgdG8gc2VwYXJhdGUgbXVsdGlwbGUgcG9ydHMuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b24gbGFiZWw9XCJSYW5nZVwiIHZhbHVlPVwicmFuZ2VcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBzdHlsZT17eyBtYXJnaW5MZWZ0OiAyMiB9fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC14cy02XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT1cImZyb21cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RoaXMuc3RhdGUucG9ydHMgPT09ICdyYW5nZScgPyAnRnJvbScgOiAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZD17dGhpcy5zdGF0ZS5wb3J0cyAhPT0gJ3JhbmdlJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvL2V2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2wteHMtNlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9XCJ0b1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZm9ybS1jb250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17dGhpcy5zdGF0ZS5wb3J0cyA9PT0gJ3JhbmdlJyA/ICdUbycgOiAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZD17dGhpcy5zdGF0ZS5wb3J0cyAhPT0gJ3JhbmdlJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvL2V2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L1JhZGlvR3JvdXA+XG4gICAgICAgICAgICAgICAgPGg1PklubGluZTwvaDU+XG4gICAgICAgICAgICAgICAgPHA+e2BTZWxlY3RlZDogXCIke3RoaXMuc3RhdGUuY29taWN9XCJgfTwvcD5cbiAgICAgICAgICAgICAgICA8UmFkaW9Hcm91cFxuICAgICAgICAgICAgICAgICAgICBuYW1lPVwiY29taWNcIlxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dGhpcy5zdGF0ZS5jb21pY31cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMuaGFuZGxlQ2hhbmdlQnlLZXkoJ2NvbWljJyl9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b24gbGFiZWw9XCJCYXRtYW4gKERDKVwiIHZhbHVlPVwiZGM6YmF0bWFuXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgPFJhZGlvQnV0dG9uIGxhYmVsPVwiSHVsayAoTWFydmVsKVwiIHZhbHVlPVwibWFydmVsOmh1bGtcIiAvPlxuICAgICAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b24gbGFiZWw9XCJTdXBlcm1hbiAoREMpXCIgdmFsdWU9XCJkYzpzdXBlcm1hblwiIC8+XG4gICAgICAgICAgICAgICAgICAgIDxSYWRpb0J1dHRvbiBsYWJlbD1cIlNwaWRlci1NYW4gKE1hcnZlbClcIiB2YWx1ZT1cIm1hcnZlbDpzcGlkZXJtYW5cIiBkaXNhYmxlZCAvPlxuICAgICAgICAgICAgICAgIDwvUmFkaW9Hcm91cD5cbiAgICAgICAgICAgIDwvU2VjdGlvbj5cbiAgICAgICAgKTtcbiAgICB9XG59XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gUmFkaW9Hcm91cC5qc3giXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBO0FBQ0E7QUFDQTtBQUZBO0FBS0E7QUFDQTtBQUNBO0FBRkE7Ozs7O0FBSUE7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQUtBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQUZBO0FBTUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBRkE7QUFJQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBR0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVBBO0FBU0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQVZBO0FBUkE7QUF1QkE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFSQTtBQURBO0FBWUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBUkE7QUFEQTtBQWJBO0FBREE7QUFGQTtBQWxDQTtBQWtFQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFSQTtBQXhFQTtBQW9GQTs7Ozs7O0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./RadioGroup.jsx\n"); +eval("\nvar content = __webpack_require__(\"../node_modules/css-loader/index.js?camelCase&modules&importLoaders=1&localIdentName=[local]---[hash:base64:5]!../node_modules/stylus-loader/index.js!../node_modules/stylint-loader/index.js!./Navbar.styl\");\n\nif(typeof content === 'string') content = [[module.i, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = __webpack_require__(\"../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(false) {\n\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?camelCase&modules&importLoaders=1&localIdentName=[local]---[hash:base64:5]!../node_modules/stylus-loader/index.js!../node_modules/stylint-loader/index.js!./Navbar.styl\", function() {\n\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?camelCase&modules&importLoaders=1&localIdentName=[local]---[hash:base64:5]!../node_modules/stylus-loader/index.js!../node_modules/stylint-loader/index.js!./Navbar.styl\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9OYXZiYXIuc3R5bC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL05hdmJhci5zdHlsP2Q5YTkiXSwic291cmNlc0NvbnRlbnQiOlsiXG52YXIgY29udGVudCA9IHJlcXVpcmUoXCIhIS4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2luZGV4LmpzP2NhbWVsQ2FzZSZtb2R1bGVzJmltcG9ydExvYWRlcnM9MSZsb2NhbElkZW50TmFtZT1bbG9jYWxdLS0tW2hhc2g6YmFzZTY0OjVdIS4uL25vZGVfbW9kdWxlcy9zdHlsdXMtbG9hZGVyL2luZGV4LmpzIS4uL25vZGVfbW9kdWxlcy9zdHlsaW50LWxvYWRlci9pbmRleC5qcyEuL05hdmJhci5zdHlsXCIpO1xuXG5pZih0eXBlb2YgY29udGVudCA9PT0gJ3N0cmluZycpIGNvbnRlbnQgPSBbW21vZHVsZS5pZCwgY29udGVudCwgJyddXTtcblxudmFyIHRyYW5zZm9ybTtcbnZhciBpbnNlcnRJbnRvO1xuXG5cblxudmFyIG9wdGlvbnMgPSB7XCJobXJcIjp0cnVlfVxuXG5vcHRpb25zLnRyYW5zZm9ybSA9IHRyYW5zZm9ybVxub3B0aW9ucy5pbnNlcnRJbnRvID0gdW5kZWZpbmVkO1xuXG52YXIgdXBkYXRlID0gcmVxdWlyZShcIiEuLi9ub2RlX21vZHVsZXMvc3R5bGUtbG9hZGVyL2xpYi9hZGRTdHlsZXMuanNcIikoY29udGVudCwgb3B0aW9ucyk7XG5cbmlmKGNvbnRlbnQubG9jYWxzKSBtb2R1bGUuZXhwb3J0cyA9IGNvbnRlbnQubG9jYWxzO1xuXG5pZihtb2R1bGUuaG90KSB7XG5cdG1vZHVsZS5ob3QuYWNjZXB0KFwiISEuLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9pbmRleC5qcz9jYW1lbENhc2UmbW9kdWxlcyZpbXBvcnRMb2FkZXJzPTEmbG9jYWxJZGVudE5hbWU9W2xvY2FsXS0tLVtoYXNoOmJhc2U2NDo1XSEuLi9ub2RlX21vZHVsZXMvc3R5bHVzLWxvYWRlci9pbmRleC5qcyEuLi9ub2RlX21vZHVsZXMvc3R5bGludC1sb2FkZXIvaW5kZXguanMhLi9OYXZiYXIuc3R5bFwiLCBmdW5jdGlvbigpIHtcblx0XHR2YXIgbmV3Q29udGVudCA9IHJlcXVpcmUoXCIhIS4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2luZGV4LmpzP2NhbWVsQ2FzZSZtb2R1bGVzJmltcG9ydExvYWRlcnM9MSZsb2NhbElkZW50TmFtZT1bbG9jYWxdLS0tW2hhc2g6YmFzZTY0OjVdIS4uL25vZGVfbW9kdWxlcy9zdHlsdXMtbG9hZGVyL2luZGV4LmpzIS4uL25vZGVfbW9kdWxlcy9zdHlsaW50LWxvYWRlci9pbmRleC5qcyEuL05hdmJhci5zdHlsXCIpO1xuXG5cdFx0aWYodHlwZW9mIG5ld0NvbnRlbnQgPT09ICdzdHJpbmcnKSBuZXdDb250ZW50ID0gW1ttb2R1bGUuaWQsIG5ld0NvbnRlbnQsICcnXV07XG5cblx0XHR2YXIgbG9jYWxzID0gKGZ1bmN0aW9uKGEsIGIpIHtcblx0XHRcdHZhciBrZXksIGlkeCA9IDA7XG5cblx0XHRcdGZvcihrZXkgaW4gYSkge1xuXHRcdFx0XHRpZighYiB8fCBhW2tleV0gIT09IGJba2V5XSkgcmV0dXJuIGZhbHNlO1xuXHRcdFx0XHRpZHgrKztcblx0XHRcdH1cblxuXHRcdFx0Zm9yKGtleSBpbiBiKSBpZHgtLTtcblxuXHRcdFx0cmV0dXJuIGlkeCA9PT0gMDtcblx0XHR9KGNvbnRlbnQubG9jYWxzLCBuZXdDb250ZW50LmxvY2FscykpO1xuXG5cdFx0aWYoIWxvY2FscykgdGhyb3cgbmV3IEVycm9yKCdBYm9ydGluZyBDU1MgSE1SIGR1ZSB0byBjaGFuZ2VkIGNzcy1tb2R1bGVzIGxvY2Fscy4nKTtcblxuXHRcdHVwZGF0ZShuZXdDb250ZW50KTtcblx0fSk7XG5cblx0bW9kdWxlLmhvdC5kaXNwb3NlKGZ1bmN0aW9uKCkgeyB1cGRhdGUoKTsgfSk7XG59XG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9OYXZiYXIuc3R5bFxuLy8gbW9kdWxlIGlkID0gLi9OYXZiYXIuc3R5bFxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./Navbar.styl\n"); /***/ }), @@ -1532,11 +1532,19 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n}); /***/ }), +/***/ "./UncontrolledRadioGroup.jsx": +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\n__webpack_require__(\"../node_modules/@trendmicro/react-tooltip/dist/react-tooltip.css\");\n\nvar _reactTooltip = __webpack_require__(\"../node_modules/@trendmicro/react-tooltip/lib/index.js\");\n\nvar _react = __webpack_require__(\"../node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Section = __webpack_require__(\"./Section.jsx\");\n\nvar _Section2 = _interopRequireDefault(_Section);\n\nvar _src = __webpack_require__(\"../src/index.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (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 } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar _default = function (_PureComponent) {\n _inherits(_default, _PureComponent);\n\n function _default() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, _default);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = _default.__proto__ || Object.getPrototypeOf(_default)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n ports: '',\n comic: ''\n }, _this.handleChangeByKey = function (key) {\n return function (value, event) {\n _this.setState(_defineProperty({}, key, value));\n };\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(_default, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n _Section2.default,\n { className: 'row-sm-11 row-md-6' },\n _react2.default.createElement(\n 'h3',\n null,\n 'Uncontrolled Radio Group'\n ),\n _react2.default.createElement(\n 'h5',\n null,\n 'Stacked'\n ),\n _react2.default.createElement(\n 'p',\n null,\n 'Selected: \"' + this.state.ports + '\"'\n ),\n _react2.default.createElement(\n _src.RadioGroup,\n {\n name: 'ports',\n onChange: this.handleChangeByKey('ports')\n },\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_src.RadioButton, { label: 'All ports', value: 'all' }),\n _react2.default.createElement(\n _reactTooltip.Tooltip,\n { content: 'All ports' },\n _react2.default.createElement('i', { className: 'fa fa-info-circle', style: { marginLeft: 8 } })\n )\n ),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_src.RadioButton, {\n label: 'Specified ports',\n value: 'custom'\n }),\n _react2.default.createElement(\n _reactTooltip.Tooltip,\n { content: 'Specified ports' },\n _react2.default.createElement('i', { className: 'fa fa-info-circle', style: { marginLeft: 8 } })\n ),\n _react2.default.createElement(\n 'div',\n { style: { marginLeft: 22 } },\n _react2.default.createElement('input', {\n type: 'text',\n className: 'form-control',\n placeholder: this.state.ports === 'custom' ? '1-1023, 8000, 8080' : '',\n disabled: this.state.ports !== 'custom',\n onChange: function onChange(event) {\n event.stopPropagation();\n }\n }),\n _react2.default.createElement(\n 'div',\n { className: 'text-muted' },\n 'Use a comma to separate multiple ports.'\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_src.RadioButton, { label: 'Range', value: 'range' }),\n _react2.default.createElement(\n 'div',\n { style: { marginLeft: 22 } },\n _react2.default.createElement(\n 'div',\n { className: 'row' },\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-6' },\n _react2.default.createElement('input', {\n type: 'text',\n name: 'from',\n className: 'form-control',\n placeholder: this.state.ports === 'range' ? 'From' : '',\n disabled: this.state.ports !== 'range',\n onChange: function onChange(event) {\n //event.stopPropagation();\n }\n })\n ),\n _react2.default.createElement(\n 'div',\n { className: 'col-xs-6' },\n _react2.default.createElement('input', {\n type: 'text',\n name: 'to',\n className: 'form-control',\n placeholder: this.state.ports === 'range' ? 'To' : '',\n disabled: this.state.ports !== 'range',\n onChange: function onChange(event) {\n //event.stopPropagation();\n }\n })\n )\n )\n )\n )\n ),\n _react2.default.createElement(\n 'h5',\n null,\n 'Inline'\n ),\n _react2.default.createElement(\n 'p',\n null,\n 'Selected: \"' + this.state.comic + '\"'\n ),\n _react2.default.createElement(\n _src.RadioGroup,\n {\n name: 'comic',\n onChange: this.handleChangeByKey('comic')\n },\n _react2.default.createElement(_src.RadioButton, { label: 'Batman (DC)', value: 'dc:batman' }),\n _react2.default.createElement(_src.RadioButton, { label: 'Hulk (Marvel)', value: 'marvel:hulk' }),\n _react2.default.createElement(_src.RadioButton, { label: 'Superman (DC)', value: 'dc:superman' }),\n _react2.default.createElement(_src.RadioButton, { label: 'Spider-Man (Marvel)', value: 'marvel:spiderman', disabled: true })\n )\n );\n }\n }]);\n\n return _default;\n}(_react.PureComponent);\n\nexports.default = _default;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9VbmNvbnRyb2xsZWRSYWRpb0dyb3VwLmpzeC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy9VbmNvbnRyb2xsZWRSYWRpb0dyb3VwLmpzeD9kOTA0Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAnQHRyZW5kbWljcm8vcmVhY3QtdG9vbHRpcC9kaXN0L3JlYWN0LXRvb2x0aXAuY3NzJztcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICdAdHJlbmRtaWNyby9yZWFjdC10b29sdGlwJztcbmltcG9ydCBSZWFjdCwgeyBQdXJlQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNlY3Rpb24gZnJvbSAnLi9TZWN0aW9uJztcbmltcG9ydCB7IFJhZGlvR3JvdXAsIFJhZGlvQnV0dG9uIH0gZnJvbSAnLi4vc3JjJztcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgICBzdGF0ZSA9IHtcbiAgICAgICAgcG9ydHM6ICcnLFxuICAgICAgICBjb21pYzogJydcbiAgICB9O1xuXG4gICAgaGFuZGxlQ2hhbmdlQnlLZXkgPSAoa2V5KSA9PiAodmFsdWUsIGV2ZW50KSA9PiB7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoeyBba2V5XTogdmFsdWUgfSk7XG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxTZWN0aW9uIGNsYXNzTmFtZT1cInJvdy1zbS0xMSByb3ctbWQtNlwiPlxuICAgICAgICAgICAgICAgIDxoMz5VbmNvbnRyb2xsZWQgUmFkaW8gR3JvdXA8L2gzPlxuICAgICAgICAgICAgICAgIDxoNT5TdGFja2VkPC9oNT5cbiAgICAgICAgICAgICAgICA8cD57YFNlbGVjdGVkOiBcIiR7dGhpcy5zdGF0ZS5wb3J0c31cImB9PC9wPlxuICAgICAgICAgICAgICAgIDxSYWRpb0dyb3VwXG4gICAgICAgICAgICAgICAgICAgIG5hbWU9XCJwb3J0c1wiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNoYW5nZUJ5S2V5KCdwb3J0cycpfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxSYWRpb0J1dHRvbiBsYWJlbD1cIkFsbCBwb3J0c1wiIHZhbHVlPVwiYWxsXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9XCJBbGwgcG9ydHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJmYSBmYS1pbmZvLWNpcmNsZVwiIHN0eWxlPXt7IG1hcmdpbkxlZnQ6IDggfX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cIlNwZWNpZmllZCBwb3J0c1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9XCJjdXN0b21cIlxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9XCJTcGVjaWZpZWQgcG9ydHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJmYSBmYS1pbmZvLWNpcmNsZVwiIHN0eWxlPXt7IG1hcmdpbkxlZnQ6IDggfX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgbWFyZ2luTGVmdDogMjIgfX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZm9ybS1jb250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RoaXMuc3RhdGUucG9ydHMgPT09ICdjdXN0b20nID8gJzEtMTAyMywgODAwMCwgODA4MCcgOiAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e3RoaXMuc3RhdGUucG9ydHMgIT09ICdjdXN0b20nfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInRleHQtbXV0ZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgVXNlIGEgY29tbWEgdG8gc2VwYXJhdGUgbXVsdGlwbGUgcG9ydHMuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b24gbGFiZWw9XCJSYW5nZVwiIHZhbHVlPVwicmFuZ2VcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBzdHlsZT17eyBtYXJnaW5MZWZ0OiAyMiB9fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC14cy02XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT1cImZyb21cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RoaXMuc3RhdGUucG9ydHMgPT09ICdyYW5nZScgPyAnRnJvbScgOiAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZD17dGhpcy5zdGF0ZS5wb3J0cyAhPT0gJ3JhbmdlJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvL2V2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2wteHMtNlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9XCJ0b1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZm9ybS1jb250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17dGhpcy5zdGF0ZS5wb3J0cyA9PT0gJ3JhbmdlJyA/ICdUbycgOiAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZD17dGhpcy5zdGF0ZS5wb3J0cyAhPT0gJ3JhbmdlJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvL2V2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L1JhZGlvR3JvdXA+XG4gICAgICAgICAgICAgICAgPGg1PklubGluZTwvaDU+XG4gICAgICAgICAgICAgICAgPHA+e2BTZWxlY3RlZDogXCIke3RoaXMuc3RhdGUuY29taWN9XCJgfTwvcD5cbiAgICAgICAgICAgICAgICA8UmFkaW9Hcm91cFxuICAgICAgICAgICAgICAgICAgICBuYW1lPVwiY29taWNcIlxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5oYW5kbGVDaGFuZ2VCeUtleSgnY29taWMnKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxSYWRpb0J1dHRvbiBsYWJlbD1cIkJhdG1hbiAoREMpXCIgdmFsdWU9XCJkYzpiYXRtYW5cIiAvPlxuICAgICAgICAgICAgICAgICAgICA8UmFkaW9CdXR0b24gbGFiZWw9XCJIdWxrIChNYXJ2ZWwpXCIgdmFsdWU9XCJtYXJ2ZWw6aHVsa1wiIC8+XG4gICAgICAgICAgICAgICAgICAgIDxSYWRpb0J1dHRvbiBsYWJlbD1cIlN1cGVybWFuIChEQylcIiB2YWx1ZT1cImRjOnN1cGVybWFuXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgPFJhZGlvQnV0dG9uIGxhYmVsPVwiU3BpZGVyLU1hbiAoTWFydmVsKVwiIHZhbHVlPVwibWFydmVsOnNwaWRlcm1hblwiIGRpc2FibGVkIC8+XG4gICAgICAgICAgICAgICAgPC9SYWRpb0dyb3VwPlxuICAgICAgICAgICAgPC9TZWN0aW9uPlxuICAgICAgICApO1xuICAgIH1cbn1cblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBVbmNvbnRyb2xsZWRSYWRpb0dyb3VwLmpzeCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUE7QUFDQTtBQUNBO0FBRkE7QUFLQTtBQUNBO0FBQ0E7QUFGQTs7Ozs7QUFJQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFGQTtBQUlBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQUZBO0FBTUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBRkE7QUFJQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBR0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVBBO0FBU0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQVZBO0FBUkE7QUF1QkE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFSQTtBQURBO0FBWUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBUkE7QUFEQTtBQWJBO0FBREE7QUFGQTtBQWpDQTtBQWlFQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFGQTtBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBUEE7QUF2RUE7QUFrRkE7Ozs7OztBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./UncontrolledRadioGroup.jsx\n"); + +/***/ }), + /***/ "./index.jsx": /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\n__webpack_require__(\"../node_modules/trendmicro-ui/dist/css/trendmicro-ui.css\");\n\n__webpack_require__(\"../node_modules/@trendmicro/react-buttons/dist/react-buttons.css\");\n\nvar _react = __webpack_require__(\"../node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(\"../node_modules/react-dom/index.js\");\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _Navbar = __webpack_require__(\"./Navbar.jsx\");\n\nvar _Navbar2 = _interopRequireDefault(_Navbar);\n\nvar _UncontrolledRadioButton = __webpack_require__(\"./UncontrolledRadioButton.jsx\");\n\nvar _UncontrolledRadioButton2 = _interopRequireDefault(_UncontrolledRadioButton);\n\nvar _ControlledRadioButton = __webpack_require__(\"./ControlledRadioButton.jsx\");\n\nvar _ControlledRadioButton2 = _interopRequireDefault(_ControlledRadioButton);\n\nvar _RadioGroup = __webpack_require__(\"./RadioGroup.jsx\");\n\nvar _RadioGroup2 = _interopRequireDefault(_RadioGroup);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar name = 'React Radio';\nvar url = 'https://github.com/trendmicro-frontend/react-radio';\n\nvar App = function App() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Navbar2.default, { name: name, url: url }),\n _react2.default.createElement(\n 'div',\n { className: 'container-fluid', style: { padding: '20px 20px 0' } },\n _react2.default.createElement(\n 'div',\n { className: 'col-lg-6 col-md-12' },\n _react2.default.createElement(_UncontrolledRadioButton2.default, null)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'col-lg-6 col-md-12' },\n _react2.default.createElement(_ControlledRadioButton2.default, null)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'col-lg-6 col-md-12' },\n _react2.default.createElement(_RadioGroup2.default, null)\n )\n )\n );\n};\n\n_reactDom2.default.render(_react2.default.createElement(App, null), document.getElementById('container'));//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9pbmRleC5qc3guanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vaW5kZXguanN4P2ZkZDciXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICd0cmVuZG1pY3JvLXVpL2Rpc3QvY3NzL3RyZW5kbWljcm8tdWkuY3NzJztcbmltcG9ydCAnQHRyZW5kbWljcm8vcmVhY3QtYnV0dG9ucy9kaXN0L3JlYWN0LWJ1dHRvbnMuY3NzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmVhY3RET00gZnJvbSAncmVhY3QtZG9tJztcbmltcG9ydCBOYXZiYXIgZnJvbSAnLi9OYXZiYXInO1xuaW1wb3J0IFVuY29udHJvbGxlZFJhZGlvQnV0dG9uIGZyb20gJy4vVW5jb250cm9sbGVkUmFkaW9CdXR0b24nO1xuaW1wb3J0IENvbnRyb2xsZWRSYWRpb0J1dHRvbiBmcm9tICcuL0NvbnRyb2xsZWRSYWRpb0J1dHRvbic7XG5pbXBvcnQgUmFkaW9Hcm91cCBmcm9tICcuL1JhZGlvR3JvdXAnO1xuXG5jb25zdCBuYW1lID0gJ1JlYWN0IFJhZGlvJztcbmNvbnN0IHVybCA9ICdodHRwczovL2dpdGh1Yi5jb20vdHJlbmRtaWNyby1mcm9udGVuZC9yZWFjdC1yYWRpbyc7XG5cbmNvbnN0IEFwcCA9ICgpID0+IChcbiAgICA8ZGl2PlxuICAgICAgICA8TmF2YmFyIG5hbWU9e25hbWV9IHVybD17dXJsfSAvPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbnRhaW5lci1mbHVpZFwiIHN0eWxlPXt7IHBhZGRpbmc6ICcyMHB4IDIwcHggMCcgfX0+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1sZy02IGNvbC1tZC0xMlwiPlxuICAgICAgICAgICAgICAgIDxVbmNvbnRyb2xsZWRSYWRpb0J1dHRvbiAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1sZy02IGNvbC1tZC0xMlwiPlxuICAgICAgICAgICAgICAgIDxDb250cm9sbGVkUmFkaW9CdXR0b24gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2wtbGctNiBjb2wtbWQtMTJcIj5cbiAgICAgICAgICAgICAgICA8UmFkaW9Hcm91cCAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuKTtcblxuUmVhY3RET00ucmVuZGVyKFxuICAgIDxBcHAgLz4sXG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2NvbnRhaW5lcicpXG4pO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGluZGV4LmpzeCJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBR0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQVBBO0FBRkE7QUFEQTtBQUNBO0FBZ0JBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./index.jsx\n"); +eval("\n\n__webpack_require__(\"../node_modules/trendmicro-ui/dist/css/trendmicro-ui.css\");\n\n__webpack_require__(\"../node_modules/@trendmicro/react-buttons/dist/react-buttons.css\");\n\nvar _react = __webpack_require__(\"../node_modules/react/index.js\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(\"../node_modules/react-dom/index.js\");\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _Navbar = __webpack_require__(\"./Navbar.jsx\");\n\nvar _Navbar2 = _interopRequireDefault(_Navbar);\n\nvar _UncontrolledRadioButton = __webpack_require__(\"./UncontrolledRadioButton.jsx\");\n\nvar _UncontrolledRadioButton2 = _interopRequireDefault(_UncontrolledRadioButton);\n\nvar _ControlledRadioButton = __webpack_require__(\"./ControlledRadioButton.jsx\");\n\nvar _ControlledRadioButton2 = _interopRequireDefault(_ControlledRadioButton);\n\nvar _UncontrolledRadioGroup = __webpack_require__(\"./UncontrolledRadioGroup.jsx\");\n\nvar _UncontrolledRadioGroup2 = _interopRequireDefault(_UncontrolledRadioGroup);\n\nvar _ControlledRadioGroup = __webpack_require__(\"./ControlledRadioGroup.jsx\");\n\nvar _ControlledRadioGroup2 = _interopRequireDefault(_ControlledRadioGroup);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar name = 'React Radio';\nvar url = 'https://github.com/trendmicro-frontend/react-radio';\n\nvar App = function App() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Navbar2.default, { name: name, url: url }),\n _react2.default.createElement(\n 'div',\n { className: 'container-fluid', style: { padding: '20px 20px 0' } },\n _react2.default.createElement(\n 'div',\n { className: 'col-lg-6 col-md-12' },\n _react2.default.createElement(_UncontrolledRadioButton2.default, null)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'col-lg-6 col-md-12' },\n _react2.default.createElement(_ControlledRadioButton2.default, null)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'col-lg-6 col-md-12' },\n _react2.default.createElement(_UncontrolledRadioGroup2.default, null)\n ),\n _react2.default.createElement(\n 'div',\n { className: 'col-lg-6 col-md-12' },\n _react2.default.createElement(_ControlledRadioGroup2.default, null)\n )\n )\n );\n};\n\n_reactDom2.default.render(_react2.default.createElement(App, null), document.getElementById('container'));//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9pbmRleC5qc3guanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vaW5kZXguanN4P2ZkZDciXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICd0cmVuZG1pY3JvLXVpL2Rpc3QvY3NzL3RyZW5kbWljcm8tdWkuY3NzJztcbmltcG9ydCAnQHRyZW5kbWljcm8vcmVhY3QtYnV0dG9ucy9kaXN0L3JlYWN0LWJ1dHRvbnMuY3NzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmVhY3RET00gZnJvbSAncmVhY3QtZG9tJztcbmltcG9ydCBOYXZiYXIgZnJvbSAnLi9OYXZiYXInO1xuaW1wb3J0IFVuY29udHJvbGxlZFJhZGlvQnV0dG9uIGZyb20gJy4vVW5jb250cm9sbGVkUmFkaW9CdXR0b24nO1xuaW1wb3J0IENvbnRyb2xsZWRSYWRpb0J1dHRvbiBmcm9tICcuL0NvbnRyb2xsZWRSYWRpb0J1dHRvbic7XG5pbXBvcnQgVW5jb250cm9sbGVkUmFkaW9Hcm91cCBmcm9tICcuL1VuY29udHJvbGxlZFJhZGlvR3JvdXAnO1xuaW1wb3J0IENvbnRyb2xsZWRSYWRpb0dyb3VwIGZyb20gJy4vQ29udHJvbGxlZFJhZGlvR3JvdXAnO1xuXG5jb25zdCBuYW1lID0gJ1JlYWN0IFJhZGlvJztcbmNvbnN0IHVybCA9ICdodHRwczovL2dpdGh1Yi5jb20vdHJlbmRtaWNyby1mcm9udGVuZC9yZWFjdC1yYWRpbyc7XG5cbmNvbnN0IEFwcCA9ICgpID0+IChcbiAgICA8ZGl2PlxuICAgICAgICA8TmF2YmFyIG5hbWU9e25hbWV9IHVybD17dXJsfSAvPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbnRhaW5lci1mbHVpZFwiIHN0eWxlPXt7IHBhZGRpbmc6ICcyMHB4IDIwcHggMCcgfX0+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1sZy02IGNvbC1tZC0xMlwiPlxuICAgICAgICAgICAgICAgIDxVbmNvbnRyb2xsZWRSYWRpb0J1dHRvbiAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1sZy02IGNvbC1tZC0xMlwiPlxuICAgICAgICAgICAgICAgIDxDb250cm9sbGVkUmFkaW9CdXR0b24gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb2wtbGctNiBjb2wtbWQtMTJcIj5cbiAgICAgICAgICAgICAgICA8VW5jb250cm9sbGVkUmFkaW9Hcm91cCAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbC1sZy02IGNvbC1tZC0xMlwiPlxuICAgICAgICAgICAgICAgIDxDb250cm9sbGVkUmFkaW9Hcm91cCAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuKTtcblxuUmVhY3RET00ucmVuZGVyKFxuICAgIDxBcHAgLz4sXG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2NvbnRhaW5lcicpXG4pO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGluZGV4LmpzeCJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBR0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQUdBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFWQTtBQUZBO0FBREE7QUFDQTtBQW1CQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./index.jsx\n"); /***/ }) diff --git a/docs/index.html b/docs/index.html index b98871c..24af9f7 100644 --- a/docs/index.html +++ b/docs/index.html @@ -11,5 +11,5 @@
- + diff --git a/examples/RadioGroup.jsx b/examples/ControlledRadioGroup.jsx similarity index 98% rename from examples/RadioGroup.jsx rename to examples/ControlledRadioGroup.jsx index 53ade45..33ea328 100644 --- a/examples/RadioGroup.jsx +++ b/examples/ControlledRadioGroup.jsx @@ -17,7 +17,7 @@ export default class extends PureComponent { render() { return (
-

Radio Group

+

Controlled Radio Group

Stacked

{`Selected: "${this.state.ports}"`}

(value, event) => { + this.setState({ [key]: value }); + }; + + render() { + return ( +
+

Uncontrolled Radio Group

+
Stacked
+

{`Selected: "${this.state.ports}"`}

+ +
+ + + + +
+
+ + + + +
+ { + event.stopPropagation(); + }} + /> +
+ Use a comma to separate multiple ports. +
+
+
+
+ +
+
+
+ { + //event.stopPropagation(); + }} + /> +
+
+ { + //event.stopPropagation(); + }} + /> +
+
+
+
+ +
Inline
+

{`Selected: "${this.state.comic}"`}

+ + + + + + +
+ ); + } +} diff --git a/examples/index.jsx b/examples/index.jsx index 829c3e3..8bcfe89 100644 --- a/examples/index.jsx +++ b/examples/index.jsx @@ -5,7 +5,8 @@ import ReactDOM from 'react-dom'; import Navbar from './Navbar'; import UncontrolledRadioButton from './UncontrolledRadioButton'; import ControlledRadioButton from './ControlledRadioButton'; -import RadioGroup from './RadioGroup'; +import UncontrolledRadioGroup from './UncontrolledRadioGroup'; +import ControlledRadioGroup from './ControlledRadioGroup'; const name = 'React Radio'; const url = 'https://github.com/trendmicro-frontend/react-radio'; @@ -21,7 +22,10 @@ const App = () => (
- + +
+
+
diff --git a/package.json b/package.json index 14fbdc8..9cfb4a4 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@trendmicro/react-radio", - "version": "3.1.1", + "version": "3.1.2", "description": "React Radio component", "main": "lib/index.js", "files": [ diff --git a/src/RadioGroup.jsx b/src/RadioGroup.jsx index 46afa9f..25c7fe3 100644 --- a/src/RadioGroup.jsx +++ b/src/RadioGroup.jsx @@ -7,14 +7,31 @@ class RadioGroup extends PureComponent { static propTypes = { disabled: PropTypes.bool, onChange: PropTypes.func, - value: PropTypes.any + value: PropTypes.any, + defaultValue: PropTypes.any }; static defaultProps = { disabled: false }; + state = { + value: (this.props.value !== undefined) ? this.props.value : this.props.defaultValue + }; + + get value() { + return this.state.value; + } + handleChange = (value, event) => { + if (this.props.value !== undefined) { + // Controlled component + this.setState({ value: this.props.value }); + } else { + // Uncontrolled component + this.setState({ value: value }); + } + if (typeof this.props.onChange === 'function') { this.props.onChange(value, event); } @@ -33,7 +50,7 @@ class RadioGroup extends PureComponent { if (child.type === RadioButton) { return cloneElement(child, { - checked: this.props.value === child.props.value, + checked: (this.state.value !== undefined) && (this.state.value === child.props.value), disabled: this.props.disabled || child.props.disabled, onChange: chainedFunction( child.props.onChange, @@ -60,6 +77,14 @@ class RadioGroup extends PureComponent { } }; + componentWillReceiveProps(nextProps) { + if (nextProps.value !== undefined) { + this.setState({ + value: nextProps.value + }); + } + } + render() { return this.renderChildren(this.props.children); }