apeman-react-toast/lib/ap_toast_group.js

/**
 * Toast group.
 * @class ApToastGroup
 */

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _ap_toast = require('./ap_toast');

var _ap_toast2 = _interopRequireDefault(_ap_toast);

var _apemanReactMixinPure = require('apeman-react-mixin-pure');

var _ap_info_toast = require('./ap_info_toast');

var _ap_info_toast2 = _interopRequireDefault(_ap_info_toast);

var _ap_warn_toast = require('./ap_warn_toast');

var _ap_warn_toast2 = _interopRequireDefault(_ap_warn_toast);

var _ap_error_toast = require('./ap_error_toast');

var _ap_error_toast2 = _interopRequireDefault(_ap_error_toast);

var _toaster = require('./toasting/toaster');

var _toaster2 = _interopRequireDefault(_toaster);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

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

/** @lends ApToastGroup */
var ApToastGroup = _react2.default.createClass({
  displayName: 'ApToastGroup',


  // --------------------
  // Specs
  // --------------------

  propTypes: {
    duration: _react.PropTypes.number,
    toaster: _react.PropTypes.instanceOf(_toaster2.default)
  },

  mixins: [_apemanReactMixinPure.ApPureMixin],

  statics: {
    Toaster: _toaster2.default
  },

  getInitialState: function getInitialState() {
    var state = { _date: null };
    _toaster2.default.levels.forEach(function (level) {
      state[level] = null;
    });
    return state;
  },
  getDefaultProps: function getDefaultProps() {
    return {
      toaster: null
    };
  },
  render: function render() {
    var s = this;
    var state = s.state;
    var props = s.props;
    var duration = props.duration;


    return _react2.default.createElement(
      'div',
      { className: (0, _classnames2.default)('ap-toast-group', {}, props.className) },
      _react2.default.createElement(_ap_toast2.default, { message: state.default, duration: duration, name: 'default', onDismiss: s.handleDismiss }),
      _react2.default.createElement(_ap_info_toast2.default, { message: state.info, duration: duration, name: 'info', onDismiss: s.handleDismiss }),
      _react2.default.createElement(_ap_warn_toast2.default, { message: state.warn, duration: duration, name: 'warn', onDismiss: s.handleDismiss }),
      _react2.default.createElement(_ap_error_toast2.default, { message: state.error, duration: duration, name: 'error', onDismiss: s.handleDismiss }),
      props.children
    );
  },


  // --------------------
  // Lifecycle
  // --------------------

  componentDidMount: function componentDidMount() {
    var s = this;
    var props = s.props;

    if (props.toaster) {
      s.bindToaster(props.toaster);
    }
  },
  componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
    var s = this;
    var props = s.props;

    if (nextProps.toaster) {
      s.unbindToaster(props.toaster);
      s.bindToaster(nextProps.toaster);
    }
  },
  componentWillUnmount: function componentWillUnmount() {
    var s = this;
    var props = s.props;

    if (props.toaster) {
      s.unbindToaster(props.toaster);
    }
  },


  // --------------------
  // Custom
  // --------------------

  handleDismiss: function handleDismiss(e) {
    var s = this;
    var state = s.state;
    var name = e.name;
    var dismissed = e.dismissed;

    if (state[name] === dismissed) {
      s.setState({ name: null });
    }
  },


  /**
   * Bind toaster events.
   * @param toaster
   */
  bindToaster: function bindToaster(toaster) {
    var s = this;
    toaster.addListener('toast', s.handleToast);
  },


  /**
   * Unbind toaster events.
   * @param toaster
   */
  unbindToaster: function unbindToaster(toaster) {
    var s = this;
    toaster.removeListener('toast', s.handleToast);
  },


  /**
   * Handle toaster events.
   * @param data
   */
  handleToast: function handleToast(data) {
    var s = this;
    var state = { _date: new Date() };
    _toaster2.default.levels.forEach(function (level) {
      state[level] = data.level === level ? data.message : null;
    });
    s.setState(state);
  }
});

exports.default = ApToastGroup;
//# sourceMappingURL=data:application/json;base64,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UztBQUFBLFFBR0gsU0FIRyxHQUdXLENBSFgsQ0FHSCxTQUhHOztBQUlmLFFBQUksTUFBTyxJQUFQLE1BQWtCLFNBQXRCLEVBQWlDO0FBQy9CLFFBQUUsUUFBRixDQUFXLEVBQUUsTUFBTSxJQUFSLEVBQVg7QUFDRDtBQUNGLEdBMUZvQzs7Ozs7OztBQWdHckMsYUFoR3FDLHVCQWdHekIsT0FoR3lCLEVBZ0dqQjtBQUNsQixRQUFNLElBQUksSUFBVjtBQUNBLFlBQVEsV0FBUixDQUFvQixPQUFwQixFQUE2QixFQUFFLFdBQS9CO0FBQ0QsR0FuR29DOzs7Ozs7O0FBeUdyQyxlQXpHcUMseUJBeUd2QixPQXpHdUIsRUF5R2Y7QUFDcEIsUUFBTSxJQUFJLElBQVY7QUFDQSxZQUFRLGNBQVIsQ0FBdUIsT0FBdkIsRUFBZ0MsRUFBRSxXQUFsQztBQUNELEdBNUdvQzs7Ozs7OztBQWtIckMsYUFsSHFDLHVCQWtIekIsSUFsSHlCLEVBa0hwQjtBQUNmLFFBQU0sSUFBSSxJQUFWO0FBQ0EsUUFBSSxRQUFRLEVBQUUsT0FBTyxJQUFJLElBQUosRUFBVCxFQUFaO0FBQ0Esc0JBQVEsTUFBUixDQUFlLE9BQWYsQ0FBdUIsVUFBQyxLQUFELEVBQVc7QUFDaEMsWUFBTyxLQUFQLElBQWlCLEtBQUssS0FBTCxLQUFlLEtBQWYsR0FBdUIsS0FBSyxPQUE1QixHQUFzQyxJQUF2RDtBQUNELEtBRkQ7QUFHQSxNQUFFLFFBQUYsQ0FBVyxLQUFYO0FBQ0Q7QUF6SG9DLENBQWxCLENBQXJCOztrQkE0SGUsWSIsImZpbGUiOiJhcF90b2FzdF9ncm91cC5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMvb2t1bmlzaGluaXNoaS9Qcm9qZWN0cy9hcGVtYW4tcHJvamVjdHMvYXBlbWFuLXJlYWN0LXRvYXN0L2xpYiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVG9hc3QgZ3JvdXAuXG4gKiBAY2xhc3MgQXBUb2FzdEdyb3VwXG4gKi9cblxuJ3VzZSBzdHJpY3QnXG5cbmltcG9ydCBSZWFjdCwge1Byb3BUeXBlcyBhcyB0eXBlc30gZnJvbSAncmVhY3QnXG5pbXBvcnQgQXBUb2FzdCBmcm9tICcuL2FwX3RvYXN0J1xuaW1wb3J0IHtBcFB1cmVNaXhpbn0gZnJvbSAnYXBlbWFuLXJlYWN0LW1peGluLXB1cmUnXG5pbXBvcnQgQXBJbmZvVG9hc3QgZnJvbSAnLi9hcF9pbmZvX3RvYXN0J1xuaW1wb3J0IEFwV2FyblRvYXN0IGZyb20gJy4vYXBfd2Fybl90b2FzdCdcbmltcG9ydCBBcEVycm9yVG9hc3QgZnJvbSAnLi9hcF9lcnJvcl90b2FzdCdcbmltcG9ydCBUb2FzdGVyIGZyb20gJy4vdG9hc3RpbmcvdG9hc3RlcidcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5cbi8qKiBAbGVuZHMgQXBUb2FzdEdyb3VwICovXG5jb25zdCBBcFRvYXN0R3JvdXAgPSBSZWFjdC5jcmVhdGVDbGFzcyh7XG5cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLy8gU3BlY3NcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICBwcm9wVHlwZXM6IHtcbiAgICBkdXJhdGlvbjogdHlwZXMubnVtYmVyLFxuICAgIHRvYXN0ZXI6IHR5cGVzLmluc3RhbmNlT2YoVG9hc3RlcilcbiAgfSxcblxuICBtaXhpbnM6IFtcbiAgICBBcFB1cmVNaXhpblxuICBdLFxuXG4gIHN0YXRpY3M6IHtcbiAgICBUb2FzdGVyOiBUb2FzdGVyXG4gIH0sXG5cbiAgZ2V0SW5pdGlhbFN0YXRlICgpIHtcbiAgICBsZXQgc3RhdGUgPSB7IF9kYXRlOiBudWxsIH1cbiAgICBUb2FzdGVyLmxldmVscy5mb3JFYWNoKGxldmVsID0+IHtcbiAgICAgIHN0YXRlWyBsZXZlbCBdID0gbnVsbDtcbiAgICB9KVxuICAgIHJldHVybiBzdGF0ZTtcbiAgfSxcblxuICBnZXREZWZhdWx0UHJvcHMgKCkge1xuICAgIHJldHVybiB7XG4gICAgICB0b2FzdGVyOiBudWxsXG4gICAgfVxuICB9LFxuXG4gIHJlbmRlciAoKSB7XG4gICAgY29uc3QgcyA9IHRoaXNcbiAgICBsZXQgeyBzdGF0ZSwgcHJvcHMgfSA9IHNcbiAgICBsZXQgeyBkdXJhdGlvbiB9ID0gcHJvcHNcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17IGNsYXNzbmFtZXMoJ2FwLXRvYXN0LWdyb3VwJywge1xuICAgICAgICAgICAgfSwgcHJvcHMuY2xhc3NOYW1lKSB9PlxuICAgICAgICA8QXBUb2FzdCBtZXNzYWdlPXsgc3RhdGUuZGVmYXVsdCB9IGR1cmF0aW9uPXsgZHVyYXRpb24gfSBuYW1lPVwiZGVmYXVsdFwiIG9uRGlzbWlzcz17IHMuaGFuZGxlRGlzbWlzcyB9Lz5cbiAgICAgICAgPEFwSW5mb1RvYXN0IG1lc3NhZ2U9eyBzdGF0ZS5pbmZvIH0gZHVyYXRpb249eyBkdXJhdGlvbiB9IG5hbWU9XCJpbmZvXCIgb25EaXNtaXNzPXsgcy5oYW5kbGVEaXNtaXNzIH0vPlxuICAgICAgICA8QXBXYXJuVG9hc3QgbWVzc2FnZT17IHN0YXRlLndhcm4gfSBkdXJhdGlvbj17IGR1cmF0aW9uIH0gbmFtZT1cIndhcm5cIiBvbkRpc21pc3M9eyBzLmhhbmRsZURpc21pc3MgfS8+XG4gICAgICAgIDxBcEVycm9yVG9hc3QgbWVzc2FnZT17IHN0YXRlLmVycm9yIH0gZHVyYXRpb249eyBkdXJhdGlvbiB9IG5hbWU9XCJlcnJvclwiIG9uRGlzbWlzcz17IHMuaGFuZGxlRGlzbWlzcyB9Lz5cbiAgICAgICAgeyBwcm9wcy5jaGlsZHJlbiB9XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH0sXG5cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLy8gTGlmZWN5Y2xlXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgY29tcG9uZW50RGlkTW91bnQgKCkge1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgbGV0IHsgcHJvcHMgfSA9IHNcbiAgICBpZiAocHJvcHMudG9hc3Rlcikge1xuICAgICAgcy5iaW5kVG9hc3Rlcihwcm9wcy50b2FzdGVyKVxuICAgIH1cbiAgfSxcblxuICBjb21wb25lbnRXaWxsUmVjZWl2ZVByb3BzIChuZXh0UHJvcHMpIHtcbiAgICBjb25zdCBzID0gdGhpc1xuICAgIGxldCB7IHByb3BzIH0gPSBzXG4gICAgaWYgKG5leHRQcm9wcy50b2FzdGVyKSB7XG4gICAgICBzLnVuYmluZFRvYXN0ZXIocHJvcHMudG9hc3RlcilcbiAgICAgIHMuYmluZFRvYXN0ZXIobmV4dFByb3BzLnRvYXN0ZXIpXG4gICAgfVxuICB9LFxuXG4gIGNvbXBvbmVudFdpbGxVbm1vdW50ICgpIHtcbiAgICBjb25zdCBzID0gdGhpc1xuICAgIGxldCB7IHByb3BzIH0gPSBzXG4gICAgaWYgKHByb3BzLnRvYXN0ZXIpIHtcbiAgICAgIHMudW5iaW5kVG9hc3Rlcihwcm9wcy50b2FzdGVyKVxuICAgIH1cbiAgfSxcblxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyBDdXN0b21cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICBoYW5kbGVEaXNtaXNzKGUpIHtcbiAgICBjb25zdCBzID0gdGhpc1xuICAgIGxldCB7IHN0YXRlIH0gPSBzXG4gICAgbGV0IHsgbmFtZSwgZGlzbWlzc2VkIH0gPSBlXG4gICAgaWYgKHN0YXRlWyBuYW1lIF0gPT09IGRpc21pc3NlZCkge1xuICAgICAgcy5zZXRTdGF0ZSh7IG5hbWU6IG51bGwgfSlcbiAgICB9XG4gIH0sXG5cbiAgLyoqXG4gICAqIEJpbmQgdG9hc3RlciBldmVudHMuXG4gICAqIEBwYXJhbSB0b2FzdGVyXG4gICAqL1xuICBiaW5kVG9hc3Rlcih0b2FzdGVyKXtcbiAgICBjb25zdCBzID0gdGhpc1xuICAgIHRvYXN0ZXIuYWRkTGlzdGVuZXIoJ3RvYXN0Jywgcy5oYW5kbGVUb2FzdClcbiAgfSxcblxuICAvKipcbiAgICogVW5iaW5kIHRvYXN0ZXIgZXZlbnRzLlxuICAgKiBAcGFyYW0gdG9hc3RlclxuICAgKi9cbiAgdW5iaW5kVG9hc3Rlcih0b2FzdGVyKXtcbiAgICBjb25zdCBzID0gdGhpc1xuICAgIHRvYXN0ZXIucmVtb3ZlTGlzdGVuZXIoJ3RvYXN0Jywgcy5oYW5kbGVUb2FzdClcbiAgfSxcblxuICAvKipcbiAgICogSGFuZGxlIHRvYXN0ZXIgZXZlbnRzLlxuICAgKiBAcGFyYW0gZGF0YVxuICAgKi9cbiAgaGFuZGxlVG9hc3QoZGF0YSl7XG4gICAgY29uc3QgcyA9IHRoaXNcbiAgICBsZXQgc3RhdGUgPSB7IF9kYXRlOiBuZXcgRGF0ZSgpIH1cbiAgICBUb2FzdGVyLmxldmVscy5mb3JFYWNoKChsZXZlbCkgPT4ge1xuICAgICAgc3RhdGVbIGxldmVsIF0gPSBkYXRhLmxldmVsID09PSBsZXZlbCA/IGRhdGEubWVzc2FnZSA6IG51bGw7XG4gICAgfSlcbiAgICBzLnNldFN0YXRlKHN0YXRlKVxuICB9XG59KVxuXG5leHBvcnQgZGVmYXVsdCBBcFRvYXN0R3JvdXA7Il19