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 _apemanReactMixins = require('apeman-react-mixins');

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: [_apemanReactMixins.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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UztBQUFBLFFBR0gsU0FIRyxHQUdXLENBSFgsQ0FHSCxTQUhHOztBQUlmLFFBQUksTUFBTyxJQUFQLE1BQWtCLFNBQXRCLEVBQWlDO0FBQy9CLFFBQUUsUUFBRixDQUFXLEVBQUUsTUFBTSxJQUFSLEVBQVg7QUFDRDtBQUNGLEdBMUZvQzs7Ozs7OztBQWdHckMsYUFoR3FDLHVCQWdHekIsT0FoR3lCLEVBZ0dqQjtBQUNsQixRQUFNLElBQUksSUFBVjtBQUNBLFlBQVEsV0FBUixDQUFvQixPQUFwQixFQUE2QixFQUFFLFdBQS9CO0FBQ0QsR0FuR29DOzs7Ozs7O0FBeUdyQyxlQXpHcUMseUJBeUd2QixPQXpHdUIsRUF5R2Y7QUFDcEIsUUFBTSxJQUFJLElBQVY7QUFDQSxZQUFRLGNBQVIsQ0FBdUIsT0FBdkIsRUFBZ0MsRUFBRSxXQUFsQztBQUNELEdBNUdvQzs7Ozs7OztBQWtIckMsYUFsSHFDLHVCQWtIekIsSUFsSHlCLEVBa0hwQjtBQUNmLFFBQU0sSUFBSSxJQUFWO0FBQ0EsUUFBSSxRQUFRLEVBQUUsT0FBTyxJQUFJLElBQUosRUFBVCxFQUFaO0FBQ0Esc0JBQVEsTUFBUixDQUFlLE9BQWYsQ0FBdUIsVUFBQyxLQUFELEVBQVc7QUFDaEMsWUFBTyxLQUFQLElBQWlCLEtBQUssS0FBTCxLQUFlLEtBQWYsR0FBdUIsS0FBSyxPQUE1QixHQUFzQyxJQUF2RDtBQUNELEtBRkQ7QUFHQSxNQUFFLFFBQUYsQ0FBVyxLQUFYO0FBQ0Q7QUF6SG9DLENBQWxCLENBQXJCOztrQkE0SGUsWSIsImZpbGUiOiJhcF90b2FzdF9ncm91cC5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMvb2t1bmlzaGluaXNoaS9Qcm9qZWN0cy9hcGVtYW4tcHJvamVjdHMvYXBlbWFuLXJlYWN0LXRvYXN0L2xpYiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVG9hc3QgZ3JvdXAuXG4gKiBAY2xhc3MgQXBUb2FzdEdyb3VwXG4gKi9cblxuJ3VzZSBzdHJpY3QnXG5cbmltcG9ydCBSZWFjdCwge1Byb3BUeXBlcyBhcyB0eXBlc30gZnJvbSAncmVhY3QnXG5pbXBvcnQgQXBUb2FzdCBmcm9tICcuL2FwX3RvYXN0J1xuaW1wb3J0IHtBcFB1cmVNaXhpbn0gZnJvbSAnYXBlbWFuLXJlYWN0LW1peGlucydcbmltcG9ydCBBcEluZm9Ub2FzdCBmcm9tICcuL2FwX2luZm9fdG9hc3QnXG5pbXBvcnQgQXBXYXJuVG9hc3QgZnJvbSAnLi9hcF93YXJuX3RvYXN0J1xuaW1wb3J0IEFwRXJyb3JUb2FzdCBmcm9tICcuL2FwX2Vycm9yX3RvYXN0J1xuaW1wb3J0IFRvYXN0ZXIgZnJvbSAnLi90b2FzdGluZy90b2FzdGVyJ1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcydcblxuLyoqIEBsZW5kcyBBcFRvYXN0R3JvdXAgKi9cbmNvbnN0IEFwVG9hc3RHcm91cCA9IFJlYWN0LmNyZWF0ZUNsYXNzKHtcblxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyBTcGVjc1xuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gIHByb3BUeXBlczoge1xuICAgIGR1cmF0aW9uOiB0eXBlcy5udW1iZXIsXG4gICAgdG9hc3RlcjogdHlwZXMuaW5zdGFuY2VPZihUb2FzdGVyKVxuICB9LFxuXG4gIG1peGluczogW1xuICAgIEFwUHVyZU1peGluXG4gIF0sXG5cbiAgc3RhdGljczoge1xuICAgIFRvYXN0ZXI6IFRvYXN0ZXJcbiAgfSxcblxuICBnZXRJbml0aWFsU3RhdGUgKCkge1xuICAgIGxldCBzdGF0ZSA9IHsgX2RhdGU6IG51bGwgfVxuICAgIFRvYXN0ZXIubGV2ZWxzLmZvckVhY2gobGV2ZWwgPT4ge1xuICAgICAgc3RhdGVbIGxldmVsIF0gPSBudWxsO1xuICAgIH0pXG4gICAgcmV0dXJuIHN0YXRlO1xuICB9LFxuXG4gIGdldERlZmF1bHRQcm9wcyAoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHRvYXN0ZXI6IG51bGxcbiAgICB9XG4gIH0sXG5cbiAgcmVuZGVyICgpIHtcbiAgICBjb25zdCBzID0gdGhpc1xuICAgIGxldCB7IHN0YXRlLCBwcm9wcyB9ID0gc1xuICAgIGxldCB7IGR1cmF0aW9uIH0gPSBwcm9wc1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPXsgY2xhc3NuYW1lcygnYXAtdG9hc3QtZ3JvdXAnLCB7XG4gICAgICAgICAgICB9LCBwcm9wcy5jbGFzc05hbWUpIH0+XG4gICAgICAgIDxBcFRvYXN0IG1lc3NhZ2U9eyBzdGF0ZS5kZWZhdWx0IH0gZHVyYXRpb249eyBkdXJhdGlvbiB9IG5hbWU9XCJkZWZhdWx0XCIgb25EaXNtaXNzPXsgcy5oYW5kbGVEaXNtaXNzIH0vPlxuICAgICAgICA8QXBJbmZvVG9hc3QgbWVzc2FnZT17IHN0YXRlLmluZm8gfSBkdXJhdGlvbj17IGR1cmF0aW9uIH0gbmFtZT1cImluZm9cIiBvbkRpc21pc3M9eyBzLmhhbmRsZURpc21pc3MgfS8+XG4gICAgICAgIDxBcFdhcm5Ub2FzdCBtZXNzYWdlPXsgc3RhdGUud2FybiB9IGR1cmF0aW9uPXsgZHVyYXRpb24gfSBuYW1lPVwid2FyblwiIG9uRGlzbWlzcz17IHMuaGFuZGxlRGlzbWlzcyB9Lz5cbiAgICAgICAgPEFwRXJyb3JUb2FzdCBtZXNzYWdlPXsgc3RhdGUuZXJyb3IgfSBkdXJhdGlvbj17IGR1cmF0aW9uIH0gbmFtZT1cImVycm9yXCIgb25EaXNtaXNzPXsgcy5oYW5kbGVEaXNtaXNzIH0vPlxuICAgICAgICB7IHByb3BzLmNoaWxkcmVuIH1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfSxcblxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyBMaWZlY3ljbGVcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICBjb21wb25lbnREaWRNb3VudCAoKSB7XG4gICAgY29uc3QgcyA9IHRoaXNcbiAgICBsZXQgeyBwcm9wcyB9ID0gc1xuICAgIGlmIChwcm9wcy50b2FzdGVyKSB7XG4gICAgICBzLmJpbmRUb2FzdGVyKHByb3BzLnRvYXN0ZXIpXG4gICAgfVxuICB9LFxuXG4gIGNvbXBvbmVudFdpbGxSZWNlaXZlUHJvcHMgKG5leHRQcm9wcykge1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgbGV0IHsgcHJvcHMgfSA9IHNcbiAgICBpZiAobmV4dFByb3BzLnRvYXN0ZXIpIHtcbiAgICAgIHMudW5iaW5kVG9hc3Rlcihwcm9wcy50b2FzdGVyKVxuICAgICAgcy5iaW5kVG9hc3RlcihuZXh0UHJvcHMudG9hc3RlcilcbiAgICB9XG4gIH0sXG5cbiAgY29tcG9uZW50V2lsbFVubW91bnQgKCkge1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgbGV0IHsgcHJvcHMgfSA9IHNcbiAgICBpZiAocHJvcHMudG9hc3Rlcikge1xuICAgICAgcy51bmJpbmRUb2FzdGVyKHByb3BzLnRvYXN0ZXIpXG4gICAgfVxuICB9LFxuXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8vIEN1c3RvbVxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gIGhhbmRsZURpc21pc3MoZSkge1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgbGV0IHsgc3RhdGUgfSA9IHNcbiAgICBsZXQgeyBuYW1lLCBkaXNtaXNzZWQgfSA9IGVcbiAgICBpZiAoc3RhdGVbIG5hbWUgXSA9PT0gZGlzbWlzc2VkKSB7XG4gICAgICBzLnNldFN0YXRlKHsgbmFtZTogbnVsbCB9KVxuICAgIH1cbiAgfSxcblxuICAvKipcbiAgICogQmluZCB0b2FzdGVyIGV2ZW50cy5cbiAgICogQHBhcmFtIHRvYXN0ZXJcbiAgICovXG4gIGJpbmRUb2FzdGVyKHRvYXN0ZXIpe1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgdG9hc3Rlci5hZGRMaXN0ZW5lcigndG9hc3QnLCBzLmhhbmRsZVRvYXN0KVxuICB9LFxuXG4gIC8qKlxuICAgKiBVbmJpbmQgdG9hc3RlciBldmVudHMuXG4gICAqIEBwYXJhbSB0b2FzdGVyXG4gICAqL1xuICB1bmJpbmRUb2FzdGVyKHRvYXN0ZXIpe1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgdG9hc3Rlci5yZW1vdmVMaXN0ZW5lcigndG9hc3QnLCBzLmhhbmRsZVRvYXN0KVxuICB9LFxuXG4gIC8qKlxuICAgKiBIYW5kbGUgdG9hc3RlciBldmVudHMuXG4gICAqIEBwYXJhbSBkYXRhXG4gICAqL1xuICBoYW5kbGVUb2FzdChkYXRhKXtcbiAgICBjb25zdCBzID0gdGhpc1xuICAgIGxldCBzdGF0ZSA9IHsgX2RhdGU6IG5ldyBEYXRlKCkgfVxuICAgIFRvYXN0ZXIubGV2ZWxzLmZvckVhY2goKGxldmVsKSA9PiB7XG4gICAgICBzdGF0ZVsgbGV2ZWwgXSA9IGRhdGEubGV2ZWwgPT09IGxldmVsID8gZGF0YS5tZXNzYWdlIDogbnVsbDtcbiAgICB9KVxuICAgIHMuc2V0U3RhdGUoc3RhdGUpXG4gIH1cbn0pXG5cbmV4cG9ydCBkZWZhdWx0IEFwVG9hc3RHcm91cDsiXX0=