focus-components-v3/input-toggle/index.js

Focus web components to build applications (based on Material Design)

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _dec, _class;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactDom = require('react-dom');

var _reactDom2 = _interopRequireDefault(_reactDom);

var _i18next = require('i18next');

var _i18next2 = _interopRequireDefault(_i18next);

var _material = require('../behaviours/material');

var _material2 = _interopRequireDefault(_material);

var _inputComponent = require('../behaviours/input-component');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _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; }

function _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) : _defaults(subClass, superClass); }

var InputToggle = (_dec = (0, _material2.default)('mdlHolder'), _dec(_class = (0, _inputComponent.InputBehaviour)(_class = function (_PureComponent) {
    _inherits(InputToggle, _PureComponent);

    function InputToggle() {
        var _temp, _this, _ret;

        _classCallCheck(this, InputToggle);

        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
        }

        return _ret = (_temp = (_this = _possibleConstructorReturn(this, _PureComponent.call.apply(_PureComponent, [this].concat(args))), _this), _this.getValue = function () {
            var domElement = _reactDom2.default.findDOMNode(_this.refs.toggle);
            return domElement.checked;
        }, _this._handleonChange = function (_ref) {
            var checked = _ref.target.checked;
            var onChange = _this.props.onChange;

            onChange(checked);
        }, _temp), _possibleConstructorReturn(_this, _ret);
    }

    InputToggle.prototype.render = function render() {
        var validInputProps = this._checkProps(this.props);
        var _props = this.props,
            label = _props.label,
            rawInputValue = _props.rawInputValue;

        validInputProps.checked = rawInputValue;
        return _react2.default.createElement(
            'label',
            { className: 'mdl-switch mdl-js-switch mdl-js-ripple-effect', 'data-focus': 'input-toggle', ref: 'mdlHolder' },
            _react2.default.createElement('input', _extends({ className: 'mdl-switch__input', ref: 'toggle', type: 'checkbox' }, validInputProps)),
            label && _react2.default.createElement(
                'span',
                { className: 'mdl-switch__label' },
                _i18next2.default.t(label)
            )
        );
    };

    return InputToggle;
}(_react.PureComponent)) || _class) || _class);


InputToggle.displayName = 'InputToggle';
InputToggle.propTypes = {
    label: _react.PropTypes.string,
    onChange: _react.PropTypes.func.isRequired,
    rawInputValue: _react.PropTypes.bool.isRequired
};
InputToggle.defaultProps = {
    rawInputValue: false
};
exports.default = InputToggle;
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZyLUZSLmpzIl0sIm5hbWVzIjpbIklucHV0VG9nZ2xlIiwiZ2V0VmFsdWUiLCJkb21FbGVtZW50IiwiZmluZERPTU5vZGUiLCJyZWZzIiwidG9nZ2xlIiwiY2hlY2tlZCIsIl9oYW5kbGVvbkNoYW5nZSIsInRhcmdldCIsIm9uQ2hhbmdlIiwicHJvcHMiLCJyZW5kZXIiLCJ2YWxpZElucHV0UHJvcHMiLCJfY2hlY2tQcm9wcyIsImxhYmVsIiwicmF3SW5wdXRWYWx1ZSIsInQiLCJkaXNwbGF5TmFtZSIsInByb3BUeXBlcyIsInN0cmluZyIsImZ1bmMiLCJpc1JlcXVpcmVkIiwiYm9vbCIsImRlZmF1bHRQcm9wcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7O0FBQ0E7Ozs7Ozs7Ozs7OztJQUtNQSxXLFdBRkwsd0JBQVMsV0FBVCxDO2NBRUtBLFc7O2FBQUFBLFc7Ozs4QkFBQUEsVzs7Ozs7O3dKQUNGQyxRLEdBQVcsWUFBTTtBQUNiLGdCQUFNQyxhQUFhLG1CQUFTQyxXQUFULENBQXFCLE1BQUtDLElBQUwsQ0FBVUMsTUFBL0IsQ0FBbkI7QUFDQSxtQkFBT0gsV0FBV0ksT0FBbEI7QUFDSCxTLFFBRURDLGUsR0FBa0IsZ0JBQXlCO0FBQUEsZ0JBQWRELE9BQWMsUUFBdkJFLE1BQXVCLENBQWRGLE9BQWM7QUFBQSxnQkFDaENHLFFBRGdDLEdBQ3BCLE1BQUtDLEtBRGUsQ0FDaENELFFBRGdDOztBQUV2Q0EscUJBQVNILE9BQVQ7QUFDSCxTOzs7QUFUQ04sZSxXQVdGVyxNLHFCQUFTO0FBQ0wsWUFBTUMsa0JBQWtCLEtBQUtDLFdBQUwsQ0FBaUIsS0FBS0gsS0FBdEIsQ0FBeEI7QUFESyxxQkFFeUIsS0FBS0EsS0FGOUI7QUFBQSxZQUVFSSxLQUZGLFVBRUVBLEtBRkY7QUFBQSxZQUVRQyxhQUZSLFVBRVFBLGFBRlI7O0FBR0xILHdCQUFnQk4sT0FBaEIsR0FBMEJTLGFBQTFCO0FBQ0EsZUFDSTtBQUFBO0FBQUEsY0FBTyxXQUFVLCtDQUFqQixFQUFpRSxjQUFXLGNBQTVFLEVBQTJGLEtBQUksV0FBL0Y7QUFDSSw4REFBTyxXQUFVLG1CQUFqQixFQUFxQyxLQUFJLFFBQXpDLEVBQWtELE1BQUssVUFBdkQsSUFBc0VILGVBQXRFLEVBREo7QUFFS0UscUJBQVM7QUFBQTtBQUFBLGtCQUFNLFdBQVUsbUJBQWhCO0FBQXFDLGtDQUFRRSxDQUFSLENBQVVGLEtBQVY7QUFBckM7QUFGZCxTQURKO0FBTUgsSzs7V0FyQkNkLFc7Ozs7QUF3Qk5BLFlBQVlpQixXQUFaLEdBQTBCLGFBQTFCO0FBQ0FqQixZQUFZa0IsU0FBWixHQUF3QjtBQUNwQkosV0FBTyxpQkFBVUssTUFERztBQUVwQlYsY0FBVSxpQkFBVVcsSUFBVixDQUFlQyxVQUZMO0FBR3BCTixtQkFBZSxpQkFBVU8sSUFBVixDQUFlRDtBQUhWLENBQXhCO0FBS0FyQixZQUFZdUIsWUFBWixHQUEyQjtBQUN2QlIsbUJBQWU7QUFEUSxDQUEzQjtrQkFHZWYsVyIsImZpbGUiOiJmci1GUi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1Byb3BUeXBlcywgUHVyZUNvbXBvbmVudH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgUmVhY3RET00gZnJvbSAncmVhY3QtZG9tJztcclxuaW1wb3J0IGkxOG5leHQgZnJvbSAnaTE4bmV4dCc7XHJcbmltcG9ydCBNYXRlcmlhbCBmcm9tICcuLi9iZWhhdmlvdXJzL21hdGVyaWFsJztcclxuaW1wb3J0IHtJbnB1dEJlaGF2aW91cn0gZnJvbSAnLi4vYmVoYXZpb3Vycy9pbnB1dC1jb21wb25lbnQnO1xyXG5cclxuXHJcbkBNYXRlcmlhbCgnbWRsSG9sZGVyJylcclxuQElucHV0QmVoYXZpb3VyXHJcbmNsYXNzIElucHV0VG9nZ2xlIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XHJcbiAgICBnZXRWYWx1ZSA9ICgpID0+IHtcclxuICAgICAgICBjb25zdCBkb21FbGVtZW50ID0gUmVhY3RET00uZmluZERPTU5vZGUodGhpcy5yZWZzLnRvZ2dsZSk7XHJcbiAgICAgICAgcmV0dXJuIGRvbUVsZW1lbnQuY2hlY2tlZDtcclxuICAgIH07XHJcblxyXG4gICAgX2hhbmRsZW9uQ2hhbmdlID0gKHt0YXJnZXQ6IHtjaGVja2VkfX0pID0+IHtcclxuICAgICAgICBjb25zdCB7b25DaGFuZ2V9ID0gdGhpcy5wcm9wcztcclxuICAgICAgICBvbkNoYW5nZShjaGVja2VkKTtcclxuICAgIH07XHJcblxyXG4gICAgcmVuZGVyKCkge1xyXG4gICAgICAgIGNvbnN0IHZhbGlkSW5wdXRQcm9wcyA9IHRoaXMuX2NoZWNrUHJvcHModGhpcy5wcm9wcyk7XHJcbiAgICAgICAgY29uc3Qge2xhYmVsLHJhd0lucHV0VmFsdWV9ID0gdGhpcy5wcm9wcztcclxuICAgICAgICB2YWxpZElucHV0UHJvcHMuY2hlY2tlZCA9IHJhd0lucHV0VmFsdWU7XHJcbiAgICAgICAgcmV0dXJuIChcclxuICAgICAgICAgICAgPGxhYmVsIGNsYXNzTmFtZT0nbWRsLXN3aXRjaCBtZGwtanMtc3dpdGNoIG1kbC1qcy1yaXBwbGUtZWZmZWN0JyBkYXRhLWZvY3VzPSdpbnB1dC10b2dnbGUnIHJlZj0nbWRsSG9sZGVyJz5cclxuICAgICAgICAgICAgICAgIDxpbnB1dCBjbGFzc05hbWU9J21kbC1zd2l0Y2hfX2lucHV0JyByZWY9J3RvZ2dsZScgdHlwZT0nY2hlY2tib3gnIHsuLi52YWxpZElucHV0UHJvcHN9IC8+XHJcbiAgICAgICAgICAgICAgICB7bGFiZWwgJiYgPHNwYW4gY2xhc3NOYW1lPSdtZGwtc3dpdGNoX19sYWJlbCc+e2kxOG5leHQudChsYWJlbCl9PC9zcGFuPn1cclxuICAgICAgICAgICAgPC9sYWJlbD5cclxuICAgICAgICApO1xyXG4gICAgfVxyXG59XHJcblxyXG5JbnB1dFRvZ2dsZS5kaXNwbGF5TmFtZSA9ICdJbnB1dFRvZ2dsZSc7XHJcbklucHV0VG9nZ2xlLnByb3BUeXBlcyA9IHtcclxuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxyXG4gICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXHJcbiAgICByYXdJbnB1dFZhbHVlOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkXHJcbn07XHJcbklucHV0VG9nZ2xlLmRlZmF1bHRQcm9wcyA9IHtcclxuICAgIHJhd0lucHV0VmFsdWU6IGZhbHNlXHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IElucHV0VG9nZ2xlO1xyXG4iXX0=