react-web-native-sketch
Version:
[TODO: We need an overview of how this can be used via npm vs as a local package]
37 lines • 1.87 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var react_redux_1 = require("react-redux");
var core_1 = require("@material-ui/core");
var dialog_1 = require("../../redux/reducers/dialog");
var CSnackbar = /** @class */ (function (_super) {
__extends(CSnackbar, _super);
function CSnackbar() {
return _super !== null && _super.apply(this, arguments) || this;
}
CSnackbar.prototype.render = function () {
var _this = this;
var _a = this.props, messages = _a.messages, hideSnackbar = _a.hideSnackbar, removeSnackbar = _a.removeSnackbar;
return (messages.map(function (snack) {
return React.createElement(core_1.Snackbar, { key: snack.id, anchorOrigin: { vertical: 'top', horizontal: 'right' }, open: snack.open, autoHideDuration: 3000, onClose: hideSnackbar.bind(_this, snack.id), onExited: removeSnackbar.bind(_this, snack.id), message: React.createElement("span", { id: "message-id" }, snack.message), action: [] });
}));
};
return CSnackbar;
}(React.PureComponent));
exports.Snackbar = react_redux_1.connect(function (state, ownProps) { return ({
messages: state.dialog.snackbarMessages,
}); }, {
hideSnackbar: dialog_1.hideSnackbar,
removeSnackbar: dialog_1.removeSnackbar,
})(CSnackbar);
//# sourceMappingURL=Snackbar.js.map