focus-components-v3/chips/index.js

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

'use strict';

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

var _i18next = require('i18next');

var _i18next2 = _interopRequireDefault(_i18next);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _reactDom2 = _interopRequireDefault(_reactDom);

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

var Chips = function Chips(_ref) {
    var label = _ref.label,
        letter = _ref.letter,
        onDeleteClick = _ref.onDeleteClick;

    if (letter && letter.length !== 1) {
        console.error('[CHIPS] Param \'letter\' should be a character. You put value : \'' + letter + '\'.');
    }
    var className = 'mdl-chip' + (onDeleteClick ? ' mdl-chip--deletable' : '') + (letter ? ' mdl-chip--contact' : '');
    return _react2.default.createElement(
        'span',
        { 'data-focus': 'chips', className: className },
        letter && _react2.default.createElement(
            'span',
            { className: 'mdl-chip__contact mdl-color--teal mdl-color-text--white' },
            letter
        ),
        _react2.default.createElement(
            'span',
            { className: 'mdl-chip__text' },
            _i18next2.default.t(label)
        ),
        onDeleteClick && _react2.default.createElement(
            'button',
            { type: 'button', className: 'mdl-chip__action', onClick: function onClick() {
                    return onDeleteClick();
                } },
            _react2.default.createElement(
                'i',
                { className: 'material-icons' },
                'cancel'
            )
        )
    );
};
Chips.displayName = 'Chips';
Chips.propTypes = {
    label: _react.PropTypes.string.isRequired,
    letter: _react.PropTypes.string,
    onDeleteClick: _react.PropTypes.func
};
exports.default = Chips;
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZyLUZSLmpzIl0sIm5hbWVzIjpbIkNoaXBzIiwibGFiZWwiLCJsZXR0ZXIiLCJvbkRlbGV0ZUNsaWNrIiwibGVuZ3RoIiwiY29uc29sZSIsImVycm9yIiwiY2xhc3NOYW1lIiwidCIsImRpc3BsYXlOYW1lIiwicHJvcFR5cGVzIiwic3RyaW5nIiwiaXNSZXF1aXJlZCIsImZ1bmMiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBOzs7O0FBQ0E7Ozs7QUFDQTs7Ozs7O0FBRUEsSUFBTUEsUUFBUSxTQUFSQSxLQUFRLE9BQW9DO0FBQUEsUUFBbENDLEtBQWtDLFFBQWxDQSxLQUFrQztBQUFBLFFBQTNCQyxNQUEyQixRQUEzQkEsTUFBMkI7QUFBQSxRQUFuQkMsYUFBbUIsUUFBbkJBLGFBQW1COztBQUM5QyxRQUFHRCxVQUFVQSxPQUFPRSxNQUFQLEtBQWtCLENBQS9CLEVBQWtDO0FBQzlCQyxnQkFBUUMsS0FBUix3RUFBZ0ZKLE1BQWhGO0FBQ0g7QUFDRCxRQUFNSywwQkFBdUJKLGdCQUFnQixzQkFBaEIsR0FBeUMsRUFBaEUsS0FBcUVELFNBQVMsb0JBQVQsR0FBZ0MsRUFBckcsQ0FBTjtBQUNBLFdBQ0k7QUFBQTtBQUFBLFVBQU0sY0FBVyxPQUFqQixFQUF5QixXQUFXSyxTQUFwQztBQUNLTCxrQkFBVTtBQUFBO0FBQUEsY0FBTSxXQUFVLHlEQUFoQjtBQUEyRUE7QUFBM0UsU0FEZjtBQUVJO0FBQUE7QUFBQSxjQUFNLFdBQVUsZ0JBQWhCO0FBQWtDLDhCQUFRTSxDQUFSLENBQVVQLEtBQVY7QUFBbEMsU0FGSjtBQUdLRSx5QkFDRztBQUFBO0FBQUEsY0FBUSxNQUFLLFFBQWIsRUFBc0IsV0FBVSxrQkFBaEMsRUFBbUQsU0FBUztBQUFBLDJCQUFPQSxlQUFQO0FBQUEsaUJBQTVEO0FBQXFGO0FBQUE7QUFBQSxrQkFBRyxXQUFVLGdCQUFiO0FBQUE7QUFBQTtBQUFyRjtBQUpSLEtBREo7QUFTSCxDQWREO0FBZUFILE1BQU1TLFdBQU4sR0FBb0IsT0FBcEI7QUFDQVQsTUFBTVUsU0FBTixHQUFrQjtBQUNkVCxXQUFPLGlCQUFVVSxNQUFWLENBQWlCQyxVQURWO0FBRWRWLFlBQVEsaUJBQVVTLE1BRko7QUFHZFIsbUJBQWUsaUJBQVVVO0FBSFgsQ0FBbEI7a0JBS2ViLEsiLCJmaWxlIjoiZnItRlIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgaTE4bmV4dCBmcm9tIFwiaTE4bmV4dFwiO1xyXG5pbXBvcnQgUmVhY3QsIHtQcm9wVHlwZXN9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IFJlYWN0RE9NIGZyb20gJ3JlYWN0LWRvbSc7XHJcblxyXG5jb25zdCBDaGlwcyA9ICh7bGFiZWwsIGxldHRlciwgb25EZWxldGVDbGlja30pID0+IHtcclxuICAgIGlmKGxldHRlciAmJiBsZXR0ZXIubGVuZ3RoICE9PSAxKSB7XHJcbiAgICAgICAgY29uc29sZS5lcnJvcihgW0NISVBTXSBQYXJhbSAnbGV0dGVyJyBzaG91bGQgYmUgYSBjaGFyYWN0ZXIuIFlvdSBwdXQgdmFsdWUgOiAnJHtsZXR0ZXJ9Jy5gKTtcclxuICAgIH1cclxuICAgIGNvbnN0IGNsYXNzTmFtZSA9IGBtZGwtY2hpcCR7b25EZWxldGVDbGljayA/ICcgbWRsLWNoaXAtLWRlbGV0YWJsZScgOiAnJ30ke2xldHRlciA/ICcgbWRsLWNoaXAtLWNvbnRhY3QnIDogJyd9YDtcclxuICAgIHJldHVybiAoXHJcbiAgICAgICAgPHNwYW4gZGF0YS1mb2N1cz0nY2hpcHMnIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cclxuICAgICAgICAgICAge2xldHRlciAmJiA8c3BhbiBjbGFzc05hbWU9J21kbC1jaGlwX19jb250YWN0IG1kbC1jb2xvci0tdGVhbCBtZGwtY29sb3ItdGV4dC0td2hpdGUnPntsZXR0ZXJ9PC9zcGFuPn1cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPSdtZGwtY2hpcF9fdGV4dCc+e2kxOG5leHQudChsYWJlbCl9PC9zcGFuPlxyXG4gICAgICAgICAgICB7b25EZWxldGVDbGljayAmJlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPSdidXR0b24nIGNsYXNzTmFtZT0nbWRsLWNoaXBfX2FjdGlvbicgb25DbGljaz17KCkgPT4gKG9uRGVsZXRlQ2xpY2soKSl9PjxpIGNsYXNzTmFtZT0nbWF0ZXJpYWwtaWNvbnMnPmNhbmNlbDwvaT48L2J1dHRvbj5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgIClcclxufTtcclxuQ2hpcHMuZGlzcGxheU5hbWUgPSAnQ2hpcHMnO1xyXG5DaGlwcy5wcm9wVHlwZXMgPSB7XHJcbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxyXG4gICAgbGV0dGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxyXG4gICAgb25EZWxldGVDbGljazogUHJvcFR5cGVzLmZ1bmNcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgQ2hpcHM7XHJcbiJdfQ==