168 lines
		
	
	
		
			4.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			168 lines
		
	
	
		
			4.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
'use strict';
 | 
						|
 | 
						|
Object.defineProperty(exports, "__esModule", {
 | 
						|
  value: true
 | 
						|
});
 | 
						|
 | 
						|
var _extends2 = require('babel-runtime/helpers/extends');
 | 
						|
 | 
						|
var _extends3 = _interopRequireDefault(_extends2);
 | 
						|
 | 
						|
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
 | 
						|
 | 
						|
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 | 
						|
 | 
						|
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
 | 
						|
 | 
						|
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 | 
						|
 | 
						|
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
 | 
						|
 | 
						|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 | 
						|
 | 
						|
var _createClass2 = require('babel-runtime/helpers/createClass');
 | 
						|
 | 
						|
var _createClass3 = _interopRequireDefault(_createClass2);
 | 
						|
 | 
						|
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
 | 
						|
 | 
						|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 | 
						|
 | 
						|
var _inherits2 = require('babel-runtime/helpers/inherits');
 | 
						|
 | 
						|
var _inherits3 = _interopRequireDefault(_inherits2);
 | 
						|
 | 
						|
var _react = require('react');
 | 
						|
 | 
						|
var _react2 = _interopRequireDefault(_react);
 | 
						|
 | 
						|
var _propTypes = require('prop-types');
 | 
						|
 | 
						|
var _propTypes2 = _interopRequireDefault(_propTypes);
 | 
						|
 | 
						|
var _FormGroup = require('../Form/FormGroup');
 | 
						|
 | 
						|
var _FormGroup2 = _interopRequireDefault(_FormGroup);
 | 
						|
 | 
						|
var _helpers = require('../utils/helpers');
 | 
						|
 | 
						|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 | 
						|
 | 
						|
// @inheritedComponent FormGroup
 | 
						|
 | 
						|
var RadioGroup = function (_React$Component) {
 | 
						|
  (0, _inherits3.default)(RadioGroup, _React$Component);
 | 
						|
 | 
						|
  function RadioGroup() {
 | 
						|
    var _ref;
 | 
						|
 | 
						|
    var _temp, _this, _ret;
 | 
						|
 | 
						|
    (0, _classCallCheck3.default)(this, RadioGroup);
 | 
						|
 | 
						|
    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
 | 
						|
      args[_key] = arguments[_key];
 | 
						|
    }
 | 
						|
 | 
						|
    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = RadioGroup.__proto__ || (0, _getPrototypeOf2.default)(RadioGroup)).call.apply(_ref, [this].concat(args))), _this), _this.radios = [], _this.focus = function () {
 | 
						|
      if (!_this.radios || !_this.radios.length) {
 | 
						|
        return;
 | 
						|
      }
 | 
						|
 | 
						|
      var focusRadios = _this.radios.filter(function (n) {
 | 
						|
        return !n.disabled;
 | 
						|
      });
 | 
						|
 | 
						|
      if (!focusRadios.length) {
 | 
						|
        return;
 | 
						|
      }
 | 
						|
 | 
						|
      var selectedRadio = (0, _helpers.find)(focusRadios, function (n) {
 | 
						|
        return n.checked;
 | 
						|
      });
 | 
						|
 | 
						|
      if (selectedRadio) {
 | 
						|
        selectedRadio.focus();
 | 
						|
        return;
 | 
						|
      }
 | 
						|
 | 
						|
      focusRadios[0].focus();
 | 
						|
    }, _this.handleRadioChange = function (event, checked) {
 | 
						|
      if (checked && _this.props.onChange) {
 | 
						|
        _this.props.onChange(event, event.target.value);
 | 
						|
      }
 | 
						|
    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
 | 
						|
  }
 | 
						|
 | 
						|
  (0, _createClass3.default)(RadioGroup, [{
 | 
						|
    key: 'render',
 | 
						|
    value: function render() {
 | 
						|
      var _this2 = this;
 | 
						|
 | 
						|
      var _props = this.props,
 | 
						|
          children = _props.children,
 | 
						|
          name = _props.name,
 | 
						|
          value = _props.value,
 | 
						|
          onChange = _props.onChange,
 | 
						|
          other = (0, _objectWithoutProperties3.default)(_props, ['children', 'name', 'value', 'onChange']);
 | 
						|
 | 
						|
 | 
						|
      this.radios = [];
 | 
						|
 | 
						|
      return _react2.default.createElement(
 | 
						|
        _FormGroup2.default,
 | 
						|
        (0, _extends3.default)({ role: 'radiogroup' }, other),
 | 
						|
        _react2.default.Children.map(children, function (child, index) {
 | 
						|
          if (!_react2.default.isValidElement(child)) {
 | 
						|
            return null;
 | 
						|
          }
 | 
						|
 | 
						|
          return _react2.default.cloneElement(child, {
 | 
						|
            key: index,
 | 
						|
            name: name,
 | 
						|
            inputRef: function inputRef(node) {
 | 
						|
              if (node) {
 | 
						|
                _this2.radios.push(node);
 | 
						|
              }
 | 
						|
            },
 | 
						|
            checked: value === child.props.value,
 | 
						|
            onChange: _this2.handleRadioChange
 | 
						|
          });
 | 
						|
        })
 | 
						|
      );
 | 
						|
    }
 | 
						|
  }]);
 | 
						|
  return RadioGroup;
 | 
						|
}(_react2.default.Component);
 | 
						|
 | 
						|
RadioGroup.propTypes = process.env.NODE_ENV !== "production" ? {
 | 
						|
  /**
 | 
						|
   * The content of the component.
 | 
						|
   */
 | 
						|
  children: _propTypes2.default.node,
 | 
						|
  /**
 | 
						|
   * The name used to reference the value of the control.
 | 
						|
   */
 | 
						|
  name: _propTypes2.default.string,
 | 
						|
  /**
 | 
						|
   * @ignore
 | 
						|
   */
 | 
						|
  onBlur: _propTypes2.default.func,
 | 
						|
  /**
 | 
						|
   * Callback fired when a radio button is selected.
 | 
						|
   *
 | 
						|
   * @param {object} event The event source of the callback
 | 
						|
   * @param {string} value The `value` of the selected radio button
 | 
						|
   */
 | 
						|
  onChange: _propTypes2.default.func,
 | 
						|
  /**
 | 
						|
   * @ignore
 | 
						|
   */
 | 
						|
  onKeyDown: _propTypes2.default.func,
 | 
						|
  /**
 | 
						|
   * Value of the selected radio button.
 | 
						|
   */
 | 
						|
  value: _propTypes2.default.string
 | 
						|
} : {};
 | 
						|
 | 
						|
exports.default = RadioGroup; |