skrim/toast.js

Irken plugin for managing application overlays.

"use strict";

var _createClass = (function () { function defineProperties(target, props) { for (var key in props) { var prop = props[key]; prop.configurable = true; if (prop.value) prop.writable = true; } Object.defineProperties(target, props); } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();

var _inherits = function (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) subClass.__proto__ = superClass; };

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

var React = require("react");
var assign = require("lodash/object/assign");

var styles = require("./styles");

var Toast = (function (_React$Component) {
  function Toast() {
    _classCallCheck(this, Toast);

    this.onClose = this.onClose.bind(this);
  }

  _inherits(Toast, _React$Component);

  _createClass(Toast, {
    onClose: {
      value: function onClose(evt) {
        if (typeof this.props.onClose === "function") {
          this.props.onClose(evt);
        }
      }
    },
    render: {
      value: function render() {
        var toastStyles = assign({}, styles.toast, this.props.style);
        var buttonStyles = assign({}, styles.closeToastButton, this.props.style);
        var closeLabel = "Close Toast: " + this.props.children;

        return React.createElement(
          "div",
          { style: toastStyles },
          this.props.children,
          React.createElement(
            "button",
            { style: buttonStyles, onClick: this.onClose, "aria-label": closeLabel },
            "×"
          )
        );
      }
    }
  });

  return Toast;
})(React.Component);

module.exports = Toast;