focus-components-v3/snackbar/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 _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _i18next = require('i18next');

var _i18next2 = _interopRequireDefault(_i18next);

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

function Snackbar(_ref) {
    var actionHandler = _ref.actionHandler,
        actionText = _ref.actionText,
        content = _ref.content,
        deleteMessage = _ref.deleteMessage,
        messageId = _ref.messageId,
        type = _ref.type;

    var ariaProps = { 'aria-hidden': 'true', 'aria-live': 'assertive', 'aria-atomic': 'true', 'aria-relevant': 'text' };
    return _react2.default.createElement(
        'div',
        _extends({ 'data-focus': 'snackbar', className: 'mdl-js-snackbar mdl-snackbar mdl-snackbar--active slideUp', 'data-message-type': type, 'data-upgraded': 'MaterialSnackbar' }, ariaProps),
        _react2.default.createElement(
            'div',
            { className: 'mdl-snackbar__text' },
            _i18next2.default.t(content)
        ),
        actionHandler && actionText && _react2.default.createElement(
            'button',
            { className: 'mdl-snackbar__action', type: 'button', onClick: function onClick() {
                    actionHandler(props);deleteMessage({ messageId: messageId });
                } },
            _i18next2.default.t(actionText)
        ),
        _react2.default.createElement(
            'button',
            { className: 'mdl-snackbar__close', type: 'button', onClick: function onClick() {
                    return deleteMessage({ id: messageId });
                } },
            _react2.default.createElement(
                'i',
                { className: 'material-icons' },
                'clear'
            )
        )
    );
}
Snackbar.displayName = 'Snackbar';
Snackbar.propTypes = {
    actionHandler: _react.PropTypes.func,
    actionText: _react.PropTypes.string,
    messageId: _react.PropTypes.string,
    message: _react.PropTypes.string,
    deleteMessage: _react.PropTypes.func,
    type: _react.PropTypes.string
};
exports.default = Snackbar;
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZyLUZSLmpzIl0sIm5hbWVzIjpbIlNuYWNrYmFyIiwiYWN0aW9uSGFuZGxlciIsImFjdGlvblRleHQiLCJjb250ZW50IiwiZGVsZXRlTWVzc2FnZSIsIm1lc3NhZ2VJZCIsInR5cGUiLCJhcmlhUHJvcHMiLCJ0IiwicHJvcHMiLCJpZCIsImRpc3BsYXlOYW1lIiwicHJvcFR5cGVzIiwiZnVuYyIsInN0cmluZyIsIm1lc3NhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7Ozs7QUFDQTs7Ozs7O0FBRUEsU0FBU0EsUUFBVCxPQUF3RjtBQUFBLFFBQXJFQyxhQUFxRSxRQUFyRUEsYUFBcUU7QUFBQSxRQUF0REMsVUFBc0QsUUFBdERBLFVBQXNEO0FBQUEsUUFBMUNDLE9BQTBDLFFBQTFDQSxPQUEwQztBQUFBLFFBQWpDQyxhQUFpQyxRQUFqQ0EsYUFBaUM7QUFBQSxRQUFsQkMsU0FBa0IsUUFBbEJBLFNBQWtCO0FBQUEsUUFBUEMsSUFBTyxRQUFQQSxJQUFPOztBQUNwRixRQUFNQyxZQUFZLEVBQUUsZUFBZSxNQUFqQixFQUF5QixhQUFZLFdBQXJDLEVBQWtELGVBQWMsTUFBaEUsRUFBd0UsaUJBQWlCLE1BQXpGLEVBQWxCO0FBQ0EsV0FDSTtBQUFBO0FBQUEsbUJBQUssY0FBVyxVQUFoQixFQUEyQixXQUFVLDJEQUFyQyxFQUFpRyxxQkFBbUJELElBQXBILEVBQTBILGlCQUFjLGtCQUF4SSxJQUErSkMsU0FBL0o7QUFDSTtBQUFBO0FBQUEsY0FBSyxXQUFVLG9CQUFmO0FBQXFDLDhCQUFRQyxDQUFSLENBQVVMLE9BQVY7QUFBckMsU0FESjtBQUVLRix5QkFBaUJDLFVBQWpCLElBQ0c7QUFBQTtBQUFBLGNBQVEsV0FBVSxzQkFBbEIsRUFBeUMsTUFBSyxRQUE5QyxFQUF1RCxTQUFTLG1CQUFNO0FBQUVELGtDQUFjUSxLQUFkLEVBQXNCTCxjQUFjLEVBQUNDLG9CQUFELEVBQWQ7QUFBNkIsaUJBQTNIO0FBQ0ssOEJBQVFHLENBQVIsQ0FBVU4sVUFBVjtBQURMLFNBSFI7QUFPSTtBQUFBO0FBQUEsY0FBUSxXQUFVLHFCQUFsQixFQUF3QyxNQUFLLFFBQTdDLEVBQXNELFNBQVM7QUFBQSwyQkFBTUUsY0FBYyxFQUFDTSxJQUFJTCxTQUFMLEVBQWQsQ0FBTjtBQUFBLGlCQUEvRDtBQUNJO0FBQUE7QUFBQSxrQkFBRyxXQUFVLGdCQUFiO0FBQUE7QUFBQTtBQURKO0FBUEosS0FESjtBQWFIO0FBQ0RMLFNBQVNXLFdBQVQsR0FBdUIsVUFBdkI7QUFDQVgsU0FBU1ksU0FBVCxHQUFxQjtBQUNqQlgsbUJBQWUsaUJBQVVZLElBRFI7QUFFakJYLGdCQUFZLGlCQUFVWSxNQUZMO0FBR2pCVCxlQUFXLGlCQUFVUyxNQUhKO0FBSWpCQyxhQUFTLGlCQUFVRCxNQUpGO0FBS2pCVixtQkFBZSxpQkFBVVMsSUFMUjtBQU1qQlAsVUFBTSxpQkFBVVE7QUFOQyxDQUFyQjtrQkFRZWQsUSIsImZpbGUiOiJmci1GUi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1Byb3BUeXBlc30gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgaTE4bmV4dCBmcm9tICdpMThuZXh0JztcclxuXHJcbmZ1bmN0aW9uIFNuYWNrYmFyKHthY3Rpb25IYW5kbGVyLCBhY3Rpb25UZXh0LCBjb250ZW50LCBkZWxldGVNZXNzYWdlLCBtZXNzYWdlSWQsIHR5cGV9KSB7XHJcbiAgICBjb25zdCBhcmlhUHJvcHMgPSB7ICdhcmlhLWhpZGRlbic6ICd0cnVlJywgJ2FyaWEtbGl2ZSc6J2Fzc2VydGl2ZScsICdhcmlhLWF0b21pYyc6J3RydWUnLCAnYXJpYS1yZWxldmFudCc6ICd0ZXh0JyB9O1xyXG4gICAgcmV0dXJuIChcclxuICAgICAgICA8ZGl2IGRhdGEtZm9jdXM9J3NuYWNrYmFyJyBjbGFzc05hbWU9J21kbC1qcy1zbmFja2JhciBtZGwtc25hY2tiYXIgbWRsLXNuYWNrYmFyLS1hY3RpdmUgc2xpZGVVcCcgZGF0YS1tZXNzYWdlLXR5cGU9e3R5cGV9IGRhdGEtdXBncmFkZWQ9J01hdGVyaWFsU25hY2tiYXInIHsuLi5hcmlhUHJvcHN9PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0nbWRsLXNuYWNrYmFyX190ZXh0Jz57aTE4bmV4dC50KGNvbnRlbnQpfTwvZGl2PlxyXG4gICAgICAgICAgICB7YWN0aW9uSGFuZGxlciAmJiBhY3Rpb25UZXh0ICYmXHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzTmFtZT0nbWRsLXNuYWNrYmFyX19hY3Rpb24nIHR5cGU9J2J1dHRvbicgb25DbGljaz17KCkgPT4geyBhY3Rpb25IYW5kbGVyKHByb3BzKTsgZGVsZXRlTWVzc2FnZSh7bWVzc2FnZUlkfSk7IH19PlxyXG4gICAgICAgICAgICAgICAgICAgIHtpMThuZXh0LnQoYWN0aW9uVGV4dCl9XHJcbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzTmFtZT0nbWRsLXNuYWNrYmFyX19jbG9zZScgdHlwZT0nYnV0dG9uJyBvbkNsaWNrPXsoKSA9PiBkZWxldGVNZXNzYWdlKHtpZDogbWVzc2FnZUlkfSl9PlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3NOYW1lPSdtYXRlcmlhbC1pY29ucyc+Y2xlYXI8L2k+XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgKTtcclxufVxyXG5TbmFja2Jhci5kaXNwbGF5TmFtZSA9ICdTbmFja2Jhcic7XHJcblNuYWNrYmFyLnByb3BUeXBlcyA9IHtcclxuICAgIGFjdGlvbkhhbmRsZXI6IFByb3BUeXBlcy5mdW5jLFxyXG4gICAgYWN0aW9uVGV4dDogUHJvcFR5cGVzLnN0cmluZyxcclxuICAgIG1lc3NhZ2VJZDogUHJvcFR5cGVzLnN0cmluZyxcclxuICAgIG1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXHJcbiAgICBkZWxldGVNZXNzYWdlOiBQcm9wVHlwZXMuZnVuYyxcclxuICAgIHR5cGU6IFByb3BUeXBlcy5zdHJpbmdcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgU25hY2tiYXI7XHJcbiJdfQ==