@scrumble-nl/react-quick-toaster
Version:
A quick and easy wrapper around react-bootstrap toasters, you can toast from anywhere in your application with a few simple steps.
91 lines (90 loc) • 3.95 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
if (typeof b !== "function" && b !== null)
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
exports.__esModule = true;
exports.ToastProvider = exports.ToastContext = void 0;
var react_1 = __importDefault(require("react"));
var toast_renderer_1 = require("./toast-renderer");
require("./scss/toaster.css");
// @ts-ignore
exports.ToastContext = react_1["default"].createContext();
var ToastProvider = /** @class */ (function (_super) {
__extends(ToastProvider, _super);
function ToastProvider() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.state = { toasts: [] };
_this.addToast = function (toast) {
if (_this.state.toasts.length >= _this.props.maxItems) {
_this.removeToastByIndex(0, _this.state.toasts.length - _this.props.maxItems + 1);
}
_this.setState({
toasts: __spreadArray([__assign(__assign({}, toast), { id: new Date().getTime() })], _this.state.toasts, true)
});
};
_this.removeToastByIndex = function (index, deleteCount) {
if (deleteCount === void 0) { deleteCount = 1; }
var toasts = _this.state.toasts;
toasts.splice(index, deleteCount);
_this.setState({ toasts: toasts });
};
_this.removeToastById = function (id) {
for (var i = 0, j = _this.state.toasts.length; i < j; i++) {
// @ts-ignore
if (_this.state.toasts[i].id === id) {
_this.removeToastByIndex(i);
return;
}
}
};
_this.render = function () {
var context = { add: _this.addToast };
return (react_1["default"].createElement(exports.ToastContext.Provider, { value: context },
_this.props.children,
react_1["default"].createElement(toast_renderer_1.ToastRenderer, { toasts: _this.state.toasts, position: _this.props.position, defaultTimer: _this.props.defaultTimer, removeToast: _this.removeToastById.bind(_this) })));
};
return _this;
}
ToastProvider.defaultProps = {
position: 'top-right',
maxItems: 8,
defaultTimer: 4000
};
return ToastProvider;
}(react_1["default"].Component));
exports.ToastProvider = ToastProvider;